body{ background: #F4F4F4; color: #000000; margin:5px; padding:0; border:0; } body,div,td,th,p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } .main-table{ width: 900px; border: 1px solid #9C111E; background-color: #F4F4F4 } img{border:0} .cnt-def img.thumb, .cnt-def img.nopic, .cnt-def img.category-image, .cnt-def img#product_picture {border: 1px solid #000000} .cnt-alt img.thumb, .cnt-alt img.nopic, .cnt-alt img.category-image, .cnt-alt img#product_picture {border: 1px solid #9C111E} .cnt{width:100%} hr{ width: 100%; height: 1px; margin-top: 3px; margin-bottom: 3px; } input, textarea, select{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } #banner{ background: url('') no-repeat #9C111E; /*border-bottom: 1px solid #9C111E;*/ width: 100%; height: 80px; } #clogo{ position: relative; left: 10px; top: 0px; overflow: hidden; } /* //////////////////////////////////////////////// //// LIST FORMATTING //////////////////////////////////////////////// */ .list{table-layout:auto; width:100%} .list-intro{padding:3px;padding-bottom:5px;text-align:center} .list-footer{padding:3px;padding-bottom:5px;text-align:center} .list-group{ text-align:right; background:#FFFFFF; } .list-item{} .list-item-alt{background:#E0E0E0} .list-item-border{border: 1px solid #000000} .list-item-list-info{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } .list-item-partslist{background:#FFFFFF;} .list-item-partslist-header{font-weight:bold;padding:2px;} .list-item-partslist-item{padding:2px;} .list-item-hsep{ background-image: url(images/hsep_default.gif); background-repeat:repeat-y; margin: 0 6px 0 6px; line-height: 1px; width: 3px; height: 100%; border: 0; padding: 0; } .list-item-vsep{ background-image: url(images/vsep_default.gif) ; background-repeat:repeat-x; margin: 6px 0px 6px 0; line-height: 1px; width: 100%; height: 3px; } #topnav{ text-align:right; padding:0; margin:0; border:0; } #topnav a{ display:block; float:left; margin-left:1px; padding:1px 8px 1px 8px; color:#FEF5F7; font-size: 11px; letter-spacing:1px; font-weight:normal; text-decoration:none; white-space: nowrap; text-transform: uppercase } #topnav a:hover, #topnav a.topnav-active{ color:#FEF5F7; } #searchbar form{padding: 0; padding-bottom:4px; margin: 0px} #quicksearch {margin-top: 4px} #quicksearch td{padding:2px} #quicksearch form{display: inline} #quicksearch input{vertical-align: middle; margin-right: 4px;font-size: 15pt} #quicksearch a {color: #FFFFFF} input.quicksearch-term{padding: 4px;; width:300px; height:35px} /*/////////////////////////////////////////////////// //// LEVEL 2 NAVIGATION ///////////////////////////////////////////////////*/ #nav-level2{ /*background: url('images/gradient_2nd_level.gif') repeat-x left;*/ position: relative; text-align:center; top: 0px; } #nav-level2 a{text-decoration:none; color: #9C111E} #nav-level2 a:hover{color: #000000} #nav-level2 a.sel{color: #ffffff} #nav-level2 a.sel:hover{color: #FFFFFF} .button{ background: url('images/default_fill_2nd_level.gif') repeat-x left; vertical-align: top; padding-top: 7px; font-weight: bold; white-space:nowrap; } .button-sel{ background: url('images/default_fill_2nd_level_sel.gif') repeat-x left; vertical-align: top; padding-top: 7px; font-weight: bold; white-space:nowrap; } #buttonbarbottom{ width: 100%; height: 7px; background: url('images/Linie-unter-Menue-oben.png'); overflow: hidden; clear: both; } /*/////////////////////////////////////////////////// //// SUBNAVIGATION (LEFTHAND) ///////////////////////////////////////////////////*/ #subnav{ width: 170px; border-top: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; } #subnav ul{ list-style: none; margin: 0px; padding: 0px; } #subnav li{ list-style-type: none; display: inline; margin: 0px; padding: 0px; } #subnav li a, #subnav li a.expanded{ display: block; text-decoration: none; padding: 3px 2px 3px 16px; /*position: relative; width: 100%;*/ color: #000000; border-bottom: 1px solid #C0C0C0; overflow: hidden; } #subnav li a:hover{background: #E0E0E0} #subnav li a.expanded{ font-weight: bold; text-transform: uppercase; background: url('images/bullet_navitem_exp.gif') 155px center no-repeat #D6D6D6; padding: 3px 15px 3px 3px; } #subnav li a.selected{ font-weight: bold; background: url('images/bullet_default.gif') 3px center no-repeat #E0E0E0; } /* #subnav li a.haschildren{ background: url('images/bullet_default.gif') 155px center no-repeat; } #subnav li a.haschildren:hover{ background: url('images/bullet_default.gif') 155px center no-repeat #FFFFFF; } */ #subnav li a.expanded:hover{background: url('images/bullet_navitem_exp.gif') 155px center no-repeat #D6D6D6; color:#9C111E} #subnav li a.selected:hover{background: url('images/bullet_default.gif') 3px center no-repeat #D6D6D6} .catnav-row{ font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:1px solid #9C111E; padding:0; } .catnav-selected{ background-color:#9C111E; color:#FFFFFF; font-weight:normal; text-decoration:none; font-weight:bold; } .catnav-row img{ margin-left:3px; margin-right:3px; } .catnav-row a{ font-weight: bold; text-decoration: none; padding: 2px; color:#000000; display:block; } .catnav-row a:hover{ background-color:#9C111E; color:#FFFFFF; } .cntnav-more{ text-align: right; padding-right: 10px; } #footer{ border-top: 1px solid #9C111E; background: #9C111E; color: #9C111E; text-align: center; } #footernav a{color: #E0E0E0;text-decoration:none;padding: 5px} #footernav a:hover{color: #000000;padding: 5px} #minibasket table{ } #minibasket td{color:#9C111E;} #minibasket table .minibasket-header{font-weight:bold;border-bottom: 1px solid #9C111E;} #minibasket .minibasket-caption{} #minibasket .minibasket-value{text-align:right;} #minibasket table .minibasket-footer{text-align:right;border-top: 1px solid #9C111E;} #minibasket table .minibasket-footer a{text-decoration: none;color: #9C111E;} #minibasket table .minibasket-footer a:hover{color:#9C111E;} /*////////////////////////////////////////////// //// CONTAINER FORMATTING //////////////////////////////////////////////*/ .cnt-def{ width: 100%; } .cnt-def-warenkorb { font-weight: bold; color: #9C111E; padding: 2px;} .cnt-def-header{ font-weight: bold; color: #F9F9F9; padding: 2px;font-family: Arial } .cnt-def-header a{ display:block; padding:2px; text-decoration:none; font-weight:bold; color: #FEF5F7 } .cnt-def-header a:hover{text-decoration:underline} .cnt-def-body{} .cnt-alt{ width: 100%; background: #E0E0E0; border: 1px solid #000000; } .cnt-alt-header{ font-weight: bold; color: #F9F9F9; border-bottom: 1px solid #F4F4F4; background: #000000; padding: 2px; } .cnt-alt-header a{ display:block; font-weight: bold; color: #F9F9F9; text-decoration:none; padding: 2px; } .cnt-alt-header a:hover{text-decoration:underline} .cnt-alt-body{} .cnt-simple{ width: 100%; border: 0; } .cnt-simple-header{ font-weight: bold; font-size:12px; color: #FFFFFF; border-bottom: 1px dotted #FFFFFF } .cnt-simple-header a{ display:block; text-decoration:none; font-weight: bold; font-size:12px; color: #000000; } .cnt-simple-header a:hover{text-decoration:underline} .cnt-simple-body{} .cnt-highlight{ width: 100%; border: 2px dotted #9C111E; } .cnt-highlight-header{ font-weight: bold; font-size: 14px; color: #000000; background: #FFFFFF; padding: 4px; letter-spacing: 1px; text-align: center; text-transform: uppercase; } .cnt-highlight-header a{ display:block; font-weight: bold; font-size: 14px; color: #000000; text-decoration:none; letter-spacing: 1px; } .cnt-highlight-header a:hover{text-decoration:underline} .cnt-highlight-body{ } /*//////////////////////////////////////////////// //// BASKET FORMATTING ////////////////////////////////////////////////*/ #basket{ border-collapse: collapse; border-top: 2px solid #000000; border-bottom: 2px solid #000000; } #basket{border-top:none} #basket thead th{border-left: 1px solid #FFFFFF;background:#9C111E;color:#FEF5F7} #basket tbody td.alt-item{background:#E0E0E0} #basket tfoot td{color:#000000} #basket tfoot td.first-item{border-top: 1px solid #000000} #basket tfoot td.basket-summary{font-weight: bold} table.basket-buttons{margin: 10px 0px 10px 0px} table.basket-buttons td{padding: 0px 5px 0px 5px} /*//////////////////////////////////////////////// //// PAGE NAVBAR ////////////////////////////////////////////////*/ #paginator{padding-top:1px; padding-bottom:1px} #paginator a.pi, #paginator span{ display: block; text-decoration: none; font-weight: bold; width: 12px; height: 12px; padding-top: 0; padding-bottom: 3px; text-align: center; vertical-align: top; margin-right: 4px; float: left; } #paginator a.pi{background:url('') no-repeat} #paginator a.pi:hover{background:url('') no-repeat} #paginator span.pi-active{background:url('') no-repeat} #paginator span.pi-ellipsis{background:url('') no-repeat} #paginator a.pi-first, #paginator span.pi-first{} #paginator a.pi-last, #paginator span.pi-last{margin-right: 4px} #paginator img.pi-img-prev {display:inline; float:left} #paginator img.pi-img-next{display:inline} /*//////////////////////////////////////////////// //// CHECKOUT BAR ////////////////////////////////////////////////*/ #checkout-bar{background-color:transparent} .checkout-item{color:#C0C0C0; border:1px solid #C0C0C0} .checkout-item div{color:#C0C0C0} .checkout-item-active{color:#000000; border:1px solid #000000} .checkout-item-active div{color:#000000} @media print { .main-table{ border:0; width:100%; } tr{ page-break-before:auto; } } #product_price{ font-size: 30px; color: #000000; } .t-price-list{ font-size: 14px; color: #000000; }