/* ------------------------------------------------------------------------------------------------- Cascading StyleSheet SCREEN */ /* ------------------------------------------------------------------------------------------------- LAYOUT */ html { height:100%; overflow-y:scroll; margin-bottom:1px; } body { height:100%; background:url('../img/body_background.gif') repeat-x #cccccc; color:#333333; font:70%/140% Verdana, Arial, Helvetica, sans-serif; } #container { margin:0px auto; width:840px; background:#fbf4e1; } #header { background:url('../img/header_background.gif') no-repeat; height:74px; padding:2px 20px 0px 20px; } #header ul { } #header address { display:none; } #submenu { list-style:none; float:right; padding-top:17px; } #submenu li { float:left; padding-left:12px; } #submenu li a { font:125% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-weight:bold; } #main { padding-top:40px; } #colLeft { float:left; margin-left:20px; width:620px; } #colLeft.fullWidth { width:800px; } #colRight { float:right; margin-top:58px; width:180px; } #dialogLeft { float:left; width:350px; padding-left:10px; padding-top:20px; text-align:justify; } #dialogRight { float:right; width:160px; padding-top:20px; } #layer { padding:10px; } #menu ul { list-style:none; font-size:110%; padding:0px !important; margin:0px !important; color:#999999; } #menu ul li { float:left; } #menu ul li a { text-decoration:none; font-weight:bold; } #menu ul li a:hover { color:#333333; text-decoration:underline; } #menu ul li a.active { color:#999999; } #basket { background:#ffffff; padding:10px 15px; } #basket div { border-bottom:1px solid #999999; margin-bottom:10px; padding-bottom:10px; } #footer { background:url('../img/footer_background.gif') no-repeat; height:165px; margin-top:40px; width:840px; font-size:90%; } #footer ul { list-style:none; padding-top:138px; padding-left:20px; } #footer li { float:left; padding-right:12px; } /* ------------------------------------------------------------------------------------------------- HTML TAGS */ h1 { font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:25px; float:left; line-height:160%; padding-top:2px; } h1 a { text-decoration:none; } h1 a:hover { color:#333333; } h2 { color:#5d2224; font-size:18px; border-bottom:20px solid transparent; } h3 { color:#ffffff; background:#5d2224; font-size:11px; padding:2px 10px 3px 10px; margin-bottom:20px; } h3.noMargin { margin-bottom:0px; } h4 { border-bottom:1px solid #5d2224; color:#5d2224; padding-bottom:2px; margin-bottom:20px; } /* ------------------------------------------------------------------------------------------------- CLASSES */ .bg { background:#ffffff; padding:20px; } .hr { border-bottom:solid 1px #999; height:0px; overflow:hidden; } .space0 { display:block; height:0px; overflow:hidden; } .product { float:left; background:#ffffff; width:190px; margin-right:25px; margin-bottom:20px; font-size:90%; } .product a { text-decoration:none; font-weight:bold; font-size:110%; line-height:140%; } .product a:hover { text-decoration:underline; } .product p { padding:5px 10px; } .last { margin-right:0px; } .productTitle { color:#5d2224; font-size:14px; font-weight:bold; } .productTeaser { font-weight:bold; padding-top:5px; } .productIdentifier { color:#999999; font-size:90%; } .border { border:1px solid #999999; } .addBasketBox { background:#ededed; padding:10px; } .secure { background:url('../img/icon_secure.gif') left 5px no-repeat; width:430px; font-size:90%; padding-left:25px; } .highlight { font-weight:bold; color:#b01116; } .headline { font-weight:bold; font-size:120%; color:#5d2226; } .underline { text-decoration:underline; } .screen { } .print { display:none; } /* ------------------------------------------------------------------------------------------------- LINKS */ a { color:#5d2226; text-decoration:underline; } a:hover { color:#521f22; text-decoration:none; } a.previous { background:url('../img/icon_previous_link.gif') no-repeat; text-decoration:none; color:#333333; font-weight:bold; font-size:120%; padding-left:25px; } a.next { background:url('../img/icon_next_link.gif') right no-repeat; font-weight:bold; font-size:120%; padding-right:25px; } a.store { display:block; font-size:110%; } a.pdf { padding-left:22px; background:url('../img/icon_pdf.gif') no-repeat; font-size:110%; } a.open { padding-left:18px; background:url('../img/link_minimize.gif') no-repeat 0px 3px; } a.closed { padding-left:18px; background:url('../img/link_maximize.gif') no-repeat 0px 3px; } .paginator a { border:1px solid #5d2224; margin-right:5px; padding:0px 5px 1px 5px; background:#ffffff; color:#000000; } .paginator span.current { border:1px solid #5d2224; margin-right:5px; padding:0px 5px 1px 5px; background:#5d2224; color:#ffffff; } #layer a { color:#5d2226; text-decoration:underline; } #layer a:hover { text-decoration:none; } /* ------------------------------------------------------------------------------------------------- FLASH MESSAGES */ #flashMessage { margin-bottom:20px; } #flashMessage div { padding:10px 15px; color:#323232; background:#ffffff; border:1px #999999 solid; } #flashMessage div.info { background:url('../img/icon_info.gif') 10px 10px no-repeat #ffffff; padding-left:35px; } #flashMessage div.error { background:#b01116; color:#ffffff; font-weight:bold; } /* ------------------------------------------------------------------------------------------------- FORMS */ input.std, select.std, textarea.std { font:1em Arial,Verdana,Tahoma,Helvetica,sans-serif; color:#000000; border:1px solid #5d2224; padding:2px 3px; background:#fff; } input.form-error, select.form-error, textarea.form-error { background:#b01116; border:1px solid #5d2224; color:#ffffff; } input.submit { font:bold 10px Verdana,Tahoma,Helvetica,sans-serif; color:#fff; background:#333; padding:3px 20px; cursor:pointer; border:0px; } input.submit:hover { color:#fff; } input.esFilter { margin-top:0px; } input.basket { padding:1px 3px; text-align:center; width:30px; } input.light { color:#999999; } div.required label { font-weight:bold; } .ajaxBox { top:20px; border:1px solid #6d6c6d; background:#f6f6f6; padding:1px 3px; width:292px; } fieldset { border:1px solid #6d6c6d; display:block; margin-bottom:20px; } legend { color:#000000; } /* ------------------------------------------------------------------------------------------------- TABLES */ th { background:#5d2224; color:#ffffff; padding:2px 6px 3px 6px; } tr.row td { padding:2px 6px 3px 6px; } tr.row1 td { background:#ffffff; border-bottom:1px solid #999999; padding:2px 6px 3px 6px; } tr.row2 td { background:#ffffff; border-bottom:1px solid #999999; padding:2px 6px 3px 6px; } tr.rowGrey td { background:#eeeeee; border-bottom:1px solid #999999; padding:2px 6px 3px 6px; } tr.rowSum td { background:#f5f5f5; border-bottom:3px double #999999; padding:2px 6px 3px 6px; } tr.large th { padding:2px 4px 3px 8px; } tr.large td { padding:8px 4px 9px 8px; } table.termsTable tr td { padding-bottom:8px; } #content th a { color:#ffffff; } .progress { background:#ffffff; border:1px solid #333333; font-weight:bold; margin-bottom:25px; } .progress div { height:24px; margin:9px 12px; overflow:hidden; width:24px; } .progress div.done { background:url('../img/progress_done.gif') no-repeat; } .progress div.active { background:url('../img/progress_active.gif') no-repeat; } .progress div.disabled { background:url('../img/progress_inactive.gif') no-repeat; } .progress div.step1 { background-position:0px 0px; } .progress div.step2 { background-position:-30px 0px; } .progress div.step3 { background-position:-60px 0px; } .progress div.step4 { background-position:-90px 0px; } .progress div.step5 { background-position:-120px 0px; }