/* --------------------------------------------- */
/* 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; }

#container { width: 990px; background-color: #ffffff; margin: 0 auto; position: relative; }
#wrapper 
{
	margin-top: 10px;
	padding: 15px 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; }
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
/* ----------------------------------------------*/
.piped { display: block; zoom: 1; }
.piped:after { content: ".";  height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #cccccc; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

#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;
	/* padding: 6px 6px 0px 0px;*/
}

#header td.vsi
{
	padding: 0px 6px 0px 0px;
	/* padding: 6px 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; color: #555; padding: 0px; text-align: left !important; }

/* ----------------------------------------------*/
/* 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;
}

#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;
}