/* FOR IE
CSS hacks
The following hacks to trigger haslayout have been well tested in IE7 and lower. John Gallant and Holly Bergevin published the Holly hack in 2003: from http://www.satzansatz.de/cssd/onhavinglayout.html
*/
/* \*/
* html .gainlayout { height: 1%; }
/* */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. http://creativecommons.org/licenses/by/2.0 This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
* { margin: 0; padding: 0; }
/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }
/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }
/* avoid browser default inconsistent heading font-sizes and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/* remove the inconsistent (among browsers) default ul,ol padding or margin / the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/* de-italicize address */
address { font-style:normal }
/* more varnish stripping as necessary... */
/*------------------------------------------------------------------------------------
Global Styles
------------------------------------------------------------------------------------*/
* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
/*Clear defaults - inspired from Tantek Celik----------------*/
:link,:visited {text-decoration:none;}
ul,ol,dl {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;}
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none;}
table { margin:0px; padding:0px; border-collapse:collapse;}
/* *******************************
* ********** SPRITES ************
* ******************************/
DIV.header, DIV.logo SPAN, SPAN.r, DIV.result .expand A SPAN, DIV.collapse SPAN, UL.links LI, SPAN.less, INPUT.submit, SPAN.icon_questions,
SPAN.energyA, SPAN.energyB, SPAN.energyC, SPAN.energyD, SPAN.energyE, SPAN.energyF, SPAN.energyG, SPAN.energyX, SPAN.more, UL.minimenu LI.current, UL.minimenu LI.current A,
H6.okay SPAN, H6.error SPAN, H6.added SPAN, H6.removed SPAN, H6.warning SPAN, DIV.optionRuleDialog H4, A.delete SPAN, DIV.occleasedeal DIV.inner DIV, SPAN.sortdown,
SPAN.sortup, .occlease SPAN.price, SPAN.icon_order, SPAN.icon_pdfdeal, SPAN.icon_viewdeal, SPAN.icon_renew, SPAN.icon_emailto, SPAN.icon_edit, SPAN.icon_remove,
DIV.submit, DIV.quote A.quote SPAN, DIV.quote A.order SPAN, DIV.quote A.question SPAN, UL.quote A.webpage SPAN, UL.quote LI.sendquote SPAN, SPAN.acrobatreader,
DIV#quote_overview DIV.morespecs SPAN, DIV.submit_off
{ background-image:url("../images/sprite_general.gif"); background-position:0 0; background-repeat:no-repeat; }
INPUT.search, DIV.special, DIV.column_630, SPAN.international, SPAN.forcustomers, DIV.home_directsearch H1
{ background-image:url("../images/sprite_home.gif"); background-position:0 0; background-repeat:no-repeat; }
INPUT.search_off
{ background-image:url("../images/sprite_general.gif"); background-position:0 0; background-repeat:no-repeat; }
FORM.loginform, DIV.loginform, DIV.register FORM, DIV.whyregister LI SPAN, BODY.popup H6.okay SPAN
{ background-image:url("../images/sprite_popup.gif"); background-position:0 0; background-repeat:no-repeat; }
DIV.mycar, LI#menu_step1, LI#menu_step2, LI#menu_step3, LI#menu_step4, LI#menu_step5, DIV.utilitymenu LI SPAN, UL.tabs LI, UL.tabs LI A, UL.tabs LI SPAN,
DIV.tabcontent#photogallery LI SPAN
{ background-image:url("../images/sprite_icons_details.gif"); background-position:0 0; background-repeat:no-repeat; }
DIV.mycar, DIV.mycar DIV, DIV.submenu, DIV.submenu UL, DIV.steps UL, DIV.tabcontent, DIV.tabcontent DIV.bottom, DIV#optionShortList, DIV#optionShortList DIV.outer,
DIV.occleasedeal, DIV.occleasedeal DIV.outer
{ background-image:url("../images/sprite_borders_details.gif"); background-position:0 0; background-repeat:no-repeat; }
.occlease DIV.steps UL
{ background-image:url("../images/sprite_occlease.gif"); background-position:0 0; background-repeat:no-repeat; }
DIV.mysavedcar, SPAN.icon_compare_std, SPAN.icon_compare_chosen, SPAN.icon_compare_unused
{ background-image:url("../images/sprite_mydl.gif"); background-position:0 0; background-repeat:no-repeat; }
/* replaced icons */
SPAN.more, H1 SPAN, DIV.result .expand A SPAN, DIV.collapse SPAN, SPAN.less, DIV.international SPAN, DIV.forcustomers SPAN,
SPAN.energyA, SPAN.energyB, SPAN.energyC, SPAN.energyD, SPAN.energyE, SPAN.energyF, SPAN.energyG, SPAN.energyX, DIV.whyregister LI SPAN, H6.okay SPAN,
H6.error SPAN, H6.warning SPAN, H6.added SPAN, H6.removed SPAN, DIV.utilitymenu LI SPAN, A.delete SPAN, SPAN.sortdown, SPAN.sortup,
SPAN.icon_order, SPAN.icon_pdfdeal, SPAN.icon_viewdeal, SPAN.icon_renew, SPAN.icon_emailto, SPAN.icon_edit, SPAN.icon_remove, SPAN.icon_questions,
SPAN.icon_compare_std, SPAN.icon_compare_chosen, SPAN.icon_compare_unused, DIV.quote A.quote SPAN, DIV.quote A.order SPAN, DIV.quote A.question SPAN,
UL.quote A.webpage SPAN, UL.quote LI.sendquote SPAN, SPAN.acrobatreader, DIV#quote_overview DIV.morespecs SPAN
{ font-size:0px; line-height:0px; display:inline-block; vertical-align:middle; cursor:pointer; }
/* *******************************
* ********* GENERAL *************
* ******************************/
BODY { font-size: 75%; margin:0px; padding:0px; text-align:center; background:url('../images/bg.gif') center center repeat-y #fff; }
BODY.popup { background:#fff; text-align:left; padding:6px 8px; height:95% !important; _width:95%; }
BODY, TD, DIV, INPUT, TEXTAREA, TT { font-family: Arial, Verdana, sans-serif; line-height:1.6em; color:#000000; }
A { color:#0066cc; font-weight:normal; text-decoration:none; } A:hover { text-decoration:underline; } A.nbrdr:hover { text-decoration:none; }
IMG { border:0px; }
.clear{ clear:both; line-height:0px; font-size:0px; height:0px; }
HR { margin:10px 0; padding:10px 0 0 0; border:0px; border-bottom:1px solid #dee4e9; height:1px; font-size:0px; display:block; clear:both; }
A.delete SPAN { background-position:-131px -298px; padding:10px; }
SPAN.subnote { font-size:90%; color:#888888; line-height:1em !important; clear:both; }
SPAN.acrobatreader { background-position:-10px -443px; width:120px; height:75px; float:left; margin:25px 10px 0 0; }
/* *******************************
* ********** TEXT ***************
* ******************************/
H1 { font-size:240%; line-height:1em; letter-spacing:-2px; font-weight:bold; margin:0 0 0 0; padding:0; } /* Helv B 28 */
H1.details { font-size:240%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 10px 0; padding:0; }
H1.mixed { font-size:120%; letter-spacing:0; font-weight:normal; color:#999999; margin:0 0 5px 0; }
BODY.popup H1 { margin:0; padding:0; }
H2 { font-size:200%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 0 0; padding:0; } /* Helv B 22 */
H2.details { font-size:240%; line-height:1em; letter-spacing:-2px; font-weight:bold; margin:0 0 0 0; padding:0; }
H2.mixed { font-size:220%; }
BODY.popup H2 { margin:15px 0 15px 0; }
H3 { font-size:150%; line-height:1em; letter-spacing:0; font-weight:normal; margin:0 0 10px 0; padding:0; } /* Arial B 18 */
H4 { font-size:130%; line-height:1.2em; letter-spacing:0; font-weight:bold; margin:0 0 10px 0; padding:0; } /* Arial B 16 */ H4 A { font-weight:bold; }
H5 { font-size:120%; line-height:1.2em; letter-spacing:0; font-weight:bold; margin:0 0 10px 0; padding:0; } /* Arial B 14 */ H5 A { font-weight:bold; }
.column_557 H5 { margin:25px 0 0 0; }
H6 { clear:both; padding:9px 5px 5px 75px; margin:10px 0 10px 0; font-size:120%; display:block; min-height:40px; height:auto !important; height:40px; vertical-align:middle; }
H6 SPAN { padding:23px; margin:-5px 10px 0 -65px; float:left; }
H6.okay { background:#e8f8dc; border:1px solid #61d313; color:#3b8d07; }
H6.okay SPAN { background-position:-14px -376px; cursor:default; }
BODY.popup H6.okay SPAN { padding:30px 30px; background-position:-2062px 0; margin:0 10px 0 0; float:left; }
H6.warning { background:#fff7ea; border:1px solid #fec568; color:#d96b00; }
H6.warning SPAN { background-position:-167px -375px; cursor:default; }
H6.error { background:#fdebeb; border:1px solid #f58888; color:#d20404; }
H6.error SPAN { background-position:-91px -376px; cursor:default; }
H6.added { background:#e8f8dc; border:1px solid #61d313; color:#3b8d07; padding:8px 8px 8px 75px; overflow:auto; _overflow:visible; }
H6.added SPAN { background-position:-10px -575px; cursor:default; margin:0 10px 0 -65px; padding:25px; } H6.added TD { color:#3b8d07; padding:1px; }
H6.removed { background:#fdebeb; border:1px solid #f58888; color:#d20404; padding:8px 8px 8px 75px; overflow:auto; _overflow:visible; }
H6.removed SPAN { background-position:-75px -575px; cursor:default; margin:0 10px 0 -65px; padding:25px; } H6.removed TD { color:#d20404; padding:1px; }
H6#ds_message { clear:both; padding:5px 5px 5px 75px; margin:0px; font-size:120%; display:block; min-height:0px; height:auto !important; vertical-align:middle; overflow: auto;}
SPAN.r { display:inline-block; height:14px; background-position:-19px -224px; padding:7px 7px; cursor:auto; }
SPAN.big, A.big { font-size:120%; } /* Arial N 14 */
SPAN.big P { margin:10px 0; }
SPAN.bigbold, A.bigbold { font-size:120%; font-weight:bold; } /* Arial B 14 */
.grey { color:#666666; font-style:italic; }
.textright { text-align:right; }
A.invert { color:#fff; background-color:#0066cc; padding:3px 8px; line-height:2.4em; }
/* *******************************
* ********** FORMS **************
* ******************************/
FORM { margin:0px; }
FORM FIELDSET { border:0px; padding:10px 5px; }
BODY.popup FORM FIELDSET { padding:10px;}
FORM FIELDSET DIV { padding:5px 10px; overflow:auto; }
LABEL { clear:left; float:left; padding:3px 0; width:150px; margin:0; }
SELECT { border:1px solid #a5acb2; }
INPUT { padding:4px 4px; border:1px solid #a5acb2; line-height:1.2em; margin:0; }
TEXTAREA { font-size:110%; padding:4px 4px; }
INPUT.nbrdr { border:0; }
INPUT.checkradio { border:0; padding:0; margin:0; }
INPUT.submit { float:right; color:#fff; margin:10px 15px 0 0; font-weight:bold; font-size:120%; width:auto !important; overflow: visible; padding:5px 30px; border:3px solid #165c7b; background-position:0 -328px; background-repeat:repeat-x; }
INPUT.search { background-color:transparent; background-image:url("../images/sprite_general.gif"); background-position:0px -739px; border:0; font-size:140%; font-weight:bold; color:#fff; line-height:1em; padding:6px 29px; width:230px; overflow:visible; }
INPUT.search_off { background-position:0 -773px; width:225px; height:34px; float:left; margin:-4px 0 0 0; text-align:center; color:#fff; font-size:140%; line-height:2em; border:none; }
DIV.checkbox { padding-left:150px; } /* override when changing the main LABEL width to the same size as label */
DIV.checkbox LABEL { clear:none; float:none; width:auto !important; display:block; padding:0 0 0 27px; }
DIV.checkbox INPUT { padding:0; border:0px; line-height:1em; margin:0 0 0 -20px; width:20px !important; height:20px; vertical-align:middle; }
DIV.radio { margin:0 0 0 140px; _margin:0 0 0 150px; padding:0; overflow:hidden; } /* override when changing the main LABEL width to the same size as label */
DIV.radio LABEL { clear:none; float:none; padding:0 0; margin:3px 0; width:auto !important; display:block; }
DIV.radio INPUT, DIV.radioshort INPUT { padding:0; border:0px; line-height:1em; margin:0; width:20px !important; height:20px; vertical-align:middle; }
DIV.radioshort { padding:3px 0; overflow:auto; width:70% !important; } /* override when changing the main LABEL width to the same size as label */
DIV.radioshort LABEL { clear:none; float:left; width:auto; margin:0 20px 0 0; padding:0; }
FORM FIELDSET DIV.slider-range { padding:0; overflow:visible; }
DIV.slider LABEL { clear:both; float:none; padding:3px 0; width:100%; margin:0; }
.plainform { border:1px solid #dfdfdf; margin:15px 0; padding:10px 5px; overflow:auto; }
.plainform DIV { padding:5px 10px; overflow:auto; _width:97%; }
.plainform DIV.radio { _width:auto; }
.plainform DIV TT { line-height:2.2em; }
.plainform H4 { margin:10px 0; }
.plainform INPUT { width:300px; }
.plainform TEXTAREA { width:300px; height:100px; }
.plainform LABEL SPAN { font-size:90%; color:#888888; font-style:italic; }
/* *******************************
* ***** ACROSS MANY PAGES *******
* ******************************/
DIV.info { margin:0 0 30px 0; }
DIV.info IMG { float:right; margin:0 0 5px 8px; }
DIV.info IMG.skype { display:inline; float:none; margin:0; }
DIV.info P { margin:12px 0 12px 0; }
SPAN.energyA, SPAN.energyB, SPAN.energyC, SPAN.energyD, SPAN.energyE, SPAN.energyF, SPAN.energyG, SPAN.energyX
{ display:block; text-indent:100px; width:20px; height:18px; overflow:hidden; }
SPAN.energyA { background-position:0 -263px; }
SPAN.energyB { background-position:-24px -263px; }
SPAN.energyC { background-position:-47px -263px; }
SPAN.energyD { background-position:-71px -263px; }
SPAN.energyE { background-position:-95px -263px; }
SPAN.energyF { background-position:-118px -263px; }
SPAN.energyG { background-position:-142px -263px; }
SPAN.energyX { background-image:none; }
.active, .zebra.active { background-color:#FFF4CA; }
.hilite { background-color:#f3f3f3; }
.zebra { background-color:#ebf5f9; }
.blue { background-color:#e8f2fc; }
UL.select LI.active A, UL.selectCB LI.active A { font-weight:bold; }
ul.selectCB li.active { background:#FFF4CA none repeat scroll 0 0; font-weight:bold;}
UL.links { margin:4px 0 4px 0; }
UL.links LI { background-position:-219px -218px; padding:2px 0 3px 10px; }
UL.links LI.big { background-position:-218px -278px; padding:3px 0 3px 10px; } UL.links LI.big A { font-weight:bold; font-size:120%; }
/* prevent user layout */
DIV.special U { text-decoration:none; font-weight:bold; }
DIV.special UL { list-style:square; padding:0 0 0 7px; margin:0 0 0 7px; }
IV.special UL LI { padding:0 0 0 4px; }
SPAN.more { background-position:left -224px; padding:7px; margin:0 0 0 5px; }
SPAN.less { background-position:-86px -224px; padding:7px; margin:0 0 0 5px; }
SPAN.sortdown { background-position:-43px -223px; padding:8px; margin:0 0 0 5px; }
SPAN.sortup { background-position:-64px -223px; padding:8px; margin:0 0 0 5px; }
DIV.pagination { overflow:auto; padding:0 0 0 3px; width:99%; margin:5px 0; }
DIV.pagination DIV.prev A, DIV.pagination DIV.next A { padding:4px 4px; }
DIV.pagination DIV.prev A:hover, DIV.pagination DIV.next A:hover { background-color:#0066cc; color:#fff; }
DIV.pagination DIV.prev { width:9%; float:left; }
DIV.pagination DIV.pages { width:79%; float:left; text-align:center; overflow:auto; }
DIV.pagination DIV.pages A { background-color:#f3f3f3; padding:4px 7px; margin:0 2px; line-height:2.2em; }
DIV.pagination DIV.pages A.current,DIV.pagination DIV.pages A.current:hover { background-color:#0066cc; color:#fff; }
DIV.pagination DIV.pages A:hover { background-color:#d1dfed; text-decoration:none; }
DIV.pagination DIV.next { width:12%; float:left; text-align:right; }
/* *******************************
* ********** LAYOUT *************
* ******************************/
DIV.container { width:980px; margin:0 auto; text-align:left; }
/************ COLUMNS ***********/
DIV.column_344 { width:342px; float:left; padding:0 7px 0 0; margin:0; } /* home */
DIV.column_630 { width:625px; float:left; margin:0; background-repeat:repeat-y; padding:0 0 0 5px; } /* home */
DIV.column_200 { width:200px; float:left; padding:0 0 0 0; margin:0 7px 0 0; } /* 3 columns (plus column_192) */
DIV.column_557 { width:557px; float:left; padding:0 8px 0 7px; margin:0 7px 0 0; border-right:1px solid #ccd6db; border-left:1px solid #ccd6db; } /* 3 columns (plus column_192) */
DIV.column_770 { width:762px; float:left; padding:0 0 0 7px; margin:0 0 0 0; border-left:1px solid #ccd6db; } /* 2 column: 2nd colum with submenu */
DIV.column_773 { width:752px; float:left; padding:0 8px 0 7px; margin:0 7px 0 0; border-right:1px solid #ccd6db; } /* 2 columns */
DIV.column_192 { width:192px; float:left; } /* 2 columns */
/************ HEADER ************/
DIV.header { height:90px; background-position:0 -67px; background-repeat:repeat-x; position:absolute; left:0; top:0; width:100%; }
DIV.logo { color:#7e96a1; text-align:right; width:225px; float:left; margin-top: -3px}
DIV.logo A { color:#7e96a1; font-size:90%;}
DIV.logo SPAN { height:67px; width:225px; text-indent:700px; overflow:hidden; font-size:0px; line-height:0px; display:inline-block; cursor:pointer;} /*DIV.logo P SPAN { display:block; position:absolute; top:-50px; }*/
DIV.menu { width:650px; float:right; text-align:right; padding:0 15px 0 0; } DIV.menu A { color:#fff; } #mainmenu A:hover { text-decoration:none; }
/* LavaLamp Menu */
#mainmenu { position: relative; width:650px; height:25px; padding: 5px 10px 0 10px; margin: 15px 0 5px 0; overflow: hidden; height:25px; }
#mainmenu li { float: right; list-style: none; }
#mainmenu li.backLava { background: url(../images/sprite_general.gif) no-repeat right -190px; width: 9px; height: 25px; z-index: 8; position: absolute; }
#mainmenu li.backLava .leftLava { background: url(../images/sprite_general.gif) no-repeat left -165px; height: 25px; margin-right: 9px; }
#mainmenu li a { text-decoration: none; color: #fff; outline: none; text-align: center; top: 4px; z-index: 10; display: block; float: left;
height: 25px; position: relative; overflow: hidden; margin: auto 10px; _margin: auto 5px; padding:0 3px; _padding:0 0; }
#mainmenu li a:hover, #mainmenu li a:active, #mainmenu li a:visited { color: #fff; border: none; }
#mainmenu li.hidden { width:0; }
UL.minimenu { margin:7px 3px 0 0; _margin:7px 0 0 0; height:25px; }
UL.minimenu LI { display:block; float:right; }
UL.minimenu LI A { line-height:2em; padding:5px 10px 7px 10px; width:100%; }
UL.minimenu LI.current { display:block; background-position:0 -521px; line-height:1.6em; padding:2px 0 2px 0; }
UL.minimenu LI.current A { line-height:1.6em; padding:4px 10px 5px 10px; background-position:right -543px; }
UL.minimenu LI.loggedin { font-style:italic; overflow:auto; padding:0px 0 5px 20px; border-left:1px solid #7e96a1; }
UL.minimenu LI.loggedin A { color:#7e96a1; padding:5px 3px 7px 10px; outline:0; }
/************* BODY **************/
DIV.body { width:980px; margin:85px auto 0 auto; text-align:left; background:#fff; padding:10px 0 15px 0; position:relative; }
DIV.home { margin:295px 0 0 0; }
DIV.trail { background:#ebf5f9; color:#0066cc; padding:5px 10px; margin:0 0 15px 0; }
DIV.trail.columns3 { float:left; width:752px; }
DIV.th { border:1px solid #ccd6db; border-left:0; border-right:0; padding:5px 0 5px 0; margin:9px 0 0 0; }
DIV.th SPAN { display:inline-block; }
DIV.note { color:#666666; margin:4px 0; }
DIV.news { padding:0 0 0 110px; width:243px; float:left; } /* total width 345 */
DIV.news DIV, DIV.freetext { margin:0 0 30px 0; min-height: 92px }
DIV.news DIV IMG { margin:0 10px 0 -105px; float:left; }
DIV.news DIV H2, DIV.freetext H2 { font-size:130%; line-height:1.2em; margin:0 0 5px 0; }
DIV.news DIV H2 A, DIV.freetext H2 A { font-weight:bold; }
DIV.newsitem { padding:0 0 0 10px; width:543px; float:left; } /* total width 543 */
DIV.newsitem DIV { margin:10px 0 10px 105px; min-height: 92px; min-width: 438px; float:left; clear:left; }
DIV.newsitem DIV IMG { margin:0 10px 0 -105px; float:left; }
DIV.newsitem H1 { float: left; min-width: 400px; }
DIV.newsitem SPAN { float: right; }
DIV.news_archive { padding:0 0 0 10px; width:543px; } /* total width 543 */
DIV.news_archive DIV { margin:10px 0 10px 0; min-height: 92px; float:left; }
DIV.news_archive DIV IMG { float:left; margin:0 10px 0 0; }
DIV.news_archive H1 { float: left; }
DIV.news_archive DIV.newsfooter { width: 100%; }
DIV.news_archive SPAN { float: right; }
DIV.editnews textarea { width: 360px; height: 150px; }
DIV.editnews input { width: 360px; }
DIV.newsitem DIV.editnews { width: 438px; }
DIV.freetext { margin:10px 0 10px 10px; min-height: 92px; float:left; }
TD.faq_heading { font-weight: bold }
TD.question { padding: 0 30px 0 0; vertical-align: top; }
TD.answer { vertical-align: top; }
DIV.top10 { padding:0 0 0 130px; width:243px; float:left; } /* total width 345 */
DIV.top10 DIV { margin:0 0 30px 0; height: 60px}
DIV.top10 DIV IMG { margin:0 0 0 -130px; float:left; }
DIV.top10 DIV H3 { font-size:130%; line-height:1.2em; margin:0 0 5px 0; }
DIV.top10 DIV H3 A { font-weight:bold; }
DIV.callouts { width:255px; margin:0 0 0 17px; float:left; }
DIV.international { background:#f3f3f3; padding:10px 13px 17px 13px; margin:0 0 10px 0; }
SPAN.international { background-position:-700px -44px; width:70px; height:68px; float:right; margin:0 0 0 5px; }
DIV.forcustomers { background:#f3f3f3; padding:10px 13px; margin:0 0 10px 0; }
SPAN.forcustomers { background-position:-640px -43px; width:49px; height:65px; float:right; margin:0 0 0 5px; }
DIV.forcustomers UL { margin:0px; }
DIV.international H2, DIV.forcustomers H2 { font-size:185%; letter-spacing:-1px; }
DIV.content UL { list-style-type:square; margin:0 0 0 15px; }
/************ FOOTER *************/
DIV.footer { width:737px; padding:0 15px 0 0; margin:15px; border-right:1px solid #335b6d; overflow:auto; }
DIV.footer DIV.text { color:#7e96a1; width:465px; float:left; margin:0 20px 0 0; }
DIV.footer DIV.quicklinks { color:#7e96a1; width:250px; float:left; }
DIV.footer A { color:#fff; outline:0; } DIV.footer A.devteam { color:#7e96a1; }
DIV.footer DIV.quicklinks A { width:125px; float:left; }
DIV.footer DIV P { display:block; clear:both; margin:12px 0; overflow:auto; }
/*********** HOMEPAGE ***********/
/** DIRECTSEARCH **/
DIV.home_searchbybrand { position:absolute; width:301px; min-height:262px; float:left; margin:4px 12px 0 0; background:#f5f5f5; border:1px solid #d6dadc; padding:7px 20px 7px 20px; _padding:10px 20px 15px 20px; }
DIV.home_searchbybrand DIV { width:33%; float:left; margin:0 0 15px 0; }
P#morebrands, P#lessbrands { display:block; padding:7px 0 0 0; margin:0; text-align:right; border-top:1px solid #d3dde1; clear:both; }
DIV.home_directsearch { position:absolute; left:354px; width:588px; min-height:262px; float:left; margin:4px 0 0 0; background:#ebf5f9; border:1px solid #cfe3eb; padding:7px 20px 7px 15px; _padding:10px 20px 10px 15px; }
DIV.home_directsearch H1 { margin:7px 15px 3px 0; display:block; width:142px; height:22px; font-size:180%; background-position:-633px -147px; float:left; overflow:none; }
DIV.home_directsearch H1 SPAN { display:none; }
DIV.home_directsearch P.tagline { margin:0; padding:13px 0 3px 0; display:block; } DIV.home_directsearch P.tagline SPAN { margin:0 10px 0 0;}
DIV.home_directsearch LABEL { clear:none; float:none; padding:0; width:auto; margin:0; }
DIV.home_directsearch SPAN.grey { margin:0 0 0 7px; font-size:95%; font-style:normal; } DIV.home_directsearch SPAN.grey INPUT { margin:0 4px 0 4px; }
DIV.home_directsearch SELECT { font-size:95%; padding:3px 3px; }
DIV.ds_column { width:130px; float:left; margin:5px 0 0 0; } /* all blocks */
DIV.ds_column_right { width:190px; float:right; margin:5px 0 0 0; } /* merk/looptijd */
SELECT#make { margin:2px 0 15px 0; } /* give select some space */
UL.select, UL.selectCB { margin:0 15px 0px 0; } /* all selection lists */
/* sliders for leaseprice and catalogue price and duration */
DIV.ds_slider { overflow:auto; float:left; }
DIV#amountSlider { width:375px; margin-right:20px; }
DIV#yearlyKmSlider { width:190px; float:right}
DIV#ds_catalogue { width:375px; margin-right:20px; }
DIV#durationSlider { width:190px; float:left}
DIV#amountSlider DIV.slider { width:373px; float:left; margin:0 0 0 0; } DIV#amountSlider DIV.slider-range { width:357px; margin:5px 0 0 8px; }
DIV#yearlyKmSlider DIV.slider { width:185px; float:left; margin:0 0 0 0; } DIV#yearlyKmSlider DIV.slider-range { width:168px; margin:5px 0 0 8px; }
DIV#ds_catalogue DIV.slider { width:373px; float:left; margin:0 30px 0 0; }
DIV#durationSlider DIV.slider { width:185px; float:left; margin:0 30px 0 0; }
DIV.slider-range { line-height:1em; font-size:1em; margin:5px 0 0 0; }
DIV.ds_slider SPAN#minmaxPrice, DIV.slider SPAN#minmaxCostexvat { font-weight:bold; }
DIV.ds_slider DIV.slider-minmax { overflow:auto; }
DIV.slider DIV.slider-minmax SPAN { color:#666666; font-size:90%; }
DIV.vslider { margin:10px 0 0 0; display:none; } DIV#slider-range-period { height:130px; }
DIV.vslider DIV.slider-range { margin:15px 10px 0 10px; float:left; }
DIV.vslider DIV.slider-minmax { margin:5px 0 0 0; float:left; }
DIV.vslider DIV.slider-minmax SPAN { color:#666666; font-size:90%; display:block; }
DIV.vslider DIV.slider-minmax SPAN.bottom { margin:90px 0 0 0; }
DIV.ds_catalogue { float:left; clear:left; margin:15px 0 0 0; }
DIV.ds_more { clear:both; margin:7px 0 0 0; }
P#searchless, P#searchmore { display:inline-block; float:left; width:340px; margin:3px 15px 0 0; text-align:right; border-top:1px solid #d3dde1; padding:5px 0 0 0; }
/*DIV.ds_more INPUT { float:left; margin:-8px 0 0 0; }*/
DIV.submit { background-position:0 -739px; width:225px; height:34px; float:left; margin:-4px 0 0 0; text-align:center; color:#fff; font-size:140%; line-height:2em; }
DIV.submit_off { background-position:0 -773px; width:225px; height:34px; float:left; margin:-4px 0 0 0; text-align:center; color:#fff; font-size:140%; line-height:2em; }
/* HIDE EXPANDED SEARCH */
#ds_catalogue { display:none; }
#makeSelect { display:none; }
DIV.ds_column_right SPAN.fiscalIncomeAdditionPercentage { display:block; }
LI.secondary, LI.secondarybrand { display:none; }
P#searchless { display:none; }
P#lessbrands { display:none; }
/** COLUMN LEFT **/
DIV.special { background-color:#fff4ca; background-position:-775px 0; overflow:auto; padding:10px 10px 10px 35px; margin:0 0 20px 0; }
DIV.special IMG { float:left; margin:0 10px 5px 0; }
DIV.special SPAN { display:block; margin:0 0 3px 0; } DIV.special SPAN STRONG { font-size:130%; font-weight:bold; }
DIV.directoccasionlease { line-height:1.4em; margin:0 0 20px 0; }
DIV.directoccasionlease H2 { margin:0 0 0 0; font-size:220%; letter-spacing:-1px; display:inline; }
DIV.directoccasionlease SPAN.r { margin:0 0 0 -8px; }
DIV.directoccasionlease TABLE { width:100%; margin:10px 0 3px 0; }
DIV.directoccasionlease TD { padding:1px 2px; }
DIV.directoccasionlease TD.col1 { width:82%; } DIV.directoccasionlease TD.col2 { width:18%; }
/*DIV.directoccasionlease TR.hilite { background-color:#f3f3f3; }*/
DIV.directoccasionlease P { text-align:right; }
DIV.directxlease { line-height:1.4em; margin:0 0 20px 0; }
DIV.directxlease H2 { margin:0 0 0 0; font-size:220%; letter-spacing:-1px; display:inline; }
DIV.directxlease SPAN.r { margin:0 0 0 -8px; }
DIV.directxlease TABLE { width:100%; margin:10px 0 3px 0; }
DIV.directxlease TD { padding:1px 2px; }
DIV.directxlease TD.col1 { width:60%; } DIV.directxlease TD.col2 { width:10%; } DIV.directxlease TD.col3 { width:15%; } DIV.directxlease TD.col4 { width:15%; }
/*DIV.directoccasionlease TR.hilite { background-color:#f3f3f3; }*/
DIV.directxlease P { text-align:right; }
DIV.customers { }
DIV.customers H4 { margin:0 0 5px 0; }
DIV.customers P { margin:4px 0; line-height:1.4em; }
/******* SEARCH RESULTS *********/
DIV.results SPAN { margin:0 0 0 10px; width:555px; } /* table heading */
DIV.result { padding:10px 0 5px 4px; border-bottom:1px solid #ebeff1; margin:1px 0 0 0; }
DIV.result IMG { float:left; margin:0 13px 10px 0; }
DIV.result H3 { float:left; width:410px; margin:0; }
DIV.result .expand { float:left; margin:10px 0 0 0; width:584px; }
DIV.result .expand SPAN, DIV.result .expandedlist SPAN { color:#666666; }
DIV.result .expand DIV { margin:30px 0 0 400px; }
DIV.result .expand DIV A { padding:5px 10px;}
DIV.result .expand A SPAN { background-position:-43px -223px; padding:8px; margin:0 0 0 5px; }
DIV.result .expand, DIV.result .expandedlist { float:left; margin:10px 0 0 0; width:584px; }
DIV.result .expand TABLE, DIV.result .expandedlist TABLE { width:100%; }
DIV.result .expand TD, DIV.result .expandedlist TD { padding:4px 0; }
DIV.result .expand TR.active, DIV.result .expandedlist TR.active { background:#fff; }
DIV.result .expand .col1, DIV.result .expandedlist .col1 { width:5%; }
DIV.result .expand .col2, DIV.result .expandedlist .col2 { width:60%; }
DIV.result .expand .col3, DIV.result .expandedlist .col3 { width:20%; }
DIV.result .expand .col4, DIV.result .expandedlist .col4 { width:15%; color:#5687b9; font-size:90%; font-style:italic; }
DIV.collapse { margin:10px 0 0 500px; }
DIV.result .expand DIV A, DIV.result .expand DIV A { padding:5px 10px; }
DIV.result .expand TD A, DIV.result .expandedlist TD A { padding:3px 0;}
DIV.collapse SPAN { background-position:-64px -223px; padding:8px; margin:0 0 0 5px; }
/***********************************************************************
DIV.result .expand { float:left; margin:10px 0 0 0; width:584px; }
DIV.result .expand TABLE { width:100%; }
DIV.result .expand TD { padding:4px 0; }
DIV.result .expand TR.active { background:#fff; }
DIV.result .expand .col1 { width:5%; }
DIV.result .expand .col2 { width:60%; }
DIV.result .expand .col3 { width:20%; }
DIV.result .expand .col4 { width:15%; color:#5687b9; font-size:90%; font-style:italic; }
DIV.result .expand DIV A { padding:5px 10px;}
DIV.result .expand TD A { padding:3px 0;}*/
/********* MAKE VIEW ***********/
DIV.searchbybrand { float:left; margin:4px 12px 0 0; background:#ebf5f9; border:1px solid #cfe3eb; padding:8px 20px; width:500px;}
DIV.searchbybrand DIV { width:25%; float:left; margin:0 0 10px 0; }
/************************************************************************/
/*********** SEARCH BY BRAND ***********/
DIV.page_searchbybrand { overflow:auto; width:700px; margin:4px 0 0 0; background:#ebf5f9; border:1px solid #cfe3eb; padding:7px 20px 7px 20px; _padding:10px 20px 15px 20px; }
DIV.page_searchbybrand DIV { width:25%; float:left; margin:0 0 15px 0; }
/********* MODEL VIEW ***********/
DIV.modelview SPAN { margin:0 0 0 10px; width:380px; } /* table heading */
DIV.model { border-bottom:1px solid #ebeff1; width:360px; float:left; padding:10px 0 0 4px; margin:1px 0 0 0; color:#666; height:100px; cursor:pointer; }
DIV.model.margin { margin:1px 0 0 24px; }
DIV.model IMG { float:left; margin:0 13px 10px 0; }
DIV.model SPAN { float:left; margin:0 5px 0 0 ; }
DIV.model STRONG { display:block; margin:20px 5px 0 0; text-align:right; color:#000; font-weight:bold; }
/********* TYPES VIEW ***********/
DIV.types { clear:both; overflow:hidden; }
DIV.types IMG { float:left; margin:0 13px 10px 0; }
DIV.types H3 { display:block; width:400px; float:left; margin:5px 0 10px 0; }
DIV.types SPAN { clear:right; margin:5px 0 10px 0; }
DIV#types H4 { margin:20px 0 10px 0; }
DIV.types UL { list-style:square; margin:0 0 0 20px; padding:0 0 0 20px; list-style-position: inside; }
DIV.types.offer { background-color:#fff7da; border-top:1px solid #e8d9a0; border-bottom:1px solid #e8d9a0; padding:10px 10px; }
DIV#options { font-weight: bold; height:110px; margin:10px 0 10px 0; }
DIV#options DIV { float:left; margin:0 0 0 15px; }
DIV#options DIV.first { margin:0 0 0 0; }
DIV#options SELECT#fuel { width:80px; }
DIV#options SELECT#comfort { width:152px; }
DIV#options SELECT#co2 { width:80px; }
DIV#options SELECT#fiscal { width:80px; }
DIV#options SELECT#gearbox { width:109px; }
DIV#options SELECT#doors { width:80px; }
DIV#options SELECT#capacity { width:80px; }
UL.type { width:100%; }
UL.type LI { padding:4px 0; cursor:pointer; }
/*UL.type LI.hilite { background:#f3f3f3; }*/ UL.type LI.hilite.active { background:#FFF4CA; }
UL SPAN { display:inline-block; height:18px; }
UL.type .col1 { width:45px; vertical-align:middle; } UL.type .col1 SPAN { display:block; margin:0 0 0 5px; }
UL.type .col2 { width:60px; color:#5687b9; font-style:italic; }
UL.type .col3 { width:490px; }
UL.type .col4 { width:147px; }
/************* LOGIN/PWD/REGISTER **************/
FORM.loginform { width:528px; }
DIV.loginform { background-position:-528px bottom; padding:3px 0; }
DIV.loginform FIELDSET { border:1px solid #dfdfdf; border-top:0; border-bottom:0; }
DIV.loginform LABEL { width:100px; clear:none; } DIV.checkbox { padding-left:100px; }
DIV.loginform UL.links { width:355px; display:block; float:left; margin:8px 0 0 18px; _margin:8px 0 0 9px; }
DIV.loginform LI { }
DIV.loginform SPAN { color:#666666; font-size:95%; }
DIV.loginform SPAN.radio { color:#000000; font-size:100%; float:left; }
DIV.register FORM { background-position:-1055px 0; width:431px; float:left; }
DIV.register DIV.loginform { background-position:-1485px bottom; padding:3px 0; }
DIV.register DIV.loginform LABEL { width:100px; } DIV.checkbox { padding-left:100px; }
DIV.register DIV.loginform INPUT { width:270px; }
DIV.whyregister { font-size:120%; line-height:1.4em; width:290px; float:left; margin:10px 30px 0 0; }
DIV.whyregister.registered { width:630px; }
DIV.whyregister.registered SPAN { clear:both; float:right; font-size:120%; }
DIV.whyregister H4 { font-size:120%; }
DIV.whyregister UL { margin:10px 0; }
DIV.whyregister LI { overflow:auto; padding:8px 0; }
DIV.whyregister LI SPAN { margin:0 12px 0 0; }
DIV.whyregister LI.one SPAN { background-position:-1919px 0; padding:6px 14px; float:left; }
DIV.whyregister LI.two SPAN { background-position:-1947px 0; padding:6px 14px; float:left; }
DIV.whyregister LI.three SPAN { background-position:-1975px 0; padding:6px 14px; float:left; }
DIV.whyregister LI.four SPAN { background-position:-2002px -4px; padding:5px 14px; float:left; }
DIV.whyregister LI.five SPAN { background-position:-2030px 0; padding:5px 14px; float:left; }
DIV.body.login { padding:40px 220px; width:540px; }
DIV.body.login H2 { margin:20px 0 10px 0; }
/******* CALC MONTHLY *********/
TABLE.calculatemonthly { }
TABLE.calculatemonthly TD { vertical-align:top; padding:4px 10px; }
TABLE.calculatemonthly TD.calc { font-size:140%; }
/******* CONTENT *********/
DIV.submenu { background-position:-1715px 0; margin:50px 0 0 0; padding:5px 0 0 0; } /* 20 */
DIV.submenu H4 { margin:10px 0 5px 0; }
DIV.submenu UL { background-position:-1915px bottom; padding:0 0 5px 0; }
DIV.submenu LI { padding:4px 6px; border:1px solid #e8e8e8; border-top:0px; }
DIV.submenu LI#menu_step1 { background-position:-5px -522px; padding:4px 6px 4px 28px; }
DIV.submenu LI#menu_step2 { background-position:-5px -565px; padding:4px 6px 4px 28px; }
DIV.submenu LI#menu_step3 { background-position:-5px -607px; padding:4px 6px 4px 28px; }
DIV.submenu LI#menu_step4 { background-position:-5px -650px; padding:4px 6px 4px 28px; }
DIV.submenu LI#menu_step5 { background-position:-5px -693px; padding:4px 6px 8px 28px; }
DIV.content { }
DIV.content P { margin:5px 0; }
DIV.content DIV.news { margin:15px 0 0 0; padding:0 0 0 110px; width:auto; float:none; }
/******* DETAILS *********/
DIV.mycar { background-position:-1512px center; margin:35px 0 -27px 0; overflow:auto; width:100%; }
DIV.mycar DIV { background-position:-1112px 0; padding:13px 0 0 0; }
DIV.mycar DIV DIV { background-position:-1312px bottom; padding:0 10px 13px 7px; clear:both; }
DIV.mycar IMG { float:left; margin:0 5px 0 0; border:1px solid #e6ddaa; padding: 1px 1px 0 }
SPAN.price { font-size:180%; line-height:1.6em; }
SPAN.priceincl { font-size:90%; line-height:1.6em; color:#575656; font-style:italic; }
DIV#optionShortList { margin:20px 0 0 0; overflow:auto; background-position:-5037px top; }
DIV#optionShortList DIV.outer { background-position:-5237px bottom; padding:0 0 4px 0; }
DIV#optionShortList DIV.inner { padding:10px 5px 0 5px; border:1px solid #e8e8e8; border-top:0; border-bottom:0; }
DIV#optionShortList TABLE { width:100%; }
DIV#optionShortList TD { vertical-align:top; padding:2px 0; }
DIV#optionShortList TD.check { width:10%; }
DIV#optionShortList INPUT { margin:2px 0 0 2px; border:0; padding:0; }
DIV#optionShortList TD.label { width:90%; }
DIV#optionShortList LABEL { padding:0; margin:0; width:auto; }
DIV.utilitymenu { margin:20px 0 0 0; }
DIV.utilitymenu UL { border-top:1px solid #e8e8e8; }
DIV.utilitymenu LI { border-bottom:1px solid #e8e8e8; padding:4px 0; }
DIV.utilitymenu LI SPAN { padding:6px 20px 6px 14px; background-color:#fff; }
DIV.utilitymenu LI.one SPAN { background-position:-8px -230px; }
DIV.utilitymenu LI.two SPAN { background-position:-4px -268px; }
DIV.utilitymenu LI.three SPAN { background-position:-9px -308px; }
DIV.utilitymenu LI.four SPAN { background-position:-5px -895px; }
DIV.steps { margin:0 0 25px 0; height:41px; }
DIV.steps DIV { width:67px; float:left; font-size:90%; line-height:1.2em; color:#918f8f; padding:7px 0; }
DIV.steps UL { float:left; background-position:-2115px 0; display:block; width:487px; height:41px; }
DIV.steps UL LI { float:left; }
DIV.steps UL LI A { padding:11px 25px 11px 28px; line-height:3.4em; }
DIV.steps UL LI#steps_step1 A { padding:11px 25px 11px 35px; }
DIV.steps UL LI#steps_step3 A { padding:11px 20px 11px 28px; }
DIV.steps UL LI#steps_step4 A { padding:11px 15px 11px 28px; }
DIV.steps UL LI#steps_step5 A { padding:11px 15px 11px 28px; }
DIV.steps UL.current_step1 { background-position:-2602px 0; }
DIV.steps UL.current_step2 { background-position:-3089px 0; }
DIV.steps UL.current_step3 { background-position:-3576px 0; }
DIV.steps UL.current_step4 { background-position:-4063px 0; }
DIV.steps UL.current_step5 { background-position:-4550px 0; }
UL.tabs { height:34px; margin:0 0 0 0; }
UL.tabs LI { position:relative; top:1px; background-position:0 -170px; background-repeat:repeat-x; float:left; height:34px; margin:0 2px 0 0; }
UL.tabs LI SPAN { background-position:0 -102px; display:block; height:34px; float:left; }
UL.tabs LI A { outline:0; background-position:right -136px; padding:9px 40px; line-height:34px; font-size:120%; font-weight:bold; color:#000; }
UL.tabs LI.current { background-position:0 -68px; }
UL.tabs LI.current SPAN { background-position:0 0; }
UL.tabs LI.current A { background-position:right -34px; }
DIV.tabcontent { clear:both; width:556px; }
DIV.tabcontent DIV.bottom { background-position:-556px bottom; padding:10px 0; }
DIV.tabcontent DIV.inner { border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding:0 10px; }
DIV.tabcontent TABLE { margin:5px 0 20px 0; width:100%; } DIV.tabcontent TABLE.general { margin:5px 0 20px 0; width:65%; }
DIV.tabcontent TABLE TH { padding:2px 20px 2px 4px; font-size:120%; font-weight:bold; }
DIV.tabcontent TABLE TD { padding:2px 20px 2px 4px; }
DIV.tabcontent#specifications, DIV.tabcontent#stdsetup { margin:0 0 25px 0; }
DIV.tabcontent DIV.expand { overflow:hidden; position: relative; }
DIV.tabcontent#specifications DIV.expand { height:282px;}
DIV.tabcontent#photogallery DIV.expand { height:104px;}
DIV.tabcontent DIV.expand DIV { overflow:auto; }
DIV.tabcontent .moreless { cursor:pointer; color:#0066cc; display:block; padding:5px 0 0 0; margin:0; text-align:right; border-top:1px solid #9ec8f2; clear:both; }
DIV.tabcontent #lessspecs, DIV.tabcontent #lessphotos { display:none; }
/*DIV.tabcontent .moreless#lessphotos, DIV.tabcontent .moreless#lessspecs { display:none; } */
DIV.tabcontent#specifications IMG { float:right; border:1px solid #dfdfdf; padding: 1px }
DIV.tabcontent#stdsetup { display:none; }
DIV.tabcontent#stdsetup UL { margin:0 0 15px 0; }
DIV.tabcontent#stdsetup LI { padding:3px 0px; }
DIV.tabcontent#photogallery DIV.inner { padding:0 5px; _padding:0 2px; }
DIV.tabcontent#photogallery UL { margin:0 0 0 0; }
DIV.tabcontent#photogallery LI { position:relative; float:left; margin:0 5px 5px 5px; }
DIV.tabcontent#photogallery A { }
DIV.tabcontent#photogallery LI IMG { margin:4px 2px 2px 4px; }
DIV.tabcontent#photogallery LI SPAN { cursor:pointer; padding:3px 3px; border:1px solid #ccc; background-position:90px -809px; position: absolute; top: 0; left: 0; width: 120px; height: 75px; overflow: hidden; }
DIV.tooltip { display:none; }
SPAN.tooltipheading { font-size:110%; font-weight:bold; line-height:1.8em; }
FORM.options H4 { font-size:100%; margin:15px 0 5px 0; }
FORM.options FIELDSET DIV { padding:0; }
TABLE.detail_options { width:100%; }
TABLE.detail_options TD { vertical-align:top; padding:3px 3px; }
TABLE.detail_options TD.check { width:10%; }
TABLE.detail_options TD.check INPUT { border:0; margin:3px 0 0 0; }
TABLE.detail_options TD.code { width:10%; }
TABLE.detail_options TD.label { width:60%; }
TABLE.detail_options TD.label LABEL { padding:0; width:auto; }
TABLE.detail_options TD.info { width:10%; }
TABLE.detail_options TD.info SPAN.options_info { color:#0066cc; cursor:pointer; }
UL.tooltip_options LI { list-style:square; padding:0 0 0 5px; margin:0 0 0 10px; }
TABLE.detail_options TD.price { width:10%; text-align:right; }
FORM.detailform TABLE { width:100%; }
FORM.detailform TD { padding:7px 5px; }
FORM.detailform TD.delete { width:5%; }
FORM.detailform TD.label { width:70%; } FORM.detailform TD.label INPUT { width:355px; }
FORM.detailform TD.price { width:25%; } FORM.detailform TD.price INPUT { width:80px; }
DIV.optionRuleDialogDiv { position:fixed; top:50px; left: 200px; max-height: 480px; overflow: hidden; cursor:default; max-width:600px; font-size:75%; }
DIV.optionRuleDialog { display:none; position:relative; z-index:5; border:3px solid #bbbbbb; background:#ffffff; padding:15px !important; overflow: hidden; }
DIV.optionRuleDialog H4 { border:1px solid #b9681a; border-top:0; border-bottom:0; background-position:0 -628px; background-repeat:repeat-x; height:28px; padding:10px 10px; margin:0; color:#fff; font-size:180%; font-weight:normal; }
DIV.optionRuleDialog DIV { font-size:120%; border:1px solid #cccccc; border-top:0; padding:10px !important; }
DIV.optionRuleDialog H6 { font-size:100%; }
DIV.optionRuleDialog H6 TABLE { float:left; width:100%; }
DIV.optionRuleDialog .hilite { background-color:transparent !important; }
DIV.optionRuleDialog SPAN.cancel { display:block; float:left; text-align:right; width:auto; padding:20px 20px 0 0; font-size:90%; }
DIV.optionRuleDialog INPUT.submit { font-size:90%; padding:5px 15px; margin:15px 0 0 0; float:left; }
DIV.optionRuleDialog TABLE.questionoptions { width:100%; }
DIV.optionRuleDialog TABLE.questionoptions TD { font-size:90%; padding:3px; }H
DIV.optionRuleDialog TABLE.questionoptions TD.label { width:250px; }H
DIV.optionRuleDialog TABLE.questionoptions INPUT { border:0; }
DIV.optionRuleDialog DIV.optionEvalChoices { overflow-y: scroll; height: 250px; }
TD.option_choice_label LABEL { width:100%; }
FORM.bordered FIELDSET { border:1px solid #dfdfdf; padding:10px; margin:10px 0; }
FORM.bordered H4 { font-size:120%; margin:0 0 5px 0; }
FORM.bordered TABLE { width:100%; margin:10px 0 0 0; }
FORM.bordered INPUT.submit { margin:10px 5px 0 0; }
FORM#priceadjustment INPUT#description { width:375px; }
FORM#priceadjustment INPUT#costIncVat { width:120px; }
DIV.quote { width:100%; overflow:auto; border:1px solid #dfdfdf; margin:25px 0 10px 0; }
/* DIV.quote { border:1px solid #dfdfdf; margin:25px 0 10px 0; padding:20px 15px; }*/
DIV.quote LI A { font-size:100%; font-weight:bold; } DIV.quote LI A:hover { text-decoration:none; }
DIV.quote LI A { padding:9px 4px; }
DIV.quote LI A.order { background-color:#e9f6fb; border:1px solid #b5dbea; }
DIV.quote A.quote SPAN { background-position:-6px -684px; padding:5px 15px; margin:7px 5px; }
DIV.quote A.order SPAN { background-position:-39px -683px; padding:5px 15px; margin:7px 5px; }
DIV.quote A.question SPAN { background-position:-71px -681px; padding:5px 15px; margin:7px 5px; }
UL.quote { margin:10px 0; }
UL.quote A.webpage SPAN { background-position:-98px -681px; padding:8px 18px; background-color:#fff; }
UL.quote LI.sendquote SPAN { background-position:-130px -678px; padding:8px 18px; }
/* DIV#quote_overview UL { width:100%; overflow:auto; clear:both; }*/
/* DIV#quote_overview UL LI { width:48%; float:left; line-height:1.2em; vertical-align:top; padding:7px 4px; }*/
/* DIV#quote_overview LABEL { width:120px; padding:0; }*/
/* DIV#quote_overview .marginli { margin:0 3px 0 0; }*/
/* DIV#quote_overview H4 { margin:20px 0 0 0; }*/
/* DIV#quote_overview UL.quote_options LI { width:90%; float:none; border-bottom:1px solid #e8e8e8; overflow:auto; }*/
/* DIV#quote_overview UL.quote_options LABEL { width:400px; padding:0; }*/
DIV#quote_overview DIV#expanded { display:none; }
DIV#quote_overview DIV.morespecs { margin:5px 0 0 400px; clear:both }
DIV#quote_overview DIV.morespecs SPAN { background-position:-43px -223px; margin:0 0 0 5px; padding:8px; }
DIV#quote_overview DIV.collapse { margin:5px 0 0 450px; ; clear:both }
DIV.prevnext { margin:30px 0 0 0; width:99%; padding:6px 0; }
DIV.prevnext DIV { width:40%; color:#666; font-style:italic; overflow:hidden; }
DIV.prevnext DIV.prev { width:40%; float:left; }
DIV.prevnext DIV.next { width:40%; float:right; text-align:right; }
DIV.prevnext A { background-color:#1f6686; color:#fff; padding:5px 7px; border:1px solid #11526f; font-style:normal; font-weight:bold; }
/******* OFFERTE *********/
DIV.quote DIV.spacer { width:527px; padding: 20px 15px; }
DIV.quote .col3 { width:310px; float:left; margin:10px 15px 0 0; }
DIV.quote .col4 { width:200px; float:left; }
DIV.quote .col4 UL.actions { margin: 10px 0; }
DIV.quote TABLE { width:100%; }
DIV.quote TABLE TD, DIV.quote TABLE TH { padding:3px 5px; vertical-align:top; }
DIV.quote UL.subactions LI A { font-size:100%; font-weight:normal; } DIV.quote LI A:hover { text-decoration:none; }
/******* MIJN DL *********/
DIV.compare { width:100%; clear:both; overflow:auto; } DIV.compare INPUT { float:left; font-size:100%; padding:3px 10px; }
DIV.mysavedcar { width:100%; overflow:auto; margin:15px 0 10px 0; padding:15px 0 0 0; border-top:1px solid #e6e5e5; background-repeat:repeat-y; }
DIV.mysavedcar H3 { margin:0 0 10px 30px; }
DIV.mysavedcar .col1 { width:20px; float:left; margin:0 10px 0 0; }
DIV.mysavedcar .col2 { width:180px; float:left; margin:0 20px 0 0; }
DIV.mysavedcar .col3 { width:310px; float:left; margin:0 20px 0 0; }
DIV.mysavedcar .col4 { width:200px; float:left; background-color:#ccc; }
UL.actions { width:100%; background-color:#fff4ca; float:left; }
UL.actions LI { border-bottom:1px solid #FFF; padding:4px 0; }
UL.actions LI H5 { margin:0; }
UL.actions LI SPAN { height:0; }
/*UL.actions A { font-weight:normal; }*/
UL.subactions { list-style-type:square; color:#0066cc; margin:20px 0 0 8px; padding:0 0 0 8px; }
DIV.mysavedcar TABLE { width:100%; }
DIV.mysavedcar TABLE TD, DIV.mysavedcar TABLE TH { padding:3px 5px; vertical-align:top; }
TABLE.settings { width:40%; border-top:1px solid #e8e8e8; margin:0 0 15px 0; }
TABLE.settings TR TD { border-bottom:1px solid #e8e8e8; }
TABLE.settings TD.label { width:40%; }
TABLE.settings TD.value { width:60%; }
TABLE.options TR.hilite TD, TABLE.options TR.hilite TH { border:1px solid #e6e5e5; border-left:0; border-right:0; }
TABLE.options .label { width:80%; }
TABLE.options .value { width:20%; text-align:right; }
TABLE.options TD UL { list-style-type:square; margin:0 0 0 8px; padding:0 0 0 8px; }
SPAN.icon_order { padding:14px; background-position:-37px -682px; }
SPAN.icon_pdfdeal { padding:14px; background-position:-5px -682px; }
SPAN.icon_viewdeal { padding:14px; background-position:-102px -682px; }
SPAN.icon_renew { padding:14px; background-position:-168px -680px; }
SPAN.icon_emailto { padding:14px; background-position:-135px -681px; }
SPAN.icon_edit { padding:14px; background-position:-196px -682px; }
SPAN.icon_remove { padding:14px; background-position:-5px -711px; }
SPAN.icon_questions { padding:14px; background-position:-71px -680px; }
SPAN.icon_compare_std { width:20px; height:20px; background-position:-766px -4px; }
SPAN.icon_compare_chosen { width:20px; height:20px; background-position:-791px -4px; }
SPAN.icon_compare_unused { width:20px; height:20px; background-position:-820px -4px; }
TABLE.compare { }
TABLE.compare TD { padding:3px; vertical-align: top }
TABLE.compare TD.label { width:250px; }
TABLE.compare TD.value { width:170px; }
TABLE.compare H5 { margin:10px 0; }
/******* OCCLEASE *********/
DIV.occleasedeal { margin:15px 0 0 0; background-position:-5037px top; }
DIV.occleasedeal DIV.outer { background-position:-5237px bottom; padding:0 0 5px 0; }
DIV.occleasedeal DIV.inner { padding:10px 5px 0 5px; border:1px solid #e8e8e8; border-top:0; border-bottom:0; overflow:visible; }
DIV.occleasedeal H4 { margin:0 0 3px 0; } DIV.occleasedeal H4 A { color:#000; } DIV.occleasedeal H4 A:hover { color:#fff; background:#f60; }
DIV.occleasedeal IMG { border:1px solid #e8e8e8; float:left; margin:5px 5px 0 0; }
DIV.occleasedeal SPAN { color:#575656; font-style:italic; line-height:0.6em; }
DIV.occleasedeal DIV.inner DIV { width:95px; height:25px; line-height:1em; background-position:-132px -439px; padding:7px 0; text-align:center; display:inline-block; }
DIV.occleasedeal H2 A { color:#fff; }
DIV#options SELECT#make { width:95px; }
DIV#options SELECT#model { width:105px; }
DIV#options SELECT#type { width:110px; }
DIV#options SELECT#minprice { width:85px; }
DIV#options SELECT#maxprice { width:85px; }
DIV#occleaseresults { clear:both; }
DIV#occleaseresults TR A { color:#ff6600; }
DIV#occleaseresults TABLE { width:100%; }
DIV#occleaseresults TH, DIV#occleaseresults TD { padding:5px 5px; border-bottom:1px solid #e8e8e8; }
DIV#occleaseresults TH A { font-size:120%; font-weight:bold; }
DIV#occleaseresults TD.label {}
DIV#occleaseresults .price { text-align:right; padding-right:10px;}
DIV#occleaseresults TR.hilite.active, DIV#occleaseresults TR.active { background-color:#ff6600; }
DIV#occleaseresults TR.hilite.active A, DIV#occleaseresults TR.active A { color:#fff; }
DIV#occleaseresults TR.hilite.active .price, DIV#occleaseresults TR.active .price { color:#fff; }
.occlease .column_200 A { color:#ff6600; }
.occlease .column_200 .submenu .hilite { background-color:#ff6600; }
.occlease .column_200 .submenu .hilite A { color:#fff; }
.occlease DIV.mycar { background-position:-5837px center; margin:35px 0 0 0; overflow:auto; width:100%; }
.occlease DIV.mycar DIV { background-position:-5437px 0; padding:13px 0 0 0; }
.occlease DIV.mycar DIV DIV { background-position:-5637px bottom; padding:0 10px 13px 7px; clear:both; }
.occlease DIV.mycar IMG { border:1px solid #dfdfdf; }
.occlease SPAN.price { width:95px; height:25px; color:#fff; line-height:1em !important; background-position:-132px -439px; padding:7px 0; text-align:center; display:inline-block; }
.occlease DIV.steps UL LI#steps_step1 A { padding:11px 20px 11px 35px; }
.occlease DIV.steps UL LI#steps_step2 A { padding:11px 15px 11px 39px; }
.occlease DIV.steps UL LI#steps_step3 A { padding:11px 28px 11px 34px; }
.occlease DIV.steps UL LI#steps_step4 A { padding:11px 35px 11px 34px; }
.occlease DIV.steps UL.current_step1 { background-position:-488px 0; }
.occlease DIV.steps UL.current_step2 { background-position:-976px 0; }
.occlease DIV.steps UL.current_step3 { background-position:-1464px 0; }
.occlease DIV.steps UL.current_step4 { background-position:-1952px 0; }
/******* SITEMAP *********/
.indent { padding:0 0 0 10px; }
/******* FAQ *********/
TABLE.faq { }
TABLE.faq TH { font-weight:bold; font-size:140%; padding:10px 5px; }
TABLE.faq TD { vertical-align:top; padding:10px 5px; }
TABLE.faq TD.question { width:40%; font-weight:bold; }
TABLE.faq TD.answer { width:60%; }
/********* NEEDS TO BE AT THE END TO OVERWRITE PREVIOUS GENERIC STYLES ********/
A.hilite, #mainmenu LI A.hilite, DIV.footer A.hilite { color:#ffcc00; background-color:transparent; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}
@media print {
.sIFR-flash { display: none !important; height : 0; width : 0; position : absolute; overflow : hidden; }
.sIFR-alternate { visibility : visible !important; display : i !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; }
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h2 { font-size:200%; line-height:1em; }
.sIFR-active h1, .sIFR-active h2.details, .sIFR-active h2.mixed, .sIFR-active .home_searchbybrand h2 {
font-size:240%; line-height:1em;
}
.sIFR-active H1.mixed { font-size:120%; color:#999999; letter-spacing:0; font-weight:normal; }
/* homepage */
.sIFR-active .international h2, sIFR-active .forcustomers h2, sIFR-active .directoccasionlease h2, .directxlease h2 {
font-size:185%; letter-spacing:-1px;
}
sIFR-active .directoccasionlease h2 { font-size:220%; letter-spacing:-1px; }
sIFR-active .directxlease h2 { font-size:220%; letter-spacing:-1px; }
}
/* toegevoegd door Jaap voor orderwizard */
#orderwizardsteps .disabled { color: #CFD7E0; }
#orderwizardsteps .hilite { font-weight: bold; }
#orderwizardform DIV { font-weight: bold; padding-bottom: 5px; }
#orderwizardform TABLE { width: 100%; }
#orderwizardform TD { padding: 2px 0 2px 2px; vertical-align: top; }
#orderwizardform TD.owLabel { font-weight: bold; padding-top: 4px; }
#orderwizardform LABEL { width: auto; }
/********************************************
* FANCY BOX ********************************
*******************************************/
td#fancy_title_left, td#fancy_title_main, td#fancy_title_right, span#fancy_left_ico, span#fancy_right_ico
{ background-image:url('../images/sprite_fancybox.png'); background-repeat:no-repeat; }
html, body { height: 100%; }
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; }
* html div#fancy_overlay {
position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0;left: 0; width: 40px; height: 480px; background: transparent url('../images/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url('../images/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background-position:0 -126px; }
span#fancy_right_ico { right: -9999px; background-position:0 -156px; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute;display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../images/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../images/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -20px; height: 100%; width: 20px; background: transparent url('../images/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../images/fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../images/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../images/fancy_shadow_sw.png') no-repeat; }
div.fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url('../images/fancy_shadow_w.png') repeat-y; }
div.fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../images/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background-position:-15px 0 }
td#fancy_title_main { height: 32px; background-position:0 -64px; background-repeat:repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background-position:0 -32px; }
*/