/*
3a3a3a
5a5a5a
2b2b2b
e8e7e7
5e5e5e

dark orange c65c03
orange e87719
red 900201
*/

input.referacolleaguebtn	{background:#c0c0be; color:#000000; font-size:8pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#000000; border-style:solid; vertical-align:middle; width:20px;height:16px;}

.subnav{
	color:#ffffff;
	height:16px;
}

.subnav label{
	color:#ffffff;
}

.subnav a{
	color:#ffffff;
	font-weight:normal;
	font-size:13px;
	padding-left:8px;
	padding-right:8px;
	text-decoration:none;
}

.subnav a:hover{
	color:#f5821f;
	font-weight:normal;
	font-size:13px;
	padding-left:8px;
	padding-right:8px;
}



.cb_grey input
{
	border: none;
	background-color: #cccccc;
	cursor: pointer;cursor: hand;
 }

.cb_login input
{
	border: none;
	background-color: #bfbfbd;
	cursor: pointer;cursor: hand;
 }

.cb_login input:hover{

}

.cb input
{
	border: none;
	cursor: pointer;cursor: hand;
 }



.loginbox{
	width: 254px;
	height:89px;
	background: url(../images/login_box.gif) no-repeat;
	display: block;
	margin-right:18px;
}

#navigation {
	padding: 0;
	margin-left:26px;
	margin-bottom:0px;
	margin-right:0px;
	margin-top:0px;
}



#navigation li {
	display: block;
	float: left;
	margin:0;
	padding:0;
}
/* Primary Navigation Tabs */

#navigation li,  #navigation li a:link,  #navigation li a:visited,  #navigation li a:active,  #navigation li a:hover {
	display: block;
	height: 14px;
	margin: 0px;
}
#navigation li span {
	display: none;
}

#navigation #nav_home {
	width: 48px;
	background: url(../images/navigation/home.gif) no-repeat;
}

#navigation #nav_buy_vehicles {
	width: 108px;
	background: url(../images/navigation/buy_vehicles.gif) no-repeat;
}

#navigation #nav_sell_vehicles {
	width: 112px;
	background: url(../images/navigation/sell_vehicles.gif) no-repeat;
}

#navigation #nav_shipping_services {
	width: 143px;
	background: url(../images/navigation/shipping_services.gif) no-repeat;
}

#navigation #nav_vendor_directory {
	width: 147px;
	background: url(../images/navigation/vendor_directory.gif) no-repeat;
}

#navigation #nav_consulting_and_training {
	width: 174px;
	background: url(../images/navigation/consulting_and_training.gif) no-repeat;
}

#navigation #nav_about_us {
	width: 82px;
	background: url(../images/navigation/about_us.gif) no-repeat;
}

#navigation #nav_contact_us {
	width: 91px;
	background: url(../images/navigation/contact_us.gif) no-repeat;
}



#navigation #nav_home a:hover {
	width: 48px;
	background: url(../images/navigation/home_over.gif) no-repeat;
}

#navigation #nav_buy_vehicles a:hover {
	width: 108px;
	background: url(../images/navigation/buy_vehicles_over.gif) no-repeat;
}

#navigation #nav_sell_vehicles a:hover {
	width: 112px;
	background: url(../images/navigation/sell_vehicles_over.gif) no-repeat;
}

#navigation #nav_shipping_services a:hover {
	width: 143px;
	background: url(../images/navigation/shipping_services_over.gif) no-repeat;
}

#navigation #nav_vendor_directory a:hover {
	width: 147px;
	background: url(../images/navigation/vendor_directory_over.gif) no-repeat;
}

#navigation #nav_consulting_and_training a:hover {
	width: 174px;
	background: url(../images/navigation/consulting_and_training_over.gif) no-repeat;
}

#navigation #nav_about_us a:hover {
	width: 82px;
	background: url(../images/navigation/about_us_over.gif) no-repeat;
}

