/* ------------------------------------------------------------------------------------------------- Cascading StyleSheet SCREEN */ /* ------------------------------------------------------------------------------------------------- LAYOUT */ html { } body { background:#ffffff; color:#333333; font:75%/135% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; } #header { line-height:140%; padding-bottom:15px; border-bottom:1px solid #d7d5d5; margin-bottom:30px; } #header a { color:#000000; font-size:125%; line-height:170%; } #header a span { } #header img { float:right; } #header address { font-style:normal; } #main { } #container { margin:0px auto; width:640px; } #line1 { display:none; } #line1 a { } #search { } #submenu { } #submenu ul { } #submenu ul li { } #login { } #login ul { } #login ul li { } #line2 { display:none; } #breadcrumbs { } #breadcrumbs a { } #options { } #options ul { } #options ul li { } #menu { display:none; } #menu p { } #menu ul { } #menu ul li { } #menu ul li.active { } #menu ul li a { } #menu ul li a:hover { } #menu ul ul { } #menu ul li li { } #menu ul li li a { } #menu ul li li a:hover { } #menu ul li li li a { } #menu ul li li li a:hover { } #content { line-height:150%; } #content.large { } #sidebar { display:none; } #basket { } #basket a { } #basket .title a { } #basket div { } #footer { border-top:1px solid #d7d5d5; color:#666666; font-size:90%; margin-top:20px; padding-top:5px; } #footer a { color:#666666; text-decoration:none; } #footer a:hover { color:#000000; text-decoration:none; } #footer #totop { display:none; } #footer #totop a { } #footer #totop a:hover { } #footer #links { } #footer #links ul { list-style-type:none; } #footer #links ul li { float:left; margin-right:20px; } /* ------------------------------------------------------------------------------------------------- HTML TAGS */ h2 { font-size:150%; margin-bottom:20px; } h2.small { font-size:130%; margin-bottom:10px; margin-top:20px;} h3 { border-bottom:1px solid #d7d5d5; font-size:125%; padding-bottom:5px; margin-bottom:12px; } h4 { font-size:120%; line-height:36px; margin:0; font-family:Gotham,Helvetica,Arial,sans-serif; font-weight:bold; } small { font-size:90%; line-height:135%; } /* ------------------------------------------------------------------------------------------------- CLASSES */ div.news { margin-bottom:25px; } div.news p.teaser { border-top:1px solid #d7d5d6; border-bottom:1px solid #d7d5d6; background:#f0f0f0; padding:5px 10px;} div.newsTitle { padding:0px 10px; } div.newsTitle p { padding-bottom:2px; } div.newsText p, div.newsText ul, div.newsText ol { padding-bottom:15px; } ul.newsThumbs { list-style:none; margin:5px 0px 0px 20px !important; padding:0px !important; float:right; } ul.newsThumbs li { } span.currency { font-family:georgia; font-size:160%; line-height:160%; } span.currency span { font-size:80%; } span.currency sup { font-size:70%; } span.productIdentifier { color:#999999; font-size:80%; line-height:110%; } img.border { border:1px solid #d7d5d5; } img.borderDark { border:1px solid #3d3d3f; } div.priceBox { border:1px solid #d7d5d5; float:right; height:105px; margin:0px 0px 10px 30px; padding:0px 10px; width:140px; } div.priceBox div { text-align:center; } p.currency { text-align:center; font-size:145%; margin-bottom:5px; } .highlight { color:#cc0000; font-weight:bold; } div.loginRequired { border:1px solid #d7d5d5; float:left; height:158px; margin-right:20px; padding:10px 15px; width:268px; } div.loginRequired p.title { font-size:180%; font-weight:bold; line-height:100%; padding:0px 0px 14px 10px; } p.secure { color:#999999; font-size:90%; line-height:135%; } div.searchResult { padding-bottom:15px; } /* ------------------------------------------------------------------------------------------------- LINKS */ a { color:#a1b000; text-decoration:none; } a:hover { color:#000000; text-decoration:underline; } a.print { } a.print:hover { } a.tellafriend { } a.tellafriend:hover { } a.previous { font-size:120%; font-weight:bold; line-height:150%; } a.previous:hover { text-decoration:none; } a.next { font-size:120%; font-weight:bold; line-height:150%; } a.next:hover { text-decoration:none; } a.go { font-size:120%; font-weight:bold; line-height:150%; } a.go:hover { text-decoration:none; } a.open { } a.closed { } a.word { } a.pdf { } a.text { } a.info { } .productLink { color:#000000; font-size:120%; font-weight:bold; } a.button { background:#a1b000; color:#ffffff; cursor:pointer; font:bold 90% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; padding:2px 12px 0px 12px; margin-top:4px; } a.button:hover { color:#000000; } #content .paginator a { border:1px solid #d7d5d5; margin-right:5px; padding:0px 6px; color:#000000; } .paginator span.current { border:1px solid #a1b000; margin-right:5px; padding:0px 6px; background:#a1b000; color:#ffffff; } /* ------------------------------------------------------------------------------------------------- FORMS */ input.std, select.std, textarea.std { border:1px solid #d7d5d5; color:#333333; font:100% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; padding:1px 1px 0px 2px; } input.form-error, select.form-error, textarea.form-error { background:#a10000; border:1px solid #3d3c3f; color:#ffffff; } input.submit { background:#a1b000; border:0px; color:#ffffff; cursor:pointer; font:bold 90% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; padding:1px 12px 0px 12px; } input.submit:hover { color:#000000; } input.search { font-size:90%; padding:0px 3px; width:132px; } input.searchButton { height:17px; margin-bottom:0px; margin-left:2px; overflow:visible; padding:0px; vertical-align:top; width:58px; } input.esFilter { margin-top:0px; } input.basket { font-size:90%; padding:0px 3px; text-align:center; width:30px; } input.basketButton { height:18px; margin-top:2px; overflow:visible; width:130px; } input.date { } input.light { color:#999999; } div.input label { padding-top:4px; } div.required label { font-weight:bold; } div.required input.std { border:1px solid #666666; } div.required select.std { border:1px solid #666666; } div.checkbox label { padding-top:0px; } input.chkbox { margin-top:1px; } .ajaxBox { background:#f6f6f6; border:1px solid #d7d5d5; padding:1px 3px; top:20px; width:292px; } fieldset { border:1px solid #d7d5d5; display:block; margin-bottom:20px; } legend { color:#000000; } /* ------------------------------------------------------------------------------------------------- FLASH MESSAGES */ #flashMessage { border:3px solid #a1b000; margin-bottom:20px; padding:10px 20px; } #flashMessage span { font-size:120%; font-weight:bold; line-height:150%; } #flashMessage a { } #flashMessage a:hover { } #flashMessage.error { border:3px solid #a10000; } #flashMessage.warning { border:3px solid #a10000; } /* ------------------------------------------------------------------------------------------------- TABLES */ th { border-bottom:1px solid #3d3d3f; font-size:110%; padding:3px 6px; } tr.row td { padding:3px 6px; } tr.row1 td { border-bottom:1px solid #d7d5d5; padding:3px 6px; } tr.row2 td { border-bottom:1px solid #d7d5d5; padding:3px 6px; } tr.rowGrey td { border-bottom:1px solid #d0d0d0; padding:3px 6px; } tr.rowSum td { border-bottom:3px double #d7d5d5; padding:3px 6px; } tr.blank td { border-bottom:none !important; padding:2px 0px; } tr.blankSum td { border-top:1px solid #d7d5d5; border-bottom:3px double #d7d5d5; padding:2px 0px; } tr.large td { padding:8px 4px 8px 8px; } tr.large th { padding:3px 4px 3px 8px; } table.help { width:400px; } #content th a { } .progress { border:1px solid #d7d5d5; margin-bottom:25px; } .progress div { font-weight:bold; margin:8px; padding:0px 6px; } .progress div.done { color:#999999; border:1px solid #999999; background:#f0f0f0; } .progress div.active { color:#000000; border:1px solid #000000; } .progress div.disabled { color:#cccccc; border:1px solid #cccccc; }