/* --------------------------------------------- */
/* TABLE OF CONTENTS

00 - RESET - Reseet everything
01 - LAYOUT - Layout
02 - PRINT - CSS for print out
03 - IPHONE - iPhone :)
04 - WEB: Type
05 - WEB: Piped Links / Spaced Links
06 - WEB: Header
07 - WEB: Footer
08 - WEB: Content
09 - WEB: Recently Browsed
10 - Column and Box
11 - Buttons

/* ----------------------------------------------*/
/* 00 - RESET
/* ----------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* ----------------------------------------------*/
/* 01 - LAYOUT
/* ----------------------------------------------*/
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearline { clear: both; border-top: 1px dotted #ccc; }
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix {display: block;}

#container { width: 990px; background-color: #FFF; margin: 0 auto; position: relative; }
#wrapper 
{
	margin-top: 5px;
	padding: 10px 15px 0px 15px;
}
.innerwrap { width: 960px; margin: 0 auto 10px; }

.pagetop
{
   position: fixed;
   right:0px;
   bottom:20%;
}

/* ----------------------------------------------*/
/* 02 - PRINT
/* ----------------------------------------------*/
@media print 
{
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
}

/* ----------------------------------------------*/
/* 03 - IPHONE
/* ----------------------------------------------*/
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

/* ----------------------------------------------*/
/* 04 - WEB (TYPE)
/* ----------------------------------------------*/
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

span.highlight { color: #333; font-weight: bold;}
p.intro { font-weight: bold; }
.more { text-align: right; }

ul { margin-bottom: 18px; list-style: none outside; clear: both; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.disclaimers { margin-left: 0; padding-left: 2em; }

/* ----------------------------------------------*/
/* 05 - WEB: Piped Links / Spaced Links
/* ----------------------------------------------*/
#footer02 { display: block; zoom: 1; }
#footer02:after { content: ".";  height: 0; clear: both; visibility: hidden; }
#footer02 li { float: left; display: inline; }

.spaced { display: block; zoom: 1; }
.spaced:after { content: ".";  height: 0; clear: both; visibility: hidden; }
.spaced li { float: left; display: inline; }
.spaced a { padding: 0 0 0 1em; margin-left: 1em; }
.spaced a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/* ----------------------------------------------*/
/* 06 - WEB (HEADER)
/* ----------------------------------------------*/
#header { width: 960px; color: #999; font-size: 11px; margin-bottom: 0px; padding: 0px 0px 0px 0px; text-align: left !important; position: relative; }
.logo{
	width: 320px;
	float: left;
}
#header:after
{
	content: ""; 
	display:block;
	height: 0px;
	clear:both;
	visibility: hidden;
}
#breadcrumb
{
	margin-top: 10px;
}
#header ul.vehiclesearchinner
{		
	margin: 0px;
	padding: 0px;
}

#header ul.vehiclesearchinner li
{
	float: left;
}

#header ul.vehiclesearchinner li.vsi
{
	float: left;
	padding: 0px 6px 0px 0px;
}

#header td.vsi
{
	padding: 0px 6px 0px 0px;
}

#header td.vsi2
{
	padding: 4px 0px 3px 10px;
}

td.vsi2 .radio
{	
	padding-bottom: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
}

td.vsi2 label
{
	padding-left: 3px;
	vertical-align: middle;
	font-family: Verdana;
}

.kitpanel
{
	padding: 3px 0px 0px 0px;
}

.vip4
{
	padding-top: 4px; 
	padding-left: 2px; 
	height: 53px;
}

.vehiclesearch
{
	padding-top: 4px; 
	padding-right: 5px;
}

/* ----------------------------------------------*/
/* 07 - WEB (FOOTER)
/* ----------------------------------------------*/
#footer 
{ 
	width: 960px;
	padding: 0px; 
}

#footer:after
{
	content: ""; 
	display:block;
	height: 0;
	clear:both;
	visibility: hidden;
}

#footerlogo
{
	padding-left: 20px;
	float: right;
}

#disclaimers
{		
	width:550px;
	float:right;
}

/* ----------------------------------------------*/
/* 08 - WEB (CONTENT)
/* ----------------------------------------------*/
#content { width: 960px; padding: 0px; text-align: left !important; }
#testimonial h3 { font-size: 13px;}
#testimonial blockquote { margin: 0; padding: 0px 50px 30px 50px; background: transparent url("images/quote.png") no-repeat 0 0; font-style: italic;}
#testimonial .testimonialrow { border-bottom:2px dashed #999; margin-bottom:25px; overflow:hidden;}
.no-items, tr.no-items p {
	background-color: #f7f7f7;
	padding: 15px 0;
	text-align: center;
	font-weight: bold;
	color: #b3b2b2;
}

#leftColContainer{ background-color: #FFF; float:left;padding-right:2px;width:210px}

#leftCol{ position: relative; top: 15px; left: 10px; }

#contentCol{ background-color: #FFF; float: right; width: 710px; padding-top: 15px; padding-right: 10px;}
#contentCol:after {	content: ".";display:block;height: 0;clear:both;visibility: hidden;}

/* ----------------------------------------------*/
/* 09 - Recently Browsed
/* ----------------------------------------------*/
.BottomBar
{
	background: url(images/bgBottomBarOuter.gif) no-repeat center;
	position: fixed;
	bottom: 0px;
	left:0px;
	height: 33px;
	width: 100%;
	z-index:9999;
	_display:none !important;       
}

#BottomBarInner
{
	height: 33px;
	margin: 0 auto;
	width: 990px;
	background: url(images/bgBottomBar.gif) repeat-x;
	color: #fff;
}

#BottomBarContent
{
	width: 990px;
	padding-top: 6px;
}

#BottomBarLogo
{
	float: left;
	width: 39px;
	height: 26px;	
	background: url(images/logoBottomBar.gif) no-repeat;
}

#BottomBarLiveChat
{
	float: left;
	width: 104px;
	height: 26px;	
	background: url(images/logoBottomLiveChat.gif) no-repeat;
}

#ToolsContent
{
	float: left;
	width: 840px;	
}

#ToolsContent ul.userTools
{
	height: 26px;
}

#ToolsContent ul.userTools li
{	
	float:left;
	display:block;
	height:26px;
	position:relative;
}

#ToolsContent ul.userTools li a:link, #ToolsContent ul.userTools li a:visited
{
	color: #dadada;
	cursor: pointer;
	display: block;
	padding: 0px 22px;
	height: 26px;
	line-height: 220%;
	background: url(images/selectorsSprite.png) no-repeat right bottom;
}

/* ----------------------------------------------*/
/* 10. Column and Box
/* ----------------------------------------------*/
.column-double{margin:0 -100px 0 0;/*see also clearFix*/}
.column-double li,
.column-double div{margin-right:15px;float:left;width:455px;}
.column-double div#dimension{_margin:0 0 0 -20px;}
.column-double li li,
.column-double li div,
.column-double div li,
.column-double div div{margin-right:0;float:none;width:100%;}
.column-double.actual li p{margin:7px 0 39px;}
.column-double:after
{
	content: ""; 
	display:block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.img-and-txt{/*see also clearFix*/}
.img-and-txt .img{margin:0;padding-bottom:2em;float:left;padding-right:10px}
.img-and-txt .img img{margin:0;}
.img-and-txt .img-r{margin:0;padding-bottom:2em;float:right;padding-left:10px;}
.img-and-txt .img-r img{float:none;margin:0;}
.img-and-txt .img-l{margin:0;padding-bottom:2em;float:left;padding-right:10px;}
.img-and-txt .img-l img{float:none;margin:0;}
.img-and-txt .txt,
.img-and-txt .txt{float:left;}

.Right
{
	float: right;
}

.Right:after
{
	content: ""; 
	display:block;
	height: 0;
	clear:both;
	visibility: hidden;
}

/* ----------------------------------------------*/
/* 11. Buttons
/* ----------------------------------------------*/
.buttons a, .buttons button, input.positive, input.regular
{
	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
*:first-child+html button[type]{
	padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}

/* STANDARD */
button:hover, .buttons a:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.buttons a:active{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}

/* POSITIVE */
button.positive, .buttons a.positive, input.positive{
	color:#529214;
}
.buttons a.positive:hover, button.positive:hover, input.positive:hover
{
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
.buttons a.positive:active
{
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
}

/* NEGATIVE */
.buttons a.negative, button.negative{
	color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
.buttons a.negative:active{
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}

/* REGULAR */
button.regular, .buttons a.regular, input.regular
{
	color:#336699;
}
.buttons a.regular:hover, button.regular:hover, input.regular:hover
{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.buttons a.regular:active
{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}

.promotionpopup
{
	color: #555;
}