/* * Basic layout for XXX, July 2012, InManage LTD. */ /* General Styles */ * { } body{ font-family:Arial, sans-serif; direction:rtl; } h1 { margin:0 !important; font-size:inherit;} a{ text-decoration:none; } a img, fieldset{ border:0 none; } a { color: #00488F; } img{ vertical-align:middle; } fieldset { border: 0; margin:0; padding:0; } textarea{ resize:none; } input, label{ vertical-align:middle; } input:focus{ outline:none; } input, textarea, select{ font-family:Arial, sans-serif; font-size:12px; } .floatRight{ float:right; } .floatLeft{ float:left; } .clearAll{ clear:both; } .clearfix:after { content:"."; /*display:block;*/ clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .bold{ font-weight:bold; } .blockMe{ display:block; } .err{ border: 1px solid red !important;} /* Normalize fixes */ menu, ol, ul { padding:0; } dl, menu, ol, ul { margin:0; } a:focus{ outline:0; } h4, p{ margin:0; } /* These rules should be ignored at production */ body{ background: url(/_media/images/new_top.jpg) 0 0 repeat-x; } #container{ margin:0 auto; width:981px; } #header { width: 980px; margin-bottom:12px; } /*footer{ background:url(/_media/images/fillers/footerBg.jpg) 0 0 repeat-x; height:164px; width:100%; }*/ #footerInner{ width:603px; height:164px; margin:0 auto; } /* These rules should be ignored at production */ /* Header */ /* End Header */ /* Footer */ /* End Footer */ /* Bread crumbs */ #breadCrumbsWrapper{ height: 10px; list-style-type: none; padding: 0 8px 9px 0; width: 780px; } #breadCrumbsWrapper li{ color:#313131; font-weight:bold; float:right; font-size:12px; height:12px; line-height:12px; padding:0; background:transparent; } #breadCrumbsWrapper li.bcDivider{ color:#e75013; text-align:center; width:18px; } #breadCrumbsWrapper li a{ color:#636363; font-weight:normal; text-decoration:none; } #breadCrumbsWrapper li a:hover{ text-decoration:underline; } .bread-div{ color: #e75013; text-align: center; width: 18px; font-weight: bold; margin:0 4px; } /* End Bread crumbs */ /* Sidebar */ #leftBar{ float:left; width:180px; } /* End Sidebar */ /* content */ #pageContent{ float:right; width:780px; } /* Model tabs box */ #tabBoxWrapper{ margin:30px 0 17px; width:780px; } #tabBoxWrapper > div.top{ background-image:url(/_media/images/model/tabsBoxSprite.png); background-repeat:no-repeat;background-position:0 0; height:10px; position:relative; width:780px; z-index: 0;} #tabBoxWrapper > div.content{ background-image:url(/_media/images/model/tabsBoxSprite.png); background-repeat:no-repeat;background:none #fff; border-right:1px solid #cccbd0; border-left:1px solid #cccbd0; padding:0 8px; width:762px; } #tabBoxWrapper > div.bottom{ background-image:url(/_media/images/model/tabsBoxSprite.png); background-repeat:no-repeat;background-position:0 -11px; height:14px; width:780px; } /* The tabs */ #theTabsWrapper{ list-style-type:none; height:30px; position:absolute; top:-27px; right:0; width:780px; } div#after-theTabsWrapper { width: 595px; /* position: absolute; */ margin-top: -26px; /* margin: 0 auto 0 0; */ margin-left: 0; float: left; text-align: left; margin-right: 252px; height: 26px; overflow: hidden; } #theTabsWrapper li{ display:block; font-size:14px; font-family:Tahoma; float:right; height:30px; margin-right:-58px; } #theTabsWrapper li.firstTab{ margin-right:0; } #theTabsWrapper li a, #theTabsWrapper li span.t1{ color:#313131; display:block; position:relative; text-align:center; } #theTabsWrapper li a.t1, #theTabsWrapper li span.t1{ z-index:40; } #theTabsWrapper li a.t2{ z-index:30; } #theTabsWrapper li a.t3{ z-index:20; } #theTabsWrapper li a.t4{ z-index:10; } #theTabsWrapper li a.t5{ z-index:0; } #theTabsWrapper li a.t1.active,#theTabsWrapper li span.t1.active, #theTabsWrapper li a.t2.active, #theTabsWrapper li a.t3.active, #theTabsWrapper li a.t4.active, #theTabsWrapper li a.t5.active, #theTabsWrapper li a:hover{ z-index:100; } .tabR, .tabL{ background-image:url(/_media/images/model/tabsBoxSprite.png); background-repeat:no-repeat; display:block; float:right; height:30px; width:28px; } .tabR{ background-position:-98px -25px; } #theTabsWrapper li a.t1 .tabR, #theTabsWrapper li span.t1 .tabR { background-position:-157px -25px; width:11px; } .tabC{ background:url(/_media/images/model/tabsBg.png) 0 0 repeat-x; display:block; float:right; height:30px; line-height:30px; padding:0 35px; } .tabL{ background-position:-70px -25px; } #theTabsWrapper li a.active .tabR, #theTabsWrapper li span.active .tabR, #theTabsWrapper li a:hover .tabR, #theTabsWrapper li span:hover .tabR{ background-position:-35px -25px; } #theTabsWrapper li a.t1.active .tabR, #theTabsWrapper li span.t1.active .tabR, #theTabsWrapper li a.t1:hover .tabR, #theTabsWrapper li span.t1:hover .tabR { background-position:-169px -25px; } #theTabsWrapper li a.active .tabL, #theTabsWrapper li span.active .tabL, #theTabsWrapper li a:hover .tabL, #theTabsWrapper li span:hover .tabL { background-position:0px -25px; width:35px; } #theTabsWrapper li a.active .tabC, #theTabsWrapper li span.active .tabC { background:none #fff; border-top:1px solid #cccbd0; color:#ff6600; font-size:16px; font-weight:bold; padding:0 20px; } #theTabsWrapper li a:hover .tabC, #theTabsWrapper li span:hover .tabC { background:none #fff; border-top:1px solid #cccbd0; color:#000000; font-size:16px; font-weight:bold; padding:0 20px; } #theTabsWrapper li a.active:hover .tabC, #theTabsWrapper li span.active:hover .tabC { color:#ff6600 ; } #theTabsWrapper li a .tabC span.modelName, #theTabsWrapper li span .tabC span.modelName { display:none; } #theTabsWrapper li a.active .tabC span.modelName, #theTabsWrapper li span.active .tabC span.modelName { display:inline-block; } #theTabsWrapper li a .tabC span.title_years, #theTabsWrapper li span .tabC span.title_years { display:inline-block; } #theTabsWrapper li a.active .tabC h1, #theTabsWrapper li span.active .tabC h1, #theTabsWrapper li a.active .tabC h1, #theTabsWrapper li span.active .tabC span { display:inline-block; font-size:22px ; } /* The tabs */ #modelBoxRight{ float:right; width:199px; } #modelBoxLeft{ float:right; width:560px; } .tabsBoxInnerContentWrapper{ display:none !important; } .tabsBoxInnerContentWrapper.active{ display:block !important; } /* Tabs box inner navigation */ #tabsBoxNav{ font-family:tahoma; list-style-type:none; margin-top:15px; width:199px; } #tabsBoxNav li{ background-image:url(/_media/images/model/modelSideNav.png); background-repeat:no-repeat; background-position:0px -58px; display:block; height:57px; padding-left:15px; width:184px; } #tabsBoxNav li.active, #tabsBoxNav li:hover{ background-position:0px 0px; } #tabsBoxNav li.disabled:hover { background-position: 0 -58px;} #tabsBoxNav li a{ color:#555; display:block; font-size:21px; height:57px; line-height:57px; padding-right:27px; width:157px; } #tabsBoxNav li.active a, #tabsBoxNav li:hover a{ color:#fff; font-weight:bold; } #tabsBoxNav li a:hover { color:#fff !important; } #tabsBoxNav li.budget-link {background-image:url(/_media/images/model/modelSideNavNew.png);} #tabsBoxNav li.budget-link a{font-weight: bold;} #tabsBoxNav li.disabled a{ color:#CDCDCD; } #tabsBoxNav li.disabled a:hover { color:#CDCDCD !important; font-weight:normal; cursor:auto; } #tabsBoxNav li.disabled:hover a { font-weight:normal; } /* Tabs box inner navigation */ /* Social buttons */ .socialButtonsContainers{ text-align:left; width:180px; } #likeButtonContainer{ margin-top:38px; } #likeButtonContainer .fb_iframe_widget{ float:left; } #tweetButtonContainer{ margin-top:10px; } #tweetButtonContainer iframe{ float:left; } /* Social buttons */ /* Tabs box banner */ .tabsBoxBanner{ } /* Tabs box banner */ /* TAB GENERAL */ /* Tabs box gallery */ #galleryWrapper{ /*height:285px;*/ margin:13px 0 20px; position:relative; width:560px; } #galleryWrapper * { -moz-user-select:-moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #galleryWrapper .bx-wrapper{ float:left; } #galleryThumbs{ width:128px; height:285px; overflow:hidden; list-style-type:none; border-right:1px solid #cccbd0; border-left:1px solid #cccbd0; border-top:1px solid #cccbd0; float:left; } #galleryThumbs li a{ padding:1px; border-bottom:1px solid #cccbd0; display:block; position:relative;} #galleryThumbs li a img{ opacity:0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter:alpha(opacity=50); zoom:1 } #galleryThumbs li a:hover img, #galleryThumbs li a img.active{ opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; filter:alpha(opacity=100) } #galleryThumbs li a > span:hover { /*opacity:0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter:alpha(opacity=50); zoom:1*/ } #mainPicContainer{ border-right:1px solid #cccbd0; border-bottom:1px solid #cccbd0; border-top:1px solid #cccbd0; padding:1px; position:relative; height:285px; width:424px; float:left; overflow:hidden; } #mainPicContainer #topImage, #mainPicContainer #bottomImage{ position:absolute; top:1px; left:1px; } #topImage{ z-index:10; } #bottomImage{ z-index:0; } .galleryArrows{ background-image:url(/_media/images/model/galleryArrows.png); background-repeat:no-repeat; cursor:pointer; height:20px; left:1px; position:absolute; width:128px; } #slideUp{ background-position:54px 6px; top:-20px; } #slideDown{ background-position:54px -30px; bottom:-20px; } .testDriveButton{ background:url(/_media/images/model/testDriveButtons.png) 0 -20px no-repeat; bottom:7px; color:#FFFFFF; cursor:pointer; font-size:18px; font-weight:bold; height:28px; left:130px; line-height:28px; padding-right:40px; position:absolute; width:144px; z-index:1; } /* Tabs box main bottom */ #tabsBoxMainBottom{ margin: 8px 0px 0 auto; padding-top:8px; width:100%; } #tabsBoxMainBottom > .clearfix { content:''; } #tabsBoxMainBottom .blueBut{ background:url(/_media/images/model/icar_button1.png) 0 0px no-repeat; color:#fff; cursor:pointer; float:right; font-size:18px; font-weight:bold; height:41px; line-height:52px; /*margin-left:26px;*/ text-align:center; width:159px; display:block; } #tabsBoxMainBottom .blueBut:hover { background-position: 0 -41px; } #modelBoxLeft article{ margin-top:10px; padding:0 5px;font-size:14px; font-family:Arial !important; } #modelBoxLeft article h2{ color:#ff6600; font-family:tahoma; font-size:18px; font-weight:bold; margin-bottom:10px; } #modelBoxLeft article h3{ display: inline;font-size:16px; font-weight:bold;} #modelBoxLeft article p, #modelBoxLeft article p > span, #modelBoxLeft article{ color: #3A383B; font-size:14px !important; line-height:18px; font-family:Arial; margin-bottom:20px; } #modelBoxLeft article p a { font-size:14px; } /* TAB GENERAL */ /* TAB VERSIONS */ #compVersionsTitle{ color:#575757; font-size:20px; font-weight:bold; padding-right:10px; width: 384px; float:right; margin-top:8px; } .versionsCompWrapper{ width:560px; float:right; } .comperationTable{ margin-right:10px; width:540px; } #pastVersionsWrapper .comperationTable{ width:530px; margin:0; } #pastVersionsWrapper .versionsCompWrapper { width:540px; } .comperationTable > tbody { width:100%; } .comperationTable.old { display:none; } .comperationTable.active { display:block; } .comperationTable td{ border-top:1px solid #e3e2e8; border-bottom:1px solid #e3e2e8; padding:2px 0px; } .comperationTable .modelTd{ width:440px; } .comperationTable .modelTd.old{ width:457px; } .comperationTable .priceTd{ width:100px; } .comperationTable td span, .comperationTable td label,.comperationTable td a { font-size:15px; line-height:20px;padding-right:5px; color:#00488f; line-height: 26px; } .comperationTable td span{ display:block; padding:0 5px; text-align:right; } .comperationTable .priceTd span{ text-align:left; } .comperationTable td label{ color:#00488f; cursor:pointer;} .comperationTable td span{ color:#222224; } .comperationTable tr.evenTd span{ background-color:#f6f6f6; } #addSubmitLinks{ margin: 18px 0 30px; padding: 0 9px 0 0px; width: 540px; } #pastVersionsWrapper #addSubmitLinks{ margin:18px 0 30px; padding:0 15px 0 5px; width:490px; } #addSubmitLinks a{ color:#00488f; font-size:14px; font-weight:bold; } #addSubmitLinks a span{ text-decoration:underline; } #addSubmitLinks a.addLink{ float:left; } #addSubmitLinks a.submitLink{ float:right; font-size:16px; font-weight:bold; } #compareTabBlueButs{ padding-right:12px; padding-top:12px; } #compareTabBlueButs.no-padding { padding-right:0; } #compareTabBlueButs .blueBut{ background:url(/_media/images/model/icar_button1.png) 0 0px no-repeat; color:#fff; cursor:pointer; font-size:18px; font-weight:bold; height:41px; line-height:52px; text-align:center; width:159px; float:right; } #compareTabBlueButs .blueBut:hover { background-position: 0 -41px; } #compareTabBlueButs #leasingButt.margin{ margin: 0 30px; } #compareTabBlueButs #tradeInButt { /*float:left;*/ } #compareTabBlueButs #tradeInButt.new{ float:right; } #tabsBoxMainBottom .blueBut#tradeInButt.new { /* margin-left: 0; margin-right: 36px;*/ } .compImageWrapper{ border:1px solid #cccbd0; float:left; height:77px; margin-left:10px; padding:1px; position:relative; width:115px; margin-bottom:10px; } .compImageWrapper.old { margin-left:0; margin-bottom:18px; } .compImageWrapper .testDriveButton{ background:url(/_media/images/model/testDriveButtons.png) 0 0 no-repeat; color:#fff; cursor:pointer; font-size:12px; font-weight:bold; height:18px; line-height:18px; padding-right:18px; position:absolute; bottom:10px; left:1px; width:97px; } /* TAB VERSIONS */ /* TAB ARTICLES */ #articlesTitle, #linksTitle{ color:#575757; font-size:20px; font-weight:bold; padding-right:30px; } #articlesSliderWrapper{ direction:ltr; margin:0 auto; position:relative; width:520px; padding:0 12px; } .articlesSliserArrows{ background-image:url(/_media/images/model/articlesSlideSprite.png); cursor:pointer; height:30px; position:absolute; top:65px; width:16px; } .articlesSliserArrows#slideRight{ background-position:-41px -1px; right:0; } .articlesSliserArrows#slideLeft{ background-position:0 0 ; left:0; } #articlesWrapper{ height:300px; list-style-type:none; overflow:hidden; position:relative; width:520px; } #articlesWrapper li{ direction:rtl; float:right; height:300px; position:relative; width:260px; } .articleWrapper{ height:263px; padding:0px 12px 30px 12px; position:relative; width:236px; } .articleImageWrapper{ height:175px; position:relative; width:236px; display:block; } .articleImageFrame{ background:url(/_media/images/model/articlesSlideSprite.png) 0 -51px; height:175px; position:absolute; left:0; top:0; width:236px; z-index:10; } .articleImageWrapper img{ position:absolute; top:1px; left:1px; z-index:0; } #articlesWrapper li .readMore{ color:#184aa3; font-size:12px; font-weight:bold; position:absolute; left:12px; bottom:10px; width:65px;height:17px; background:url(/_media/images/general/continue.png) no-repeat;} #articlesWrapper article{ margin:0; padding:0; } #articlesWrapper article h4{ color:#575757; font-size:16px; font-weight:bold; } #articlesWrapper article span{ color:#575757; font-size:16px; font-weight:bold; } #articlesWrapper article p{ color:#575757; font-size:14px; } #articlesWrapper article p:hover{ color:#FF7200; } /* TAB ARTICLES */ /* TAB COMPETITOT MODELS */ #modelsLinks{ list-style-type:none; margin:10px 30px 0 0; width:550px; } #modelsLinks li{ background:url(/_media/images/model/orangeArrow.png) 221px 6px no-repeat; float:right; height:25px; line-height:20px; padding-right:0px; width:213px; } #modelsLinks li a{ color:#39363D; font-size:16px; } #modelsLinks li a:hover{ text-decoration:underline; } #modelsLinks .competitorModel {height: 130px;width: 146px; background: none;line-height: 14px;margin-left: 30px;} #modelsLinks .competitorModelImage {border: 1px solid silver;padding: 1px;margin: 5px;width:130px;} #modelsLinks .competitorModel h4 {margin: 0 5px 0 28px; text-align: center;} #modelsLinks .competitorModel div { text-align: center;} /* TAB COMPETITOT MODELS */ /* TAB BUDGET */ #budgetTitle{ color:#575757; font-size:18px; font-weight:bold; padding-right:10px; } #categoryTitle{ color:#252525; font-size:16px; font-weight:bold; height:40px; line-height:40px; width:533px;padding-right:10px; } .budgetTableWrapper{ margin:5px 10px 0 0; } #budgetTable{ } .tableHeader { background-image:url(/_media/images/model/budgetTableBg2.png); color:#2b2b2b; font-size:12px; width:533px; } .tableHeader{ background-position:-535px 0; background-repeat:no-repeat; height:40px; } .budgetTableWrapper td{ padding:0px 0px 1px 0px; text-align:center; vertical-align: middle; } .tableHeader td {font-weight:bold;border:solid 0px lime; } .tableBody { background-image:url(/_media/images/model/rowsbg2.png); width:533px; background-position:0 0; background-repeat:repeat-y; } .tableBody td { padding:0px;margin:0px; height:43px;} .w_checkbox { width:21px;} .w_model { width:105px;padding:4px;text-align:right;} .w_power { width:64px;text-align:center; } .w_gear { width:43px; } .w_desc { width:109px; } .w_price { width:58px; } .w_icons { width:75px; } .saleTd{ font-weight:bold; } .budgetTableWrapper td.w_icons div{ background-image:url(/_media/images/model/tableIconsSprite.png); background-repeat:no-repeat; float:right; height:40px; width:25px; } .budgetTableWrapper td.w_icons div.gear{ background-position:-50px 0; } .budgetTableWrapper td.w_icons div.gear.orange, .budgetTableWrapper td.w_icons div.gear:hover{ background-position:-50px -40px; cursor:pointer; } .budgetTableWrapper td.w_icons div.car{ background-position:-25px 0; } .budgetTableWrapper td.w_icons div.car.orange, .budgetTableWrapper td.w_icons div.car:hover{ background-position:-25px -40px; cursor:pointer;} .budgetTableWrapper td.w_icons div.key{ background-position:1px 0; } .budgetTableWrapper td.w_icons div.key.orange, .budgetTableWrapper td.w_icons div.key:hover { background-position:2px -39px; cursor:pointer; } .w_icons a{color: #ff7200;text-decoration: underline;} .w_icons a:hover{color: #ff7200;font-weight: bold;} .budgetMoreResults { background-image:url(/_media/images/model/budgetMore.png); width:533px;cursor:pointer; } #budgetTableBtns { margin:15px 10px 0 0; } #budgetTableBtns .blueBut{ background:url(/_media/images/model/modelPagesBtns.png) 0 0 no-repeat; color:#fff; cursor:pointer; float:right; font-size:18px; font-weight:bold; height:30px; line-height:27px; text-align:center; width:159px; } #budgetTableBtns .blueBut#tradeIn{ margin:0 28px; } /* temp untill multiple selection */ /*.w_checkbox div {display:none !important;}*/ /* /TAB BUDGET */ #partnersLinks{ height:50px; list-style-type:none; margin:0 auto 25px; padding: 1px 14px 0 0; overflow:hidden; width:590px; } #partnersLinks li{ background:url(/_media/images/model/partnersMiniFrames.png) 0 0 no-repeat; float:right; height:40px; margin:0 5px; padding:4px; width:100px; } #partnersLinks li span{ display:block; text-align:center; width:100px; } #partnersLinks li .partnerLogo{ height:25px; margin-bottom:5px; } #partnersLinks li .partnerText{ color:#39363d; font-size:10px; height:10px; line-height:10px; } /* OLD VERSIONS */ #pastVersionsWrapper{ border-top:1px solid #e3e2e8; margin:40px auto 0; padding-top:18px; position:relative; width:530px; } #oldVersionsTabs{ list-style-type:none; position:absolute; top:-25px; right:5px; width:511px; overflow:hidden; height:26px; font-family:Tahoma, sans-serif; } #oldVersionsTabs li{ background-image:url(/_media/images/model/oldVersionsTabs.png); background-repeat:no-repeat; background-position:0 0; color:#313131; cursor:pointer; float:right; font-size:14px; height:26px; line-height:25px; text-align:center; width:85px; } #oldVersionsTabs li.first{ width:86px; } #oldVersionsTabs li:hover, #oldVersionsTabs li.active{ background-position:-87px 0; color:#ff6600; font-weight:bold; } .yearWrapper{ display:none !important; } .yearWrapper.active{ display:block !important; } .yearWrapper .compImageWrapper{ margin:0; } #pastVersionsWrapper #compareTabBlueButs #tradeInButt{ float: right; margin: 0 30px; /* margin-right:20px;*/ } .additionalModel{ display:none; margin-bottom:20px; padding-right:15px; } .additionalModel > div{ margin-bottom:2px; } .addBtn{ background:url(/_media/images/model/addBtn.png) 0 0 no-repeat transparent; border:0 none; color:#302e32; cursor:pointer; font-size:12px; font-weight:bold; height:27px; line-height:23px; margin-top:10px; text-align:center; width:74px; } /* OLD VERSIONS */ .checkbox-replacer { background-image:url(/_media/images/model/checkbox-replacer.png);background-position:0 -13px;cursor:pointer;height:14px;width:20px;display:inline-block; margin-bottom:3px; vertical-align:middle; } .IconsTd > div:hover{ } .blueBut:hover{ /*background-position:0 -30px !important;*/ } #free_call_img{ margin-bottom:0; } .boxContent fieldset:first-child{ padding-top: 18px; } .form-pane .text-l{ font-size:100% !important; } #bannerWrapper{ background:url(/_media/images/carsComparison/bannerContainer.png) 0 0 no-repeat; height:80px; padding:10px 5px; margin:20px auto 30px; text-align:center; width:770px; } #bannerWrapper>.container{ width:600px; margin:13px auto;padding-right: 14px; } .sub_spacer { padding:0; width:83px; } #category-new-kind_msdd, #category-secondhand-kind_msdd{ padding-bottom:2px; } .testDriveButton.video { bottom:44px; } .youtube{ background:url(/_media/images/playBtn.png) 0 0 no-repeat;height: 38px; left: 47px;position: absolute;top: 30px;width: 38px; display:block; } #theTabsWrapper li a.active .tabC span.title_years, #theTabsWrapper li span.active .tabC span.title_years{ font-size:14px; } #theTabsWrapper li a.active .tabC span.modelName, #theTabsWrapper li span.active .tabC span.modelName, .tabC modelName{font-size:22px;} .blueBut.margin{ margin:0 30px;} #additional_tabs_container{ margin-top:20px; padding: 10px 0; } #additional_tabs_container .dotted{ background:url(/_media/images/dotted-line.png) 0 0 no-repeat;height:1px; width:542px; } #additional_tabs_container .text_and_button{ color:#C9CED1;display: block;position: absolute;right: 10px;top: -5px; } #additional_tabs_container .button_arrow { display:inline-block; position:absolute; width:16px; height:17px; background:url(/_media/images/icar-arrow.png) 0 0 no-repeat; right: 68px;top: -3px; } #control_container { position:relative; right: 200px; top: -5px; width: 92px; cursor:pointer;} #tabs_content{ display:none; } #tabs_content.open { display:block; } /*.definition{ font-weight:bold; }*/ .text_holder{ margin-top:15px; } #safety{ padding-top:10px; } #tabsBoxMainBottom .margin { margin:0 40px; } /* new-ui overwrites */ .new-ui #tabsBoxMainBottom{text-align:center;} #tabsBoxMainBottom .blueBut.bigger{background: url(/_media/images/model/icar_button2.png) 0 0px no-repeat;height: 50px;} #tabsBoxMainBottom .blueBut.bigger:hover{background: url(/_media/images/model/icar_button2.png) 0 -50px no-repeat;} #tabsBoxMainBottom .blueBut.bigger div{height:18px;line-height:18px;} #tabsBoxMainBottom .blueBut.bigger div.first-line{font-size:18px;margin-top:7px;} #tabsBoxMainBottom .blueBut.bigger div.last-line{font-size:13px;} #tabsBoxMainBottom .blueBut.longer, #compareTabBlueButs .blueBut.longer {background: url(/_media/images/model/icar_button3.png) 0 0px no-repeat;height: 50px;width:184px;} #tabsBoxMainBottom .blueBut.longer:hover, #compareTabBlueButs .blueBut.longer:hover {background: url(/_media/images/model/icar_button3.png) 0 -50px no-repeat;} #tabsBoxMainBottom .blueBut.longer.button4 {background: url(/_media/images/model/icar_button4.png) 0 0px no-repeat;height: 50px;width:132px;} #tabsBoxMainBottom .blueBut.longer.button4:hover {background: url(/_media/images/model/icar_button4.png) 0 -50px no-repeat;} #tabsBoxMainBottom .blueBut.longer.green-but, #compareTabBlueButs .blueBut.longer.green-but {background-image: url(/_media/images/green_but.gif);} #tabsBoxMainBottom .blueBut.longer.green-but:hover, #compareTabBlueButs .blueBut.longer.green-but:hover {background-image: url(/_media/images/green_but.gif);} #tabsBoxMainBottom .blueBut.longer div, #compareTabBlueButs .blueBut.longer div {height:18px;line-height:18px;} #tabsBoxMainBottom .blueBut.longer div.first-line, #compareTabBlueButs .blueBut.longer div.first-line {font-size:18px;margin-top:7px;} #tabsBoxMainBottom .blueBut.longer div.last-line, #compareTabBlueButs .blueBut.longer div.last-line {font-size:13px;} #tabsBoxMainBottom .blueBut.longer div.first-line span, #compareTabBlueButs .blueBut.longer div.first-line span {font-style:italic;font-weight:normal;font-size:19px;} #budgetTableBtns .blueBut.long472, #tabsBoxMainBottom .blueBut.long472, #compareTabBlueButs .blueBut.long472{background: url(/_media/images/model/icar_button472.png) 0 0px no-repeat;height: 50px;width:472px;margin: 0 30px 30px 0;} #budgetTableBtns .blueBut.long472:hover,#tabsBoxMainBottom .blueBut.long472:hover,#compareTabBlueButs .blueBut.long472:hover{background: url(/_media/images/model/icar_button472.png) 0 -50px no-repeat;} #budgetTableBtns .blueBut.long472 div,#tabsBoxMainBottom .blueBut.long472 div,#compareTabBlueButs .blueBut.long472 div{height:18px;line-height:18px;} #budgetTableBtns .blueBut.long472 div.first-line,#tabsBoxMainBottom .blueBut.long472 div.first-line,#compareTabBlueButs .blueBut.long472 div.first-line{font-size:18px;margin-top:7px;} #budgetTableBtns .blueBut.long472 div.last-line,#tabsBoxMainBottom .blueBut.long472 div.last-line,#compareTabBlueButs .blueBut.long472 div.last-line{font-size:13px;} #budgetTableBtns .blueBut.long472 div.first-line span,#tabsBoxMainBottom .blueBut.long472 div.first-line span,#compareTabBlueButs .blueBut.long472 div.first-line span{font-style:italic;font-weight:normal;font-size:19px;} #budgetTableBtns .blueBut.long472 div.single-line,#tabsBoxMainBottom .blueBut.long472 div.single-line,#compareTabBlueButs .blueBut.long472 div.single-line{font-size: 20px; margin-top: 15px; letter-spacing: 1px;} #tabsBoxMainBottom .blueBut.long472{margin: 0 7px 14px 0;} #tabsBoxMainBottom .blueBut.long472 div.single-line, #compareTabBlueButs .blueBut.long472 div.single-line{font-size: 20px; margin-top: 15px; letter-spacing:normal;} .long-but-wrap {margin-right: 69px;} #theTabsWrapper li span.t1 a{ display:inline-block; color:#ff7200; } .article .banner-type-15{ text-align:center; } .bottom-versions{ margin: -14px 210px 0 0px; height: 14px; width: 549px; text-align: left; } .all-pricelist{ margin:0 0px 0 23px; } .article.entry-content{ margin: 20px 0; } .article-bottom-banner{ margin-top: 30px; } /* Board table */ .board-wrap{} .board-tbl{ width: 525px; margin:0 30px 0 0; } .board-tbl th{ text-align: right; color:#ffffff; padding:9px 6px; } .board-tbl td{ text-align: right; padding:8px 6px; background-image:none; } .ad-tr{ border: 1px solid #ffffff; border-bottom: 1px solid #f5f5f5; } .ad-tr:hover{ border: 1px solid #ffeabb; background-color: #ffeabb; cursor: pointer; } .ad-tr.active{ border: 1px solid #ff7200; } .ad-tr.active td{ color:#ffffff; background-color: #ff7200; border: 1px solid #ff7200; } .ad-tr .expand-td{ background-image: url(/_media/images/board/arrow-left-orange.png); background-position: center center; background-repeat: no-repeat; } .ad-tr.active .expand-td{ background-image: url(/_media/images/board/x-close.jpg); } .expand-th{ width: 12px; } .board-header-tr{ border:1px solid #505253; background: #505253; } .ad-td{ border: 1px solid #ff7200; } .ad-text-details{ width: 200px; float: right; } .ad-text-details li{ padding: 3px; } .ad-text-details .col-title{ font-weight: bold; } .ad-text-details li span{ width:34px; font-weight: normal; display: inline-block; } .ad-text-details li{ font-weight: bold; } .ad-car-details{ width: 49.9%; float: right; } .ad-seller-details{ width: 49.9%; float: right; } .ad-more-details{ width: 99.9%; float: right; } .ad-more-details li{ font-weight: normal; } .ad-slider-wrap{ width: 280px; float: left; position: relative; } .ad-slider-wrap .prev{ width: 19px; height: 19px; background: url(/_media/images/general/board-slider-arrows.png) no-repeat -19px 0px; position: absolute; left: 260px; top: 90px; z-index: 100; text-indent: -9999px; cursor:pointer; } .ad-slider-wrap .next{ width: 19px; height: 19px; background: url(/_media/images/general/board-slider-arrows.png) no-repeat 0 0; position: absolute; left: 5px; top: 90px; z-index: 100; text-indent: -9999px; cursor:pointer; } .ad-image-wrap{ width: 280px; float: left; } .ad-image-wrap img{ /*width: 100%;*/ border: 1px solid #ddd; padding: 1px; } .ad-form-title{ float:right; width: 149px; } .ad-form{ float:right; width:276px; } .ad-form input{ width:98px; border: 1px solid #aaa; padding: 2px; } .ad-form select{ width:104px; } .ad-form label{ width:100px; padding: 0; display: inline-block; margin: 0 5px 0 8px; } .ad-form label span{ width:100px; display: block; } .ad-seller-img-wrap{ width:80px; overflow: hidden; margin: 8px 0 0 0; float: left; } .ad-seller-img-wrap img{ width: 100%; } .adFrm a.send-btn, .adFrm a.send-btn:hover{ color:#FFFFFF; background-color: #ff7200; padding:3px 10px; display: inline-block; float: left; margin: 14px 0 0 0; } .adFrm a.send-btn:hover{ color:#FFFFFF !important; } .ad-form-title{ background: url(/_media/images/board/smaller-arrow.jpg) no-repeat 4px 18px; } .ad-form-title li{ width: 120px; margin: 8px 0 0 0; } .ad-form-title .col-title{ color: #FF6600; width: auto; font-weight: bold; margin-top: 12px; } .ad-details-tr{ display: none; } .ad-details-tr.active{ display: table-row; } .board-no-results{ margin: 0 30px 0 0; font-size: 14px; } .check-th{ width: 41px; } .check-td .ad-unchecked{ display:block; } .check-td .ad-checked{ display:none; } .check-td.active .ad-unchecked{ display:none; } .check-td.active .ad-checked{ display:block; } .ad-favorites{ margin: 0 30px 7px 0; } .ad-favorites .show-fav{ display:block; } .ad-favorites .show-all{ display:none; } .ad-favorites.active .show-fav{ display:none; } .ad-favorites.active .show-all{ display:block; } .board-tbl .ad-hide-no-fav{ display:none; } .board-more{ background: url('/_media/images/budget/budgetMore.gif') no-repeat top center; height: 30px; margin: 0 30px 0 9px; cursor: pointer; } .board-unload-row{ display:none; } .board-last-row{ border-bottom: none; } .ad-form .tnx-title{ margin: 14px 10px 0 0; font-weight: bold; } .ad-form .tnx-after{ margin: 7px 10px 0 0; } .ad-form .tnx-after span{ /*font-weight: bold; color:#ff7200;*/ } .budget-offer-btn{ background: url('/_media/images/general/get_an_offer.png') no-repeat; width:65px; height:24px; display: inline-block; } /* /Board table */ .social-wrap{ float:left; width:130px; margin: -13px 0 0 0; } .fb-wrap{ float:left; width: 61px; text-align: left; } .gp-wrap{ float:left; width: 61px; text-align: left; } .tabsBoxBanner{ margin: 10px 0 0 0; } .tabsBoxBanner .banner-type-22{ margin: 13px 0 0 0; } .tabsBoxBanner .banner-type-32{ margin: 5px 0 28px 0; } .tabsBoxBanner .banner-type-25{ margin: 28px 0 22px 0; }