@charset "utf-8";
/* CSS Document */


html,body {
 margin: 0px 0px 0px 0px;
 background-color:#ffffff;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px; 
 color:#000000;
}
body{
background-image:url(../gfx/bg_top_grad.jpg); 
background-repeat:repeat-x;
background-position:top left;
}

p{
line-height:20px;
}

h3{
color:#A0A0C0;
font-weight:bold;
font-size:14px;
}

h4{
color:#A0A0C0;
font-weight:bold;
font-size:12px;
}

strong{
color:#A0A0C0;
}

.align-top{
vertical-align:top;
}

.spacer-div-10{
height:10px;
}

.spacer-div-20{
height:20px;
}


.spacer-div-30{
height:30px;
}


#container{
width: 100%;
margin: 0 auto;
}

#grid-table{
margin: 0 auto; /*center it in the parent*/
}

#top-nav{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
padding:10px 0px 15px 0px; 
}

#top-nav a.active-link{
color:#CC0000;
}

.top-nav-separator{
font-size:14px;
}

#home-nav{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#cccccc;
font-weight:bold;
padding:20px 0px 0px 0px;
}

#home-nav a{
color:#cccccc;
}

#home-nav a:hover{
text-decoration:none; 
color:#CC0000;
}

/* CONTENT AREA STYLES */
#content-container{
padding:0px 30px 20px 30px; 
height:520px;
vertical-align:top;
}

#content-container-home{
padding:0px 0px 20px 0px; 
height:520px;
vertical-align:top;
}

#content-home{
padding-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999; 
background-color:#ffffff;
vertical-align:top;
}

#content-portfolio-index{
padding-top:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
vertical-align:top;
}

#content-portfolio{
padding-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
vertical-align:top;
}

.content-col-container{
vertical-align:top;
}

.content-col-container-padded{
padding-top:85px;
vertical-align:top;
}

.content-col-header{
color:#A0A0C0;
font-weight:bold;
font-size:14px;
padding:6px 0px 6px 0px; 
border-bottom:solid 1px #D7D7D7;
border-top:solid 1px #D7D7D7;
}

.content-col-content{
line-height:20px;
}

.content-col p{
}

#portfolio-container{
vertical-align:top;
}

#content-profile{
padding-top:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
vertical-align:top;
}

#content-contact{
padding-top:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
vertical-align:top;
}

#portfolio-index-thumb-grid{
width:100%;
}

.portfolio-index-thumb-grid-label{
padding:6px 0px 6px 0px; 
text-align:center;
border-bottom:solid 1px #D7D7D7;
border-top:solid 1px #D7D7D7;
}

.portfolio-index-thumb-grid-image{ 
border:solid 1px #D7D7D7;
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
filter:alpha(opacity=100); /* IE Opacity */
}


#portfolio-index-thumb-grid td a:hover img{ 
/* border:solid 1px #999999; */
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
filter:alpha(opacity=80); /* IE Opacity */
}

#portfolio-index-text{ 
text-align:center;
}

#portfolio-navlist{
margin-left: 0;
padding-left: 0;
list-style:none;
}

#portfolio-navlist li{
padding-left: 12px;
background-image: url(../gfx/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0px; 
line-height:26px;
}


#list-no-margin{
margin-left: 0;
padding-left: 0;
list-style:none;
}

#list-no-margin li{
padding-left: 12px;
background-image: url(../gfx/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
line-height:22px;
}

#portfolio-navlist a.active-link{
color:#CC0000;
}

#footer-container{
padding:0px 30px 20px 30px; 
}

#footer-container #footer-text{
padding:10px 0px 0px 0px; 
text-align:center;
font-size:11px;
color:#BABACF;
}

#login-table{
background-image:url(../gfx/login_bg.gif); 
background-repeat:no-repeat; 
background-position:left; 
height:300px;
width:510px; 
margin:0px 125px 0px 125px;
}

#login-table-content{ 
padding:30px 30px 30px 30px;
}

.form-label{
text-align:right;
color:#000000; 
font-weight:bold;
}

.form-label-required{
text-align:right;
color:#FF0000;
font-weight:bold;
}

.red{
color:#FF0000;
}


/* LINK STYLES */
a:link{
text-decoration:none;
color:#999999;
}
a:visited{
text-decoration:none;
color:#999999;
}
a:hover{
text-decoration:none; 
color:#CC0000;
}
a:active {
text-decoration:none;
color:#999999;
outline:none; /* get rid of those system borders being generated for A tags */
}
:focus {
-moz-outline-style:none; /* get rid of those system borders being generated for A tags */
}











.container_table{
	 border: none; 
	 border: 2px solid #006699; 
	 background-color:#CCCCCC; 
	 padding:15px 15px 15px 15px; 
	 width:515px;
}

