/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Castle Sports Cars - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100%; } html span {text-decoration:none;} html span a{text-decoration:none;} body { height: 100%; min-width:960px; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:url(../images/layup/bodyBg.jpg) top center no-repeat #525252; border-top:1px solid #f0a703; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { min-height: 100%; width:960px; margin:0 auto; text-align:left; background:url(../images/layup/bodyBg.jpg) no-repeat center -1px; font-size:110%; line-height: normal; } * html #container { height: 100%; } #printHeader { display:none;} #header { height: 107px; position: relative; } #header #logo { position: absolute; top: 14px; left: 0px; } #header #contactDetails { position: absolute; top: 0px; right: 0px; } #header #topDetails { background:url(../images/layup/contactBg.gif) no-repeat; float:right; width:585px; height:79px; padding:0 25px; } #header #topDetails #weather{ background:url(../images/layup/weatherBg.gif) no-repeat; position:relative; float:left; width:230px; height:29px; margin-right:10px; color:#fff; padding:35px 0 0 20px; text-transform:uppercase;} #header #topDetails #weather p{float:left; color:#fff; font-weight:normal;} #header #topDetails #weather p a{float:left; color:#fff; font-weight:normal; text-decoration:none; } #header #topDetails #weather .icon{float:left; display:block; position:absolute; top:30px; right:0px; } #header #topDetails #search {float:left; background:url(../images/layup/quickSearchBg.gif) no-repeat; width:161px; height:40px; margin-left:8px; padding:35px 0 0 20px; margin-right:10px; } #header #topDetails #search #quickSearch {width:118px; height:15px; border:none; padding:3px 10px 0 16px; background:url(../images/layup/quickSearchInputBg.gif) no-repeat;} #header #topDetails #phoneLanguage { float:left; width:100px; height:55px; background:url(../images/layup/PhoneBg.gif) no-repeat; padding:12px 10px 0 16px; } #header #topDetails #phoneLanguage .icon { float:left; margin-left:9px; margin-top:10px; } #header #topDetails #phoneLanguage a.info span{ z-index: 999999; position: relative; display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important; } #header #topDetails #phoneLanguage a.info:hover span{ z-index: 999999; display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; top:75px; left:760px; width:16em; border:1px solid #333; color:#000; text-align: center; text-decoration:none !important; } #header #badge { position: absolute; top: 0px; right: 0px; } #leftCol #newsContain {width:301px; background:url(../images/layup/newsArrow.gif) no-repeat top left; height:auto; float:left; margin-top:-1px;} #leftCol #newsContain #news {width:268px; height:auto; padding-bottom:15px; float:right; background:url(../images/layup/newsBg.gif) repeat-x #151515; } #leftCol #newsContain #news a{text-decoration:none;} #leftCol #newsContain #news .newsTop { background:url(../images/layup/newsTop.gif) no-repeat top left; width:211px; height:46px; padding: 3px 0 0 57px } #leftCol #newsContain #news .newsTop .title {display:block; color:#fff; font-size:16px; text-transform:uppercase; font-weight:bold; text-decoration:none; } #leftCol #newsContain #news .newsTop .sub {display:block; color:#ed920f; font-size:9px; text-transform:uppercase; font-weight:bold; text-decoration:none;} #leftCol #newsContain #news .newsTop .title a{ text-decoration:none; } #leftCol #newsContain #news .newsTop .sub a{ text-decoration:none;} #leftCol #newsContain #news .image {margin-left:43px; width:auto; height:auto; display:block; border:4px solid #000; float:left;} #leftCol #newsContain #news .smallArrowsLeft { float:left; margin-top: 3px} #leftCol #newsContain #news .smallArrowsRight {float:left;margin-right:20px; } #leftCol #newsContain #news .headline {margin-top:8px; width:194px; display:block; float:left; margin-left:43px; background:url(../images/layup/headlineBG.gif) no-repeat left; padding-left: 15px; color:#fff; text-transform:uppercase;} #leftCol #newsContain #news .moreInfo {margin-left:58px; margin-top:10px; float:left;} #leftCol #newsContain #news .register {font-size:9px; font-weight:normal; color:#ed920f; border-top:1px solid #ed920f; padding:5px 0 0 0; float:right; margin-right:55px; margin-top:10px; display:block; width:170px;} #leftCol .sep{float:right;} #leftCol #compareContain {width:301px; background:url(../images/layup/saveArrow.gif) no-repeat top left; height:auto; float:left; } #leftCol #compareContain #compare {width:268px; height:auto; padding-bottom:15px; float:right; background:url(../images/layup/newsBg.gif) repeat-x #151515; } #leftCol #compareContain #compare .compareTop { background:url(../images/layup/saveTop.gif) no-repeat top left; width:211px; height:46px; padding: 3px 0 0 57px; margin-bottom:10px } #leftCol #compareContain #compare .compareTop .title {display:block; color:#fff; font-size:16px; text-transform:uppercase; font-weight:bold; } #leftCol #compareContain #compare .compareTop .sub {display:block; color:#ed920f; font-size:9px; text-transform:uppercase; font-weight:bold; } #leftCol #compareContain #compare .savedCar { display:block; background:url(../images/layup/saveCompareBg.gif) no-repeat; border:1px solid #e08a0f; width:67px; height:49px; float:left; margin-left:14px;} #leftCol #compareContain #compare .saveBtn {float:left; margin-left:10px; margin-top: 15px;} #leftCol #compareContain #compare .compareBtn {float:right; margin-top: 15px; margin-right:20px;} #leftCol #usedStockContain {width:301px; background:url(../images/layup/usedStockArrow.gif) no-repeat top left; height:auto; float:left; } #leftCol #usedStockContain #usedStock {width:268px; height:auto; padding-bottom:15px; float:right; background:url(../images/layup/usedStockBg.gif) repeat-x #121212; } #leftCol #usedStockContain #usedStock .usedStockTop { background:url(../images/layup/usedStockTop.gif) no-repeat top left; width:211px; height:46px; padding: 3px 0 0 57px; } #leftCol #usedStockContain #usedStock .usedStockTop .title {display:block; color:#fff; font-size:16px; text-transform:uppercase; font-weight:bold; } #leftCol #usedStockContain #usedStock .usedStockTop .sub {display:block; color:#ed920f; font-size:9px; text-transform:uppercase; font-weight:bold; } #leftCol #usedStockContain #usedStock table {margin-left:43px; width: 200px; margin-top:10px; color:#fff;} #leftCol #usedStockContain #usedStock td {padding: 2px 5px;} #leftCol #usedStockContain #usedStock .altRow { background:#1e1e1e;} #leftCol #usedStockContain #usedStock .head { color:#000; background:#935c09; } #leftCol .sep{float:right;} #leftCol .shadow {float:right;} /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 301px; height:auto;} #leftCol .box {} #leftCol .usedCarSearch {} /* ----- RIGHT COLUMN ----- */ #rightCol { float: left; width: 630px; height:auto; position:relative; margin-left:20px; } #rightCol td { color: #FFFFFF; } #rightCol .mainImageFrame {background:url(../images/layup/mainImageFrame.png) no-repeat; margin-top:-20px; width:628px; height:285px; display:block; float:right; position:absolute; right:-21px; top:0px;} #rightCol .mainImage a { outline: none; } #rightCol .mainImage .frameTL { display: block; background: url(../images/layup/homeFrameTL.png) no-repeat; width: 18px; height: 18px; position: absolute; top: -1px; left: 0px; z-index: 250; } #rightCol .mainImage .frameTR { display: block; background: url(../images/layup/homeFrameTR.png) no-repeat; width: 18px; height: 18px; position: absolute; top: -1px; left: 567px; z-index: 250; } #rightCol .mainImage .frameBL { display: block; background: url(../images/layup/homeFrameBL.png) no-repeat; width: 18px; height: 18px; position: absolute; top: 233px; left: 0px; z-index: 250; } #rightCol .mainImage .frameBR { display: block; background: url(../images/layup/homeFrameBR.png) no-repeat; width: 18px; height: 18px; position: absolute; top: 233px; left: 567px; z-index: 250; } #rightCol .mainImage {position:relative; display:block; float:right; width:585px; height:250px; margin-bottom:20px; } #rightCol .mainImage img { position: relative; z-index:200; } #rightCol .mainImageLeft {position:absolute; left:21px; top:100px; z-index:99999;} #rightCol .mainImageRight {position:absolute; left:607px; top:100px; z-index:99999; } #rightCol #featuredCars {float:left; width:606px; padding-left:45px; } #rightCol #featuredCars .featuredCarBox { display:block; text-decoration:none; display:inline; background:url(../images/layup/featureCarBg.png) no-repeat; width:192px; height:237px; float:left; margin-left:-20px; padding:30px 0 0 30px} #rightCol #featuredCars .featuredCarBox a {text-decoration:none; display:block;} #rightCol #featuredCars .featuredCarBox .featuredImageFrame {background:url(../images/layup/featuredCarFrame.png) no-repeat; width:163px; height:122px; display:block; position:absolute; left:0px; top:0px;} #rightCol #featuredCars .featuredCarBox .featuredImage {position:relative; display:block; width:163px; height:122px; margin-bottom:10px; background:url(../images/layup/noImage163x122.gif) no-repeat; } #rightCol #featuredCars .featuredCarBox .title { background:url(../images/layup/featureCarTitleBg.png) top left no-repeat; padding:5px 0 0 2px; width:160px; text-transform:uppercase; color:#fefefd; display:block; font-size:14px; font-weight:bold; float:left;} #rightCol #featuredCars .featuredCarBox .price { background:url(../images/layup/featuredPrice.gif) no-repeat top left; display:block; padding:9px 0 0 2px; width:150px; text-transform:uppercase; color:#ff9900; font-size:18px; font-weight:bold; float:left;} #rightCol #featuredCars a {text-decoration:none;} #rightCol #jumpHomeContain {float:left; width:606px; padding-left:45px; } #rightCol #jumpHomeContain a { text-decoration:none; } #rightCol #jumpHomeContain .jumpHomeBox { display:block; background:url(../images/layup/JumpHomeBG.png) no-repeat; width:191px; height:231px; float:left; margin-left:-17px; padding:10px 0 0 28px} #rightCol #jumpHomeContain .jumpHomeBox a{text-decoration:none;} #rightCol #jumpHomeContain .jumpHomeBox .title { display:block; margin-bottom:8px; background:url(../images/layup/homeJumpTitleBg.gif) no-repeat left center; padding:0 8px; width:145px; color:#ff9900; font-size:11px; text-transform:uppercase;} #rightCol #jumpHomeContain .jumpHomeBox .titleLong { display:block; margin-bottom:2px; background:url(../images/layup/homeJumpTitleBg.gif) no-repeat left top; line-height:10px; padding:0 8px; width:145px; color:#ff9900; font-size:11px; text-transform:uppercase;} #rightCol #jumpHomeContain .jumpHomeBox .jumpHomeImageFrame {background:url(../images/layup/jumpHomeFrame.png) no-repeat; width:161px; height:78px; float:left; display:block; position:absolute; left:0px; top:0px;} #rightCol #jumpHomeContain .jumpHomeBox .jumpHomeImage {position:relative; display:block; width:161px; height:78px; margin-bottom:10px; float:left; } #rightCol #jumpHomeContain .jumpHomeBox .intro {float:left; color:#fff; width:160px; height:55px; font-weight:normal; position:relative; } #rightCol #jumpHomeContain .jumpHomeBox .intro a {font-weight:normal;} #rightCol #jumpHomeContain .jumpHomeBox .intro .btnDetail {float:right; bottom:0px; right:3px; position:absolute;} #rightCol #welcome { background:url(../images/layup/welcomeBg.gif) top left no-repeat #151515; width:595px; padding: 25px 0 0 0; height:auto; margin-left:41px; float:left; color:#726f6f;} #rightCol #welcome a { color: #726F6F; text-decoration: underline; } #rightCol #welcome .title {font-size:20px; color:#ffffff; text-transform:uppercase; margin-bottom:8px; float:left; display:block;} #rightCol #welcome .welcomeContent {display:block; width:575px; float:left; margin-left:20px; height:auto; } #rightCol .welcomeBottom { width:595px; height:12px; float:left; background:url(../images/layup/welcomeBottom.png) no-repeat; float:left; margin-left:41px; } #rightCol #mainContentContain {width:625px; height:auto; background:url(../images/layup/mainContentContainBg.gif) no-repeat top left; float:left; padding:6px 0 0 0; } #rightCol #mainContentContain #mainContent {width:595px; background: url(../images/layup/mainContentBg.gif) top left no-repeat #151515; float:right; min-height:350px;} #rightCol #mainContentContain #mainContent .cmsImageFrame { background:#272727; width:282px; height:215px; padding:1px; float:right; margin:0 15px 15px 15px; float:right; } #rightCol #mainContentContain #mainContent .cmsImage { border:5px #0a0a0a solid; width:272px; height:205px; float:right;} #rightCol #mainContentContain #mainContent p {padding-left:20px; padding-right:10px; color:#fff; clear:left;} #rightCol #mainContentContain #mainContent #rightColBox a {color:#fff;} #rightCol #mainContentContain #mainContent .viewStock {float:right; margin-right:15px; margin-top:10px; margin-bottom:10px;} #rightCol #mainContentContain #mainContent #newCarDetails {float:right; width:300px; margin-left:8px; margin-bottom:10px; height:420px;} #rightCol #mainContentContain #mainContent #newCarDetails .newCarImageFrame { background:#272727; width:282px; height:214px; padding:1px; margin:0 0 15px 0; } #rightCol #mainContentContain #mainContent #newCarDetails .newCarImage { border:5px #0a0a0a solid; width:272px; height:204px; } #rightCol #mainContentContain #mainContent #newCarDetails .icons { width:285px; height:78px; } #rightCol #mainContentContain #mainContent .icons a.requestBrochure { float:left; background:url(../images/layup/spriteNewCar.gif) no-repeat 0 0; width:130px; height:39px; } #rightCol #mainContentContain #mainContent .icons a.requestBrochure:hover { background:url(../images/layup/spriteNewCar.gif) no-repeat 0 -79px;} #rightCol #mainContentContain #mainContent .icons a.manufacturersSite { float:left; background:url(../images/layup/spriteNewCar.gif) no-repeat -130px 0; width:155px; height:39px; } #rightCol #mainContentContain #mainContent .icons a.manufacturersSite:hover { background:url(../images/layup/spriteNewCar.gif) no-repeat -130px -79px;} #rightCol #mainContentContain #mainContent .icons a.testDrive { float:left; background:url(../images/layup/spriteNewCar.gif) no-repeat 0px -39px; width:130px; height:40px; } #rightCol #mainContentContain #mainContent .icons a.testDrive:hover { background:url(../images/layup/spriteNewCar.gif) no-repeat 0px -118px;} #rightCol #mainContentContain #mainContent .icons a.advice { float:left; background:url(../images/layup/spriteNewCar.gif) no-repeat -130px -39px; width:155px; height:40px; } #rightCol #mainContentContain #mainContent .icons a.advice:hover { background:url(../images/layup/spriteNewCar.gif) no-repeat -130px -118px;} #rightCol #mainContentContain #mainContent .icons a.currentOffers { float:left; background:url(../images/layup/spriteNewCarLargeIcons.gif) no-repeat 0px -0px; width:285px; height:40px; margin-top:15px; } #rightCol #mainContentContain #mainContent .icons a.currentOffers:hover { background:url(../images/layup/spriteNewCarLargeIcons.gif) no-repeat -0px -81px;} #rightCol #mainContentContain #mainContent .icons a.requestCallback { float:left; background:url(../images/layup/spriteNewCarLargeIcons.gif) no-repeat 0px -40px; width:285px; height:41px; margin-top:3px; } #rightCol #mainContentContain #mainContent .icons a.requestCallback:hover { background:url(../images/layup/spriteNewCarLargeIcons.gif) no-repeat -0px -121px;} /* ----- LIST ----- */ #list {width:580px; height:auto; float:left;padding-left:6px; text-decoration:none;} #list .listItem {width:580px; height:auto; float:left; display:block; float:left; margin-bottom:25px; text-decoration:none; } #list .listItem a {display:block; text-decoration:none; font-weight:normal;} #list .listItem .frame .thumb {display:block; width:140px; height:105px; background:url(../images/layup/noImage139x104.gif) no-repeat 0px -1px;} #list .listItem .frame { border-left:4px solid #ff9900; float:left; display:block; width:152px; margin-right:5px; height:120px; padding:15px 0 0 13px; background:#111111; border-top:1px solid #1d1d1d; border-bottom:1px solid #1d1d1d; border-right:1px solid #1d1d1d; } #list .listItem .information .titleContain { display:block; width:305px; height:29px; background:#2a2011; padding:6px 0 0 10px; float:left; text-decoration:none; } #list .listItem .information .titleContain .title { text-decoration:none; display:block; background:url(../images/layup/usedCarMake.gif) no-repeat top left; padding-top:10px; color:#ed920f; font-weight:bold; text-transform:uppercase;} #list .listItem .information .titleContain .title a { text-decoration:none; } #list .listItem .information .price { text-decoration:none; margin-top:6px; display:block; background:url(../images/layup/usedCarPrice.gif) no-repeat; color:#ed920f; font-size:16px; font-weight:bold; text-transform:uppercase; float:left; padding-top:6px; margin-left:15px;} #list .listItem .information .price a { text-decoration:none; } #list .listItem .information .description {color:#fff; padding:15px 10px 10px 10px; display:block; text-decoration:none;} #list .listItem .information .description a { text-decoration:none; } #list .listItem .information { display:block; width:400px; height:135px; float:left; border:1px solid #1d1d1d; background:#111111; font-weight:normal; text-decoration:none; } #list .listItem .moreDetails {float:right; padding-right:3px;} /* ----- BOX LIST ----- */ #boxList {width:555px; height:auto; margin: 0 auto;} #boxList .box { background:url(../images/layup/newCarBoxBg.jpg) no-repeat; text-decoration:none; padding:6px; width:165px; height:153px; float:left; margin:0 12px 12px 0;} #boxList .boxLast { background:url(../images/layup/newCarBoxBg.jpg) no-repeat; text-decoration:none; padding:6px; width:165px; height:153px; float:left; margin:0 0 12px 0; } #boxList .box a {text-decoration:none;} #boxList .boxLast a {text-decoration:none;} #boxList .box .thumb { width:165px; height:124px; display:block; background:url(../images/layup/noImage165x124.gif) no-repeat 0px -1px;} #boxList .boxLast .thumb { width:165px; height:124px; display:block; background:url(../images/layup/noImage165x124.gif) no-repeat 0px -1px;} #boxList .box .title {font-size:12px; font-weight:bold; color:#fff; float:left; text-transform:uppercase; margin:3px 0 0 10px; display:block; line-height: 110%;} #boxList .box .title .lotus {color:#f29613; display:block; float:left; margin-right:5px;} #boxList .boxLast .title {font-size:12px; font-weight:bold; color:#fff; float:left; text-transform:uppercase; margin:3px 0 0 10px; display:block;} #boxList .boxLast .title .lotus {color:#f29613; display:block; float:left; margin-right:5px;} #boxList .box .title a {text-decoration:none;} #boxList .box .title .lotus a {text-decoration:none;} #boxList .boxLast .title a {text-decoration:none;} #boxList .boxLast .title .lotus a {text-decoration:none;} /* ----- BOX LIST ----- */ #newsList { width:555px; height:auto; margin: 0 auto;} #newsList a { display: block; background:url(../images/layup/newsListBoxBg.jpg) no-repeat; text-decoration:none; font-weight:normal; width: 555px; height: 179px; } #newsList .box a {text-decoration:none; } #newsList .box .thumb { width:543px; height:136px; display:block; background:url(../images/layup/noImage165x124.gif) no-repeat 0px -1px;} #newsList .box .title {font-size:12px; font-weight:bold; color:#fff; float:left; text-transform:uppercase; padding: 10px 0 0 10px; display:block;} #newsList .box .title .lotus {color:#f29613; display:block; float:left; margin-right:5px;} #newsList .box .title a {text-decoration:none;} #newsList .box .title .lotus a {text-decoration:none;} #newsList .box .padContent { padding: 8px 0px 0px 6px; display: block; } /* ----- USED CAR DETAIL ----- */ .usedCarImageFrame { background:#272727; width:282px; height:214px; padding:1px; margin:0 0 15px 0; } #rightCol #mainContentContain #mainContent .usedCarImage { border:5px #0a0a0a solid; width:272px; height:204px; } #rightCol #mainContentContain #mainContent .icons { width:285px; height:78px; } #rightCol #mainContentContain #mainContent #usedCarFrame { float:left; background:url(../images/layup/usedCarPhotoFrame.jpg) no-repeat; width:333px; height:250px; padding:4px; margin-left:15px;} #rightCol #mainContentContain #mainContent #usedCarPhoto { float: left; width:333px; height:250px; background:url(../images/layup/noImage333x250.gif) no-repeat;} #rightCol #mainContentContain #mainContent #usedCarJumps{ width:212px; float:right; height:auto; margin-bottom:10px; margin-top:2px; margin-right:14px; display: inline; } #rightCol #mainContentContain #mainContent #usedCarJumps a {margin-bottom:4px;} #rightCol #mainContentContain #mainContent #usedCarJumps a.save { float:left; width:212px; height:63px; background:url(../images/layup/spriteUsedCarJumps.gif) 0 0 no-repeat;} #rightCol #mainContentContain #mainContent #usedCarJumps a.save:hover {background:url(../images/layup/spriteUsedCarJumps.gif) top right no-repeat;} #rightCol #mainContentContain #mainContent #usedCarJumps a.print { float:left; width:212px; height:63px; background:url(../images/layup/spriteUsedCarJumps.gif) 0 -63px no-repeat;} #rightCol #mainContentContain #mainContent #usedCarJumps a.print:hover { background:url(../images/layup/spriteUsedCarJumps.gif) -212px -63px no-repeat;} #rightCol #mainContentContain #mainContent #usedCarJumps a.send { float:left; width:212px; height:63px; background:url(../images/layup/spriteUsedCarJumps.gif) 0 -126px no-repeat;} #rightCol #mainContentContain #mainContent #usedCarJumps a.send:hover { background:url(../images/layup/spriteUsedCarJumps.gif) -212px -126px no-repeat;} #rightCol #mainContentContain #mainContent #usedCarJumps a.offer { float:left; width:212px; height:63px; background:url(../images/layup/spriteUsedCarJumps.gif) 0 -189px no-repeat;} #rightCol #mainContentContain #mainContent #usedCarJumps a.offer:hover { background:url(../images/layup/spriteUsedCarJumps.gif) -212px -189px no-repeat;} #rightCol #mainContentContain #mainContent #usedCarJumps a.enquiry { float:left; width:212px; height:54px; background:url(../images/layup/spriteUsedCarJumps.gif) 0 -252px no-repeat;} #rightCol #mainContentContain #mainContent #thumbList { position: relative; margin-top: 0px; float:left;width: 560px; height: 66px; margin-top:5px; } #rightCol #mainContentContain #mainContent #thumbList #thumbPrev { position: absolute; top: 0; left: 17px; width:15px; height:66px; cursor: pointer; z-index:1; } #rightCol #mainContentContain #mainContent #thumbList #thumbNext { position: absolute; top: 0; right: -17px; cursor: pointer; width:15px; height:66px; z-index:1;} #rightCol #mainContentContain #mainContent #thumbList #thumbWindow { width: 577px; height: 66px; overflow: hidden; z-index:99; } #rightCol #mainContentContain #mainContent #thumbList #thumbWindow #thumbImage .thumbFrame {position:relative; float:left; z-index:99; margin-right:23px; background:url(../images/layup/thumbBg.gif) no-repeat; width:83px; height:63px; padding:2px; } #rightCol #mainContentContain #mainContent #thumbList #thumbWindow #thumbImage .nonActive { position:absolute; float:left; top:2px; left:2px; background:url(../images/layup/fillerNonActive.png) no-repeat; width:79px; height:59px;} #rightCol #mainContentContain #mainContent #thumbList #thumbWindow #thumbImage .thumb { width:79px; height:59px; display:block; float:left; } #rightCol #mainContentContain #mainContent #usedCarImages{float:left; width:595px; } #rightCol #mainContentContain #mainContent #thumbList #thumbWindow #thumbImage { width: 595px; z-index:99; margin-left:33px; } #rightCol #mainContentContain #mainContent #audi{ display:block;float:left;width:169px; height:32px; background:url(../images/layup/spriteUsedCarList.gif) no-repeat top left; margin-bottom:10px;} #rightCol #mainContentContain #mainContent #audi:hover{background:url(../images/layup/spriteUsedCarList.gif) no-repeat bottom left ; } #rightCol #mainContentContain #mainContent #audi.active{background:url(../images/layup/spriteUsedCarList.gif) no-repeat bottom left ; } #rightCol #mainContentContain #mainContent #lotusOnly{ display: block; float:left; width:130px; height:32px; background:url(../images/layup/spriteUsedCarList.gif) no-repeat -169px top ; margin-bottom:10px;} #rightCol #mainContentContain #mainContent #lotusOnly:hover{background:url(../images/layup/spriteUsedCarList.gif) no-repeat -169px bottom ;} #rightCol #mainContentContain #mainContent #lotusOnly.active{background:url(../images/layup/spriteUsedCarList.gif) no-repeat -169px bottom ;} #rightCol #mainContentContain #mainContent #sportsCars{ display: block; float:left; width:121px; height:32px; background:url(../images/layup/spriteUsedCarList.gif) no-repeat -299px top ; margin-bottom:10px;} #rightCol #mainContentContain #mainContent #sportsCars:hover{background:url(../images/layup/spriteUsedCarList.gif) no-repeat -299px bottom ;} #rightCol #mainContentContain #mainContent #sportsCars.active{background:url(../images/layup/spriteUsedCarList.gif) no-repeat -299px bottom ;} /* ----- DOM TABS ----- */ #usedCarSpec { float: right; width: 325px; margin-top: 9px; margin-right:19px; } #usedCarSpec .domtab { } #usedCarSpec .tabset_print { display: none; } #usedCarSpec .tabset_tabs { height: 20px; width: 325px; margin:0px; padding: 0; list-style:none; } #usedCarSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #usedCarSpec .tabset_tabs span { display: none; } #usedCarSpec .tabset_tabs a { display: block; height: 20px; color:#fff; } #usedCarSpec .tabset_tabs #tabCarDetails a { background:#a56811; padding-top:5px; padding-left:10px; color:#000; width:140px; margin-right:10px; font-weight:bold; text-decoration:none; } #usedCarSpec .tabset_tabs #tabCarDetails a:hover { background:#e08a0f;} #usedCarSpec .tabset_tabs #tabCarDetails.active a { background:#e08a0f; } #usedCarSpec .tabset_tabs #tabSpecification a { background:#a56811; padding-top:5px; padding-left:10px; color:#000; width:140px; font-weight:bold; text-decoration:none; } #usedCarSpec .tabset_tabs #tabSpecification a:hover {background:#e08a0f; } #usedCarSpec .tabset_tabs #tabSpecification.active a { background:#e08a0f; } #usedCarSpec .contentHeight { width: 325px; color:#fff; } #usedCarSpec .tabset_content { width: 325px; overflow:auto; overflow-x:hidden; overflow-y:auto; padding-right: 10px; } #usedCarSpec .tabset_content h1 { color: #000; padding: 0px; } #usedCarSpec .tabset_content table { width: 100%; } #usedCarSpec .tabset_content .altRow {background:#2c2c2c;} #usedCarSpec .tabset_content td { height: 28px; padding: 0px 0px 0px 8px; font-weight:normal; } #usedCarAdditional { float: right; width: 325px; margin-top: 9px; margin-right:19px; } #usedCarAdditional .domtab { } #usedCarAdditional .tabset_print { display: none; } #usedCarAdditional .tabset_tabs { height: 20px; width: 325px; margin:0px; padding: 0; list-style:none; } #usedCarAdditional .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #usedCarAdditional .tabset_tabs span { display: none; } #usedCarAdditional .tabset_tabs a { display: block; height: 20px; color:#fff; } #usedCarAdditional .tabset_tabs #tabAdditional a { background:#a56811; padding-top:5px; padding-left:10px; color:#000; width:140px; margin-right:10px; font-weight:bold; text-decoration:none; } #usedCarAdditional .tabset_tabs #tabAdditional a:hover { background:#e08a0f;} #usedCarAdditional .tabset_tabs #tabAdditional.active a { background:#e08a0f; } #usedCarAdditional .contentHeight { width: 325px; color:#fff; } #usedCarAdditional .tabset_content { width: 325px; overflow:auto; overflow-x:hidden; overflow-y:auto; padding-right: 10px; } #usedCarAdditional .tabset_content h1 { color: #000; padding: 0px; } #usedCarAdditional .tabset_content table { width: 100%; } #usedCarAdditional .tabset_content .altRow {background:#2c2c2c;} #usedCarAdditional .tabset_content td { height: 28px; padding: 0px 0px 0px 8px; font-weight:normal; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_tabs a { background:#e08a0f; padding-top:5px; padding-left:10px; height:20px; color:#000; width:140px; margin-right:10px; font-weight:bold; text-decoration:none; float: left; } #rightCol #mainContentContain #mainContent #financeCalculator { float: left; font-family: Arial, Helvetica, sans-serif; width:250px; } #rightCol #mainContentContain #mainContent #financeCalculator .domtab { color:#fff; width:auto; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_tabs { } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_tabs li { margin-left:-30px; float:left; margin-right:5px; position:relative; list-style:none; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_tabs li .calculator { position:absolute; top: -5px; right: 0px; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_content table { border-bottom: 1px dotted #fff; margin-left: 10px; margin-top: 0px;} #rightCol #mainContentContain #mainContent #financeCalculator .tabset_content form { } #rightCol #mainContentContain #mainContent #financeCalculator .altRow { background:#2c2c2c; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_content select { width: 70px; font-size: 1.0em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_content input { width: 67px; font-size: 1.0em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_content td { padding-right:5px; padding-left:5px; height: 26px; font-size: 0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_content tr {width:210px;} #rightCol #mainContentContain #mainContent #financeCalculator .tabset_content .title { vertical-align: top; font-size: 1.2em; font-weight: bold; padding-top: 10px; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_content .price { vertical-align: top; color:#FF0000; font-size: 1.2em; font-weight: bold; padding-top: 10px; } #rightCol #mainContentContain #mainContent #financeCalculator .tabset_content .whiteText {color:#fff;} #rightCol #mainContentContain #mainContent #usedCarSpec #totalPrice {width:315px; float:left; height:15px; color:#e08a0f; font-size:12px; font-weight:bold; text-transform:uppercase; padding:5px; border-bottom: 1px dotted #fff;} #rightCol #mainContentContain #mainContent #usedCarSpec #totalPrice .price {float:right; display:block; font-size:14px; font-weight:bold;} /*-----SIMILAR CARS-----*/ #rightCol #mainContentContain #mainContent #similarVehicles {float: left; width: 563px; margin-left:12px; margin-top: 9px; margin-right:19px; } #rightCol #mainContentContain #mainContent #similarVehicles .similarContain {width:144px; height:138px; display:block; background:url(../images/layup/similarVehicles.gif) no-repeat; float:left; position:relative; ; } #rightCol #mainContentContain #mainContent #similarVehicles .similarContainSep {width:65px; height:20px; text-align:center; color:#FF9900; font-size:12px; display:block; float:left; } #rightCol #mainContentContain #mainContent #similarVehicles .similarContain .title{ display:inline; float:right; position:absolute; text-decoration:none; width:125px; color:#fff; height:20px; color:#ff9900; font-weight:bold; background:url(../images/layup/similarVehiclesTitleBg.gif) no-repeat left bottom ; text-transform:uppercase; padding-left:19px; top:109px; display:block;} #rightCol #mainContentContain #mainContent #similarVehicles .photo{width:136px; height:102px; display:block; position:absolute; background:url(../images/layup/noImage136x102.gif) no-repeat; top:3px; left:3px; border:1px solid #1c1c1c; } /*-----CONTACT US-----*/ #rightCol #mainContentContain #mainContent #mapContain {width:550px; height:221px; background:url(../images/layup/mapBg.gif) no-repeat; margin-left:20px;} #rightCol #mainContentContain #mainContent #mapContain .dealerImage { width:264px; height:198px; background:url(../images/layup/dealerImage.jpg) no-repeat; float:left; margin:10px auto 0 8px;} #rightCol #mainContentContain #mainContent #mapContain .map { width:264px; height:198px; float:right; margin:10px 8px 0 auto;} #rightCol #mainContentContain #mainContent #directions { margin-left:20px; background:#0c0c0c; padding:5px 0 5px 10px; width:540px; margin-bottom:15px;} #rightCol #mainContentContain #mainContent #directions input {width:100px; height:16px; padding-top:2px; float:left; margin-right:0px; border:1px solid #ed920f;} #rightCol #mainContentContain #mainContent #directions .btnDirections { float:right; } #rightCol #mainContentContain #mainContent #left {color:#fff; width:265px; height:auto; padding:0 0 0 7px; float:left; margin: 0 20px; border-right: 1px #604013 solid;} #rightCol #mainContentContain #mainContent #left a {text-decoration:none; color:#fff; } #rightCol #mainContentContain #mainContent #right {width:272px; height:auto; float:left; color:#fff;} #rightCol #mainContentContain #mainContent #right a {text-decoration:none; color:#fff; } #rightCol #mainContentContain #mainContent #left .title {color:#ed920f; font-weight:bold; width:auto; background:#0e0e0e; padding:3px; margin-bottom:10px; float:left; display:block;} #rightCol #mainContentContain #mainContent #left .subtitle {color:#ed920f; font-weight:bold; width:265px; padding:3px; float:left; display:block; } #rightCol #mainContentContain #mainContent #left .text { float:left; padding:3px; display:block; width:226px;} #rightCol #mainContentContain #mainContent #left .text .bold { font-weight:bold; } #rightCol #mainContentContain #mainContent #right .title {color:#ed920f; font-weight:bold; width:auto; background:#0e0e0e; padding:3px; margin-bottom:10px; float:left; display:block;} #rightCol #mainContentContain #mainContent #right .subtitle {color:#ed920f; font-weight:bold; width:265px; padding:3px; float:left; display:block; } #rightCol #mainContentContain #mainContent #right .text { float:left; padding:3px; display:block; width:226px;} #rightCol #mainContentContain #mainContent #right .text .bold { font-weight:bold; } #rightCol #mainContentContain #mainContent #returnedDirections { height:auto; float:left; color:#fff; margin-left: 23px; display: inline; } #rightCol #mainContentContain #mainContent #returnedDirections a {text-decoration:none; color:#fff; } #rightCol #mainContentContain #mainContent #returnedDirections .title {color:#ed920f; font-weight:bold; width:auto; background:#0e0e0e; padding:3px; margin-bottom:10px; float:left; display:block;} #rightCol #mainContentContain #mainContent #returnedDirections .subtitle {color:#ed920f; font-weight:bold; padding:3px; float:left; display:block; } #rightCol #mainContentContain #mainContent #returnedDirections .text { float:left; padding:10px; display:block; } #rightCol #mainContentContain #mainContent #returnedDirections .text .bold { font-weight:bold; } #rightCol #mainContentContain #mainContent #returnedDirections table { width: 540px; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo {text-decoration:none;font-weight:normal;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1{font-size:16px; font-weight:bold; color:#fff; margin-left:20px; margin-top:25px; width:225px; text-transform:uppercase; float:left;} #rightCol h2 {color:#fff!important; width:225px; float:left; padding-left:20px; clear:left;} #rightCol li {color:#fff!important;} .usedCarListH1{font-size:16px; font-weight:bold; color:#fff; margin-left:20px; margin-top:25px; width:145px; text-transform:uppercase; float:left;} .vehicleDetails {background:url(../images/layup/h1Bg.gif) no-repeat left center; font-size:16px; font-weight:bold; color:#fff; margin-left:0px; margin-top:25px; width:400px; text-transform:uppercase; float:left; padding-left:20px;} /* ----- TOP NAVIGATION ----- */ #primaryNav {} #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { float: left; } #primaryNav a{font-family:Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; font-size:15px; text-transform:uppercase; padding:8px 0 0 95px; } #primaryNav a.home {background:url(../images/layup/spiteNav.jpg) no-repeat left top; display:block; width:206px; height:25px; float:left;} #primaryNav a.home:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right top; display:block; color:#e08a0f; } #primaryNav .active a.home {background:url(../images/layup/spiteNav.jpg) no-repeat right top; color:#e08a0f; display:block; } #primaryNav a.usedCars {background:url(../images/layup/spiteNav.jpg) no-repeat left -33px; display:block; width:206px; height:23px; float:left;} #primaryNav a.usedCars:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -33px; display:block; color:#e08a0f;} #primaryNav .active a.usedCars {background:url(../images/layup/spiteNav.jpg) no-repeat right -33px; display:block; color:#e08a0f;} #primaryNav a.newCars {background:url(../images/layup/spiteNav.jpg) no-repeat left -64px; display:block; width:206px; height:23px; float:left;} #primaryNav a.newCars:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -64px; display:block; color:#e08a0f;} #primaryNav .active a.newCars {background:url(../images/layup/spiteNav.jpg) no-repeat right -64px; display:block; color:#e08a0f;} #primaryNav a.offers {background:url(../images/layup/spiteNav.jpg) no-repeat left -95px; display:block; width:206px; height:23px; float:left;} #primaryNav a.offers:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -95px; display:block; color:#e08a0f;} #primaryNav .active a.offers {background:url(../images/layup/spiteNav.jpg) no-repeat right -95px; display:block; color:#e08a0f;} #primaryNav a.leasing {background:url(../images/layup/spiteNav.jpg) no-repeat left -126px; display:block; width:206px; height:22px; float:left;} #primaryNav a.leasing:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -126px; display:block; color:#e08a0f;} #primaryNav .active a.leasing {background:url(../images/layup/spiteNav.jpg) no-repeat right -126px; display:block; color:#e08a0f;} #primaryNav a.servicing {background:url(../images/layup/spiteNav.jpg) no-repeat left -156px; display:block; width:206px; height:22px; float:left;} #primaryNav a.servicing:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -156px; display:block; color:#e08a0f;} #primaryNav .active a.servicing {background:url(../images/layup/spiteNav.jpg) no-repeat right -156px; display:block; color:#e08a0f;} #primaryNav a.bodywork {background:url(../images/layup/spiteNav.jpg) no-repeat left -186px; display:block; width:206px; height:23px; float:left;} #primaryNav a.bodywork:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -186px; display:block; color:#e08a0f;} #primaryNav .active a.bodywork{background:url(../images/layup/spiteNav.jpg) no-repeat right -186px; display:block; color:#e08a0f;} #primaryNav a.lotusHire {background:url(../images/layup/spiteNav.jpg) no-repeat left -217px; display:block; width:206px; height:23px; float:left;} #primaryNav a.lotusHire:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -217px; display:block; color:#e08a0f;} #primaryNav .active a.lotusHire {background:url(../images/layup/spiteNav.jpg) no-repeat right -217px; display:block; color:#e08a0f;} #primaryNav a.lotusFinance {background:url(../images/layup/spiteNav.jpg) no-repeat left -248px; display:block; width:206px; height:22px; float:left;} #primaryNav a.lotusFinance:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -248px; display:block; color:#e08a0f;} #primaryNav .active a.lotusFinance {background:url(../images/layup/spiteNav.jpg) no-repeat right -248px; display:block; color:#e08a0f;} #primaryNav a.shop {background:url(../images/layup/spiteNav.jpg) no-repeat left -278px; display:block; width:206px; height:22px; float:left;} #primaryNav a.shop:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -278px; display:block; color:#e08a0f;} #primaryNav .active a.shop {background:url(../images/layup/spiteNav.jpg) no-repeat right -278px; display:block; color:#e08a0f;} #primaryNav a.contactUs {background:url(../images/layup/spiteNav.jpg) no-repeat left -308px; display:block; width:206px; height:27px; float:left;} #primaryNav a.contactUs:hover {background:url(../images/layup/spiteNav.jpg) no-repeat right -308px; display:block; color:#e08a0f;} #primaryNav .active a.contactUs {background:url(../images/layup/spiteNav.jpg) no-repeat right -308px; display:block; color:#e08a0f;} /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 10px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; color:#ffffff; padding:6px 0 5px 15px;} #sitemap li a{ color:#ffffff;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { text-transform:uppercase; color:#ff9900; font-size:9px; margin:4px 0 0 15px; float:left; width:510px; } #breadcrumbs a { color:#ff9900; margin-left:3px; font-size:10px; text-decoration:none; font-weight:normal; } .pagination { float: right; color:#fff; margin-top:3px; width:290px; padding-right:8px; text-align:right; } .pagination a { padding: 0px 4px 0px 4px; text-decoration: none; color:#fff; font-weight:normal; } .pagination .nextPrev {color:#dce0df;} .pagination li {display:inline; list-style:none;} .pagination a:hover { text-decoration: none; background:#ff9900; color:#000; } .pagination .active { text-decoration: none; background:#ff9900; color:#000; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } .backBtn {display:block;} .backBtn a { width:45px; font-weight:normal; float:right; margin-top:3px; color:#FF9900; margin-right:6px; display:inline; } /* ----- FOOTER ----- */ #footer { height: 126px; background:url(../images/layup/footerBg.gif) repeat-x; margin-top: -126px; font-size: 11px; color:#fff; } #footer .padding { width:960px; padding-top:10px; margin: 0 auto;} #footer .padding .leftContent {float:left; background:url(../images/layup/footerContentBg.gif) no-repeat; width:569px; height:72px; padding:8px 0 0 63px } #footer .padding .leftContent .footerCastle {float:left; margin-right:5px;} #footer .padding .footerLotusLogo {float:right;} #footer .padding .footerTvrLogo {float:right; margin-left: 10px; } #footer p {margin-bottom:-10px; text-align:left; width:400px;} #footer a { font-weight:normal; text-decoration:none; color:#fff;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 10px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#fff; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; color:#fff; padding-left:0px;} input, textarea { width:200px; font-size:11px !important;} .required { color:#ed920f;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:55px; height:18px; border:none;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #ed920f; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #ed920f; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ----- SERVICE BUTTON ---- */ #rightCol #mainContentContain #mainContent .bookService a {display:block; height:120px; width:252px; background:url(../images/layup/spriteBookService.gif) top left no-repeat; float:right; margin-left:8px; margin-bottom:8px; margin-right:15px;} #rightCol #mainContentContain #mainContent .bookService a:hover {display:block; height:120px; width:252px; background:url(../images/layup/spriteBookService.gif) bottom left no-repeat;} /* ----- COMPARE CARS ----- */ #rightCol #mainContentContain #mainContent #compareVehicles { width:570px; padding-left:25px; } #rightCol #mainContentContain #mainContent #compareVehicles table {color:#fff; background:#151515;} #rightCol #mainContentContain #mainContent #compareVehicles tr {background:#151515; height:25px;} #rightCol #mainContentContain #mainContent #compareVehicles tr.altRow {background:#1E1E1E;} #rightCol #mainContentContain #mainContent #compareVehicles td a {color:#fff;} #rightCol #mainContentContain #mainContent #compareVehicles td.head {text-align:left; width:110px; padding-left:10px; padding-right:10px;} #rightCol #mainContentContain #mainContent #compareVehicles .compareTitle a{display:block; color:#FFFFFF; padding:5px 0px;} .compareImage{ display:block; width:139px; height:104px; position:relative; margin-bottom:5px;} .compareFrame {position:absolute; top:0px; left:0px; display:block; width:139px; height:104px;}