/* CSS Doc for Anchor Garage Liphook */ /* General & Main Layout */ body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: url(../images/body-bg.jpg) center top repeat-x #cccccc; } .clearer {clear:both;} #wrapper { width: 992px; height: auto; margin: 0 auto; } .wrapper { width: 992px; height: auto; margin: 0 auto; } #header { width: 992px; height: 115px; float: left; } #anchor-logo { float: left; width: 570px; height: 115px; margin-left: 2px; } p#bigtel { float: left; text-indent: -9999px; display: block; width: 245px; height: 115px; background: url(../images/bigtel-bg.jpg) center top no-repeat; margin: 0 0 0 20px; padding: 0; } #renault-logo { float: right; width: 137px; height: 115px; margin-right: 3px; } #topwrap { width: 992px; height: auto; position: relative; float: left; clear: both; } #main { width: 992px; height: auto; float: left; } #leftcol { width: 792px; height: auto; float: left; } #rightcol { width: 194px; height: auto; float: right; } /* Topnav */ #myslidemenu { width: 992px; height: 50px; float: left; background: url(../images/topnav-bg.jpg) center top no-repeat; } #myslidemenu ul { margin: 5px 0 0 5px; padding: 0; } #myslidemenu ul li { text-align: center; margin: 0; padding: 0; float: left; overflow: visible; } #myslidemenu ul li a { text-decoration: none; display: block; padding: 0; height: 40px; line-height: 40px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #ffffff; } #myslidemenu ul li a:hover { text-decoration: none; } #myslidemenu li#NV a { width: 137px; background: url(../images/new-vehicles-tab.jpg) center top no-repeat; } #myslidemenu li#NV a:hover, #NEW li#NV a{ background: url(../images/new-vehicles-tab.jpg) center bottom no-repeat; } #myslidemenu li#UV a { width: 137px; background: url(../images/used-vehicles-tab.jpg) center top no-repeat; } #myslidemenu li#UV a:hover, #USE li#UV a{ background: url(../images/used-vehicles-tab.jpg) center bottom no-repeat; } #myslidemenu li#FI a { width: 89px; background: url(../images/finance-tab.jpg) center top no-repeat; } #myslidemenu li#FI a:hover, #FIN li#FI a{ background: url(../images/finance-tab.jpg) center bottom no-repeat; } #myslidemenu li#AS a { width: 119px; background: url(../images/aftersales-tab.jpg) center top no-repeat; } #myslidemenu li#AS a:hover, #AFT li#AS a{ background: url(../images/aftersales-tab.jpg) center bottom no-repeat; } #myslidemenu li#MO a { width: 111px; background: url(../images/motability-tab.jpg) center top no-repeat; } #myslidemenu li#MO a:hover, #MOT li#MO a{ background: url(../images/motability-tab.jpg) center bottom no-repeat; } #myslidemenu li#AU a { width: 100px; background: url(../images/aboutus-tab.jpg) center top no-repeat; } #myslidemenu li#AU a:hover, #ABO li#AU a{ background: url(../images/aboutus-tab.jpg) center bottom no-repeat; } #myslidemenu li#LO a { width: 98px; background: url(../images/location-tab.jpg) center top no-repeat; } #myslidemenu li#LO a:hover, #LOC li#LO a{ background: url(../images/location-tab.jpg) center bottom no-repeat; } #myslidemenu li#CU a { width: 116px; background: url(../images/contactus-tab.jpg) center top no-repeat; } #myslidemenu li#CU a:hover, #CON li#CU a{ background: url(../images/contactus-tab.jpg) center bottom no-repeat; } #myslidemenu li#HO a { width: 75px; background: url(../images/home-tab.jpg) center top no-repeat; } #myslidemenu li#HO a:hover, #HOM li#HO a{ background: url(../images/home-tab.jpg) center bottom no-repeat; } #myslidemenu ul li#NV ul.sub li { text-align: left; width: 152px; } #myslidemenu ul li#NV ul.sub li a{ text-decoration: none; display: block; padding: 0; height: 25px; line-height: 25px; font-size: 10px; text-transform: uppercase; color: #ffffff; letter-spacing: 0px; background: url(images/shim.gif); background: #333333; text-indent: 10px; margin-left: 9px; width: 152px; } #myslidemenu ul li#NV ul.sub li a:hover { background: #000000; } #myslidemenu ul li#UV ul.sub li { text-align: left; } #myslidemenu ul li#UV ul.sub li a{ text-decoration: none; display: block; padding: 0; height: 25px; line-height: 25px; font-size: 10px; text-transform: uppercase; color: #ffffff; letter-spacing: 0px; background: url(images/shim.gif); background: #333333; text-indent: 10px; margin-left: 9px; width: 152px; } #myslidemenu ul li#UV ul.sub li a:hover { background: #000000; } #myslidemenu ul li#AS ul.sub li { text-align: left; } #myslidemenu ul li#AS ul.sub li a{ text-decoration: none; display: block; padding: 0; height: 25px; line-height: 25px; font-size: 10px; text-transform: uppercase; color: #ffffff; letter-spacing: 0px; background: url(images/shim.gif); background: #333333; text-indent: 10px; margin-left: 9px; width: 152px; } #myslidemenu ul li#AS ul.sub li a:hover { background: #000000; } /* Footer */ #footer { width: 992px; height: 130px; float: left; background:url(../images/footer-bg.jpg) center top no-repeat; position: relative; margin-top: 5px; } #footer ul#footnav { list-style: none; margin: 0; padding: 0; position: absolute; left: 20px; top: 20px; } #footer ul#footnav li { float: left; margin-right: 10px; } #footer ul#footnav li a { text-decoration: none; display: block; font-weight: bold; color: #333333; font-size: 11px; } #footer ul#footnav li a:hover{ text-decoration: none; color: #fdb414; } p#footaddy { position: absolute; top: 40px; left: 20px; color: #ffffff; font-size: 11px; padding: 0; margin: 0 } p#tagline { position: absolute; top: 60px; left: 20px; color: #333333; font-size: 11px; padding: 0; margin: 0 } p#utils { color: #ffffff; font-size: 11px; position: absolute; top: 80px; left: 20px; padding: 0; margin: 0 } p#utils a { color: #fdb414; text-decoration: none; } p#utils a:hover { color: #333333; text-decoration: none; } p#toplink a { position: absolute; right: 15px; top: 15px; font-weight: bold; color: #333333; height: 20px; line-height: 20px; background: url(../images/toparrow.gif) right top no-repeat; padding-right: 25px; text-align: left; font-size: 11px; text-decoration: none; padding: 0; margin: 0; width: 90px; } p#toplink a:hover { background: url(../images/toparrow.gif) right bottom no-repeat; } #ukw { color: #333333; font-size: 11px; position: absolute; right: 15px; bottom: 30px; } #ukw a { color: #ffffff; text-decoration: none; cursor: pointer; } #ukw a:hover { color: #fdb414; text-decoration: none; } img { border: none; } /* Rightcol Content */ #rightcoltop { width: 194px; /*height: 260px;*/ float: left; /*background: url(../images/rightcol-bg-top.jpg) center top no-repeat;*/ margin-top: 5px; height: 10px; background: url(../images/rightcol-top-trans.png) left top no-repeat; } #rightcolmid { width: 194px; height: auto; float: left; background: url(../images/rightcol-mid-trans.png) left top repeat-y; } #rightcolbot { width: 194px; height: 10px; float: left; background: url(../images/rightcol-bot-trans.png) left bottom no-repeat; } #rightcol-content { width: 179px; height: auto; margin: 0 8px 0 8px; background: url(../images/rightcol-content-bg.jpg) center bottom no-repeat #333333; display: inline; float: left; } html>/**/body #rightcol-content { padding-top: 1px; padding-bottom: 1px; } /* Jquery Nav Menu Dropdowns */ .jqueryslidemenu { width: 992px; } .jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; } .jqueryslidemenu ul li { display: inline; float: left; } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .jqueryslidemenu ul li ul { position: absolute; z-index: 200; height: 112px; width: 170px; background: url(../images/dropnav-bg-trans.png) center bottom no-repeat; visibility: hidden; } .jqueryslidemenu ul li ul#ASM { height: 60px; background: url(../images/dropnav2-bg-trans.png) bottom center no-repeat; } .jqueryslidemenu ul li ul li{ display: list-item; float: none; width: 152px; } .jqueryslidemenu ul li ul li ul{ top: 0; } .jqueryslidemenu ul li ul li a{ width: 152px; /*width of sub menus*/ padding: 5px; margin: 0; border-bottom: 1px solid #999999; } .jqueryslidemenu ul li ul li a:hover { border-bottom: 1px solid #fdb414; } .downarrowclass { position: absolute; top: 12px; right: 7px; } .rightarrowclass { position: absolute; top: 6px; right: 5px; } ul#NVM { margin: 5px 0 0 4px; height: 163px !important} ul#UVM { margin: 5px 0 0 137px; height: 111px !important} ul#ASM { margin: 5px 0 0 363px; } /* Jquery Fancy Im Tran */ #imtran { width: 792px; height: 230px; top: 55px; left: 0; background: url(../images/imtran-bg.jpg) center top no-repeat; position: absolute; z-index: 100; } #slider1 { width: 776px; /* important to be same as image width */ height: 214px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ margin: 8px 0 0 8px; padding: 0; padding: 0; } #slider1Content { width: 776px; position: absolute; top: 0; left: -40px; } html>/**/body #slider1Content{ top: -16px; } .slider1Image { float: left; position: relative; display: none; } .slider1Image span { position: absolute; height: 60px; width: 776px; background: url(../images/slider1Image-span-bg.png) center top no-repeat; color: #fff; display: none; } .clear { clear: both; } .top { top: 0; left: 0; display: none; visibility: hidden; } .bottom { bottom: 0; right: 0; } .left { top: 0; left: 0; width: 150px !important; height: 280px; } .right { right: 0; bottom: 0; width: 150px !important; height: 282px; } p.tran-msg-header1 { position: absolute; top: 20px; left: 25px; font-size: 18px; color: #ffffff; } p.tran-msg-header1 span.bolder { font-weight: bold; } p.tran-msg1 { color: #ff0000; font-size: 13px; position: absolute; top: 45px; left: 25px; width: 280px; } p.tran-msg1 strong { color: #ffffff; } p.tran-msg-header2 { position: absolute; top: 90px; left: 5px; font-size: 18px; color: #ffffff; } p.tran-msg-header2 span.bolder { font-weight: bold; } p.tran-msg2 { color: #ff0000; font-size: 13px; position: absolute; top: 90px; right: 10px; } p.tran-msg2 strong { color: #ffffff; } p.tran-link1 { position: absolute; left: 25px; top: 130px; text-align: right; width: 250px; } p.tran-link1 a { font-size: 12px; color: #ffffff; text-decoration: none; background: url(../images/rightarrowlink.gif) right top no-repeat; padding-right: 25px; height: 20px; line-height: 20px; display: block; } p.tran-link1 a:hover { text-decoration: none; color: #fdb414; background: url(../images/rightarrowlink.gif) right bottom no-repeat; } .slider1Image span p { color: #ffffff; font-size: 13px; font-weight: bold; margin: 20px 0 0 20px; } p.scrappage { color: #CCCCCC; font-size: 16px; font-weight: normal; position: absolute; top: 70px; left: 25px; width: 580px;} p.scrappage-title { color: #ffffff; font-size: 22px; font-weight: bold; position: absolute; top: 30px; left: 25px; width: 580px;} span.bottom a.more-info { font-size: 12px; color: #ffffff; text-decoration: none; background: url(../images/rightarrowlink.gif) right top no-repeat; padding-right: 25px; height: 20px; line-height: 20px; display: block; width: 180px; margin: 15px 0 0 25px; } span.bottom a.more-info:hover { text-decoration: none; color: #fdb414; background: url(../images/rightarrowlink.gif) right bottom no-repeat; } span.bottom a.used-special { font-size: 12px; color: #ffffff; text-decoration: none; background: url(../images/rightarrowlink.gif) right top no-repeat; padding-right: 25px; height: 20px; line-height: 20px; display: block; width: 450px; margin: 15px 0 0 25px; } span.bottom a.used-special:hover { text-decoration: none; color: #fdb414; background: url(../images/rightarrowlink.gif) right bottom no-repeat; } span.bottom a.caps { font-size: 14px; color: #ffffff; font-weight:bold; text-decoration: none; padding-right: 25px; height: 20px; line-height: 20px; display: block; width: 280px; margin: 15px 0 0 25px; } /* 'Attn' Boxes */ #newcarslider { width: 260px; height: 190px; float: left; margin-right: 6px; } #attnboxes { width: 792px; height: 190px; float: left; margin-top: 240px; overflow: hidden; } #attnnewcar { width: 260px; height: 190px; float: left; background: url(../images/attnnewcar-bg.jpg) center top no-repeat; position: relative; margin-right: 6px; } #attnnewcarwrap { overflow: hidden; position: absolute; bottom: 10px; left: 10px; width: 240px; height: 138px; } #attnusedcar { width: 260px; height: 190px; float: left; margin-right: 6px; } #attnusedcar a { width: 260px; height: 190px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/attnusedcar-bg.jpg) center top no-repeat; } #attnusedcar a:hover { background: url(../images/attnusedcar-bg.jpg) center bottom no-repeat; } #attnservice { width: 260px; height: 190px; float: left; } #attnservice a { width: 260px; height: 190px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/attnservice-bg.jpg) center top no-repeat; text-decoration: none; } #attnservice a:hover { background: url(../images/attnservice-bg.jpg) center bottom no-repeat; } /* Content Area */ #content { width: 792px; height: auto; float: left; margin-top: 5px; } #contenttop { width: 792px; height: 10px; float: left; background: url(../images/HP-contenttop.png) center bottom no-repeat; } #contentmid { width: 792px; height: auto; float: left; background: url(../images/HP-contentmid.png) center bottom repeat-y; } #contentbot { width: 792px; height: 10px; float: left; background: url(../images/HP-contentbot.png) center top no-repeat; } #contentbg { width: 772px; height: auto; margin: 0 auto; background: url(../images/content-bg.jpg) center top no-repeat #ffffff; padding-top: 1px; padding-bottom: 20px; } #usedcarsearch { width: 162px; height: auto; margin: 0 auto; padding: 0; } #newslettersignupform { width: 162px; height: 170px; margin: 0 auto; padding: 0; } #newslettersignupform ul { margin: 0; padding: 0; list-style: none; } #newslettersignupform li { margin: 0; padding: 0; list-style: none; } #newslettersignupform li label { font-size: 11px; color: #ffffff; } #cambelt { width: 162px; height: 156px; margin: 10px 0 10px 10px; padding: 0; } #cambelt a { width: 162px; height: 156px; display:block; background:url(../images/Cambelt.png) } #cambelt a:hover { width: 162px; height: 156px; display:block; background:url(../images/CambeltHover.png) } .newcarbigpics { float: right; margin: 0 30px 15px 30px; } #map { width: 712px; height: 300px; margin: 0 auto; border: 1px solid #333333; } #map p { font-size: 12px; } #contactwrap { float: left; width: 350px; } #hourswrap { float: right; width: 350px; } #hourswrap h3 { margin-left: 0; } div#VDreviewLinksBox { background: #dddddd; width: 179px; } div#VDreviewLinksBox h4 { font-size: 12px; } div#VDreviewLinks {} div#VDreviewLinks a { display: block; margin: 10px 0; } div#VDreviewLinks a img { border: 0; margin: 5px 0 0 0; } /* Text Formatting etc */ h1 { font-size: 16px; color: #333333; margin: 30px 30px 10px 15px; } h2 { font-size: 14px; color: #999999; margin: 30px 30px 10px 30px; font-weight: bold; border-bottom: 1px dotted #fdb414; } h3 { font-size: 14px; color: #fdb414; font-weight: bold; margin: 30px 30px 10px 30px; } p.normP { font-size: 11px; color: #666666; margin: 15px 30px 10px 30px; text-align: justify; } p.normP span { font-weight: bold; color: #fdb414; } p.brightP { font-size: 14px; color: #fdb414; margin: 45px 30px 10px 30px; text-align: center; padding: 10px; border: 1px dashed #666666; background: #efefef; } ul.normUL { font-size: 11px; color: #666666; margin: 15px 30px 10px 60px; } ul.normUL a { color: #333333; text-decoration: none; border-bottom: 1px dotted #fdb414; } ul.normUL a:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #fdb414; } a.normA { color: #333333; text-decoration: none; border-bottom: 1px dotted #fdb414; } a.normA:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #fdb414; } .alignright { float: right; } #usedcarsearch h4 { text-indent: -9999px; width: 162px; height: 31px; display: block; background: url(../images/usedcarserch-title.jpg) center bottom no-repeat; margin: 10px 0 0 0; padding: 0; } #searchform { margin: 0; padding: 0; } #newsletterform { margin: 0; padding: 0; } #newslettersignupform h4 { text-indent: -9999px; width: 162px; height: 31px; display: block; background: url(../images/newslettersignup-title.jpg) center bottom no-repeat; margin: 10px 0 0 0; padding: 0; } #specoffers { width: 162px; height: 100px; margin: 10px auto; } #specoffers a { width: 162px; height: 100px; text-indent: -9999px; display: block; background: url(../images/special-offers-graphic.jpg) center top no-repeat; overflow: hidden; } #specoffers a:hover { background: url(../images/special-offers-graphic.jpg) center bottom no-repeat; } #directions { width: 162px; height: 100px; margin: 10px auto; } #directions a { width: 162px; height: 100px; text-indent: -9999px; display: block; background: url(../images/howtofindus-graphic.jpg) center top no-repeat; overflow: hidden; } #directions a:hover { background: url(../images/howtofindus-graphic.jpg) center bottom no-repeat; } #motability { width: 162px; height: 26px; margin: 10px auto; } #motability a { width: 162px; height: 26px; text-indent: -9999px; display: block; background: url(../images/motability-graphic.jpg) center top no-repeat; overflow: hidden; } #motability a:hover { background: url(../images/motability-graphic.jpg) center bottom no-repeat; } /* 'New Car Boxes' on new-renault.asp */ #newvehicleboxeswrap { width: 732px; height: auto; margin: 0 auto; } #newvehicleboxeswrap ul { margin: 0; padding: 0; list-style: none; } #newvehicleboxeswrap li { margin: 0; padding: 0; list-style: none; width: 183px; height: 150px; text-align: center; float: left; margin-bottom: 10px; } #newvehicleboxeswrap li a { display: block; width: 163px; height: 150px; text-indent: -9999px; overflow: hidden; } #newvehicleboxeswrap li a:hover{ } #newvehicleboxeswrap li#newcar a{ background: url(../images/newcars/newcarslink.jpg) center top no-repeat; } #newvehicleboxeswrap li#newcar a:hover{ background: url(../images/newcars/newcarslink.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#renspo a{ background: url(../images/newcars/renaultsportlink.jpg) center top no-repeat; } #newvehicleboxeswrap li#renspo a:hover{ background: url(../images/newcars/renaultsportlink.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#newvan a{ background: url(../images/newcars/newvanslink.jpg) center top no-repeat; } #newvehicleboxeswrap li#newvan a:hover{ background: url(../images/newcars/newvanslink.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#newoff a{ background: url(../images/newcars/special-offerslink.jpg) center top no-repeat; } #newvehicleboxeswrap li#newoff a:hover{ background: url(../images/newcars/special-offerslink.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#comingsoon a{ background: url(../images/newcars/coming-soon.jpg) center top no-repeat; } #newvehicleboxeswrap li#comingsoon a:hover{ background: url(../images/newcars/coming-soon-over.jpg) center top no-repeat; } /* New Renault Cars */ #newvehicleboxeswrap li#twingothumb a{ background: url(../images/newcars/twingo.jpg) center top no-repeat; } #newvehicleboxeswrap li#twingothumb a:hover{ background: url(../images/newcars/twingo.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#cliothumb a{ background: url(../images/newcars/clio.jpg) center top no-repeat; } #newvehicleboxeswrap li#cliothumb a:hover{ background: url(../images/newcars/clio.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#modusthumb a{ background: url(../images/newcars/modus.jpg) center top no-repeat; } #newvehicleboxeswrap li#modusthumb a:hover{ background: url(../images/newcars/modus.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#kangoothumb a{ background: url(../images/newcars/kangoo.jpg) center top no-repeat; } #newvehicleboxeswrap li#kangoothumb a:hover{ background: url(../images/newcars/kangoo.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#meganethumb a{ background: url(../images/newcars/megane.jpg) center top no-repeat; } #newvehicleboxeswrap li#meganethumb a:hover{ background: url(../images/newcars/megane.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#meganecthumb a{ background: url(../images/newcars/megane-coupe.jpg) center top no-repeat; } #newvehicleboxeswrap li#meganecthumb a:hover{ background: url(../images/newcars/megane-coupe.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#meganeccthumb a{ background: url(../images/newcars/megane-cc.jpg) center top no-repeat; } #newvehicleboxeswrap li#meganeccthumb a:hover{ background: url(../images/newcars/megane-cc.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#scenicthumb a{ background: url(../images/newcars/scenic.jpg) center top no-repeat; } #newvehicleboxeswrap li#scenicthumb a:hover{ background: url(../images/newcars/scenic.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#lagunathumb a{ background: url(../images/newcars/laguna.jpg) center top no-repeat; } #newvehicleboxeswrap li#lagunathumb a:hover{ background: url(../images/newcars/laguna.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#lagunacthumb a{ background: url(../images/newcars/laguna-coupe.jpg) center top no-repeat; } #newvehicleboxeswrap li#lagunacthumb a:hover{ background: url(../images/newcars/laguna-coupe.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#espacethumb a{ background: url(../images/newcars/espace.jpg) center top no-repeat; } #newvehicleboxeswrap li#espacethumb a:hover{ background: url(../images/newcars/espace.jpg) center bottom no-repeat; } /* Coming soon */ #newvehicleboxeswrap li#meganecc a{ background: url(../images/newcars/megane-cc.jpg) center top no-repeat; } #newvehicleboxeswrap li#meganecc a:hover{ background: url(../images/newcars/megane-cc.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#wind a{ background: url(../images/newcars/wind.jpg) center top no-repeat; } #newvehicleboxeswrap li#wind a:hover{ background: url(../images/newcars/wind-over.jpg) center top no-repeat; } /* New Renault Vans */ #newvehicleboxeswrap li#newkangoovanthumb a{ background: url(../images/newcars/new-kangoo-van.jpg) center top no-repeat; } #newvehicleboxeswrap li#newkangoovanthumb a:hover{ background: url(../images/newcars/new-kangoo-van.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#kangoovanthumb a{ background: url(../images/newcars/kangoo-van.jpg) center top no-repeat; } #newvehicleboxeswrap li#kangoovanthumb a:hover{ background: url(../images/newcars/kangoo-van.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#traficthumb a{ background: url(../images/newcars/trafic.jpg) center top no-repeat; } #newvehicleboxeswrap li#traficthumb a:hover{ background: url(../images/newcars/trafic.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#masterthumb a{ background: url(../images/newcars/master.jpg) center top no-repeat; } #newvehicleboxeswrap li#masterthumb a:hover{ background: url(../images/newcars/master.jpg) center bottom no-repeat; } /* RenaultSport Range */ #newvehicleboxeswrap li#twingo133thumb a{ background: url(../images/newcars/twingo-renaultsport.jpg) center top no-repeat; } #newvehicleboxeswrap li#twingo133thumb a:hover{ background: url(../images/newcars/twingo-renaultsport.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#clio197thumb a{ background: url(../images/newcars/clio197.jpg) center top no-repeat; } #newvehicleboxeswrap li#clio197thumb a:hover{ background: url(../images/newcars/clio197.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#meganer26rthumb a{ background: url(../images/newcars/megane-r26r.jpg) center top no-repeat; } #newvehicleboxeswrap li#meganer26rthumb a:hover{ background: url(../images/newcars/megane-r26r.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#clio200thumb a{ background: url(../images/newcars/clio200.jpg) center top no-repeat; } #newvehicleboxeswrap li#clio200thumb a:hover{ background: url(../images/newcars/clio200.jpg) center bottom no-repeat; } #newvehicleboxeswrap li#megane250thumb a{ background: url(../images/newcars/megane250.jpg) center top no-repeat; } #newvehicleboxeswrap li#megane250thumb a:hover{ background: url(../images/newcars/megane250.jpg) center bottom no-repeat; } #RSLogo { float: right; margin: 30px 30px 10px 20px; } /* Buttons on New Car Pages */ #newcarbuttons { width: 715px; height: 100px; margin: 10px auto; overflow: hidden; } #newcarbuttons ul { margin: 0; padding: 0; list-style: none; width: 715px; height: 100px; } #newcarbuttons li { margin: 0; padding: 0; list-style: none; width: 178px; height: 100px; float: left; border-right: 1px dashed #efefef; } #newcarbuttons li#full { border: none; } #newcarbuttons li a { display: block; width: 178px; height: 100px; text-indent: -9999px; text-decoration: none; } #newcarbuttons li#ebro a{ background: url(../images/ebro-link.jpg) center top no-repeat; } #newcarbuttons li#ebro a:hover{ background: url(../images/ebro-link.jpg) center bottom no-repeat; } #newcarbuttons li#cont a{ background: url(../images/cont-link.jpg) center top no-repeat; } #newcarbuttons li#cont a:hover{ background: url(../images/cont-link.jpg) center bottom no-repeat; } #newcarbuttons li#tdrv a{ background: url(../images/tdrv-link.jpg) center top no-repeat; } #newcarbuttons li#tdrv a:hover{ background: url(../images/tdrv-link.jpg) center bottom no-repeat; } #newcarbuttons li#full a{ background: url(../images/full-link.jpg) center top no-repeat; } #newcarbuttons li#full a:hover{ background: url(../images/full-link.jpg) center bottom no-repeat; } #financechoices { width: 712px; height: 300px; margin: 10px auto; } #financechoices ul { width: 712px; height: 300px; margin: 0; padding: 0; list-style: none; } #financechoices li { float: left; margin: 0 auto; list-style: none; padding: 0; } #financechoices li a { display: block; width: 350px; height: 300px; text-indent: -9999px; overflow: hidden; } #financechoices li#rensel a{ background: url(../images/renault-selections-link.jpg) center top no-repeat; margin-right: 10px; } #financechoices li#rensel a:hover{ background: url(../images/renault-selections-link.jpg) center bottom no-repeat; } #financechoices li#renhip a{ background: url(../images/renault-hire-purchase-link.jpg) center top no-repeat; } #financechoices li#renhip a:hover{ background: url(../images/renault-hire-purchase-link.jpg) center bottom no-repeat; } #motability-button a { display: block; width: 162px; height: 243px; margin: 0 auto; background: url(../images/home-visit-link.jpg) center top no-repeat; text-indent: -9999px; overflow: hidden; margin-top: 10px; } #motability-button a:hover{ background: url(../images/home-visit-link.jpg) center bottom no-repeat; } #motabilitypopup { position: absolute; top: 150px; left: 30%; width: 300px; height: auto; background: #333333; visibility: hidden; z-index: 1000; border: 3px solid #666666; } #motabilitypopup h4 { color: #fdb414; margin: 30px; } #motabilitypopup ul { list-style: none; margin-left: 75px; } #motabilitypopup label { color: #ffffff; font-size: 12px; } #motabilitypopup p { color: #ffffff; text-align: left; } #parts-offers-button a { display: block; width: 162px; height: 243px; margin: 0 auto; background: url(../images/parts-offers.jpg) center top no-repeat; text-indent: -9999px; overflow: hidden; margin-top: 10px; cursor: pointer; } #parts-offers-button a:hover{ background: url(../images/parts-offers.jpg) center bottom no-repeat; } /* Column Height Adjustments */ #HOM #contentmid { min-height: 180px; } /* for Internet Explorer */ /*\*/ * html #HOM #contentmid { height: 180px; } /**/ #NEW #contentmid { min-height: 326px; } /* for Internet Explorer */ /*\*/ * html #NEW #contentmid { height: 326px; } /**/ /* Styles for the new VD Page */ /*************************************** NEW VD PAGE STYLES ***************************************/ /* CSS Document */ .clear { clear: both; line-height: 0; height: 0; } #vd-container {width: 700px; margin: 10px 0 0 20px;} #VDWrap { width: 712px; height: auto; margin: 15px auto; } /*#VDWrap { position: relative; width: 700px; margin: 0 auto; text-align: left; background: #414141; }*/ #VDMMV { background: #c2c2c2; position: relative; height: 40px; width: auto; border-bottom: 1px solid #000000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; } #VDMake { float: left; margin: 5px 5px 5px 15px; font-size: 22px; } #VDModel { float: left; font-size: 22px; margin: 5px; color: #333333; } #VDVersion { float: left; font-size: 22px; margin: 5px; color: #666666; } #VDPrice{ float: right; width: 180px; text-align: center; background: #cccccc; font-weight: bold; font-size: 15px; color: #ffffff; height: 40px; font-size: 22px; line-height: 38px; } #VDLinks { background: #cccccc; height: 27px; border-top: 1px solid #ffffff; border-bottom: 1px solid #000000; } #VDwrap { position:relative; } #VDLinks ul { margin: 1px 0 0 10px; } #VDLinks ul li { float: left; list-style-type: none; margin: 0 2px 0 0; } #VDLinks ul li a { display: block; padding: 5px; border: 1px solid #414141; background: #999999; font-size: 11px; text-align: center; text-decoration: none; color: #ffffff; } #VDLinks ul li a:hover { background: #cccccc; color: #000000; } #VDImages { background: #999999; position: relative; border-top: 1px solid #ffffff; padding: 5px; border-bottom: 1px solid #000000; } #VDImages .imgholder { float: left; margin: 10px 40px 10px 40px; } #VDAge { background: #bbbbbb; height: 35px; border-top: 1px solid #ffffff; border-bottom: 1px solid #000000; } #VDDate { float: left; font-size: 15px; padding: 4px; border: 1px dotted #666666; margin: 4px 0 0 10px; } #VDMiles { float: left; font-size: 15px; padding: 4px; border: 1px dotted #666666; margin: 4px 0 0 10px; } #VDFType { float: left; font-size: 15px; padding: 4px; border: 1px dotted #666666; margin: 4px 0 0 10px; } #VDColour { float: left; font-size: 15px; padding: 4px; border: 1px dotted #666666; margin: 4px 0 0 10px; } #VDFuel { float: left; font-size: 15px; padding: 4px; border: 1px dotted #666666; margin: 4px 0 0 10px; } #featuresbullets { background: #cccccc; border-top: 1px solid #ffffff; border-bottom: 1px solid #000000; overflow: auto; padding: 10px; } #featuresbullets ul { padding-left: 20px; } #featuresbullets ul li { font-size: 12px; float: left; width: 32%; display: block; text-indent: 12px; background: url(../images/bullet-point.gif) no-repeat left center; list-style-type: none; } #VDOtherinfo { background: #c2c2c2; border-top: 1px solid #ffffff; border-bottom: 1px solid #000000; } #VDOtherinfo p { font-size: 12px; margin: 10px; } #VDTTemplate { background: #dddddd; border-top: 1px solid #ffffff; border-bottom: 1px solid #000000; } #VDTTemplate p { font-size: 12px; margin: 10px; } #VDDisc { background: #bbbbbb; border-top: 1px solid #ffffff; border-bottom: 1px solid #000000; } #VDDisc p { font-size: 12px; margin: 10px; } #VDPricefinance { display: none; width: 700px } #VDStatus { font-size: 16px; font-weight: bold; width: 712px; font-family: Arial, Helvetica, sans-serif; background: #cc0000; color: #ffffff; text-align: center; margin: 10px 0; padding: 5px 0 } #VDPricetwo { font-size: 38px; color: #777; width: 712px; font-family: Arial, Helvetica, sans-serif; text-align: center; padding: 5px 0; } #VDWasNow { text-align: center; border-bottom: 1px dotted #666666; margin: 5px 30px 5px 30px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; } #VDWasNow .VDWasPrice { color: #666666; margin-right: 10px; } #VDWasNow .VDNowPrice { color: #cc0000; font-size: 24px; font-weight: bold; } #VDAlt { text-align: center; font-size: 12px; margin: 5px 0; } #VDAlt a { color: #cc0000; text-decoration: none; padding: 5px 0; } #VDAlt a:hover { color: #000099; border-bottom: 1px dotted #000099; } #VDFinDetails { border-top: 1px solid #ffffff; border-bottom: 1px solid #000000; background: #bbbbbb; display: none; } #VDFinDetails p { font-size: 10px; text-align: center; margin: 5px 80px; } #VDFootlinks { background: #cccccc; height: 27px; border-top: 1px solid #ffffff; border-bottom: 1px solid #000000; } #VDFootlinks ul { margin: 1px 0 0 10px; } #VDFootlinks ul li { float: left; list-style-type: none; margin: 0 2px 0 0; } #VDFootlinks ul li a { display: block; padding: 5px; border: 1px solid #414141; background: #999999; font-size: 11px; text-align: center; text-decoration: none; color: #ffffff; } #VDFootlinks ul li a:hover { background: #cccccc; color: #000000; } .cwVDFinanceLink {color:#fff99c; border: solid 1px #fff99c;padding:10px;background-color:#3b7800;width:300px;font-size:12px;} .cwVDFinanceLink a{color:#fff;text-decoration:none;} .cwVDFinanceLink a:hover{color:#fff99c;text-decoration:none;} /******* VD1 Styles *******/ ul#features-list { width: 712px; float: left; list-style: none; } ul#features-list li { float: left; width: 25%; font-size: 11px; background: url(../images/green-bullet.jpg) left top no-repeat; padding-left: 25px; height: 20px; line-height: 20px; } ul.vd-buttons { margin: 15px 30px; overflow: hidden; padding: 0; width: 712px; } ul.vd-buttons li { display: block; float: left; height: 24px; line-height: 24px; padding: 0; margin: 0 3px 0 0; background: none} ul.vd-buttons li a { display: block; float: left; height: 22px; line-height: 22px; padding: 0 20px; background: #333333; color: #fff; font-size: 10px; font-weight: normal; text-transform: uppercase; border-left: 1px solid #666666; border-top: 1px solid #666666; border-right: 1px solid #000000; border-bottom: 1px solid #000000; text-decoration: none; } ul.vd-buttons li a:hover {background: #fdb414; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-right: 1px solid #333; border-bottom: 1px solid #333; text-decoration: none; } #transitionwrap #content { width: 357px; } #VDONEimwrap { margin: 0; padding: 0; float: right; width: 335px; } #VDONEimwrap ul { list-style: none; margin: 0; padding: 0; } #VDONEimwrap li { float: left; margin: 0; padding: 0; background: none} #VDONEimwrap li a { border: 4px solid #666666; display: block; height: 79px; margin: 0 3px 3px 0; padding: 0; text-decoration: none; width: 105px; } /* thickbox img link */ #VDONEimwrap li a:hover { border: 4px solid #fdb414; } #VDONEimwrap li a img { float: left; } #VDONEimwrap li a:hover { color: #cccccc; text-decoration: none; } #VDONEimwrap li p { visibility: hidden; display: none; } #VDMainImage { border: 4px solid #fdb414; width: 365px; float: left; } /* ___________________________________________ VD 2 _____________________________________________ */ #moveCursorTxt {width: 100%; height: 30px;} #moveCursorTxt p {margin: 0 0 0 15px; line-height: 30px; font-size: 10px; color: #333} #VDImage {width: 100%; height: 380px; position: relative; background: #eee} #VDthumbs {width: 130px; height: 340px; position: absolute; left: 15px; top: 30px; overflow: auto} #VDthumbs ul {margin: 0; padding: 0} #VDthumbs ul li {list-style: none outside; margin: 0 0 6px 0; padding: 0} #VDthumbs ul li a {display: block; width: 104px; height: 78px; border: 1px solid #000} #VDthumbs ul li a:hover {border-color: #fff} #mainImg {margin-left: 160px;} #mainImg img {border: 1px solid #000} /******* VD3+4 Styles *******/ #VDTHREEimwrap { height: auto; float: left; } #VDImTran { float: left; margin: 10px 0 10px 10px; } #VDImTranThumbs { float: right; overflow: auto; } #VDImTranThumbs ul { margin: 0; padding: 0; list-style: none; } #VDImTranThumbs li { float: left; } .VDThumb { margin: 0; padding: 0; } /****Similar Vehicles (Thumbnails)*****/ /* Added by Ryan to make VD work */ #transitionwrap { width: 732px; height: auto; margin: 0 auto; } #transition { width: 362px; height: auto; float: left; position: relative; border: 4px solid #fdb414; } #transition img { } #transitionthumbs { width: 357px; height: auto; float: right; background: #efefef; } p a.thickbox { visibility: hidden; display: none; } p.VD-carcolour { width: 712px; height: 30px; line-height: 30px; margin: 15px auto; background: #efefef; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; } div#pricewrap { width: 712px; height: auto; } div#otherinfo { width: 100%; height: auto; float: right; font-size: 12px; margin-top: 20px; } #FB { position: absolute; top: 45px; right: 17px; }