/* general */
  * { padding:0; margin:0 }
  body { font-family:/*"Berlin Sans FB", Berlin, */Verdana, Arial, Helvetica, sans-serif; font-size:76%; color: #533753; padding:6px }
  a img { border:0 }
  .clearfix { zoom:1 }
  .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; height:0 }

/*text*/
  h1 { font-size:0.9em;  font-weight:bold; color:#333; background:url(../images/bgtest.jpg) no-repeat;  padding:.4em 12px; margin-top:0; margin-bottom:0.6em }
  
  h1#banner { background:none; padding:0; margin-bottom:0 }
  #leftcolumn h1 { background:none; font-size:1em; color:purple;margin-top:0; margin-bottom:.2em; font-weight:bold }
  h2 { font-size:0.9em;  font-weight:bold; color:#fff; background-image: url(../images/bgtst2.jpg); 
  background-repeat:no-repeat; padding:.4em .3em .4em .3em; margin:0 0 .6em; position:relative } /* pos:rel fixed IE disappearing background bug */
  #leftcolumn h2 { background:none; color:#533753; }
  h3 {font-size:1em; font-weight:bold; color:#006699; margin-top:0}
  h4 {font-size:.9em;font-weight:bold; color:#333333; margin-top:0} 
  p { font-size:.9em; color: #333333; margin-bottom:.6em; text-indent:1em }
  p.first { text-indent:0 }
  ul { font-size:.9em; color: #333333 }


/* Menu */
  #navcontainer { width:728px }
  #banner { width: 727px }
  ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: normal; width:100%; position:relative; background:url(../images/nav-bg.gif) repeat-x bottom #f0f0f0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
  ul#navlist li { float: left; font-weight: normal; font-size:.9em; margin: 0 ; height:100%; padding: 0; width:auto }
  
  #navlist a, #navlist a { margin: 0 auto; display:block; padding: .4em .8em .4em 26px; color: #464646; text-decoration: none; text-align:center; background:url(../images/grey-arrow.gif) no-repeat 3px 50% }
  ul#navlist li.active a, ul#navlist a:hover { background-image:url(../images/purple-arrow.gif); color:#b97afa }
  
  .popup #navlist { clear:both; /*width:250px; position:absolute; bottom:0; left:420px;*/ background:white; border:none }
  .popup #navlist li { float:none; margin-top:1em; background:url(../images/nav-bg.gif) repeat-x bottom #f0f0f0; font-size:1.4em; border: 1px solid #d7d7d7; }

/*index*/
  #mainbody { width:727px; position:relative; min-height:26em; padding:0em 0 0 0; margin-top:1em; }
  .popup #mainbody { margin-top:0; padding-top:0; width: 655px; height:660px; overflow:auto }
  #leftcolumn{ position:relative; float:left; width:365px; padding:0 10px 0 0; margin-top:0; border-right:#333333 1px dashed; /*overflow:auto*/ ; }
  /*#leftcolumn img { float:left; }*/
  #leftcolumn img p { color:#069; padding: .8em 0 .3em ; }
  
  #rightcolumn { position:relative; float:right; width:342px;/*margin:1em 0 0 .3em */}
  .popup #rightcolumn { width:250px; position:absolute; left:377px; top:0 }
  * html .popup #rightcolumn {  }
  p.button { margin:inherit auto; text-align:center; margin:0 0 0 65px }
  p.button a { display:block;	background:url(../images/arrow_only.gif) no-repeat 6px 50% #996699; border:2px solid; border-bottom-color:#533753;	border-right-color:#533753; border-top-color:#d6c1d6;	border-left-color:#d6c1d6; width:160px; padding: .7em 6px .7em 32px; font-weight:bold; color:#FFFFFF; font-size:1em; line-height:1em }
  /*p.button a:hover { border-top-color:#533753; border-left-color:#533753; border-bottom-color:#d6c1d6; border-right-color:#d6c1d6 }*/
  
  .dispose { border: #CCCCCC 1px solid; margin:0 0 .6em; background-color:#EFE7EF; background-repeat:repeat-y; padding:0 6px 1em }
  .dispose h1 { margin:0 -6px 1em; padding-left:20px }
  .dispose p { clear:left; padding:.2em 6px 0 0; margin-bottom:0 }
  .dispose img { float:left; padding: .5em .2em .6em .3em; margin-right:8px; margin-top:-4px }
  .dispose a { text-decoration:none; color:#FFFFFF}
  .dispose a:hover {text-decoration:underline; color: #000000}
  .dispose ul { list-style:none}
  .dispose li { }
  .whatyougetreally { /*witdh:20em;*/ }
  .whatyougetreally ul, .whatyouDontget ul { list-style:none; margin: 0em .1em 1em .3em; padding:0em .2em 0em .3em; position:relative } /* this last to fix IE bug */
  .whatyougetreally li { background-image:url(../images/tick.gif); background-repeat:no-repeat; padding: 0em .2em .7em 1.7em }
  .whatyouDontget {/*width:21em*/}
  .whatyouDontget li { background-image:url(../images/greenstop.jpg); background-repeat:no-repeat; padding: 0em 0em .7em 1.7em }  

/*carlisting*/
  #carListInclude { width:100%; /*float:left; */margin:1em 0 1em 0}
  #carListIncludesecond { width:365px; float:right; margin:0 0 1em 0 }
  .carList { border-collapse:collapse; margin-bottom:1em }
  /*.carList tr { border: 1px solid #00659C; }*/ /*[nice dream]*/
	.carList td { font-size: .85em; padding:0 6px; text-align:center; vertical-align:middle; background:url(../images/table-bg.gif) repeat-x bottom left; border-bottom:1px solid #CCCCCC }
	.carList td a { color:#533753 }
	.carList td.carListPhotoColumn { padding:0; border-left:1px solid #CCCCCC }
	.carList td.carListEndTimeColumn { border-right:1px solid #CCCCCC }
	.carList td p { padding:0; margin:0 }
	.carList td.carListDescColumn a { text-decoration:none; font-weight:bold }
	.carList th { font-size: .8em; text-align:center; padding:2px 2px 2px 4px; border:0; /*background:repeat-x url(../../images/tableheaderbackground.gif) #188AD6;*/ height:29px; color: #533753; vertical-align:bottom; border-bottom:1px solid #CCCCCC; }
	.carList  th a { color: #533753; text-decoration: none; }
	/*.carList thead th a:visited { color: #D7D6D6; text-decoration: underline; } */
	.carList  th a:hover { color: #87D71E; text-decoration: underline; }
	.carList img { display: block; }
	.carList .carListSaleTypeColumn { display:none }

	
/*buy-cars-at-wholesale*/
	#whatYouGet div { display:block; margin:0 0 .1em;
	vertical-align: middle; padding:10px 0 0; min-height:58px; position:relative }
	* html #whatYouGet div { margin-bottom:0; height:58px }
	.testimonial{ border: #604060 1px solid; background-color:#EFE7EF; position:relative; margin:10px 0 10px 0; padding:6px 12px  }
	.testimonial img { float:right; margin:5px 5px 5px 7px; position:relative }
	#carcontainer {width:365px;position:relative; float:right}
	#rightcolumnbuy { position:relative; float:right; width:400px;/*margin:1em 0 0 .3em */}
	#rightcolumnbuy p.links { margin:0; text-align:right }
	#rightcolumnbuy p.links img {  }
	#leftcolumnbuy { position:relative; float:left; width:320px;margin-bottom:1em}

  #whatYouGet div a{text-decoration:none; color:#875B8A }
  #whatYouGet div a:hover {text-decoration:underline; color:#666 }	
	#whatYouGet p img{ float: right; margin-left:10px; margin-right:4px }
	a:hover { text-decoration: underline }
  .home h2 a { text-decoration:none; color:#56B109 }
	.importantnote { border: 1px #666666 solid;}
	#whatYouGet { width:278px; float:left}
	* html .home #whatYouGet { height:200px } /* being for the benefit of IE5 */
	#whatYouGet a { text-decoration:none }
	#whatYouGet div { background: url(../images/homeBg_top.jpg) no-repeat #eee; display:block; margin:0 0 .1em; vertical-align: middle; padding:10px 0 0; min-height:58px; position:relative }
	* html  #whatYouGet { height:58px }
	#whatYouGet img { margin:-4px 0 0 4px; padding:8px 8px 8px 4px; border-right:1px solid #ccc; /*float:left*/ position:absolute }
  #whatYouGet  p { padding: 0 18px 18px 85px; margin:0; background: url(../images/homeBg_bottom.jpg) no-repeat bottom left; min-height:48px; font-weight:bold }
  #whatYouGet #everyCar img { padding:2px 1px 2px 0; margin-left:1px }
  #whatYouGet #free7day img { padding:4px 8px 5px 4px }
	* html #whatYouGet div p { height:48px }
	 #whatYouGet #directToYou img { float:left; position:static; margin:0 58px 4px; border:0; padding:0 }
	* html  #whatYouGet #directToYou img { position:relative } 
	 #whatYouGet #directToYou p { padding:0 22px 10px 14px; min-height:48px }
	* html  #whatYouGet #directToYou p { height:40px }
	.infobox { width:240px; margin-left:5px; margin-top:1em; padding:.6em 4px; clear:left; float:left }
	 .infobox cite { font-style:normal; color:#006699; font-weight:bold; margin-bottom:1em }

	 #financeCalcBox { border:1px #9966FF solid; position:relative; float:left; clear:left;  margin-bottom:1em }

	/*.home #mainContent #financeCalcBox img { position:absolute; left:-163px; top:324px }*/
  #financeCalcBox img { position:static; align:centre; margin-bottom:5px  }
  #financeCalcBox a  { text-decoration:none; color:#875B8A}
  #financeCalcBox a:hover {text-decoration:underline; color:#666}	
	/*.home #mainContent #financeCalcBox p a img { position:static; float:right }*/
	 #financeCalcBox h3 { margin:1.4em 10px 0 97px; text-align:center; clear:right; padding:1em 0 0; font-weight:bold; /*width:150px float:right*/  }
	
	.home .starnote { text-align:right; font-size:.8em; position:absolute; bottom:0; right:0 }
	.home .winner { text-align:right; float:right; font-size:0.8em; } 
	.home .hint { margin:1em 0 .2em }
	.home #wfPic { float:right; width:100px; margin-left:4px ; margin-right:6px}
	/*.home #wfPic img { display:inline; visibility:visible; border:4px solid black } *
	
/*get an instant quote*/
	#maincontent { position:relative; width:727px; clear:both; padding-top:1em }
	.important { position:relative;	border:#CCCCCC 1px solid;	padding: .2em .5em .2em .5em; margin: 0;	background-color: #FFFFFF } 
	#carcondition{ position:relative; margin-top:1em;padding:0 0px 10px }
	#carcondition img { float:left; margin:0 1em 1em 0; border:1px solid  #DDDDDD }
	#carcondition p { padding:1em 0 0 1em }
	.word{ position:relative; float:left; margin-bottom:12px }
	.pdf { position:relative;float:left; margin-bottom:13px }
	.getadobe { position:relative; float:left; margin:0 0px 12px 0 }  
  #button, #buttonlower { position:relative; float:right; margin:0 180px 10px 0 }	
	
	  
	#documents { position:relative;	margin:7px 0 10px 0; width:727px; border:#cccccc  1px solid; background-color: #F3F3F1; clear:both; margin-bottom: 1em;	padding:0 0 10px 0 }
  #documents p { text-align:center }
	#documents img { float:left; margin:0 .0em 1em.5em }
	.v5 { position:relative; float:left; margin:.5em .5em .5em .5em }
	.v5 p { padding:0 0 .8em .7em; text-align:center }
	.mot { position:relative; float:left; margin:.5em 0 .5em 0 }
	.mot p { padding-left:.7em; text-align:center }
	.servicehistory { position:relative; float:left;margin:.5em 0 .5em 0 }
	.servicehistory p { padding-left:.7em; text-align:center }

/*faq*/
  #maincontent {position:relative;width:727px; clear:both;padding-top:1em}
  #questions { background:url(../images/carlight.jpg) no-repeat 100% 100%; margin-top:-1em ; min-height:225px; padding:1em 0 0 5% }
  * html #questions { height:225px }
  #questions a { color:#333333; font-weight:bold; text-decoration:none; }
  #questions a:hover { color:#990099}
  #questions h1 { margin:0; width:42%; padding-right:0; padding-left:4% }
  #questions ul{ list-style-type:none; margin:0; padding: .2em 0 0; width:46%; background: #EFE7EF no-repeat; border: #cccccc 1px solid; }
  #questions li { background-image: url(../images/arrow.gif); background-repeat:no-repeat; margin:0; padding:0 0 .5em 8% }
  
  #answers { clear:both; margin-top:0 } 
  
  dt {font-size:.9em; font-weight:bold; border-bottom:#663399 1px solid; border-top:#663399 1px solid; margin: 0 0 1em 0}
  dd {font-size:.9em; margin: 0 0 1em }


/*pop-up from listing*/
  .carsiterecommend {/*position:relative; float:left; width:241px; position:absolute; top:6px; left:428px; width:280px;*/background-color:#EFE7EF; border: #C3A9C2 1px solid; padding:.5em .6em .5em .6em }
  
  .partx { margin:1em auto; display:block; }
  #leftcolumnpop-up{ width:365px; padding:0; position:absolute; top:0; left:0 ; clear:both }
  #smallwhatyouget { margin: 10px 0px 0 0; border: 1px #cccccc solid }
  .whatyougetreallypop-up { width:185px; float:left }
  .whatyougetreallypop-up ul { list-style:none; margin: 0em .1em 0em .3em; padding:0em .2em 0em .3em }
  .whatyougetreallypop-up li { background-image:url(../images/tick.gif); background-repeat:no-repeat; padding: 0em .2em .7em 1.7em }
  .whatyouDontgetpop-up { margin-left:186px; border-left:1px #666666 solid }
  .whatyouDontgetpop-up ul { list-style:none; margin: 0em .1em 0em .3em; padding:0em .2em 0em .3em }
  .whatyouDontgetpop-up li { background-image:url(../images/greenstop.jpg); background-repeat:no-repeat; padding: 0em 0em .7em 1.7em }


/*about us*/
  .aboutwholesale { border: 1px solid #CCCCCC;margin-bottom:1.5em }
  #leftcolumnabout { position:relative; float:left; width:465px; padding:0;  clear:both }
  #leftcolumnabout a { color:#006699; text-decoration:none; font-weight:bold }
  #leftcolumnabout a:hover { color:#B796B9; text-decoration:underline; font-weight:bold }
  .aboutwholesale p { padding:0 10px 0 10px } 
  .aboutxpart { border:1px solid #CCCCCC; margin-bottom:1.5em; position:relative; float:right; width:250px} 
  .aboutxpart p {padding:0 10px 0 10px }
  .aboutxpart div img { display:block }
  p.links { margin:1em 12px; }
  p.links img { display:inline; /*float:left;*/ margin-right:10px; vertical-align:middle}
  p.guarantee { margin:1em 12px; /*white-space:nowrap; */ }
  p.guarantee img { display:inline; vertical-align:middle; margin-bottom:2px }

/* sitemap */
  ul.starred { list-style-image: url(../images/star.gif); margin:0; padding:1em 0 10em 24px }
  ul.starred li { margin: 0 0 .6em; font-size:1.2em }
  ul.starred li a { text-decoration:none; font-weight:bold }
  ul.starred li a:hover { text-decoration:underline }

/* footer */
  #footer { background:#b796b9; color:white; font-size:.9em; padding:.1em 2em .3em; text-align:left; clear:both; position:relative; line-height:1 }
  #footer a { color:white; text-decoration:none; font-weight:bold }
  #footer span { display:block; position:absolute; right:2em; top:.1em }