.error_display_cell{ 
	padding:10px;
	border: 2px solid #FFCC00;
	background-color:#eeeeee;
	width:400px;
}

.spacer_cell{
	border-top: solid 1px #006699;
}

table.table_outer_border {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #999999 #999999 #999999 #999999;
	border-collapse: collapse;
}
table.table_outer_border td {
	border-width: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}

#vehicle_options_scoller{
	height:250px;
	margin-top:10px;
	overflow:scroll;
}

.report_header{
	background-color:#A6C4E1;
}

.field_cell { 
	background-color:#E6E6E6; 
}

.field_cell_yellow { 
	background-color:#FFFF99; 
}

.field_label {
	font-weight: bold;
	color: #000000; 
	background-color:#A6C4E1; 
	text-align:left; width:210px;
}

.field_label_required {
	font-weight: bold;
	color: #CC0000; 
	background-color:#A6C4E1; 
	text-align:left; width:210px;
}

td.fieldhint { 
	border-right: solid 1px #FF0000;
	border-left: solid 1px #FF0000;
	border-bottom: solid 1px #FF0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color:#FFFFCC;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

input.textFieldLarge {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 235px;
}

input.textFieldMedium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 120px;
}

input.textFieldSmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 50px;
}

input.textFieldGrid {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 120px;
}


.textareaSmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 235px;
	height:50px;
}

.textareaMedium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 235px;
	height:100px;
}

.textareaLarge {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 235px;
	height:150px;
}

.textareaAuctionReviewWizard {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 420px;
	height:150px;
}

select.large {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 175px;
}

select.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 175px;
}

select.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100px;
}

select.noWidth {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

select.yesno {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 85px;
}

select.select_control_grid {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 125px;
}

option {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


optgroup{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.highlight{ 
	background-color:#FFFF99; 
	padding:3px 3px 3px 3px;

}	


.text10 {
	font-size: 10px;
	font-weight: normal;
}

.text12 {
	font-size: 12px;
}

.text12bold {
	font-size: 12px; 
	font-weight:bold;
}

.text14 {
	font-size: 14px;
}

.text16 {
	font-size: 16px;
}

.text24 {
	font-size: 24px;
}

.red_text {
	color:#FF0000;
}

.text10red {
	font-size: 10px;
	color:#FF0000;
}

.text10redbold {
	font-size: 10px;
	color:#FF0000; 
	font-weight:bold;
}

.text12red {
	font-size: 12px;
	color:#FF0000;
}

.text12redbold {
	font-size: 12px;
	color:#FF0000;
	font-weight:bold;
}

.tab_container_cell{
	padding:0 0 0 0;
	width: 226px;
}	

.tab_blue{
	background-color:#666699;
	color:#FFFFFF;
	font-weight:bold;
	
}

.button_footer_cell{ 
	height:35px; 
	background-color:#006699; 
	text-align:right; 
	padding-right:120px;
}

.expanded {
	line-height: 16px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}

.header_title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#ffffff; 
	background-color:#006699;
	height:30px;
}

.adminNav {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#FFFF99;
	height:30px;
	text-align:right;
	border-bottom: solid 1px #006699;
}

.admin_form_tab_info{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:230px; 
	padding:2px 5px 2px 5px; 
	background-color:#FFFF99;
}

.navLink { 
	text-decoration:none;
	color:#0066FF 
}

.lowerNavLink {
	text-decoration:none; 
	color:#FFFFFF;
}


.cellpad20 {
padding: 6px 20px 6px 20px;
}
.promohead {
margin: 0px 0px 0px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.promobox {
padding: 20px 20px 10px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.mainText {
padding: 6px 20px 6px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.leftMarginTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; 
font-weight:bold;
color: #0D3591;
}
.leftMarginHeading {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
.leftMarginBody {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.pageBanner {
height: 32px; 
padding: 0px 0px 0px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px; 
color: #FFFFFF;
}

.Itembox {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.form_no_margin {
	margin: 0px;
}

.submitButton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#FFCC00;
	width:135px;
	padding: 2px;
	margin: 0px 3px 0px 3px;
}

.nav_button_abort {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FF3300;
	font-weight: normal;
	color: #FFFFFF;
	padding: 2px;
	margin: 0px 3px 0px 3px;
}

.nav_button_skip {
	font-size: 10px;
	background-color: #000099;
	color: #FFFFFF;
	padding: 2px;
	margin: 0px 3px 0px 3px;
}

.hilite_field { background-color:#FFFF00;

}
.radio_button_container {
	background-color: #33FFFF;
	border: 1px solid #000000;
	padding: 2px 8px 2px 2px;
	width: 120px;
	text-align: center;
	display: block;
	margin: 5px 0px 15px 0px;
}

.showhide {
	width:180px;
}