#navigation #nav_contact_us a:hover {
	width: 91px;
	background: url(../images/navigation/contact_us_over.gif) no-repeat;
}




.mainContent p,.mainContent td,.mainContent span,.mainContent div,.mainContent a,.mainContent a:hover {
	font-family: arial,verdana,tahoma,arial; 
	font-size:11pt;
	line-height:15pt;
}


BODY {
	font-family: arial, verdana; font-size:11pt;  color:#000000;
background: #c0c0c0;
}

P {
	font-family: arial, verdana; font-size:9pt;  color:#3e3e3e;
}

TD {
	font-family: arial, verdana; font-size:9pt;  color:#3e3e3e;
}

SPAN {
	font-family: arial, verdana; font-size:9pt;  color:#3e3e3e;
}

A{
	font-family: arial, verdana; font-size:9pt;  color:#3e3e3e; font-weight:bold;
}

A:hover{
	font-family: arial, verdana; font-size:9pt;  color:#6e6e6e; font-weight:bold;
}



.hOrange{
	font-weight: bold; 
	font-family: verdana, Arial, Sans-serif;
	color: #e87719;
	font-size:13pt; 
	padding-bottom:5px;
}

a.hOrange{
	font-weight: bold; 
	font-family: verdana, Arial, Sans-serif;
	color: #e87719;		
	font-size:13pt; 
	padding-bottom:5px;
}

.hGrey{
	font-weight: bold; font-family: verdana, Arial, Sans-serif;
	color: #4d4948;	
	font-size:13pt;
}

a.hGrey{
	font-weight: bold; font-family: verdana, Arial, Sans-serif;
	color: #4d4948;	
	font-size:13pt;
}

