﻿/* general section layout */
#Public { width: 1000px; }
#Public #Main #Left { width: 196px; float: left; margin-right: 4px; }
#Public #Main #Content { width: 634px; float: left; margin-right: 2px; padding-right: 2px; }
#Public #Main #Right { width: 160px; float: left; }
#Public .LHalf { width: 85px; }
#Public .SQField { width: 183px; }

/* daily specials dealer */
.DSPD { height: 230px;}
.DSPD #PS { position:absolute; height: 230px; margin-left: 17px; width: 4200px; clip:rect( 0px 480px 230px 0px); }
.DSPD .PL, .DSPD .PR { position:absolute; height: 40px; width: 10px; margin-top: 75px; }
.DSPD .PL { background: transparent url(../../../Image/PagerPrevOn.png) no-repeat center center; margin-left: 0px; }
.DSPD .PR { background: transparent url(../../../Image/PagerNextOn.png) no-repeat center center; margin-left: 500px; }
.DSPD .DS { width: 230px; height: 230px; float: left; overflow:hidden; margin-right: 10px; }
.DSPD .VP { margin-bottom: 10px; }
.DSPD .VP img { border: solid 1px black; width: 228px; height: 169px; }
.DSPD .DSCS { background-color: #E0EEFF; }
.DSPD .DSC { float: left; }
.DSPD .DSL { float: right; width: 101px; margin-top: 3px; }
.DSPD .DSL img { border: solid 1px black; width: 99px; height: 25px; }
/* make sensitive */
.DSPD2 { height: 146px;}
.DSPD2 .DS { width: 101px; height: 145px; float: left; overflow:hidden; margin-right: 2px; }
.DSPD2 .DSL img { border: solid 1px black; width: 99px; height: 25px; }
.DSPD2 .DSV {margin-top: 2px; }
.DSPD2 .DSV img { border: solid 1px black; width: 99px; height: 75px; }
.DSPD2 .DSV p { margin: 0px 2px 0px 2px; }
/* daily specials 3 Box*/
.DSPBox3 { height: 111; padding-top: 10px; margin-bottom: 5px; border: solid 2px #A6C1DC; background-color: #FFEEDD; }
.DSPBox3 .DS { width: 202px; height: auto; float: left; overflow:hidden; margin-left: 3px; }
.DSPBox3 .DSL { height: auto;overflow:auto;}
.DSPBox3 .DSV {margin-top: 2px; }
.DSPBox3 .DSJoin { position:absolute; height: 20px; width: 190px; z-index: 21; background-color:#FFEEDD; }
.DSPBox3 .DSV .VP { float: left; border: solid 1px black; width: 85px; height: 64px; }
.DSPBox3 .DSV .VDesc { float: left; margin-left: 2px; width: 113px; height: auto; }
.DSPBox3 .DSV .VL { float: left; margin-left: 2px; width: 113px; }
.DSPBox3 .DSV img {  }
.DSPBox3 .DSV p { margin: 0px 2px 0px 2px; }
.DSPBox3 .Pop3Box { position: absolute; z-index: 20; height: 140px; margin-left: -2px; margin-top: 5px; padding: 3px 0 3px 3px; border: solid 2px #A6C1DC; background-color: #FFEEDD; }
.DSPBox3 .Pop3Box .Values { float: left; overflow:hidden; height: 12px; }
.DSPBox3 .Pop3Box .VP { float: left; width: 178px; height: 135px; }
.DSPBox3 .Pop3Box .PopMain { float: left; margin-left: 3px; width: 225px; height: 135px; padding-top: 3px; }
.DSPBox3 .Pop3Box .PopMain .VehMain { float: left; height: 80px; }
.DSPBox3 .Pop3Box .PopMain .VehMain .Left { float: left; width: 70px; }
.DSPBox3 .Pop3Box .PopMain .VehMain .Right { float: left; width: 155px; text-align: left; }
.DSPBox3 .Pop3Box .PopMain .VehMain .Right .Values { width: 155px; }
.DSPBox3 .Pop3Box .PopMain .DL { width: 99px; height: 25px; margin-bottom: 15px; }
.DSPBox3 .Pop3Box .PopDesc { float: left; margin-left: 3px; width: 204px; height: 135px; }
.DSPBox3 .Pop3Box .PopDesc .Left { float: left; width: 93px; }
.DSPBox3 .Pop3Box .PopDesc .Right { float: left; width: 111px; text-align: left; }
.DSPBox3 .Pop3Box .PopDesc .Right .Values { width: 111px; text-align: left; }
/* daily specials private */
.DSPP { margin-bottom: 5px; }
.DSPP .DS { height: 80px; float: none; overflow:hidden; margin: 3px 2px 0 0; border-bottom: solid 1px #E0EEFF; }
.DSPP .DS .DSP { float: left; }
.DSPP .DS .DSP img { border: solid 1px black; width: 99px; height: 75px; }
.DSPP .DS .DSP p { margin: 0px 2px 0px 2px; }
.DSPP .DS .DSDesc { float: left; width: 170px; margin-left: 5px; }
.DSPP .DS .DSDesc .Desc { font-weight: bold; }
.DSPP .DS .DSDesc .Reg { margin-top: 10px; }
.DSPP .DS .DSDesc .Price { font-size: 11px; text-align: right; margin-top: 5px; }
.DSPP hr { border: solid 1px #E0EEFF; border-bottom: 1px; border-left: 1px; border-right: 1px; margin: 3px 0 3px; }
/* daily specials priviledged dealer (logos on homepage) */
.DSPrvldD { margin-bottom: 5px;}
.DSPrvldD .DS { height: 35px; float: none; overflow:hidden; margin-top: 3px; border: solid 1px #E0EEFF; }
.DSPrvldD .DS .DSL { float: left; }
.DSPrvldD .DS .DSL img { width: 140px; height: 35px; }
.DSPrvldD .DS .DSDesc { float: left; width: 153px; margin-left: 5px; }
/* Brand Promos (logos on homepage) */
.DSBrndP { margin-bottom: 5px;}
.DSBrndP .DS { height: 35px; float: none; overflow:hidden; margin-top: 3px; border: solid 1px #E0EEFF; }
.DSBrndP .DS .DSL { float: left; }
.DSBrndP .DS .DSL img { width: 140px; height: 35px; }
.DSBrndP .DS .DSDesc { float: left; width: 153px; margin-left: 5px; }
/* daily special big */
#Public #BannersBig { height: 255px; margin-bottom: 8px; margin-top: 4px;}
#Public #BannersBig #EDI { float: left; width: 297px; height: 250px; }
.VDDB { margin-bottom: 10px; }
.VDDB .VP { width: 300px;    }
.VDDB .VP img { width: 300px; height: 223px;   }
.VDDB .DSL {float:left; margin-top: 2px; width: 100px; height: 25px; }
.VDDB .DSC {float:left; margin-top: 2px; margin-left: 1px; width: 189px; background-color: #A6C1DC;  height: 22px; padding: 3px 2px 0px 4px; line-height: 9px;}
.VDDB .DSC:hover { background-color: #FF9900; color: Black;}
.VDDB .DSC a:hover { color: Black;}

/* banners */
#BannerRight { width: 160px; margin-bottom: 4px; }
#BannerLeft { width: 196px; height: 196px; margin: 4px 0px 4px 0px; }

/* random vehicle */
.DCV { float:left; height: 118px; width: 99px; overflow:hidden; margin-right: 4px; }
.DCV img { border: solid 1px black; width: 99px; height: 75px; }
.DCV p { margin: 0px 2px 0px 2px; }

/* google maps */
#Public #Map { width:640px; height:540px; }
#Public #Map #Canvas {width:638px; height:398px; border:solid 1px #E0EEFF; }
#Public #Map #Switch {width: 30px; height: 17px; background-image: url(../Image/Switch.gif) ; background-position:center; background-repeat:no-repeat}
#Public #Map #Switch:hover { background-image: url(../Image/SwitchA.gif) ;}
#Public #Map #Addr {margin-top: 4px; height: 40px; }
#Public #Map #Addr input { width: 292px; }
#Public #Map #Directions {border:1px solid gray; width:243px; padding:0px; margin-top:5px; float:left; display:none;}
#Public #Map #Print { float: right; border:1px solid #E0EEFF; height: 14px; padding: 0px 6px;}
#Public #Map #RPlan {margin-top: 36px; }

/* landing page*/
#LPForm { background-color: #F1F6FC; padding-top: 4px; }
#LPForm p { clear: both; padding-top: 4px; }
.LPLeft { width: 65px; margin-left: 8px; font-weight: bold;} 
.LPRight,
.LPRight textarea { width: 535px; } 
.LPRight input { width: 200px; height: 15px;} 
.LPRight .LPRightCB input { width: 20px; }

/* SEO */
.SEOMakes { float:left; margin-right: 8px; width: 116px;} 
.SEOModels { float:left; margin-right: 8px; width: 194px;} 
.SEOMakModDesc { height: 96px; overflow: auto; } 
.SEOMakModDesc p { margin-bottom: 8px;} 
.SEORegions { float:left; margin-right: 8px; width: 116px;} 
.SEOProvinces { float:left; margin-right: 8px; width: 189px;} 

/* detail search */
#Public .SDL { width: 306px; margin-right: 4px;}
#Public .SDR { width: 310px; }
#Public .SDCB input {margin-right: 4px; margin-top: 4px; margin-left: 8px;}
#Public .SDCB label {margin-right: 8px;}
#Public .SDCB h1,
#Public .SDCB h2 { display: inline; font-weight:normal; }
#Public .SDLbl { width: 90px; display:inline-block; float:left;}
#Public .SDTxt { width: 150px;  }
#Public .SDTxtShort { width: 73px; }
#Public #SDFlag td {line-height: 16px; }
#Public .SDL p,
#Public .SDR p,
#Public .SDR div.License,
#Public #SDOther p { padding-top: 4px; padding-left: 8px; } 
#Public #SDFlag  { padding-left: 5px; } 
#Public #SDFlag label {padding-left: 4px; }
#Public #SDSrt {width: 458px;padding-top: 4px; padding-left: 5px;  }

/* result list */
#Public .RLSagHint { margin: 4px 0px 16px 20px; }
#Public .SRTitle { margin: 10px 0; font-size: 11px; }
#Public .SATitle { margin: 10px 0; font-size: 11px; }
#Public #SearchRequest { margin-bottom: 20px; }
#Public .SRMixedMode { margin-bottom: 20px; }
#Public .SRMixedMode .SearchAgent { float: left; width: 280px; height: 365px; border:1px solid #E0EEFF; padding: 0 6px; }
#Public .SRMixedMode .SearchAgent .SALinkImg { background: url(../Image/Magnifier.png) no-repeat left top; height: 60px; padding-top: 15px; padding-left: 60px; font-size: 11px; }
#Public .SRMixedMode .SearchReq { float: right; width: 320px; background-color:#F1F6FC; padding: 0 6px;  }
#Public .SRMixedMode .LPRight, #Public .SRMixedMode .LPRight textarea { width: 240px; } 
#Public .SRMixedMode .LPRight input { width: 240px; } 
#Public .SRMixedMode .LPRight .LPRightCB input { width: 20px; }

/* vehicle list short view */                        	
#Public .LisView { color: Black; width: 606px;  height: 82px; margin-bottom: 4px;}
#Public .LisView a { color: Black; }
#Public .LisView .LisHMake,
#Public .LisView .LisHLic,
#Public .LisView .LisHMile,
#Public .LisView .LisHPrice {float: left;height: 12px; background-color: #E0EEFF;}
#Public .LisView .LisHMake { width: 252px;  padding-left: 8px;font-weight: bold; overflow:hidden;}
#Public .LisView .LisHLic { width: 50px;  text-align : right;}
#Public .LisView .LisHMile { width: 90px;  text-align : right;}
#Public .LisView .LisHPrice { width: 90px;  padding-left: 4px; padding-right: 4px; text-align: right; font-weight: bold; }
#Public .LisView .LisCon { float: left; height: 50px; width: 498px; overflow:hidden;}
#Public .LisView .LisDesc { float: left; width: 445px;}
#Public .LisView .LisMain { height: 12px;font-weight: bold; padding-left: 9px; overflow:hidden}
#Public .LisView .LisBody { height: 50px;padding-left: 8px; overflow:hidden;}
#Public div.LisView:hover  { text-decoration: none; background-color: #FFEEDD; color: Black; }
#Public div.LisView:hover .LisHMake,
#Public div.LisView:hover .LisHLic,
#Public div.LisView:hover .LisHMile,
#Public div.LisView:hover .LisHPrice { background-color: #FFD0A0;  }
#Public .LisView .LisDetL { float: left; margin: 2px 0px 0px 4px; font-weight: bold; }
#Public .LisView .LisDetL a { color: #002266; padding: 4px 4px 4px 4px;}
#Public div.LisDetL a:hover { color: #FF9900; background-color: #FFFFFF; }
#Public .VehLis .LisRnk { height: 0px; position:relative; top: -21px; left: 576px; }
#Public .VehLis .LisIco { width: 50px; height: 0px;text-align: right;  position:relative; top: -64px; left: 556px; background-color: #FFD0A0;}
#Public .PopAdr { position: absolute; z-index: 20; margin-left: 14px; margin-top: 82px; padding: 4px 8px; height:38px; background-color: #E0EEFF; border:solid 1px #A6C1DC;}
#Public .PopRnk { position: absolute; z-index: 60; margin-left: 383px; margin-top: -11px; width: 205px; padding: 4px 8px; height:48px; background-color: #E0EEFF; border:solid 1px #A6C1DC;}

#Public #ResListShort .LisHMake { width: 246px; padding-left: 14px; }
#Public #ResListShort .LisHBody { width: 90px; }
#Public #ResListShort .LisHLic { width: 70px; }
#Public #ResListShort .LisHColor { width: 75px; }
#Public #ResListShort .LisHMile { width: 64px; }
#Public #ResListShort .LisHPrice { width: 60px; }

#Public #ResListShort .LisCmp,
#Public #ResListShort .LisMake,
#Public #ResListShort .LisPhoto,
#Public #ResListShort .LisBody,
#Public #ResListShort .LisLic,
#Public #ResListShort .LisColor,
#Public #ResListShort .LisMile,
#Public #ResListShort .LisPrice {float: left; height: 21px; background-color: #E0EEFF; padding-top: 4px; }
#Public #ResListShort .LisCmp { width:14px; padding-top: 0px; }
#Public #ResListShort .LisMake { width: 230px; overflow:hidden; }
#Public #ResListShort .LisPhoto { width: 20px; }
#Public #ResListShort .LisBody { width: 85px; overflow:hidden; }
#Public #ResListShort .LisLic { width: 70px; }
#Public #ResListShort .LisColor { width: 75px; }
#Public #ResListShort .LisMile { width: 64px; }
#Public #ResListShort .LisPrice { width: 58px; text-align: right; padding-right: 2px; }
#Public #ResListShort .PopImg { position: absolute; z-index: 20; margin-left: 240px; margin-top: 28px; padding: 4px 8px; height:82px; background-color: #E0EEFF; border:solid 1px #A6C1DC;}
#Public #ResListShort .PopImg .Desc { float: left; margin-left: 10px; }
#Public #ResListShort a, #Public #ResListShort a:visited { color: Black; }

  
/* vehicle compare */
#Public .VehCmp {  margin-top: -4px;}
#Public .VehCmp .Lbl { width: 120px; font-weight: bold; border-left: solid 1px #E0EEFF; border-right: solid 1px #E0EEFF; }
#Public .VehCmp .Veh { width: 122px; border-left: solid 1px #E0EEFF;border-right: solid 1px #E0EEFF;  }
#Public .VehCmp .Veh a:hover div { background-color: #FFEEDD; color: Black; }
#Public .VehCmp .Top { height: 49px; padding-left: 2px;}
#Public .VehCmp .Img { width: 65px; height: 49px;}
#Public .VehCmp .Prc { width: 53px; margin-top: 33px; font-weight: bold; text-align:right;}
#Public .VehCmp .Mak { height: 28px; padding: 4px 4px;  overflow:hidden; font-weight: bold; background-color: #E0EEFF; line-height: 14px;}
#Public .VehCmp .Veh a:hover .Mak { background-color: #FFD0A0; color: Black;  }
#Public .VehCmp .Det p { padding: 1px 0px; }
#Public .VehCmp .Lin { height: 12px; overflow:hidden; margin: 2px 4px;}
#Public .VehCmp .Ul { border-bottom: solid 1px #E0EEFF; margin-top: 4px;}
#Public .VehCmp .War { padding: 0px 4px; height: 50px; }
#Public .VehCmp .Con { padding: 6px 4px;  font-weight: bold; background-color: #E0EEFF;}
#Public .VehCmp .Address { padding: 2px 4px;  }
#Public .VehCmp  a:hover .Address {  background-color: #FFD0A0;  }
#Public .VehCmp .Nam { font-weight: bold;}

/* partners */
#Public .Partners .Partner { margin-bottom: 2px; }
#Public .Partners .Content { height: 46px; width: 240px; padding: 4px 0 0 8px; border: solid 1px #E0EEFF; }
#Public .Partners a:hover .Content { background-color: #FFEEDD; color: Black; }

/* vehicle favorites */
#Public #ResList .Remove { width: 50px; height: 0px;text-align: right;  position:relative; top: -62px; left: 553px; background-color: #FFD0A0;}

/* dealer info and search */
#Public #DInfo #Adr { width: 150px; }
#Public #DInfo #Adr img {margin-bottom: 8px; }
#Public #DInfo #Cmt { width: 400px; }
#Public #DInfo #Lnk { padding-left: 8px; }
#Public #DInfo .Makes { padding: 4px 2px 0 2px; }
#Public #DInfo .Makes img { width: 60px; }
#Public #DeaRes .DeaLis div {padding-right: 4px;}
#Public #DeaRes .Map {width: 200px; padding: 4px 4px;}
#Public #DeaRes .Intro {width: 200px; padding: 4px 4px; margin: 5px 0px 0px 5px;}
#Public #DeaRes .SQ  { width: 184px; }

/* public contact */
#Public .Contact a:hover .Address  {  background-color: #FFEEDD; color: Black; }

/* technical data */
#Public #Tech #TDIntro { height: 40px; margin-bottom: 10px; }
#Public #Tech #TDIntro #TDIL { margin: 25px 0px 0px 8px; }
#Public #Tech  .L { padding:  0px 0px 16px 8px; clear: both;}
#Public #Tech .space {clear: both; padding-bottom: 0px;}
#Public #Tech #Mot .C1 { width: 160px; float: left; font-weight: bold;}
#Public #Tech #Mot .C2 { width: 80px; float: left; text-align: right;}
#Public #Tech #Mot .C3 { width: 150px; float: left; margin-left: 60px; font-weight: bold;}
#Public #Tech #Mot .C4 { width: 152px; float: left; text-align: right;}
#Public #Tech #Dim .L { padding:  0px 0px 16px 8px; clear: both;}
#Public #Tech #Dim .C1 { width: 190px; float: left; font-weight: bold;}
#Public #Tech #Dim .C2 { width: 50px; float: left; text-align: right;}
#Public #Tech #Dim .C3 { width: 150px; float: left; margin-left: 60px; font-weight: bold;}
#Public #Tech #Dim .C4 { width: 152px; float: left; text-align: right;}
#Public #Tech .PL { width: 292px; float: left }
#Public #Tech .PR { margin-left: 8px; width: 320px; float: left }
#Public #Tech #Bod .C1 { width: 140px; float: left; font-weight: bold;}
#Public #Tech #Bod .C2 { width: 100px; float: left; text-align: right;}
#Public #Tech #Trm .C1 { width: 233px; float: left; font-weight: bold;}
#Public #Tech #Trm .C2 { width: 70px; float: left; text-align: right;}
#Public #Tech #Tyr .C1 { width: 140px; float: left; font-weight: bold;}
#Public #Tech #Tyr .C2 { width: 100px; float: left; text-align: right;}
#Public #Tech #Cns .C1 { width: 233px; float: left; font-weight: bold;}
#Public #Tech #Cns .C4 { width: 120px; float: left; font-weight: bold;}
#Public #Tech #Cns .C2 { width: 113px; float: left; text-align: right;}
#Public #Tech #Cns .C5 { width: 50px; float: left; text-align: right;}
#Public #Tech #Cns .C6 { width: 183px; float: left; text-align: right;}
#Public #Tech #Cns .C3 {width: 70px; float: left; text-align: right;}

/* send a friend */
#Public #Rcm .L { padding:  8px 0px 0px 0px; clear:left;}
#Public #Rcm .C1 { width: 140px; float: left; font-weight: bold;}
#Public #Rcm .C2 { width: 154px; float: left; font-weight: bold;}
#Public #Rcm .C3 { padding-left: 18px;width: 140px; float: left; font-weight: bold;}
#Public #Rcm .C4 { width: 154px; float: left; font-weight: bold;}
#Public #Rcm .C5 { width: 466px; float: left; font-weight: bold;}
#Public #Rcm #Veh { padding-top: 20px; }

/* services */
#Public #Srvcs p { margin: 8px 8px 8px 8px; }

/* security */
#Public #Scrty #C1 { width: 176px; float:left; padding-top: 8px; }
#Public #Scrty #C2 { width: 434px; float:left; }
#Public #Scrty p { padding: 0px 8px 8px 8px; }
#Public #Scrty .T { font-weight: bold; padding: 8px 8px 4px 8px;  }

#Public #SEO3rdLevel  { margin-bottom: 16px; }
#Public #SEO3rdLevel p { margin-bottom: 16px; }
#Public #SEO3rdLevel #Cnt h2 { margin: 4px 0px 16px 0px; }
#Public #SEO3rdLevel #LinksTop { padding: 4px 0px 4px 4px; background-color: #E0EEFF; font-weight:bold; overflow: auto; margin-top: 16px; }
#Public #SEO3rdLevel #LinksTop a { font-weight:bold; font-size: 11px; }
#Public #SEO3rdLevel #Links {height: 100px; border: 1px solid #E0EEFF; overflow: auto; margin-top: 16px; }

/* site map */
#Public #SiteMap a { font-family:Verdana,Arial,Helvetica; font-size:10px; }
#Public #SiteMap #Makes { width: 200px; }

/* AdAbuse */
#Public #AdAbuse #Ad { margin: 12px 0px 12px 0px; }
#Public #AdAbuse #AAForm { width: 320px; }
#Public #AdAbuse #AAForm #Name {float: left; width: 180px; }
#Public #AdAbuse #AAForm #Name input {width: 176px; }
#Public #AdAbuse #AAForm #Mail {float: left; width: 140px; }
#Public #AdAbuse #AAForm #Mail input {width: 140px; }
#Public #AdAbuse #AAForm #AbTyp {width: 320px; }
#Public #AdAbuse #AAForm #AbTyp select {width: 320px; }
#Public #AdAbuse #AAForm #AbCom {width: 320px; }
#Public #AdAbuse #AAForm #AbCom textarea {width: 320px; }

#Public .LisView.PriviledgedAds { background-color: #FFEEDE; }
#Public .LisView.PriviledgedAds .LisHMake,
#Public .LisView.PriviledgedAds .LisHLic,
#Public .LisView.PriviledgedAds .LisHMile,
#Public .LisView.PriviledgedAds .LisHPrice { background-color: #FFD0A0;}
