/* ----------------------------------------------- 1. SITE MASTER SETUP */ html, body { margin: 0; padding: 0; color: #272f27; font: 100% Arial, Verdana, Helvetica, sans-serif; height: 100%; text-align: center } body { background: url(http://www.lexus.co.uk/images/gradient_home_1.jpg) repeat-x top left #dcdcdb; padding: 11px 0 0 0 } img { border: 0; background: none } form label { font-weight: bold } select, input, textarea { margin: 0; padding: 2px; border: 1px solid #000 } input.nb { border: 0 none } address { font-style: normal } fieldset { border: 0; padding: 0; margin: 0 } ul, ol { margin: 0 0 0 14px; padding: 0 } a { text-decoration: none; color: #4d4f52 } hr { background: #fff; width: 100%; height: 1px; margin: 10px auto 10px 0; clear: both; color: #ccc } hr.double { border: none 0; background: #fff; width: 100%; height: 2px; margin: 3px auto 0 0; text-align: left; clear: both } br { line-height: 1px; height: 1px } p { margin: 12px 0; color: #4d4f52 } h1, h2, h3, h4, h5, h6 { color: #272f27; font-weight: normal } h3 { font-size: 1.1em!important; } h4, h5, h6 { font-size: 1.1em; } /* ----------------------------------------------- 2. LAYOUT */{ margin: 0; padding: 0 } /* 2.1 - main form */ form.main { } /* 2.2 - container */ div#container { margin: 0 auto; position: relative; text-align: left; width: 944px; padding: 11px; font-size: .70em; background: #fff } /* 2.3 - header */ div#header { background: #6e7274; margin: 0 0 11px 0; width: 944px } div#header img { float: left } /* 2.4 - content */ div#content { position: relative; background-color: #fff; background-repeat: repeat-x; padding: 11px 11px 0 11px } div#content p a{ text-decoration: underline } body.vert-ps div#content, body.vert-sp div#content { min-height: 620px } /* 2.5 - primary content */ body.horizontal div#primary-content { } body.vert-ps div#primary-content { float: left; width: 363px } body.vert-sp div#primary-content { float: right; width: 363px; margin: 11px 11px 0px 0px;} /* 2.6 - secondary content */ body.horizontal div#secondary-content { height: 300px } body.vert-ps div#secondary-content { width: 548px; float: right } body.vert-sp div#secondary-content { width: 548px; float: left } /* 2.7 - outerflash content */ div#outerflash-content { position: absolute; z-index: 2; top: 114px; left: 22px } div#outerflash-content-nb { position: absolute; z-index: 2; top: 102px; left: 11px } /* 2.8 - footer */ div#footer { text-align: left; clear: both; background: #fff; margin: 0 -11px 0 -11px; padding: 11px 10px 0 10px } /* ----------------------------------------------- 3. GLOBAL ELEMENTS / CONTROLS */ /* 3.1 - primary navigation */ ul#primary-navigation { margin: 0 0 0 7px; list-style-type: none; float: left; clear: both } ul#primary-navigation li { float: left; text-transform: uppercase;} ul#primary-navigation li a { color: #fff; font-size: 10px; background:url(http://www.lexus.co.uk/images/icn_arrow_white_right.gif) 9px 6px no-repeat; padding: 3px 11px 8px 21px; border-left: 1px solid #fff; display: block; margin: 9px 0 0 0 } ul#primary-navigation li a:hover, ul#primary-navigation li a:focus { background-color: #75808c } ul#primary-navigation li.current { background: url(http://www.lexus.co.uk/images/bg_tab_right.gif) top right no-repeat; padding: 0 4px 0 0 } ul#primary-navigation li.current a { background: url(http://www.lexus.co.uk/images/bg_tab_left.gif) top left no-repeat #fff; color: #000; font-size: 12px; padding: 9px 22px 9px 26px; border-top: 1px solid #a6acb3; border-right: 0 none; font-weight: bold; border: 0 none; margin: 0 } ul#primary-navigation li.current a:hover, ul#primary-navigation li.current a:focus { background-color: #fff } ul#primary-navigation li.first a { padding-left: 25px; background-position: 12px 6px; border: 0 none } ul#primary-navigation li.only a { border-left: 0 none } /* 3.1.1 - primary navigation (home) */ ul#primary-navigation-home { margin: 0 0 0 7px; clear: both; padding: 11px 12px 7px 12px; list-style-type: none } ul#primary-navigation-home li { float: left; margin: 0 75px 0 0 } ul#primary-navigation-home li.last { margin: 0 } ul#primary-navigation-home li a { color: #fff; font-size: 10px; background: url(http://www.lexus.co.uk/images/icn_arrow_white_right.gif) 0px 2px no-repeat; padding: 0 0 0 10px } /* 3.2 - secondary navigation */ ul#secondary-navigation { margin: 0; background: #fff; clear: both; padding: 0 0 0 12px; list-style-type: none } ul#secondary-navigation li { float: left; width: auto; margin: 0 40px 0 0 } ul#secondary-navigation li a { color: #272f27; font-size: 12px; display: block; padding: 0 0 10px 10px; background: url(http://www.lexus.co.uk/images/icn_arrow_black_small_right.gif) 0px 5px no-repeat } /* 3.3 - accessibility */ ul#skiplinks { margin: 0; display: none } ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden } ul#skiplinks a:active, ul#skiplinks a:focus { position: static; width: auto; height: auto } /* 3.4 - SIFR */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0 } .sIFR-replaced { visibility: visible !important } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden } .sIFR-active h1, .sIFR-active h2 { visibility: hidden; font-family: Arial; line-height: 1em; font-weight: normal; color: #272f27 } .sIFR-active h1 { padding: 0; margin: 0; font-size: 36px } .sIFR-active h2 { font-size: 18px; padding: 0; margin: -10px 0 0 0 } /* 3.5 - footer links */ div#footer ul li { margin: 0; float: left; border-right: 1px solid #757575; padding: 0 7px; list-style-type: none } div#footer ul li.first { border: 0 none; margin: 0 20px 0 0; padding: 0 } div#footer ul li.last { border: 0 none } div#footer a:focus, div#footer a:hover { background: #e3eefc } /* 3.6 - content block */ div.content-block { background: #fff; padding: 11px } div.content-block p a { text-decoration: underline } /* 3.7 - menu options */ ul.menu-options { margin: 0; border-top: 1px solid #c2c2c0; list-style-type: none } ul.menu-options li { border-bottom: 1px solid #c2c2c0;} ul.menu-options li a { color: #434644; text-transform: uppercase; padding: 8px 0 7px 74px; display: block; background-position: left top; background-repeat: no-repeat; background-color: #fff } ul.menu-options li a:hover, ul.menu-options li a:focus { background-color: #e7ebe5!important} ul.menu-options li p { margin: 8px 0 12px 0 } /* 3.8 - call to action */ div.call-to-action { width: 181px; background: url(http://www.lexus.co.uk/images/shadow.png) no-repeat bottom right } div.call-to-action ul { margin: 0; /*background: url(http://www.lexus.co.uk/images/shadow2.png) no-repeat left top !important;*/ padding: 0 5px 5px 0; list-style-type: none } div.call-to-action ul li { border-bottom: 1px solid #c8c8c8 } div.call-to-action ul li a { font-weight: bold; color: #434644; padding: 6px 10px 6px 10px; display: block; background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif) 160px 10px no-repeat #fff } div.call-to-action ul li a:hover, div.call-to-action ul li a:focus { background-color: #e7ebe5!important } body.home div.call-to-action { float: right } /* 3.9 - back link */ a.back-link { background: url(http://www.lexus.co.uk/images/icn_arrow_white_left.gif) no-repeat 11px 11px #767b76; padding: 8px 20px; display: block; color: #fff; font-weight: bold; text-decoration: none!important; clear: both } a.back-link:hover, a.back-link:focus { background-color: #8b8e8a } /* 3.9.2 Forward link */ a.forward-link { background: url(http://www.lexus.co.uk/images/icn_arrow_white_right.gif) no-repeat 11px 11px #767b76; padding: 8px 20px; display: block; color: #fff; font-weight: bold; test-decoration: none!important; clear: both } a.forward-link:hover, a.back-link:focus {background-color: #8b8e8a } /* 3.10 - spotlight */ div.spotlight { width: 181px; background: url(http://www.lexus.co.uk/images/shadow.png) no-repeat bottom right } div.spotlight div { /*background: url(http://www.lexus.co.uk/images/shadow2.png) no-repeat left top !important; */padding: 0 5px 5px 0; min-height: 108px } div.spotlight div a { background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif) no-repeat 11px 11px; padding: 8px 10px 8px 20px; display: block; color: #000; font-weight: bold } /* 3.10.1 spotlight downloads*/ div.spotlight p.spotlight-block-title { border: solid 0px white; padding:8px 10px 0px 20px; font-size: 1.2em; font-weight: bold; color: #272f27 } div.spotlight div.download-link { min-height: 11px } div.spotlight div.download-link a.pdf { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_pdf.gif) no-repeat 0px 7px; min-height: 11px } div.spotlight div.download-link a.doc { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_doc.gif) no-repeat 0px 7px; min-height: 11px } div.spotlight div.download-link a.xls { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_xls.gif) no-repeat 0px 7px; min-height: 11px } div.spotlight div.download-link a.txt { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_txt.gif) no-repeat 0px 7px;} div.spotlight div.download-link a.jpg { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_gen.gif) no-repeat 0px 7px; min-height: 11px } div.spotlight div.download-link a.ppt { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_ppt.gif) no-repeat 0px 7px; min-height: 11px } div.spotlight div.download-link a.zip { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_zip.gif) no-repeat 0px 7px; min-height: 11px } div.spotlight div.download-link a.gif { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_gen.gif) no-repeat 0px 7px; min-height: 11px } div.spotlight div.download-link a.jpg { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_gen.gif) no-repeat 0px 7px; min-height: 11px } div.spotlight div.download-link a.rar { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_zip.gif) no-repeat 0px 7px; min-height: 11px } div.spotlight div.download-link a.jpeg { background: transparent url(http://www.lexus.co.uk/images/lex_70_glb_gen.gif) no-repeat 0px 7px; min-height: 11px } /* 3.11 - spotlight wide (home) */ div#spotlight-holder { width: 714px; float: left } div#spotlight-holder div { width: 223px; background-repeat: no-repeat; float: left; margin: 0 15px 0 0 } div#spotlight-holder div a { background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif) no-repeat 11px 90px; padding: 86px 10px 8px 20px; display: block; color: #fff; font-weight: bold } /* 3.12 - button links */ a.button-link { display: -moz-inline-box; padding: 6px 15px 6px 21px; color: #765a95; background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif ) no-repeat 9px 10px #fff; font-weight: bold } /* 3.13 - download content list */ div.download-wrapper { margin: 0 0 0 118px } dl.download-block { margin: 0 0 11px 23px; padding: 0; float: left; width: 133px } dl.download-block dt { margin: 0 } dl.download-block dd { margin: 0 } dl.download-block dd.title { padding: 6px 0 } dl.download-block dd a { color: #765a95; background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif ) no-repeat 0 3px #fff; font-weight: bold; padding: 0 0 0 10px } /* 3.14 - greyout box */ div#greyout { z-index: 1; background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter:alpha(opacity=75); opacity:.75 } #request-brochure1 { width: 613px; height: 589px } #iframediv { width: 613px; height: 589px } div.popupbox { z-index: 3; background:#fff; position: absolute; left: 185px; top: 40px } /* 3.15 - display options (news) */ div.display-options { border-top: 1px solid #ddd; padding: 10px 11px 0 11px; margin: 20px -11px } div.display-options select { } div.display-options ul { float: right; list-style: none; margin: 5px 0 0 0; padding: 0 } div.display-options ul li { float: left; padding: 0 8px 0 0 } div.display-options ul li a.sel { text-decoration: underline; font-weight: bold } div.display-options p { float: right; font-weight: bold; margin: 5px 20px 0 0 } /* 3.16 - news-block (news) */ dl.news-block { margin: 0 0 40px 0; clear: both } dl.news-block dt { float: left } dl.news-block dd { margin: 0 0 0 186px } dl.news-block dd h4, dl.news-block dd p { margin: 0 0 3px 0 } dl.news-block dd h4 a { font-weight: bold; background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif ) no-repeat 0 3px #fff; padding: 0 0 0 10px } /* 3.17 - event block (news) */ dl.event-block { margin: 0 0 11px 0; padding: 0 } dl.event-block dt { margin: 0; padding: 0; background: #fff } dl.event-block dd { margin: 0; padding: 5px 0 0 0; background: #fff } dl.event-block dd h3 { margin: 0 0 0 10px } dl.event-block dd p { margin: 0; padding: 0 10px 10px 20px } /* 3.18 - key features spotlight */ dl.spotlight-3-col { float: left; width: 290px; margin: 0 15px 30px 0 } dl.spotlast { margin: 0 } dl.spotlight-3-col dt { margin: 0; padding: 0 } dl.spotlight-3-col dt a { font-weight: bold; background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif ) no-repeat 0 3px #fff; padding: 0 0 0 10px } dl.spotlight-3-col dd { padding: 7px 0 0 0; margin: 0 } dl.spotlight-3-col dd p { margin: 0; padding: 0 } /* 3.19 - related-links (news) */ dl.related-links { margin: 20px 0 0 0 } dl.related-links dt { margin: 0; padding: 0 } dl.related-links dd { margin: 0 0 6px 0; padding: 0 } dl.related-links dd a { font-weight: bold; background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif ) no-repeat 0 3px #fff; padding: 0 0 0 10px } /* 3.20 - hybrid specific */ body.hybrid div#header { background: url(http://www.lexus.co.uk/images/bg_hybrid_header.gif) repeat-y!important } body.hybrid a.back-link { background-color: #607499!Important } body.hybrid a.back-link:hover, body.hybrid a.back-link:focus { background-color: #748ab2!important } body.hybrid div#sub-brand { display: block } /* 3.21 - sub brand */ div#sub-brand { float: right; margin: 15px 15px 0 0; display: none } /* 3.22 - future launches */ /* 3.22.1 - single content row */ div.single-content-row { margin: 11px 0 11px 0 } div.single-content-row dl.future-launches dt { margin: 0; padding: 0; float: left } div.single-content-row dl.future-launches dd { margin: 0 0 0 460px; padding: 0 } div.single-content-row dl.future-launches dd h2 { margin: 2px 0 0 0 /*2px 0 -7px 0*/; padding: 0 } div.single-content-row dl.future-launches dd p { margin: 0; padding: 0 } /* 3.22.2 - double content row */ div.double-content-row { margin: 11px 0 11px 0 } div.double-content-row dl.future-launches dt { margin: 0; padding: 0 } div.double-content-row dl.future-launches dd { margin: 0; padding: 0 } div.double-content-row dl.future-launches dd h2 { margin: 2px 0 0 0 /*2px 0 -7px 0*/; padding: 0 } div.double-content-row dl.future-launches dd p { margin: 0 0 5px 0; padding: 0 } /* 3.23 - sitemap lists */ dl.sitemap { float: left; width: 215px; border-top: solid 1px #ccc; margin: 0 10px 0 0; padding: 10px 0 } dl.sitemap dt { margin: 0; padding: 0 0 5px; font-weight: bold } dl.sitemap dd { margin: 0; padding: 0 } /* 3.24 - pricing & specification blocks */ /* at a glance */ div.submodel-block { margin: 0 20px 15px 0; padding: 0; width: 280px; float: left } div.submodel-block img { width: 280px; height: 147px } div.submodel-block ul { margin: 0; padding: 0; list-style: none } div.submodel-block ul strong { float: left; padding: 7px 0 0 0 } div.submodel-block ul select { float: right; font-size: 10px; border: 1px solid #b5b0a9; margin: 3px 0 } div.submodel-block ul a { background: url(http://www.lexus.co.uk/images/icn_arrow_white_right.gif) 7px 6px no-repeat #b5b0a9; display: block; margin: 0 0 1px 0; padding: 3px 0 3px 17px; color: #fff; font-weight: bold } div.submodel-block table { width: 100% } div.submodel-block table td { padding: 9px 0 9px 7px; border-top: 1px solid #ccc } div.submodel-block table th { border-top: 0 none; padding: 15px 0 9px 7px } /* categories */ div.categories { width: 100%; font-weight: bold!important; padding: 22px 0 0 0 } div.categories select { font-size: 10px; border: 1px solid #b5b0a9; margin: 3px 0 } /* equipment compare blocks */ div.equipmentcompare-block { margin: 0 16px 0 0; padding: 0; width: 281px; float: left } div.equipmentcompare-block strong { float: left; padding: 7px 0 0 0 } div.equipmentcompare-block select { font-size: 10px; border: 1px solid #b5b0a9; margin: 3px 0 } div.equipmentcompare-block a { background: url(http://www.lexus.co.uk/images/icn_arrow_white_right.gif) 7px 6px no-repeat #b5b0a9; display: block; margin: 0 0 1px 0; padding: 3px 0 3px 17px; color: #fff; font-weight: bold } div.equipmentcompare-block table { margin: 6px 0 0 0; border-collapse: collapse } div.equipmentcompare-block table td, div.equipmentcompare-block table th { padding: 9px 0 9px 7px; border-top: 1px solid #ccc; vertical-align: top } /* close button on pop ups*/ div.close-link{padding: 9px 9px 9px 22px;background: url(http://www.lexus.co.uk/images/close_cross.gif) 9px 50% no-repeat #6e7275;margin: 9px;} div.close-link a{color: #fff;} /* 3.25 - disclaimer */ p.disclaimer { clear: both; border-top: 1px solid #ccc; padding: 30px 0 0 0; font-size: .80em; color: #818282 } /* 3.26 - review block */ div.review-block { clear: both; padding-top: 20px } div.review-block h3 { margin: 0; font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #afb9cc; background: url(http://www.lexus.co.uk/images/icn_open.gif) no-repeat 10px 12px } div.review-block h3.open { background: url(http://www.lexus.co.uk/images/icn_close_bg.gif) no-repeat!important } div.review-block a { padding: 9px 0 8px 30px; display: block; height: 100% } div.review-block p { margin: 0; display: block; width: 520px; float: left } div.review-block div.accordion { background:url(http://www.lexus.co.uk/images/bg_review.gif) repeat-x bottom left; padding: 14px 5px 15px 30px } div.review-block img { float: right; margin: 0 0 10px 10px } div.review-block ul { float: left; width: 520px; list-style-type: circle; } /* 3.27 - details table */ table.details-table { width: 100% } table.details-table caption { font-weight: bold; font-size: 1.2em; text-align: left; padding: 0 0 8px 6px } table.details-table th { padding: 3px 20px 3px 7px; vertical-align: top; text-align: left } table.details-table tr.masterheader th { padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #ccc; vertical-align: bottom } table.details-table tr.header th { background: #efefef; padding: 8px 6px; color: #4d4d4d; text-transform: uppercase; border-top: 1px solid #ccc; font-weight: bold } table.details-table tr.headfirst th { border-top: 0 none!important } table.details-table tr.subheader th { background: #f1f1f1; padding: 6px; color: #00; text-transform: uppercase; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } table.details-table tr.sub-subheader th { background: #f9f3e9; padding: 8px } table.details-table th select { font-size: 10px!important; width: 200px; border: 1px solid #b5b0a9 } table.details-table td { width: 25%; padding: 3px 20px 3px 7px; vertical-align: top } table.details-table td a { text-decoration: underline; margin: 3px 0; display: block } table.details-table tr.pricerow td { text-align: right; font-weight: bold; padding: 10px 20px 10px 0; font-size: 1.1em } table.details-table td input { float: right } table.summary caption,table.summary th {text-align:left; } table.summary {border-collapse:collapse;border-spacing:0;} table.summary { border: 1px solid #CACDD2; padding: 11px; width: 100%; cellpadding: 0; cellspacing: 0; font: normal 100% Arial, Helvetica, sans-serif; color: #000;} table.summary caption { border: 1px solid #CACDD2; padding: 11px; font-size: 1.09em; background-color: #6E7274; color: #FFF; text-transform: uppercase;} table.summary th { border: 1px solid #CACDD2; padding: 11px; background-color: #8B8E8A; color: #FFF; text-transform: uppercase;} table.summary tr { border: 1px solid #CACDD2; padding: 11px; } table.summary td { padding: 11px; border-collapse: collapse; border: 1px solid #CACDD2; color: #767B76; background-color: #e9ebe7 } table.summary td.definition { color: #767B76; background-color: #FFF } table.summary div#col1 { width: 366px; float: left; margin: 0 11px 0 0 } table.summary div#col2 { width: 354px; float: left; margin: 0 11px 0 0 } table.summary div#col3 { width: 176px; float: left } /* 3.28 - specification tabs */ ul.spec-tabs { clear: both; list-style: none; margin: 0 ; padding: 0; background: url(http://www.lexus.co.uk/images/tab-line-bottom.gif) bottom left repeat-x } ul.spec-tabs li { float: left; padding: 0 0 0 6px; margin: 1px 9px 0 0; background: url(http://www.lexus.co.uk/images/bg_spec_tabs_off.gif) repeat-x left bottom #e9e3da; width: 287px; border-bottom: 1px solid #4d4d4d } ul.spec-tabs li img { padding: 6px 6px 4px 0; vertical-align: middle } ul.spec-tabs li.current { border-top: 1px solid #4d4d4d; padding: 0 0 0 6px; background: url(http://www.lexus.co.uk/images/bg_spec_tabs_on.gif) repeat-x left top #fff; border-bottom: 1px solid #fff; margin: 0 11px 0 0 } ul.spec-tabs li.last { margin-right: 0 } ul.spec-tabs li a { text-transform: uppercase; font-weight: bold; display: block } /* 3.29 - flash content */ /* test */ /* ----------------------------------------------- 4. TEMPLATE SPECIFIC */ /* 4.1 - HOME */ /* 4.1.1 - page layout */ body.home div#header { margin: 0 } body.home div#secondary-content { position: absolute; top: 410px; padding: 0 11px } body.home div#content { height: 550px; background-color: black; padding: 0!important } /* 4.1.2 - controls layout */ body.home div.call-to-action { float: right } /* 4.2 - CHAPTER HOME */ /* 4.2.1 - page layout */ body.chapterhome div#col1 { width: 366px; float: left; margin: 0 11px 0 0 } body.chapterhome div#col2 { width: 354px; float: left; margin: 0 11px 0 0 } body.chapterhome div#col3 { width: 176px; float: left } body.chapterhome div#content { padding: 0 } /* 4.2.2 - controls layout */ body.chapterhome div.spotlight { float:left; margin: 11px 0 0 0 } body.chapterhome div#col1 ul { margin-bottom: 15px } body.vert-sp div.call-to-action { float: right; margin: 11px -5px 0 0;} /* 4.3 - MODEL HIGHLIGHTS */ /* 4.3.1 - controls layout */ body.modelhighlights div.call-to-action { float: right; margin: 11px 0 0 0 } body.modelhighlights div.spotlight { float: left; margin: 11px 0 0 0 } /* 4.4 - DOWNLOADS */ /* 4.4.1 - page layout */ body.downloads div#content { background-color: #dedede; padding-bottom: 11px } body.downloads div#secondary-content { height: 160px } body.downloads div.content-block { margin: 11px 0 0 0 } /* 4.4.2 - controls layout */ body.downloads div.call-to-action { float: right } /* 4.4.3 - page style specific */ body.downloads h1 { margin: 30px 0 0 0; padding: 30px 0 0 0 } body.downloads h1, body.downloads h2 { width: 300px } body.downloads h3 { font-size: 12px; color: #6e7274; width: 120px; margin: 0; padding: 0; float: left } /* 4.5 - generalcontent */ /* 4.5.1 - page layout */ body.generalcontent div#primary-content { margin: 11px 0 } body.generalcontent div#col1 { width: 499px; float: left; margin: 0 36px 0 0 } body.generalcontent div#col2 { width: 365px; float: left } body.generalcontent div#spotlight { float:left } /* 4.5.2 - controls layout */ body.generalcontent div.spotlight { float: left; margin: 11px 0 0 0 } body.generalcontent div.call-to-action { float: left; margin: 11px 0 0 0 } /* 4.6 - V8 */ /* 4.6.1 - page layout */ body.v8 div.content-block { margin: 0 0 11px 0 } /* 4.6.2 - controls layout */ body.v8 div.call-to-action { float: right; margin: 11px 0 0 0 } body.v8 div.spotlight { float: left; margin: 11px 0 0 0 } /* 4.7 - INTERIOR CHOOSER */ /* 4.7.1 - page layout */ body.interiorchooser div#secondary-content { height: 358px } body.interiorchooser div#col1 { width: 499px; float: left; margin: 0 36px 0 0 } body.interiorchooser div#col2 { width: 365px; float: left } /* 4.7.2 - controls layout */ body.interiorchooser div.call-to-action { float: right; margin: 11px 0 0 0 } body.interiorchooser div.spotlight { margin: 11px 0 0 0 } /* 4.8 - KEY FEATURES */ /* 4.8.1 - page layout */ body.keyfeatures div#secondary-content { height: 185px } body.keyfeatures div#col1 { width: 290px; float: left; margin: 5px 15px 20px 0;} body.keyfeatures div#col2 { width: 290px; float: left; margin: 5px 15px 20px 0 } body.keyfeatures div#col3 { width: 290px; float: left; margin: 5px 0 20px 0 } /* 4.7.2 - controls layout */ body.keyfeatures a.back-link { width: 253px; float: right; margin: 25px 0 0 0 } /* 4.7.3 - page style specific */ body.keyfeatures h1, body.keyfeatures h2 { float: left; width: 290px;} body.keyfeatures h2 { clear: both } /* 4.9 - LEXUS RANGE /* 4.9.1 - page layout */ body.range div#content { padding: 0 } /* 4.10 - NEWS (MAIN) /* 4.10.1 - page layout */ body.news-home div#content { background-color: #ddd } body.news-home div#primary-content { width: 550px } body.news-home div#secondary-content { width: 363px } body.news-home div.content-block { margin: 30px 0; padding: 22px 11px 20px 11px } /* 4.10.2 - controls layout */ body.news-home div.call-to-action { float: right } body.news-home a.back-link { width: 141px; margin: 0 0 14px 0; float: right } /* 4.10.3 - page style specific */ body.news-home h3 { background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif ) no-repeat 0 4px #fff; padding: 0 0 0 10px; margin: 5px 0 0 0; font-weight: bold; font-size: 1.2em } body.news-home h4 { font-size: 1.1em } body.news-home div#secondary-content h2 { clear: both; background: #fff; padding: 10px 10px 2px 10px; margin: 1px 0 0 0 } /* 4.11 - NEWS (ARTICLE) /* 4.11.1 - page layout */ body.news-article div#content { background-color: #ddd } body.news-article div#primary-content { width: 100% } body.news-article div.content-block { clear: both; padding-top: 22px; margin-bottom: 20px } body.news-article div#col1 { width: 542px; float: left; margin-bottom: 20px } body.news-article div#col2 { width: 351px; float: right; margin-bottom: 20px } body.news-article div#col3 { width: 100%; clear: both; border-top: 1px solid #ddd; margin: 0 -11px; padding: 0 11px } /* 4.11.2 - controls layout */ body.news-article div.call-to-action { float: right } body.news-article a.back-link { width: 141px; margin: 0 0 14px 0; float: right } /* 4.11.3 - page style specific */ body.news-article h1 { width: 300px } body.news-article h3 { font-weight: bold } body.news-article div#primary-content div#col1 a { background: url(http://www.lexus.co.uk/images/icn_arrow_red_left.gif ) no-repeat 0 3px #fff; padding: 0 0 0 10px; font-weight: bold } /* 4.12 - MOVIES /* 4.12.2 - controls layout */ body.movies div.call-to-action { float: right; margin: 11px 0 0 11px; } body.movies div.spotlight { float: right; margin: 11px 0 0 0 } body.movies div.spotlight-description { float: left; margin: 11px 0 0 0; width:351px; } /* 4.12.3 - page style specific */ body.movies div#secondary-content div.content-block h3, body.movies div#secondary-content div.content-block p { width: 330px } /* 4.13 - FUTURE LAUNCHES */ /* 4.13.1 - page layout */ body.future-launches div#secondary-content { height: 215px } body.future-launches div#col1 { width: 432px; float: left; margin: 0 36px 0 0 } body.future-launches div#col2 { width: 432px; float: left } /* 4.13.2 - controls layout */ body.future-launches div.spotlight { float: right; margin: 11px 11px 0 0 } body.future-launches div.call-to-action { float: right; margin: 11px 0 0 0; clear: both } body.future-launches a.back-link { width: 333px; float: right } body.future-launches div.double-content-row dl.future-launches { width: 434px; float: left; margin: 0 25px 0 0 } body.future-launches div.double-content-row dl.last { margin: 0 } /* 4.14 - LEXUS EUROPE */ /* 4.14.1 - page layout */ body.europe div#primary-content { width: 548px; text-align: right; } body.europe div#primary-content div#main_movie_div { margin: -22px -22px 0 0 } body.europe div#secondary-content { width: 363px } body.europe div#content { min-height: 450px } body.europe div#primary-content div#button-link { float: left; margin: 11px 0 } /* 4.15 - HYBRID REVIEWS */ /* 4.15.1 - page layout */ body.hybrid-reviews div#primary-content { width: 548px; float: left } body.hybrid-reviews div#secondary-content { width: 363px; float: right } body.hybrid-reviews div#secondary-content div.content-block { margin: 0 0 11px 0 } /* 4.15.2 - controls layout */ body.hybrid-reviews div.call-to-action { float: right } body.hybrid-reviews div.spotlight { float: left } /* 4.16 - UTILITY PAGE (error, sitemap, accessibility) */ /* 4.16.1 - page layout */ body.utility div#secondary-content { height: 169px; margin: 0 } body.utility div#col1 { width: 230px; margin: 0 11px 0 0; float: left } body.utility div#col2 { width: 679px; float: left } /* 4.16.2 - controls layout */ body.utility div.call-to-action { float: right; margin: 0 0 4px 0 } body.utility a.back-link { float: right; margin: 0 5px 0 0; width: 136px } /* 4.16.3 - page style specific */ body.utility h1 { padding: 112px 0 0 0; width: 300px } /* Added JPrimmer - 06/02/08 */ body.utility div.sitemap h3 a { text-transform:uppercase; } /* 4.17 - AT A GLANCE */ /* 4.17.1 - page layout */ body.at-a-glance div#col1 { width: 230px; margin: 0 11px 0 0; float: left } body.at-a-glance div#col2 { width: 679px; float: left } /* 4.17.2 - controls layout */ body.at-a-glance div.call-to-action { float: right; margin: 0 0 11px 0 } body.at-a-glance div.spotlight { float: right; margin: 0 11px 0 0 } body.at-a-glance a.back-link { float: right; margin: 0 5px 11px 0; width: 328px } /* 4.17.3 - page style specific */ body.at-a-glance h1 { width: 300px } body.at-a-glance h2 { width: 300px } body.at-a-glance h3 { font-size: 16px; font-weight: bold; margin: 0; padding: 0 } body.at-a-glance h4 { font-size: 18px; color: #7c7c7c; margin: 0 0 6px 0; padding: 0; font-weight: normal } body.at-a-glance div.content-block { clear: both } body.at-a-glance div.content-block p { margin: 5px 0 10px 10px; padding: 12px 0 0 0 } body.at-a-glance div.content-block { min-height: 123px; margin-bottom: 10px; }/* added for specs-archives, shorter form */ /* 4.18 - HYBRID QUESTIONS */ /* 4.18.1 - page layout */ body.questions div#secondary-content { height: 220px } body.questions div#col1 { width: 499px; float: left; margin: 0 36px 0 0 } body.questions div#col2 { width: 365px; float: left } /* 4.18.2 - controls layout */ body.questions div.spotlight { margin: 11px 0 0 0 } body.questions div.call-to-action { float: right; margin: 11px 0 0 0 } /* 4.19 - PRESS REVIEWS */ /* 4.19.1 - page layout */ body.press-reviews div#secondary-content { height: 160px } body.press-reviews div.content-block { margin: 11px 0 0 0 } /* 4.19.2 - controls layout */ body.press-reviews div.call-to-action { float: right } /* 4.19.3 - page style specific */ body.press-reviews h1 { margin: 30px 0 0 0; padding: 30px 0 0 0 } body.press-reviews h1, body.press-reviews h2 { width: 300px } /* 4.20 - PRICING AND FINANCE */ /* 4.20.1 - page layout */ body.pricing-finance div#col1 { width: 230px; margin: 0 11px 0 0; float: left } body.pricing-finance div#col2 { width: 679px; float: left } body.pricing-finance div#content { height: auto!important } /* 4.20.2 - controls layout */ body.pricing-finance div.call-to-action { float: right; margin: 0 0 11px 0 } body.pricing-finance div.spotlight { float: right; margin: 0 11px 0 0 } body.pricing-finance a.back-link { float: right; margin: 0 5px 11px 0; width: 328px } /* 4.20.3 - page style specific */ body.pricing-finance h1 { width: 300px } body.pricing-finance h2 { width: 300px } body.pricing-finance h3 { font-size: 16px; font-weight: bold; margin: 0; padding: 0 } body.pricing-finance h4 { font-size: 18px; color: #7c7c7c; margin: 0 0 6px 0; padding: 0; font-weight: normal } body.pricing-finance div.content-block { clear: both } body.pricing-finance div.content-block p { margin: 5px 0 10px 0; padding: 12px 0 0 0 } /* 4.21 - USED SPECS */ /* 4.21.1 - page layout */ body.used-specs div#col1 { width: 230px; margin: 0 11px 0 0; float: left } body.used-specs div#col2 { width: 679px; float: left } /* 4.21.2 - controls layout */ body.used-specs div.call-to-action { float: right; margin: 0 0 11px 0 } body.used-specs div.spotlight { float: right; margin: 0 11px 0 0 } body.used-specs a.back-link { float: right; margin: 0 5px 11px 0; width: 328px } /* 4.21.3 - page style specific */ body.used-specs h1 { width: 500px } body.used-specs h2 { width: 300px } body.used-specs h3 { font-size: 16px; font-weight: bold; margin: 0; padding: 0 } body.used-specs h4 { font-size: 18px; color: #7c7c7c; margin: 0 0 6px 0; padding: 0; font-weight: normal } body.used-specs div.content-block { clear: both } body.used-specs div.content-block p { margin: 5px 0 10px 10px; padding: 12px 0 0 0 } body.used-specs div.content-block { min-height: 123px; margin-bottom: 10px; }/* added for specs-archives, shorter form */ /* Glossary page content */ body.glossary{overflow: hidden; background:none;margin: 0px;text-align:left;background-color:#AAA;} body.glossary #container{width: 654px; padding: 0px;} body.glossary .header{ margin: 0px 10px 0px 10px; padding:10px 10px 0 10px; background: #6e7275;border-top:10px solid #fff; border-bottom: 1px solid #fff } body.glossary .header img { margin: 0 0 8px 0 } body.glossary .header h1{color:#fff;} body.glossary .header h2{color:#fff;} body.glossary .contentPanel{height:430px;margin:0px 10px 10px 10px;clear:both; background:url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif ) no-repeat 0px 5px; background:url(http://www.lexus.co.uk/images/glossary_gradient.gif) top left repeat-x; padding: 15px 0 0 0 } body.glossary .contentPanel h3 { font-size: 14px;padding-left:12px;background:url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif ) no-repeat 0px 3px;color:#000;font-size:1.0em;font-weight:bold; margin: 0 0 7px 0} body.glossary .contentPanel .open h3 { background:url(http://www.lexus.co.uk/images/icn-down-arrow-techgloss.gif ) no-repeat 0px 5px; color:#716289!important } body.glossary .contentPanel .detail{padding: 0px 5px 15px 12px;margin-bottom: 5px} body.glossary .contentPanel .detail, body.glossary .contentPanel .closed .detail{display:none;} body.glossary .contentPanel .open{ background:url(http://www.lexus.co.uk/images/bg_review.gif) repeat-x bottom left;} body.glossary .contentPanel .open .detail{display:block;} /* 3.1 - glossary navigation */ ul#glossary-navigation { margin: 0; list-style-type: none; clear: both; height: 19px;padding:0px } ul#glossary-navigation li { float: left; text-transform: uppercase; } ul#glossary-navigation li a { color: #fff; font-size: 10px; background:url(http://www.lexus.co.uk/images/icn_arrow_white_right.gif) 9px 6px no-repeat; padding: 3px 12px 3px 22px; border-left: 1px solid #fff; display: block } ul#glossary-navigation li a:hover, ul#primary-navigation li a:focus { background-color: #6e7275 } ul#glossary-navigation li.first a { background-position: 12px 6px; border: 0 none; padding-left: 9px; background:url(http://www.lexus.co.uk/images/icn_arrow_white_right.gif) 0px 6px no-repeat;} ul#glossary-navigation li.current a { color: #000; background: #fff; padding-left: 13px; padding-right: 15px } ul#glossary-navigation li.current a:hover, ul#primary-navigation li.current a:focus { background-color: #fff } ul#glossary-navigation li.only a { border-left: 0 none } /* ----------------------------------------------- 5. USEFUL CLASSES */ .clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearall{clear:both;} .la { text-align: left } .ra { text-align: right } .ca { text-align: center } .fl { float: left } .fr { float: right } .vt { vertical-align: top } .vm { vertical-align: middle } .vb { vertical-align: bottom } .nocaps { text-transform: none!important } .noBG { background:none!important} .marginTop { padding-top:22px; } .PaddingTopNull {padding-top:0px!important;} .margin-left-10 {margin-left: 10px!important } .wideWidth {width: 700px;} /* ----------------------------------------------- 6. INDEX PAGE SPECIFIC (for deletion) */ body.index div#container { font-size: .90em } body.index h2 { margin-bottom: 20px } body.index dl { margin: 0 20px 30px 0; float: left; width: 270px } body.index dt, body.index dd { margin: 0; padding: 0 } body.index dd p { margin: 6px 0; font-size: .90em } body.index dd ul { margin: 0 0 0 25px } body.index dd ul li { list-style-type: circle; font-size: .80em } body.index a { color: #0033CC; text-decoration: underline; font-weight: bold } /* ----------------------------------------------- 7. THICKBOX SPECIFIC */ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333 } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666666 } #TB_window A:link { color: #666666 } #TB_window A:visited { color: #666666 } #TB_window A:hover { color: #000 } #TB_window A:active { color: #666666 } #TB_window A:unknown { color: #666666 } #TB_overlay { z-index: 100; filter: alpha(opacity=75); left: 0px; width: 100%; position: fixed; top: 0px; height: 100%; BACKGROUND-color: #000; moz-opacity: 0.75; opacity: 0.75 } /* MS UPDATED to allow overlay/form to remain in centre of screen HTML #TB_overlay { position: absolute;height: 1000px;} */ HTML #TB_overlay { height: 1000px;} #TB_window { border-right: #525252 4px solid; border-top: #525252 4px solid; display: none; z-index: 102; BACKGROUND: #ffffff; left: 50%; border-left: #525252 4px solid; color: #000000; border-bottom: #525252 4px solid; position: fixed; top: 50%; text-align: left} /* MS UPDATED to allow overlay/form to remain in centre of screen HTML #TB_window { margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); position: absolute} */ HTML #TB_window { margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_window IMG#TB_Image { border-right: #ccc 1px solid; border-top: #666 1px solid; display: block; margin: 15px 0px 0px 15px; border-left: #666 1px solid; border-bottom: #ccc 1px solid} #TB_caption { padding-right: 30px; padding-left: 25px; float: left; padding-bottom: 10px; padding-top: 7px; height: 25px} #TB_closeWindow { padding-right: 25px; padding-left: 0px; float: right; padding-bottom: 10px; padding-top: 11px; height: 25px} #TB_closeAjaxWindow { padding-right: 10px; padding-left: 0px; float: right; margin-bottom: 1px; padding-bottom: 5px; padding-top: 7px; text-align: right} #TB_ajaxWindowTitle { padding-right: 0px; padding-left: 10px; float: left; margin-bottom: 1px; padding-bottom: 5px; padding-top: 7px} /* #TB_title { height: 27px; BACKGROUND-color: #e8e8e8; } */ #TB_title { height: 27px; background: url(http://www.lexus.co.uk/images/popup-background-repeat.gif) repeat-x top left #dcdcdb; text-transform: uppercase;} #TB_ajaxContent { clear: both; padding-right: 15px; padding-left: 15px; padding-bottom: 15px; OVERFLOW: auto; LINE-height: 1.4em; padding-top: 2px; text-align: left} .TB_modal#TB_ajaxContent { padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px} #TB_ajaxContent P { padding-right: 0px; padding-left: 0px; padding-bottom: 5px; padding-top: 5px} #TB_load { display: none; z-index: 103; left: 50%; margin: -6px 0px 0px -104px; width: 208px; position: fixed; top: 50%; height: 13px} HTML #TB_load { margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); position: absolute} #TB_HideSelect { border-right: medium none; border-top: medium none; z-index: 99; filter: alpha(opacity=0); left: 0px; border-left: medium none; width: 100%; border-bottom: medium none; position: fixed; top: 0px; height: 100%; BACKGROUND-color: #fff; moz-opacity: 0; opacity: 0} HTML #TB_HideSelect { position: absolute; height: expression((document.documentElement && document.documentElement.scrollHeight || document.body.scrollHeight) > (document.documentElement && document.documentElement.offsetHeight || document.body.offsetHeight) ? (document.documentElement && document.documentElement.scrollHeight || document.body.scrollHeight) : (document.documentElement && document.documentElement.offsetHeight || document.body.offsetHeight) + 'px')} #TB_iframeContent { clear: both; border-right: medium none; border-top: medium none; margin-top: 1px; margin-bottom: 1px; border-left: medium none; border-bottom: medium none} /* ----------------------------------------------- 8. Layered ASP.Net Ajax Content over Flash */ div.layeredContent { background: transparent} body.flash-full div#content { padding: 0!important;} body.flash-full div#primary-content { padding: 0 11px } /*Extended version with no navigation bar*/ body.flash-full-nonav{height: 100%;padding:0px;height: 100%; background:none;} body.flash-full-nonav form{height: 100%;} body.flash-full-nonav div#container { padding: 0; height: 100%;} body.flash-full-nonav div#content { padding: 0!important; height: 100%; background-repeat:repeat-x;} body.flash-full-nonav div#primary-content { padding: 0px } /* VARIOUS */ img.displaynone {display: none !important;} div#content-text.lightcontent p, div#content-text.lightcontent{color:#ffffff;} /*THE MOVIE LINK*/ span.movie-link{padding: 0px 0px 0px 61px;background-color:#fff;background-repeat:no-repeat;border-top: 5px solid #fff;border-bottom: 5px solid #fff;border-left: 5px solid #fff;height: 25px;} span.movie-link a.button-link{margin-top:4px;display:inline;background-color:red;} /*PAGE WITH AN IFRAME*/ body.iframe div#col1{float: left; width: 752px; margin-right: 0px;overflow-x:hidden;} body.iframe div#col2{ float: right; width: 181px; margin-right: -3px;} body.iframe iframe{border: 0px;} body.iframe div.col1{float:left; width: 620px; margin-right: 11px;} body.iframe div.col2{float: right; width: 271px;} body.iframe #primary-content .content-block{padding: 0px;background:none;} body.iframe div#primary-content{clear:both;} /*PAGE WITH AN IFRAME FULL WIDTH*/ body.iframe-full div#col1{float: left; width: 920px; margin-right: 0px;overflow-x:hidden;} body.iframe-full div#col2{ float: right; width: 181px; margin-right: -3px;} body.iframe-full iframe{border: 0px;} body.iframe-full div.col1{float:left; width: 620px; margin-right: 11px;} body.iframe-full div.col2{float: right; width: 271px;} body.iframe-full #primary-content .content-block{padding: 0px;background:none;} body.iframe-full div#primary-content{clear:both;} /*PAGE WITH A "WIDE" FLASH - allow CTA and Spotlight space on right */ body.wide-flash div#col1{float: left; width: 739px; margin-right: 0px;overflow-x:hidden;} body.wide-flash div#col2{ float: right; width: 181px; margin-right: -3px;} body.wide-flash iframe{border: 0px;} body.wide-flash div.col1{float:left; width: 620px; margin-right: 11px;} body.wide-flash div.col2{float: right; width: 271px;} body.wide-flash #primary-content .content-block{padding: 0px;background:none;} body.wide-flash div#primary-content{clear:both;} /*THE CONTACT FORM*/ /* 2.2 - container */ div#formcontainer { margin: 0; position: relative; padding: 11px; font-size: .70em; background: #fff; height: 460px } /* 2.3 - header */ div#formheader { padding: 0 0 11px 0 } /* 2.4 - content */ div#formcontent { position: relative; padding: 11px 0 } /* 2.8 - footer */ div#formfooter { clear: both; height: 25px } /* ----------------------------------------------- 3. GLOBAL ELEMENTS / CONTROLS ----------------------------------------------- */ /* 3.1 - primary navigation */ ol#formprimary-navigation { margin: 7px 0 0 0; list-style-type: none; float: left; clear: both; border-bottom: 1px solid #c2c3c7; width: 100% } ol#formprimary-navigation li { float: left; text-transform: uppercase; color: #4d4d4d; padding: 0 7px 0 7px; border-left: 1px solid #bdc1c4; font-weight: bold } ol#formprimary-navigation li.first { padding-left: 0; border-left: 0 none } ol#formprimary-navigation li a { color: #4d4d4d } ol#formprimary-navigation li.off, ol#primary-navigation li.off a { color: #babfc2 } /* 3.3 - form buttons */ div#formheader img { margin: 0 0 8px 0 } div#formheader a { float: right; display: block; padding: 10px 8px 10px 20px; background: url(http://www.lexus.co.uk/images/icn_cross_grey.gif) 8px 15px no-repeat #fff; font-weight: bold; color: #4f5250 } div#formfooter a { float: right; display: block; padding: 10px 8px 10px 20px; background: url(http://www.lexus.co.uk/images/icn_arrow_white_right.gif) 8px 13px no-repeat #6e7275; font-weight: bold; color: #fff } /* 4.2 - REQUEST A BROCHURE (SCREEN 2) */ /* 4.2.1 - page layout */ div.rab-step2 div#formprimary-content { float: right; width: 420px; margin-right: 11px } /* 4.2.2 - controls layout */ /* 4.2.3 - page style specific */ div.rab-step2 input { width: 200px } div.rab-step2 input.opt { width: 150px } div.rab-step2 h3 { margin: 0; font-size: 11px } div.rab-step2 h4 { margin: 4px 0; font-size: 10px } div.rab-step2 legend { margin: 20px 0 0 0; font-weight: bold; color: #000!important } div.rab-step2 fieldset { background: #fbfdfe; padding: 2px 5px; margin: 0 0 5px 0 } div.rab-step2 ol { margin: 0 0 0 25px } div.rab-step2 ol li { list-style-type: none; padding: 0 0 4px 0 } div.rab-step2 ol li label { font-weight: normal; width: 140px; text-align: right; display: block; float: left; padding: 0 8px 0 0 } div.rab-step2 div#formsecondary-content ul { list-style-type: none; margin: 0 0 6px 0; padding: 0 } div.rab-step2 div#formsecondary-content ul li { padding: 5px 0 5px 25px; background: url(http://www.lexus.co.uk/images/forms/bg_small_brochure.gif) no-repeat } div.rab-step2 div#formsecondary-content a { padding: 10px 0 0 10px; font-size: 10px; color: #765a95; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; background:url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif) 0 13px no-repeat } /* 4.9 - CONTACT SPECIFIC */ div.contact ol li { text-align: left } div.contact select { font-size: 11px } div.contact input { background: url(http://www.lexus.co.uk/images/bg_text_box.gif) repeat-x; font-size: 11px } div.contact textarea { width: 200px; height: 150px; background: url(http://www.lexus.co.uk/images/bg_text_box.gif) repeat-x; font-family: arial; font-size: 11px } div.contact div#formsecondary-content { background: none } /* Dealer Finder */ fieldset.dealer-finder-controls { background: #eef2f5; padding: 3px 5px; margin: 11px 0 6px 0 } fieldset.dealer-finder-controls legend { margin: 20px 0 0 0; font-weight: bold; color: #393d3e } fieldset.dealer-finder-controls ol { margin: 7px 0 5px 25px } fieldset.dealer-finder-controls ol li { list-style-type: none; padding: 3px 0 4px 0 } fieldset.dealer-finder-controls ol li label { font-weight: normal; width: 125px; text-align: right; display: block; float: left; padding: 3px 3px 0 0 } fieldset.dealer-finder-controls ol li input, fieldset.dealer-finder-controls ol li select { font-size: 10px } fieldset.dealer-finder-controls ol li input { width: 120px } div.dealer-block { padding: 7px; position: relative; border-bottom: 1px solid #ccc; margin: 0 0 20px 0 } div.dealer-block a.img { float: right } div.dgrey { background: #f8f8f8; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2 } div.dealer-block ul { list-style: none; margin: 0 } div.dealer-block ul.services li { float: left; margin: 15px 6px 0 0; padding: 0 } div.dealer-block address { clear: both; font-weight: bold; padding: 10px 0 } div.dealer-block ul.numbers { font-weight: bold; margin-bottom: 15px } div.dealer-block ul.links { position: absolute; top: 88px; left: 200px } div.dealer-block ul.links li { margin: 0 0 3px 0 } body.body-pop { padding: 0!important } /************ RSB START ******************/ /* 4.23 - RSB HOME */ /* 4.23.1 - page layout */ body.rsbhome ul#primary-navigation-home li a {text-transform:uppercase;} body.rsbhome h5 { margin: 6px 0px 2px 0px; font-weight:bold; } body.rsbhome div#header { margin:0pt 0pt 11px; } body.rsbhome div#content { padding-top: 20px } body.rsbhome div.col1 { float: left; width: 441px } body.rsbhome div.col2 { float: left; width: 448px; padding: 11px 0 0 0; margin: 0px 0px 0px 11px; } body.rsbhome div.address-info { width: 200px; float: left; margin: 0px } body.rsbhome div.address-title { font-weight:bold; font-size:12px; margin-bottom:6px;} body.rsbhome div.opening-info { width: 224px; float: left } body.rsbhome div.secondary-content-margin{margin-top: 11px;} body.rsbhome div#rsb-legal-notice-homepage {clear:both; margin-bottom:11px;} body.rsbhome div.rsb-home-subtitle{font-weight:bold;font-size:1.1em;margin-bottom: 11px} body.rsbhome div.col2-container {float:left;padding: 0px; margin:0px; background: transparent url(http://www.lexus.co.uk/images/GRADIENTRSBHOMEPAGECOL2.jpg) repeat scroll 0%; height: 286px;} body.rsbhome dl {margin: 0px 0px 0px;} /* Set the width of the RSB menu UL tags - required for correct alligning of RSB nav items */ body.rsbhome ul#primary-navigation-home li { margin:0px !important; min-width:182px; } /* 4.23.2 - controls layout */ body.rsbhome div.call-to-action { float: right } /* 4.23.3 - page specific */ body.rsbhome div#header h2 { margin: 13px 0 0 8px!important; float: left; font-size: 16px } body.rsbhome h4 { margin: 0px; font-weight: bold; font-size: 1.1em } body.rsbhome address {padding-bottom:11px;width:190px} body.rsbhome div.address-info a { font-weight: bold } body.rsbhome div.address-info dl dd {padding-bottom:2px;padding-left:40px;margin:0px} body.rsbhome div.address-info dd.email { clear: both; margin: 0; padding: 4px 0 0 0 } body.rsbhome div.content-block { background: url(http://www.lexus.co.uk/images/bg_content_block_gradient.jpg) 430px 11px no-repeat #fff; } body.rsbhome dl dt { font-weight: bold; float: left } body.rsbhome div.opening-info dl dt { font-weight: normal;padding-bottom:1px;clear:both;float:left; } body.rsbhome div.opening-info dl dd { text-align: right; float:right;width:100px} body.rsbhome div.opening-info strong { clear: both } body.rsbhome ul.menu-options { float:left; clear: both; margin-right: 11px; margin-top:1px; width:194px; border:none;} body.rsbhome ul.menu-options li { background:transparent url(http://www.lexus.co.uk/images/shadow.png) no-repeat scroll right bottom; padding:0em 0.5em 0.4em 0em;border-bottom: none} body.rsbhome div#legal-notice { padding:10px 0px 10px 0px } /* 4.23.4 - promo block */ body.rsbhome div#secondary-content div#spotlight-holder div a { color: #000;} /* 4.23.5 - email link */ dt.rsb-home-mail-head{padding:15px 0px 3px 0px} div.rsb-home-email-block {float:left; width:auto;padding-top:5px;} div.rsb-home-email-block div.rsb-home-email-link {background:transparent url(http://www.lexus.co.uk/images/shadow.png) no-repeat scroll right bottom; float:left; padding:0.2em 0em 0.5em 0.3em; width:191px;} div.rsb-home-email-block div.rsb-home-email-link a {background-image:url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif); background-position:5px 10px; background-repeat:no-repeat; color:#4D4D4D; display:block; float:left; font-weight:bold; margin:0pt; padding:6px 10px 6px 1.25em; text-decoration:none;} /* 4.23.6 - contact link */ body.rsbhome .contact-link { padding:5px 0px 15px 0px; } body.rsbhome .contact-link a { background:transparent url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif) no-repeat scroll 0px 4px; font-weight:bold; padding-left:10px; } /* 4.8 - RSB CONTENT */ /* 4.8.1 - page layout */ body.rsbcontent ul {color:#4D4F52;} body.rsbcontent h4, h5, h6 {color:#4D4F52;} body.rsbcontent div#col1 { width: 594px; float: left; margin: 5px 15px 20px 0 } body.rsbcontent div#col2 { width: 291px; float: right; margin: 5px 0 20px 0 } body.rsbcontent br {line-height:12px;} /* 4.8.2 - controls layout */ body.rsbcontent div.call-to-action { width: 291px; margin-top: 11px } body.rsbcontent div.call-to-action a { background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif) 270px 10px no-repeat #fff } /* 4.8.3 - page style specific */ dl.small-info-block { float: left; width: 299px; margin: 0; background: url(http://www.lexus.co.uk/images/bg-small-info-block.gif) } dl.small-info-block dt { float: left; background: url(http://www.lexus.co.uk/images/personnel-border.gif) left bottom; padding: 0 0 12px 0; width: 106px; margin: 0 11px 0 0 } dl.small-info-block dd { font-weight: bold } dl.small-info-block img { border: 1px solid #fff } dl.small-info-block dd.pb { padding: 0 0 6px 0 } dl.small-info-block dd a { color: #765a95 } /* 4.8.4 - picture promo block specific */ div#picture-block {height: auto;margin-top:60px;} div.picture-promo-block {float:left;width:284px;height:142px;padding:0.3em;background-color:white;background-image:url(http://www.lexus.co.uk/images/GRADIENTSTAFFBACKGROUND.jpg);background-repeat:repeat-x;margin:0em 11px 1em 0; background-position: left bottom;} div.picture-promo-block div.image-default {float: left; width: 106px; height: 142px; background-image:url(http://www.lexus.co.uk/images/defaultStaffPlaceholder.jpg);} div.picture-promo-block img {float:left;} div.picture-promo-block dl {float:left;margin:0 1em 0 1em;font-weight:bold;padding-top:6px;width:155px;} div.picture-promo-block dd {clear:left;float:left;margin:1em 0 0 0} div.picture-promo-block div.address-pane {float:left;width:150px;background-color:#fff;padding:0em 0em 0.3em 0.3em; background:transparent url(http://www.lexus.co.uk/images/shadow.png) no-repeat scroll right bottom;} div.picture-promo-block div.address-pane a {padding:6px 10px; display:block; float:left;color:#765A95;font-weight:bold;background-image:url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif); background-repeat:no-repeat; background-position:5px 10px; padding-left:1.25em;margin:0;text-decoration:none} div.no-margin-right {margin-right:0px} div#content-image { padding-bottom:11px;} div.width-two-col div.call-to-action { width: 291px; } div.width-two-col div.call-to-action ul li a { background:#FFFFFF url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif) no-repeat scroll 343px 10px;} /* 4.8.5 - article page specific */ div#rsb-centre-details {padding-bottom:11px; font-weight:bold} div#rsb-centre-details h2 {font-size:18px; margin:0px; padding:0pt;} div ul.rsb-article-detail-title{list-style-type: none; margin:0px;clear:both;} div li.rsb-article-detail-text{width:50px; float: left;} .clear {clear:both;} /* table.details-table tr.masterheader th#first-car { vertical-align: top; } table.details-table tr.masterheader th#second-car { vertical-align: top; } */ div.blocks-container {padding:1em;background-color:#fff;float:left} div.horiz-block {background: transparent url("http://www.lexus.co.uk/images/GRADIENTHORIZONTALGREY.jpg") repeat-y scroll 0%; float:left; width:694px; padding:1em;margin:0 0 2px 0} div.horiz-block h3 {margin:0.5em 0 0 0; text-transform:uppercase;font-weight:bold;font-family:Arial;font-size:1.3em} div.horiz-block div.horiz-block-left {float:left;margin:1em 0 0 0} div.horiz-block div.horiz-block-centre {float:left; margin:1em 0 0 3em;} div.horiz-block address {float:left;margin:0 0 0 0;font-weight:bold; width:124px;} div.horiz-block h4 {float:left;margin:0em 0 0 0;background-color:#777;width:408px;text-transform:uppercase; padding:0.5em;font-weight:bold;color:#fff;font-size:1.1em;border:1px solid #fff} div.horiz-block div.list {height:150px;width:211px;margin:0.5em 0 0 0;float:left;background-color:#fff;border-right:1px solid #aaa} div.horiz-block div.noborder {border:0} div.horiz-block .right {float:right} div.horiz-block div.list h5 {width:198px;font-size:1em;margin:0em 0 0 0;padding:0;background-color:#eee;padding:0.5em;font-size:1.1em;text-transform:uppercase;color:#000;font-weight:bold;border-bottom:1px solid #777;} div.horiz-block div.list dl {float:left;background-color:#fff;margin-top:1em;margin-bottom:0px;clear:both;} div.horiz-block div.list dt {float:left;background-color:#fff;margin-left:0.5em;font-size:1.0em;font-weight:bold} div.horiz-block div.list dd {float:right;font-weight:normal;margin:0 1em 0 0;font-size:1.0em;display:block;padding:0;text-align: right;} div.horiz-block div.full-width {border-top: 1px solid #AAAAAA; clear: both; margin-top: 0px; width: 423px;} div.horiz-block div.full-width h5 {width: 410px;} div.horiz-block div.full-width dd {width:276px;} div.horiz-block div.linkbox {float:left;margin:1em 0 0 1em;background-color:#777;border:1px solid #777;width:134px;height:28px} div.horiz-block .cl {clear:left} div.horiz-block div.linkbox a {margin-left:4em;display:block;text-transform:uppercase;color:#fff;margin-top:0.5em;font-weight:bold} div.horiz-block div.linkbox a:Hover {text-decoration:underline} div.horiz-block p {margin:0 0 0 0} #container .nomargin {margin-top:0;margin-left:0} #container .clearleft {clear:left;margin-left:0} /*Additions BS 18/12/07*/ body.rsbcontent ul.menu-options{ border:none; list-style-type:none; margin-left:auto; margin-top:1.1em; float:right; color: #fff; text-transform: uppercase;font-weight:bold;} body.rsbcontent ul.menu-options li a{ border:none; text-transform: uppercase; padding: 7px 7px 7px 68px; display: block; color:#fff; min-width:55px; min-height:10px; background-position: left top; background-repeat: no-repeat; background-color:#777;} /* This line of css is only if effect if we have no opening times of the page */ body.rsbcontent div.menu-options-container {float:left; margin-left:438px;} body.rsbcontent div.menu-options-container ul.menu-options {float:none !important;} body.rsbcontent ul.menu-options li a:hover, ul.map li a:focus { background-color: #e7ebe5;} body.rsbcontent div.linkbox {float:left;margin:0; background:none; border:none; width:0;height:0;} body.rsbcontent ul.menu-options li {border:none; width:auto; margin:auto;} body.rsbcontent div.horiz-block-centre{margin-left:1em;} body.rsbcontent div.rsb-contact-article div.content-block {width:716px;} body.rsbcontent div.rsb-contact-article div.blocks-container {padding:0em;} body.rsbcontent div.rsb-contact-article div#col1 {margin:0px 0px 0px 0px;} body.rsbcontent div.no-bg-image {background-image:none; background-color:transparent;} body.rsbcontent div#footer {margin:1em -11px 0 -11px; float:left} /* styling of the SIFR titles and back button (contact page)*/ body.rsbcontent div.col2 {float:right;width:181px;} body.rsbcontent div.col1 {float:left;margin-right:0px;width:739px;} body.rsbcontent div#primary-content {clear:both;} /*ensures the height auto adjusts to allow for the background image*/ body.rsbcontent div#content {height:auto !important;} /* position the arrows on the article cta blocks */ body.rsbcontent div.width-two-col div.call-to-action ul li a {background: url(http://www.lexus.co.uk/images/icn_arrow_red_right.gif) 270px 10px no-repeat #fff } /* 4.9 - RSB CONTACT */ body.rsbcontact address {width:140px;} body.rsbcontact div.horiz-block-centre{margin-left:1em;} /* 4.10 - RSB DYNAMIC */ body.rsbdynamic div#form-container {background:#FFFFFF none repeat scroll 0% 50%;padding:11px;width:640px;margin-top:24px} body.rsbdynamic div#form-container .submit {background:#6E7275 url(http://www.lexus.co.uk/images/bg_submit.jpg) no-repeat scroll 0% 50%;border:medium none;color:#FFFFFF;font-family:arial;font-size:1.1em;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;height:28px;left:auto;line-height:normal;margin-top:1em;padding-left:1.2em;position:relative;top:auto;width:85px;} body.rsbdynamic div#form-container .table.car-selection label {font-size:0.7em;} body.rsbdynamic div#form-container h3 {font-weight:bold;} body.rsbdynamic div#form-container h4 {font-weight:bold;} body.rsbdynamic div#form-container ul.address li{margin-bottom:0.3em;} body.rsbdynamic div#form-container ul.address li label {font-size:1em;width:130px;} body.rsbdynamic div#form-container div.content-block p {font-size:1em;} body.rsbdynamic div#form-container span.radiofull {font-size:1em;} body.rsbdynamic div#form-container span.radiofull {margin-right:0.5em;font-size:1em;} body.rsbdynamic div#form-container p {margin:0.4em 0pt;} body.rsbdynamic div#form-container form label {margin-right:0.5em;} body.rsbdynamic div#form-container address {font-size:1.0em} body.rsbdynamic div#form-container ul.address li label.address-label {width:210px !important; font-weight:normal;} body.rsbdynamic div#form-container ul.address li label.w120 {width:210px !important; font-weight:normal;} body.rsbdynamic div#form-container ul.address li label.w120 {font-weight:normal;width:114px !important;} body.rsbdynamic div#form-container div.full-width {left:8px;width:570px;top:519px;} body.rsbdynamic div#form-container ul.your-current-car li {float:left;width:auto;} body.rsbdynamic div#form-container ul.your-current-car li label {width:110px;font-size:1em} body.rsbdynamic div#form-container ul.your-current-car li input.textbox {float:right;} body.rsbdynamic div#form-container select.w150 {float:right} body.rsbdynamic div#form-container .w225 {width:280px} /* 4.11 - RSB InpageNav Styling (Show the image by default) */ body.rsbcontent div.inpagenav-container ul.menu-options{margin-top:0px; border-top:1px solid #C2C2C0; width:291px;} body.rsbcontent div.inpagenav-container ul li {border-bottom:1px solid #C2C2C0;} body.rsbcontent div.inpagenav-container ul li a {width:auto; background-color:#FFFFFF; color:#434644; padding-left:74px; font-weight:normal;} body.rsbcontent div.inpagenav-container a {height:15px;} /* 4.12 - RSB InpageNav Styling - without image (Hide image and reduce padding) */ body.rsbcontent div.inpagenav-container-without-image ul.menu-options{margin-top:0px; border-top:1px solid #C2C2C0; width:291px;} body.rsbcontent div.inpagenav-container-without-image ul li {border-bottom:1px solid #C2C2C0;} body.rsbcontent div.inpagenav-container-without-image ul li a {width:273px;background-color:#FFFFFF; color:#434644; padding-left:11px; font-weight:normal;} body.rsbcontent div.inpagenav-container-without-image ul li a {background-image: none !important;} body.rsbcontent div.inpagenav-container-without-image a {height:15px;} /************ RSB END **************/ /* Page Setup */ div.download-block { position: relative; margin: 0 0 10px 0; width: 445px; float: left; background: #FFF url(http://www.lexus.co.uk/images/downloads-bg-gradient.gif) bottom left repeat-x; } div.download-block img { padding: 11px; float: left; } div.download-block-content { padding: 11px 0 11px 0; float: left; height: 100%; } div.download-block-content p { width: 280px; } div.download-block-content ul { float: left; padding-left: 10px; } div.download-block-content ul li { margin-left: 5px; list-style-type: disc } div.block-action { display: block; width: 270px; position: absolute; bottom: 3px; right: 20px; padding: 0;} div.download-block div.block-action a { display: block; width: 270px; height: 27px; padding: 5px 0 0 15px; background: transparent url(http://www.lexus.co.uk/images/downloads-drop-shadow.png) center right no-repeat; } div.download-block-content ul.links-list { padding: 0; float: none; } div.download-block-content ul.links-list li {list-style-type: none!important; margin: 0; } /* div.accordion ul { list-style: none; margin: 0; padding: 0;} */ div.accordion ul { padding: 0;} div.accordion li { margin: 0; padding: 0; } div.accordion ul.two-column-spec { display: block; width: 100%;} div.accordion ul.two-column-spec li { float: left; width: 40%; } /* Model Selection Form */ div#model-selection-form { display: block; clear: both; border: 1px solid #afb9cc; border-width: 1px 0; padding: 5px 0;} div#model-selection-form select { font: 11px Arial, Helvetica, sans-serif; color: #4D4D4D; border: 1px solid #C1BEB5; margin-left: 10px} div.accordion dl { margin: 0; padding: 0;} div.accordion dl dt { margin: 0; padding: 3px 0; width: 40%; clear: both; float: left; } div.accordion dl dd { margin: 0; padding: 5px 0; width: 45%; float: left; } div.download-block-content h3 {width: 280px;} div.download-block-content p {margin-bottom: 25px;} div.InfoBlock { background:transparent url(http://www.lexus.co.uk/images/shadow.png) no-repeat scroll right bottom; width:181px; } div.InfoBlock div.title { font-weight: bold; font-size: 1.2em; width: 171px; padding: 5px 0 5px 5px; background-color: #E7EBE5; } div.InfoBlock div.body table { padding: 5px 0 20px 5px; } div.InfoBlock div.body table td { width: 48%; } /* Added by Paul Middleton - Created by James Nash 230108 */ /* 1.1 - ISF Global Styling ----------------------------------------------------- ---------------------------------------------------------------------------------*/ /* 1.1.1 - Page Wrapper Elements */ body.ftype div#content { margin: 0; padding: 0; min-height: 520px; height: auto !important; height: 520px; background-color: #000; } body.ftype div#wrapper { padding-bottom: 10px; min-height: 440px; height: auto !important; height: 440px; background: #000 url(http://www.lexus.co.uk/images/ISF-all_pages_BG.jpg) bottom left no-repeat; } body.ftype div#pre-footer-content { padding-top: 10px; background-color: #000; } /* 1.1.2 - Lexus and F-Type Top Level Header */ body.ftype div#header { background: #6E7274 url(http://www.lexus.co.uk/images/ISF-top_banner_bg.gif) top right repeat-y; } body.ftype div#sub-brand { display: block; } /* 1.1.3 - ISF Section Header (sIFR) */ body.ftype div#section-header { padding: 2px 0 2px 10px; display: block; background: #000 url(http://www.lexus.co.uk/images/ISF-top_racing_line.gif) bottom left no-repeat; } body.ftype div#section-header h1, body.ftype div#section-header h2 { width: 600px; } body.ftype div#section-header div#isf-header-button { margin: 0; padding: 0; width: 228px; height: 48px; background: transparent url(http://www.lexus.co.uk/images/ISF-discover_more_about_lexus_btn.gif) bottom right no-repeat; position: absolute; top: 0; right: 0; z-index: 100; } body.ftype div#section-header div#isf-header-button a { float: right; margin: 7px 5px 0 0; text-align: right; text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: normal; } body.ftype div#section-header div#isf-header-button a:hover { text-decoration: none; } /* 1.1.4 - Column Setup */ body.ftype div.single-column { padding-right: 10px; width: 243px; } body.ftype div.twin-column { padding-right: 10px; width: 478px; } body.ftype div.triple-column { width: 670px; } body.ftype div#navigation-column { display: block; width: 232px; position: absolute; top: 78px; right: 13px; z-index: 1000; } /* 1.1.5 - Pre Footer Setup */ div#pre-footer-content { padding: 0 0 0 11px; margin-top: -129px; background: #000 url(http://www.lexus.co.uk/images/ISF-all_pages_BG.jpg) left bottom no-repeat; background-position: 0 -432px;} div#pre-footer-content div.single-column { width: 350px; position: absolute; top: 437px; left: 475px; } div#pre-footer-content h3 { margin: 0; padding: 0; } div#pre-footer-content p { margin: 0 0 10px 0; padding: 10px 0 0 0; padding-bottom: 0; color: #CCC; line-height: 12px; height: 26px; width: 444px; } /* 1.1.6 - Flash Positioning */ body.ftype div.full-page-flash { width: 944px; } body.ftype div.single-column div#main_movie_div { position: absolute; top: 73px; left: 466px; } body.ftype div.twin-column div#main_movie_div { position: absolute; top: 73px; left: 233px; } /* 1.1.7 - Generic Text Styling */ body.ftype div#content p { font: normal 11px/12px Arial, Helvetica, sans-serif; color: #CCC; } body.ftype div#content a { padding: 0 0 0 10px; font: bold 11px/1.4em Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; background: transparent url(http://www.lexus.co.uk/images/ISF-icn_arrow_white_right.gif) center left no-repeat; } body.ftype div#content a.paraimg { padding: 0; font: bold 11px/1.4em Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; background:none; } body.ftype div#content a:hover { text-decoration: underline; } body.ftype div#content a:focus { -moz-outline-style: none;} div.single-column p, div.single-column h3 { padding-left: 10px; } body.ftype div#content p a { padding: 0; font: bold 11px/1.4em Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; background:none; } /* 1.1.8 - sIFR Text Styling */ body.ftype div#content h3, body.ftype div#content h5 { height: 18px; font-size: 12px; line-height: 18px; } /* 1.2 - ISF Secondary Navigation------------------------------------------------- ---------------------------------------------------------------------------------------*/ /* 1.2.1 - Reset and Positioning */ div#fixed-nav, div#fixed-nav ul#ftype-secondary-navigation, div#fixed-nav ul#ftype-secondary-navigation li, div#fixed-nav ul#ftype-secondary-navigation li a { margin: 0; border: 0; padding: 0; } div#fixed-nav ul#ftype-secondary-navigation { padding-top: 2px; margin-right: 2px; } div#fixed-nav ul#ftype-secondary-navigation li {list-style: none; text-align: right; margin: -9px 0; } div#fixed-nav ul#ftype-secondary-navigation li a { padding: 20px 70px 0 0; font: normal 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF; text-decoration: none; display: block; width: 170px; height: 34px;} div#fixed-nav ul#ftype-secondary-navigation li a:hover { text-decoration: none; } /* 1.2.2 - Navigation Images */ div#fixed-nav ul#ftype-secondary-navigation { background: transparent url(http://www.lexus.co.uk/images/ISF-nav_speedo_dashes.png) no-repeat; background-position: 180px 0; } div#fixed-nav ul#ftype-secondary-navigation li:hover { background: transparent url(http://www.lexus.co.uk/images/ISF-nav_rollover_state.png) center right no-repeat; } div#fixed-nav ul#ftype-secondary-navigation li.active { background: transparent url(http://www.lexus.co.uk/images/ISF-nav_selected_state.png) center right no-repeat; } div#fixed-nav ul#ftype-secondary-navigation li.active:hover { background: transparent url(http://www.lexus.co.uk/images/ISF-nav_selected_state.png) center right no-repeat; } div#fixed-nav ul#ftype-secondary-navigation li a { background-position: 199px center; } div#fixed-nav ul#ftype-secondary-navigation li a em { margin: 0; padding: 0; font-style:normal; height: 34px;} /* 1.2.3 - Sub Navigation */ div#fixed-nav ul#ftype-secondary-navigation li.child { margin: -5px 0 0 0; padding: 0 19px 0 0; width: 226px; height: 34px; background: transparent url(http://www.lexus.co.uk/images/ISF-sub_nav_out.png) bottom right no-repeat; } div#fixed-nav ul#ftype-secondary-navigation li.active.child { background: transparent url(http://www.lexus.co.uk/images/ISF-sub_nav_rollover.png) bottom right no-repeat; } div#fixed-nav ul#ftype-secondary-navigation li.child:hover { background: transparent url(http://www.lexus.co.uk/images/ISF-sub_nav_rollover.png) bottom right no-repeat; } div#fixed-nav ul#ftype-secondary-navigation li.child a { background-image: none!important; padding: 10px 80px 0 0; height: 25px; } /* 1.3 - Generic Content Blocks --------------------------------------------------- ---------------------------------------------------------------------------------------*/ /* 1.3.1 - Content Header (red with nav) */ div.ftype-content-block-header { padding: 5px 0 0 0; background: transparent url(http://www.lexus.co.uk/images/ISF-pagination_BG.png) bottom right no-repeat; } /* 1.3.2 - Content Header Navigation (Span Type) */ div.ftype-content-block-header { float: left; width: 100%; } div.ftype-content-block-header h3 { padding-left: 10px; display: block; width: 220px; float: left; } div.ftype-content-block-header div.ftype-content-block-nav { float: right; padding: 15px 10px; } div.ftype-content-block-header div.ftype-content-block-nav span { cursor: pointer; font: normal 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #CCC; text-decoration: none; } div.ftype-content-block-nav span.no-hover { cursor: default; } div.ftype-content-block-nav span.previous { background: transparent url(http://www.lexus.co.uk/images/ISF-previous.gif) center right no-repeat; padding-right: 18px;} div.ftype-content-block-nav span.previous-disabled {color: #999; background: transparent url(http://www.lexus.co.uk/images/ISF-previous_off.gif) center right no-repeat; padding-right: 18px; } div.ftype-content-block-nav span.next { background: transparent url(http://www.lexus.co.uk/images/ISF-next.gif) center left no-repeat; padding-left: 18px; margin-left: 6px; } div.ftype-content-block-nav span.next-disabled {color: #999; background: transparent url(http://www.lexus.co.uk/images/ISF-next_off.gif) -center left no-repeat; padding-left: 18px; margin-left: 6px;} div.ftype-content-block-nav span.disabled { cursor: pointer; font: normal 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #CCC; text-decoration: none; } /* 1.3.3 - Content Header Navigation (Link Type) */ body.ftype div#content div.ftype-content-block-nav a { cursor: pointer; text-transform: uppercase; color: #CCC; text-decoration: none; font-size: 12px;} body.ftype div#content div.ftype-content-block-nav a:hover { text-decoration: none;} body.ftype div#content div.ftype-content-block-nav a.disabled { cursor: pointer; font: normal 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #CCC; text-decoration: none; } body.ftype div#content div.ftype-content-block-nav a.previous {background: transparent url(http://www.lexus.co.uk/images/ISF-previous.gif) center right no-repeat; padding-right: 12px; margin-right: 5px; } body.ftype div#content div.ftype-content-block-nav a.previous-disabled {color: #999; background: transparent url(http://www.lexus.co.uk/images/ISF-previous_off.gif) center right no-repeat; padding-right: 12px; cursor: default; margin-right: 5px;} body.ftype div#content div.ftype-content-block-nav a.next { background: transparent url(http://www.lexus.co.uk/images/ISF-next.gif) center left no-repeat; padding-left: 12px; margin-left: 6px;} body.ftype div#content div.ftype-content-block-nav a.next-disabled {color: #999; background: transparent url(http://www.lexus.co.uk/images/ISF-next_off.gif) center left no-repeat; padding-left: 12px; margin-left: 6px } /* 1.3.4 - Content Block (Standard) */ div.ftype-content-block { clear: both; } div.ftype-content-block p { padding: 10px 10px 0 10px; } /* 1.3.5 - Content Block (Highlight) */ div.ftype-content-block-highlight { position: relative; clear: both; float: left; width: 100%; padding: 0; margin: 0; background: transparent url(http://www.lexus.co.uk/images/ISF-copy_divider.png) bottom left no-repeat; } div.ftype-content-block-highlight h3, div.ftype-content-block-highlight h5 { color: #FFF; font-size: 12px; text-transform: uppercase;} div.ftype-content-block-highlight h3 { padding-left: 10px; } div.ftype-content-block-highlight h5 { margin: 0; padding: 10px 0 0 10px; } div.ftype-content-block-highlight p { padding: 0 10px 10px 10px; margin: 0; } body.ftype div#content div.ftype-content-block-nav a.thickbox { text-transform: none; font-size: 11px; position: absolute; top: 10px; right: 15px; } body.ftype div#content div.ftype-content-block-nav a.thickbox:hover { text-decoration: underline; } /* 2 - Page Specific Styling----------------------------------------------------- -----------------------------------------------------------------------------------*/ /* 2.1 - Performance Page - Video Button */ div#pre-footer-content div.single-column a { width: 240px; padding: 16px 139px 20px 25px; background: transparent url(http://www.lexus.co.uk/images/ISF-player_video_button.gif) top left no-repeat; } /* 2.2 - Downloads Page */ div.ftype-content-block-highlight dl { position: relative; display: block; width: 223px; float: left; padding-left: 10px; } div.ftype-content-block-highlight dl dt { float: left; width: 130px; margin: 0; padding: 2px 0; text-align: right; font-size: 11px; text-transform: none; color: #FFF;} div.ftype-content-block-highlight dl dd { clear: left; float: left; width: 130px; margin: 0; padding: 2px 0; text-align: right;} div.ftype-content-block-highlight dl dd a { margin: 0; padding-right: 10px; color: #FFF; font-size: 11px; font-weight: bold; background: transparent url(http://www.lexus.co.uk/images/ISF-icn_arrow_white_left.gif) center right no-repeat; } div.ftype-content-block-highlight dl dd.image { width: 90px; height: 64px; position: absolute; top: 0; right: 0; padding: 0; background: transparent url(http://www.lexus.co.uk/images/ISF-download-image-shadow.png) center center no-repeat; } div.ftype-content-block-highlight dl dd.image img { margin: 0; padding: 0; width: 66px; height: 50px; text-align: center; position: relative; top: 7px; right: 12px; } /* 2.3 - Specifictions Page */ a.specs-download { margin-right: 10px; float: right; clear:both; } div.ftype-content-block dl { margin: 0; padding: 0; color: #CCC; font-size: 12px; text-transform: uppercase; } div.ftype-content-block dl dt { margin: 0; border-bottom: 1px solid #CCC; padding: 7px 0 7px 10px; height: 18px; width: 48%; clear: both; float: left; } div.ftype-content-block dl dd { margin: 0; border-bottom: 1px solid #CCC; padding: 7px 0 7px 10px; height: 18px; width: 220px; float: left; } /* 2.4 - Press Page */ body.ftype div.ftype-content-block-pressLink { padding: 0 10px; clear: both; background: transparent url(http://www.lexus.co.uk/images/ISF-copy_divider.png) bottom left no-repeat; } body.ftype div.ftype-content-block-pressLink h3 { margin: 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF; } body.ftype div.ftype-content-block-pressLink p { margin: 0; padding: 11px 0 32px 0; } body.ftype div.ftype-content-block-pressLink a { float: right; position: relative; top: -28px; } /* 2.5 - F-Marque and LF-A Pages */ body.ftype div.single-column div.ftype-content-block-highlight { background-image: none; } /* 3 - Useful Classes---------------------------------------------------------------- ---------------------------------------------------------------------------------------*/ .margin-left-10px { margin-left: 10px!important;} .margin-left-20px { margin-left: 20px!important;} .padding-left-10px { padding-left: 10px!important;} .padding-left-20px { padding-left: 20px!important;} /* END ISF STYLING ----------------------------------------------------------------- ---------------------------------------------------------------------------------------*/ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h2 { visibility: hidden; } .sIFR-hasFlash h3 { visibility: hidden; } .sIFR-hasFlash span { visibility: hidden; cursor: pointer; font-size: 1.5em } /* LGB override values*/ /* Added to allow homepages link to sit on 1 line - DW */ ul#primary-navigation-home li { float: left; margin: 0 55px 0 0 } /* Removed width statements as was making iframes too wide - DW */ body.iframe div#col1{float: left; width: auto; margin-right: 0px;overflow-x:hidden;} /* Removed TR row text transform - DW */ table.summary th { border: 1px solid #CACDD2; padding: 11px; background-color: #8B8E8A; color: #FFF; text-transform: none;} /* Used for country localisation of the master.css stylesheet */