orange{color: #e87719;	}

grey{color: #4d4948;}

svert{background:url(images/s_vert.gif) repeat-y;}
shoriz{background:url(images/s_horiz.gif) repeat-x;}


.pageHeader{color:#333333;font-size:16px; font-family:arial, verdana, tahoma;font-weight:bold;PADDING-TOP: 20px}
.pageHeader span{color:#333333;font-size:16px; font-family:arial, verdana, tahoma;font-weight:bold;PADDING-TOP: 20px}

.titleHeader{color:#333333;font-size:14px; font-family:arial, verdana, tahoma;font-weight:bold;}
.titleHeader span{color:#333333;font-size:14px; font-family:arial, verdana, tahoma;font-weight:bold;}
.titleHeader a{color:#333333;font-size:14px; font-family:arial, verdana, tahoma;font-weight:bold;}
.titleHeader a:hover{color:#6e6e6e;font-size:14px; font-family:arial, verdana, tahoma;font-weight:bold;}

input		{font-size:10pt; font-family:Tahoma, verdana, arial;}
input:active	{font-size:10pt; font-family:Tahoma, verdana, arial;}
input:focus	{font-size:10pt; font-family:Tahoma, verdana, arial;}

textarea	{ font-size:10pt; font-family:Tahoma, verdana, arial; vertical-align:middle;}
textarea:active	{ font-size:10pt; font-family:Tahoma, verdana, arial; vertical-align:middle;}
textarea:focus	{ font-size:10pt; font-family:Tahoma, verdana, arial; vertical-align:middle;}

select		{ font-size:10pt; font-family:Tahoma, verdana, arial; vertical-align:middle;}
select:active	{ font-size:10pt; font-family:Tahoma, verdana, arial; vertical-align:middle;}
select:focus	{ font-size:10pt; font-family:Tahoma, verdana, arial; vertical-align:middle;}


input.submit		{background:#2b2b2b; color:#f8f7f7; font-size:9pt; font-family: arial, verdana; border-width:0; border-color:#000000; border-style:solid; vertical-align:middle;cursor: pointer;cursor: hand;}


input.submitone		{background:#032263; color:#ffffff; font-size:10pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#000000; border-style:solid; vertical-align:middle; width:100px;cursor: pointer;cursor: hand;}
input.submitmedium	{background:#032263; color:#ffffff; font-size:10pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#000000; border-style:solid; vertical-align:middle; width:145px;cursor: pointer;cursor: hand;}


input.submitsmall	{background:#032263; color:#ffffff; font-size:8pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#000000; border-style:solid; vertical-align:middle; width:50px;cursor: pointer;cursor: hand;}

.qs{width:136px; background:#ffffff; color:#000099; font-size:10pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#032263; border-style:solid; vertical-align:middle;}
.qs:active{width:136px; background:#efefef; color:#000000; font-size:10pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#032263; border-style:solid; vertical-align:middle;}
.qs:focus{width:136px; background:#efefef; color:#000000; font-size:10pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#032263; border-style:solid; vertical-align:middle;}

.search{width:120px; background:#ffffff; color:#000099; font-size:10pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#032263; border-style:solid; vertical-align:middle;}
.search:active{width:120px; background:#efefef; color:#000000; font-size:10pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#032263; border-style:solid; vertical-align:middle;}
.search:focus{width:120px; background:#efefef; color:#000000; font-size:10pt; font-family:Tahoma, verdana, arial; border-width:1; border-color:#032263; border-style:solid; vertical-align:middle;}

.dgHeaderOrange{
height:26px;
color:#ffffff;
}

td.dgHeaderOrange{
height:26px;
color:#ffffff;
}

.datagrid{
border-top-color: #b9b283; 
border-top-width: 1px; 
border-top-style: dotted;
border-bottom-color: #e9e3bf; 
border-bottom-width: 1px; 
border-bottom-style: none;
border-left-color: #e9e3bf; 
border-left-width: 0px; 
border-left-style: none;
border-right-color: #e9e3bf; 
border-right-width: 0px; 
border-right-style: none;

}


.featuredTable{
width:25%;
background:#d0caa3;
border-top-color: #b9b283; 
border-top-width: 1px; 
border-top-style: solid;
border-bottom-color: #b9b283; 
border-bottom-width: 1px; 
border-bottom-style: solid;
border-left-color: #b9b283; 
border-left-width: 1px; 
border-left-style: solid;
border-right-color: #b9b283; 
border-right-width: 1px; 
border-right-style: solid;

}

.tableCell{
padding:5px;
background:#f6f6f6;
border-top-color: #d0d0d0; 
border-top-width: 1px; 
border-top-style: solid;
border-bottom-color: #d0d0d0; 
border-bottom-width: 1px; 
border-bottom-style: solid;
border-left-color: #d0d0d0; 
border-left-width: 1px; 
border-left-style: solid;
border-right-color: #d0d0d0; 
border-right-width: 1px; 
border-right-style: solid;
}

.headerRow{
color:#ffffff;
font-family:arial, verdana;
font-weight:bold;
font-size:10pt;
background:#e87719;
border-top-color: #c65c03; 
border-top-width: 1px; 
border-top-style: solid;
border-bottom-color: #c65c03; 
border-bottom-width: 1px; 
border-bottom-style: solid;
border-left-color: #c65c03; 
border-left-width: 1px; 
border-left-style: solid;
border-right-color: #c65c03; 
border-right-width: 1px; 
border-right-style: solid;
padding-left:10px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
}

.headerRow span{
color:#ffffff;
}

.headerRowL{
color:#ffffff;
font-weight:bold;
background:#e87719;
border-top-color: #c65c03; 
border-top-width: 1px; 
border-top-style: solid;
border-bottom-color: #c65c03; 
border-bottom-width: 1px; 
border-bottom-style: solid;
border-left-color: #c65c03; 
border-left-width: 1px; 
border-left-style: solid;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
}

.headerRowR{
color:#ffffff;
font-weight:bold;
background:#e87719;
border-top-color: #c65c03; 
border-top-width: 1px; 
border-top-style: solid;
border-bottom-color: #c65c03; 
border-bottom-width: 1px; 
border-bottom-style: solid;
border-right-color: #c65c03; 
border-right-width: 1px; 
border-right-style: solid;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
}

.detailsTitle{
font-family: arial, verdana; font-size:14px;  color:#e87719; font-weight:bold; margin-bottom:5px;
}

.detailsTitleCell{}



.quoteofday{
color:#ffffff;font-weight:bold;
}

/* 5a5a5a */
.myAccountItem{
font-family: arial, verdana; font-size:10pt;  color:#000000; font-weight:bold;
padding-top:5px;padding-bottom:5px;
}

.myAccountItem A{
	font-family: arial, verdana; font-size:10pt;  color:#000000; font-weight:bold;
}

.myAccountItem A:hover{
	font-family: arial, verdana; font-size:10pt;  color:#6e6e6e; font-weight:bold;
}


.bluelink{
	font-family: arial, verdana; font-size:9pt;  color:#0000ff; font-weight:normal; text-decoration:none;
}

.bluelink a {
	font-family: arial, verdana; font-size:9pt;  color:#0000ff; font-weight:normal; text-decoration:none;
}

.bluelink a:hover {
	font-family: arial, verdana; font-size:9pt;  color:#0000ff; font-weight:normal; text-decoration:underline;
}


.bluelinklanding{
	font-family: arial, verdana; font-size:13px;  color:#0000ff; font-weight:normal; text-decoration:none;line-height:17px;
}

.bluelinklanding a {
	font-family: arial, verdana; font-size:13px;  color:#0000ff; font-weight:normal; text-decoration:none;line-height:17px;
}

.bluelinklanding a:hover {
	font-family: arial, verdana; font-size:13px;  color:#0000ff; font-weight:normal; text-decoration:underline;line-height:17px;
}


.inventorydg{
height:60px;
}

.white{
	color:#ffffff;
}

.white label{
	color:#ffffff;
}

.white a{
	color:#ffffff;
}

.white a:hover{
	color:#d0d0d0;
}







.dark TD{
	font-family: arial, verdana; font-size:9pt;  color:#f8f7f7;
}
.dark P{
	font-family: arial, verdana; font-size:9pt;  color:#f8f7f7;
}

.dark DIV{
	font-family: arial, verdana; font-size:9pt;  color:#f8f7f7;
}

.dark A{
	font-family: arial, verdana; font-size:9pt;  color:#e8e7e7; font-weight:bold;
}

.dark A:hover{
	font-family: arial, verdana; font-size:9pt;  color:#f8f7f7; font-weight:bold;
}


.bottomnav P{
	font-family: arial, verdana; font-size:9pt;  color:#c65c03; font-weight:normal;
}
.bottomnav A{
	font-family: arial, verdana; font-size:8pt;  color:#c65c03; font-weight:normal;
}
.bottomnav A:Hover{
	font-family: arial, verdana; font-size:8pt;  color:#c65c03; font-weight:normal;
}

.bottomnav2 P{
	font-family: arial, verdana; font-size:9pt;  color:#ffffff; font-weight:normal;
}
.bottomnav2 A{
	font-family: arial, verdana; font-size:8pt;  color:#ffffff; font-weight:normal;
}
.bottomnav2 A:Hover{
	font-family: arial, verdana; font-size:8pt;  color:#f5821f; font-weight:normal;
}

.myAccountSubItem{
padding-left:15px;
}





select.dcategory	{background:#f8f7f7; color:#000000; font-size:8pt; font-family: arial, verdana; border-width:0; border-color:#000000; border-style:solid; vertical-align:middle; width:130px;}
select.dstate	{background:#f8f7f7; color:#000000; font-size:8pt; font-family: arial, verdana; border-width:0; border-color:#000000; border-style:solid; vertical-align:middle; width:50px;}

input.login	{background:#f8f7f7; color:#000000; font-size:8pt; font-family: arial, verdana; border-width:0; border-color:#000000; border-style:solid; vertical-align:middle; width:80px;}
input.loginbtn	{background:#2b2b2b; color:#f8f7f7; font-size:8pt; font-family: arial, verdana; border-width:0; border-color:#000000; border-style:solid; vertical-align:middle; width:40px;}

input.lightbtn	{background:#f8f7f7; color:#2b2b2b; font-size:8pt; font-family: arial, verdana; border-width:0; border-color:#000000; border-style:solid; vertical-align:middle; width:34px;}
input.darkbtn	{background:#2b2b2b; color:#f8f7f7; font-size:8pt; font-family: arial, verdana; border-width:0; border-color:#000000; border-style:solid; vertical-align:middle; width:34px;}

input.mybtn	{background:#2b2b2b; color:#f8f7f7; font-size:8pt; font-family: arial, verdana; border-width:0; border-color:#000000; border-style:solid; vertical-align:middle; }

.cbdark {
border: 0px solid #ccc

}


select.mediumlarge{
width:140px;
background:#f8f7f7; color:#2b2b2b;
font-size:8pt; font-family: arial, verdana;
}

input.mediumlarge{
width:140px;
background:#f8f7f7; color:#2b2b2b;
font-size:8pt; font-family: arial, verdana;
}

.xlarge{
width:500px;
}

.large{
width:250px;
}


.medium{
width:120px;
}

.small{
width:75px;
}

.xsmall{
width:25px;
}

.fourteen{
font-size:14px;
}

.none{
background:none;
border-width:0;
}

.none:active{
background:none;
border-width:0;
}

.none:focus{
background:none;
border-width:0;
}

.none a{
font-family: arial, verdana; font-size:9pt;  color:#3e3e3e;
}

.none a:hover{
font-family: arial, verdana; font-size:9pt;  color:#3e3e3e;
}

.elhidden{
display:none; 
visibility:hidden;
font-size:10pt;
}

@media Screen    
{
.printhide {

}
.screenhide {
	display: none;
}
}

@media Print    
{
.printhide {
	display: none;
}
}




/*
HOME PAGE CONTENT SLIDER
327x214
b2b2b0
*/

.contentslide{
border-left: 1px solid #4b4b4b;
border-right: 1px solid #4b4b4b;
border-top: 1px solid #4b4b4b;
border-bottom: 0px none #e8e7e7;
padding: 0px;
width: 358px;
height: 88px;
background:#e8e7e7;
font-family:arial,verdana;
font-size:9pt;
/*font-weight:bold;
font-style:italic;*/
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}


.contentslide .contentdiv{
display: none;
}





.iTrainingKI{font-weight:bold;text-align:right;}
.iTrainingHeader{font-weight:bold;}




.pagination{
width: 358px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
height:20px;
text-align: right;
background-color: #4b4b4b;
border-right: 1px solid #4b4b4b;
border-left: 1px solid #4b4b4b;
padding: 0 0 0 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 358px; /*IE5 width*/
w\idth: 358px; /*IE6 width*/
}

.pagination a{
height:20px;
margin-left:1px;
margin-right:1px;
padding: 0 6px;
text-decoration: none; 
color: #ffffff;
background-color: #4b4b4b;
font-size:16px; font-family: arial, verdana;

}

.pagination a:hover, .pagination a.selected{
height:20px;
/*border-top: 1px solid #e87719;*/
color: #4b4b4b;
background-color: #e8e7e7;
font-size:16px; font-family: arial, verdana;

}















.rateStatus{float:left; clear:both; width:100%; height:20px;}
.rateMe{padding:0px; margin:0px; width:80px; height:15px;}

.rateMe .on{background:url(images/ratingstar_on.gif) no-repeat; width:16px; height:15px;}
.rateMe a{float:left;background:url(images/ratingstar_off.gif) no-repeat; width:16px; height:15px;}

.ratingSaved{display:none;}
    .saved{color:red; }






.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #e87719;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}