/* ----------------------------------------------------------------------------------------- $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $ xt:Commerce (R) - community made shopping http://www.xt-commerce.com Copyright (c) 2004 xt:Commerce (R) ----------------------------------------------------------------------------------------- based on: (c) 2000-2001 The Exchange Project (earlier name of osCommerce). (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com (c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org Released under the GNU General Public License ----------------------------------------------------------------------------------------- XTC5 Template & Stylesheets ----------------------------------------------------------------------------------------- (c) 2007 Ing. Michael Frst bluegate communications http://www.bluegate.at ---------------------------------------------------------------------------------------*/ /* THE BIG GUYS */ * {margin:0; padding:0;} body { margin:0; padding:0; font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px;} #container {padding:8px 0 0 0; width:100%; height:100%; background-image:url(img/site-bg.jpg); background-repeat: repeat-x; background-color:#e4ebf3;} /* HEADINGS */ h1 {color:#3A3A3A; font-weight:bold; font-size:22px; margin:10px 0 10px 0; padding:0; width:auto; border-bottom:1px solid #999;} h2 {color:#3A3A3A; font-weight:bold; font-size:16px; margin:10px 0 10px 0; padding:0; width:auto;} h3 {color:#3A3A3A; font-weight:bold; font-size:15px; margin:0; padding:5px 0 5px 0; width:auto;} /* LINKS GLOBAL */ /*a,a:active {background:transparent; text-decoration:underline; cursor:pointer; color:#06C;}*/ a,a:active {background:transparent; text-decoration:underline; cursor:pointer; color:#ff6600;} /*a:link {color:#ff9933; text-decoration:none;} */ a:link {color:#ff6600; text-decoration:none;} a:visited { text-decoration:none;} a:hover { text-decoration:underline;} a img {border:none} /* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */ input {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; background: #ff9933;} textarea {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE} select {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; border-width:0px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE} .headersearch input {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; background: #ffffff;} /* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */ input[type=text], input[type=password] {border-width:1px; border-style:solid; border-top-color:#000000; border-left-color:#000000; border-bottom-color:#ffffff; border-right-color:#ffffff;} .headersearch input[type=text], input[type=password] {border-width:1px; border-style:solid; border-top-color:#000000; border-left-color:#000000; border-bottom-color:#ffffff; border-right-color:#ffffff;} /* PARAGRAPH GLOBAL */ p {margin:8px 0px 8px 0px} /* FAKE HR DIV CAUSE OF IE TROUBLES */ .hr {margin:0; padding-top:1px; height:0; line-height:0; overflow:hidden; background-color:#ccc} .hrlightgrey {margin:0; padding-top:1px; height:0; line-height:0; overflow:hidden; background-color:#999;} .hrproductpreview {width:100%; height:5px; padding:5px 0 5px 0; background:url(img/hr_productpreview.gif) repeat-x 0 100%;} /* TABLE GLOBAL */ table td {padding:2px; vertical-align:top;} /*other GLOBAL */ .clearboth{clear:both;} .floatleft {float:left;} .floatright {float:right;} .whitefont {color:#fff;} .padding2px {padding:2px;} .padding5px {padding:5px;} .padding10px {padding:10px;} .whitespace {white-space:normal;} .normal li {list-style-position:inside;} /* WHOLE SITE WRAPPER */ #wrap { margin: 0 auto; padding:8px; width:980px; background:#fff;} /* HEADER WITH LOGO */ /*#header {margin:0; height:180px; background:#2B72A2 url(img/bg_top.png) repeat-x top; border-top:5px solid #1F5474;}*/ /*#header {margin:0; height:195px; background: url(img/header_pilavas_wm.jpg) no-repeat top; } WM-Header*/ #header {margin:0; height:195px; background: url(img/header_pilavas_v2-tw.jpg) no-repeat top; } Normaler Header*/ /*Special Link für Twitter im Header *****************************************************************/ #twitter { width: 67px; height: 30px; top: 10px; left: -206px; } /*#header {margin:0; height:195px; background: url(img/header_pilavas_xmas.jpg) no-repeat top; } Weihnachtsheader*/ /*#header {margin:0; height:195px; background: url(img/header_pilavas_karneval.jpg) no-repeat top; } /*Karnevals Header*/ /*#header {margin:0; height:195px; background: url(img/header_pilavas_ostern.jpg) no-repeat top; } /*Oster Header*/ #header #logo {float:left; padding:10px; width:20%;} #header #headercontent {float:right; width:75%;} #headerleiste {margin:0; height:35px; background: url(img/headerleiste.jpg) no-repeat top; } /* Normale Leiste*/ /*#headerleiste {margin:0; height:35px; background: url(img/headerleiste-xmas.jpg) no-repeat top; } Weihnachtsleiste*/ /* LANGUAGE SELECTION,SEARCH */ #search {float:right; padding:6px 22px 0 5px; background:url(img/bg_search.png) no-repeat 99% 0; font-weight:bold;} #search, #search a, #search a:link, #search a:visited {color:#FFF; font-size:13px; text-decoration:none;} #languages {float:right; padding: 10px 10px 0 0;} .banner {clear: both; margin:5px 5px 10px 5px; padding:0px; text-align:center; height:70px; display:block;} /* TOPMENU AS LIST */ #topMenu{clear: both; float:right;} #topMenu li{float:left; list-style-type:none; font-weight:bold; font-size:15px;} #topMenu li a{ background:url(img/bg_topmenu.png) 0 0px no-repeat; display: block; padding: 0 0 0 15px; margin-right:10px; text-decoration:none; color:#FFF; } #topMenu li a span{ background:url(img/bg_topmenu2.png) no-repeat; background-position: 100% 0px; display: block; padding: 0 15px 0 0; line-height:38px; } #topMenu li a:hover, #topMenu li a:focus, #topMenu li a:active{ background:url(img/bg_topmenu.png) no-repeat; background-position: 0 -50px; } #topMenu li a:hover span, #topMenu li a:focus span, #topMenu li a:active span { background:url(img/bg_topmenu2.png) no-repeat; background-position: 100% -50px; } #topMenu .topMenuSelf a{ background:url(img/bg_topmenu.png) 0 -50px no-repeat; display: block; padding: 0 0 0 15px; margin-right:10px; text-decoration:none; } #topMenu .topMenuSelf a span{ background:url(img/bg_topmenu2.png) no-repeat; background-position: 100% -50px; } /* MULTIMENUWRAP #multiMenuWrap {clear:both; width:100%; background:#000 url(img/bg_multiMenu.png) repeat-x top; } */ #multiMenu { margin:0; height:31px;} .multiMenuList li{ float: left; list-style-type:none; line-height:33px; } .multiMenuList li a, .multiMenuList li a:link, .multiMenuList li a:visited{ color:#000000; /*display: block; */ padding:0 8px 0 8px; background: url(img/bg_multiMenu_line.gif) no-repeat 100% 70%; text-decoration:none; } .multiMenuList li a:hover, .multiMenuList li a:active{ color: #ff9933; padding:0 8px 0 8px; /*text-decoration:underline; */ /* background: url(img/bg_rollover.png) no-repeat 50% 0; */ } /* BREADCRUMB PATH AS LIST */ /*#navtrail {float:left; margin:0; padding-left:20px; font-size:11px; background: url(img/leiste-top.jpg) repeat-x; width:960px; height:32px; line-height:32px;}*/ #navtrail {float:left; margin:0; padding-left:10px; font-size:12px; height:35px; line-height:25px;} #navtrail a, #navtrail a:link, #navtrail a:visited, #navtrail a:hover, #navtrail a:active { line-height:20px; text-decoration:none; cursor:pointer; color:#000000;} #navtrail-right {margin:0; padding-right:10px; font-size:12px; height:35px; line-height:25px;} #navtrail-right a, #navtrail-right a:link, #navtrail-right a:visited, #navtrail-right a:hover, #navtrail-right a:active { line-height:20px; text-decoration:none; cursor:pointer; color:#000000;} #breadleiste {margin:0; font-size:11px; background: url(img/bread-leiste.jpg) repeat-x; width:980px; height:35px;} /* CONTENT WRAPPER */ #contentwrap {clear:both;width:100%; padding:0px; background-color: #ffd35b;} /*background: url(img/nav_shadow.gif) repeat-x;*/ .maincontent_head {background: url(img/bg_mainCotentHead.jpg); height:25px; line-height:25px; padding-left:40px; font-size:16px; font-weight:600;} /* LEFT COLUMN */ #leftcol {width:159px; padding:10px 10px 10px 10px; background:#ffd35b; vertical-align:top;} /* RIGHT COLUMN */ #rightcol {width:159px; padding:10px 5px 10px 10px; background:#ffd35b; vertical-align:top;} /* MAIN CONTENT */ #content {width:632px; padding:10px 0 20px 10px; margin-bottom:15px; vertical-align:top;} #contentfull {width:80%; padding: 10px 10px 20px 15px; margin-bottom:15px; vertical-align:top;} .content_head {background: url(img/bg_mainCotentHead.jpg) no-repeat; height:30px; line-height:30px; padding-left:40px; margin:20px 0px 20px 0px; font-size:16px; font-weight:600;} .content_body { margin:0; padding:0;} .content_body li {list-style-position:inside;} /* CART BOX */ h2.boxcartheader {margin:0; padding:0 8px 0 8px; background-image:url(img/navi-box-top.jpg);background-repeat: no-repeat; height:38px; font-size:15px; line-height: 38px; color:#000;width:142px;} .boxcartbody {padding:8px 10px 8px 8px; margin-bottom:0px; background:#ffd35b url(img/navi-box-mitte.jpg) left bottom repeat-y; color:#000000;} .boxcartbody p {font-size:11px;} .boxcartbody a:link, .boxcartbody a:visited { color:#ff9933;} .boxcartheaderinner {padding:5px 5px 0 3px;} .boxcartbodyinnertotal { text-align:right;} /*VERSCHIEDENE HEADER UND FOOTER DER BOXEN*/ /*h2.specials_top {margin:0; padding:0px 8px 0 8px; background-image:url(img/box-top-wm.jpg);background-repeat: no-repeat; height:55px; width:145px; font-size:15px; color:#000;} /*Specials WM2010*/ h2.specials_top {margin:0; padding:0px 8px 0 8px; background-image:url(img/specials-box-top-normal.jpg);background-repeat: no-repeat; height:55px; width:145px; font-size:15px; color:#000;} /*Specials normal*/ h2.specials_top a{color:#000000; text-decoration: none;} h2.specials_top a:hover{color:#ff9933; text-decoration: none;} /*h2.bestseller_top {margin:0; padding:0px 8px 0 8px; background-image:url(img/box-top-wm.jpg);background-repeat: no-repeat; height:55px; font-size:15px; color:#000;} /*bestseller WM2010*/ h2.bestseller_top {margin:0; padding:0px 8px 0 8px; background-image:url(img/bestseller-box-top-normal.jpg);background-repeat: no-repeat; height:55px; font-size:15px; color:#000;} h2.bestseller_top a{color:#000000; text-decoration: none;} h2.produkt_top {margin:0; padding:0px 8px 0 8px; background-image:url(img/produkt_top.jpg);background-repeat: no-repeat; height:34px; font-size:15px; color:#000;} /*line-height: 65px;*/ h2.produkt_top a{color:#000000; text-decoration: none;} .levelfoot_quicky {margin-bottom:10px; border:0px; background-image:url(img/quicky-box-bottom.jpg); background-repeat: no-repeat; height:85px;} /*.levelfoot_warenkorb {margin-bottom:10px; border:0px; background-image:url(img/warenkorb-box-bottom-wm.jpg); background-repeat: no-repeat; height:84px;} /* Warenkorb WM2010*/ .levelfoot_warenkorb {margin-bottom:10px; border:0px; background-image:url(img/warenkorb-box-bottom.jpg); background-repeat: no-repeat; height:84px;} /*Warenkorb normal*/ /*.levelfoot_warenkorb {margin-bottom:10px; border:0px; background-image:url(img/warenkorb-ostern.jpg); background-repeat: no-repeat; height:84px;} /*Warenkorb Ostern*/ .levelfoot_login {margin-bottom:10px; border:0px; background-image:url(img/neutral-box-bottom.jpg); background-repeat: no-repeat; height:43px;} .levelfoot_newsletter {margin-bottom:10px; border:0px; background-image:url(img/neutral-box-bottom.jpg); background-repeat: no-repeat; height:43px;} .levelfoot_kategorien {margin-bottom:10px; border:0px; background-image:url(img/navi-box-bottom.jpg); background-repeat: no-repeat; height:94px;} /*Navi Box normal*/ /*.levelfoot_kategorien {margin-bottom:10px; border:0px; background-image:url(img/navi-box-bottom-wm.jpg); background-repeat: no-repeat; height:92px;} /*.levelfoot_kategorien {margin-bottom:10px; border:0px; background-image:url(img/navi-box-bottom-karneval.jpg); background-repeat: no-repeat; height:94px;} Navi Box Karneval*/ /*.levelfoot_kategorien {margin-bottom:10px; border:0px; background-image:url(img/navi-box-bottom-ostern2.jpg); background-repeat: no-repeat; height:94px;} /*Navi Box Ostern*/ .levelfoot_search {margin-bottom:10px; border:0px; background-image:url(img/neutral-box-bottom.jpg); background-repeat: no-repeat; height:43px;} /* Search Box normal*/ /*.levelfoot_search {margin-bottom:10px; border:0px; background-image:url(img/search-box-bottom-ostern.jpg); background-repeat: no-repeat; height:43px;} /* Search Box Ostern*/ /*GRAFISCHER FOOTER*/ #footer_pilavas {margin:0; height:174px; background: url(img/footer_pilavas.jpg) no-repeat bottom;} /* Footer neutral */ /*#footer_pilavas {margin:0; height:174px; background: url(img/footer_pilavas-xmas.jpg) no-repeat bottom;} Weihnachtsfooter mit Frau*/ /*#footer_pilavas {margin:0; height:174px; background: url(img/footer_pilavas-wm.jpg) no-repeat bottom;}*/ #designed_by {text-align:right; padding-right:20px; padding-top:147px; font-size:11px; color:#C76E00;} /*PRODUKT BOXEN*/ .produkt_header {margin:0; padding:0 8px 0 8px; background-image:url(img/produkt_top.jpg);background-repeat: no-repeat; height:34px; font-size:15px; color:#000;} /*line-height: 34px;*/ .produkt_body {padding:8px; margin-bottom:0px; background:#ffd35b url(img/produkt_middle.jpg) left repeat-y; color:#000000;} .produkt_footer {margin-bottom:10px; border:0px; background-image:url(img/produkt_bottom.jpg); background-repeat: no-repeat; height:63px;} .produkt_teaser {font-size:10px; text-align:justify; color:#000000;} .price {font-size:14px; font-weight:bold; color:#000000;} .productOldPrice {text-decoration:line-through; font-size:12px; color:#FF0000;} .preisinfo {font-size:10px; padding-left:20px; color:#000000;} /* CATEGORY MENU */ h2.categoryheader {margin:0; padding:0 8px 0 8px; background-image:url(img/navi-box-top.jpg); background-repeat: no-repeat; height:38px; font-size:15px; line-height: 38px; color:#000;} h2.categoryheader a {text-decoration:none; color:#333} ul#categorymenu {padding:5px 5px 0 5px; background-image:url(img/navi-box-mitte.jpg); background-repeat: repeat-y; list-style-type:none;} ul#categorymenu li {height:25px; line-height:25px;} ul#categorymenu li a{display:block; text-decoration:none; color:#000000;} ul#categorymenu li a:hover{background-color:#fda538;} .levelfoot {margin-bottom:10px; border:0px; background-image:url(img/neutral-box-bottom.jpg); background-repeat: no-repeat; height:43px;} } /* 1st TIER */ ul#categorymenu li.CatLevel1 { background-color:#FFD733; border-bottom:1px solid #F7C600;} ul#categorymenu li.CatLevel1 a { font-weight:600; color:ffffff;} .SpezielleKlasse {color:#0000FF;} /* 2nd TIER */ ul#categorymenu li.CatLevel2 {background-color:#FFCC00; font-size:12px;} ul#categorymenu li.CatLevel2 a {padding-left:20px;} /* 3rd TIER */ ul#categorymenu li.CatLevel3 {background-color:#FFC20B; font-size:12px;} ul#categorymenu li.CatLevel3 a {padding-left:30px;} /* 4rd TIER */ ul#categorymenu li.CatLevel4 {background-color:#F0B500; font-size:12px;} ul#categorymenu li.CatLevel4 a {padding-left:40px;} /* BOXES GLOBAL DEFINITION */ h2.boxheader {margin:0; padding:0 8px 0 8px; background-image:url(img/navi-box-top.jpg); background-repeat: no-repeat; height:38px; line-height:38px; font-size:15px; color:#000000;} .boxbody {padding:10px; margin-bottom:0px; background:#ffd35b url(img/navi-box-mitte.jpg) left bottom repeat-y; color:#000000;} .boxbody2 {padding:10px; margin-bottom:0px; background:#ffd35b url(img/navi-box-mitte.jpg) left bottom repeat-y; color:#000000;} .boxbody h3, .boxbody h3 a {font-size:13px;} .boxbody h3.center, .boxbody h3.center a {font-size:13px; text-align:center; } .boxbody p {color:#000000; font-size:13px; margin:6px 0 6px 0;} .boxbody p.center {color:#000000; font-size:13px; text-align:center; margin:6px 0 6px 0;} .boxbody td {color:#000000; font-size:13px; margin:6px 0 6px 0;} .boxbody .productOldPrice {font-size:13px; color:#FF0000} .boxbody div.hr {margin-top:5px; margin-bottom:5px} .boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody a {font-size:13px; color:#ff9933; font-weight:bold;} /*.boxbody .productboximage {border: solid 1px #999999;} */ .boxbody ul.contentlist {margin-right:0; padding:0;} .boxbody ul.contentlist li {margin-left:0; padding:0; list-style-type:none} h2.leftboxheaderyellow {margin:0; padding:0 8px 0 8px; background-image:url(img/navi-box-top.jpg); height: 38px; line-height:38px; font-size:15px; color:#000; } .leftboxbodyyellow {padding:8px; margin-bottom:10px; background:#ffcc00 url(img/bg_leftboxbodyyellow.png) no-repeat left bottom;} .leftboxheaderyellowinner {padding:5px 5px 0 3px; background:url(img/bg_leftboxyellowinner.png);} .leftboxbodyyellowinner {padding:5px 5px 10px 3px; background:url(img/bg_leftboxyellowinner.png) left bottom;} h2.leftblue {margin:0; padding:0 8px 0 8px; background-image:url(img/navi-box-top.jpg); height: 38px; line-height:38px; font-size:15px; color:#000000;} .leftboxbodyblue { padding:8px; margin-bottom:15px; background:#2CA9C6 url(img/bg_leftboxbodyblue.png) left bottom no-repeat;} h2.right {margin:0; padding:0 8px 0 8px; background-image:url(img/navi-box-top.jpg); background-repeat: no-repeat; height: 38px; line-height:38px; font-size:15px; color:#000000;} h2.right a{color:#000000; text-decoration: none;} h2.right a:hover{color:#ff9933; text-decoration: none;} .rightboxbody { margin-bottom:0; padding:10px 15px 25px 15px; background:#ffd35b url(img/navi-box-mitte.jpg) left bottom repeat-y;} .rightboxbody h3, .rightboxbody h3 a {font-size:13px;} .rightboxbody h3.center, .rightboxbody h3.center a {font-size:13px; text-align:center; } .rightboxbody p { margin:6px 0 6px 0;} .rightboxbody p.center { text-align:center; margin:6px 0 6px 0;} .rightboxbody td {font-size:13px; margin:6px 0 6px 0;} .rightboxbody .productOldPrice {text-decoration:line-through; font-size:12px; color:#FF0000;} .rightboxbody div.hr {margin-top:5px; margin-bottom:5px} .rightboxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .rightboxbody a {font-size:13px; font-weight:bold;} /*.rightboxbody .productboximage {border: solid 1px #999;} */ .rightboxbody ul.contentlist { margin:0; padding:0;} .rightboxbody ul.contentlist li {margin:0px; padding:0; list-style-type:none;} /*FOOT COL */ #footcol { margin:0; background:#72B0DA url(img/bg_footcol.png) repeat-x bottom; width:100%; border-top:5px solid #2B72A2; border-bottom:5px solid #1F5474;} #footcolbox { margin:0; padding:10px;} h2.footboxheader , h2.footboxheader a{ margin:0; padding:0; background:#225b80; text-align:center; color:#ff9933; line-height:25px; text-decoration:none;} .footboxbody {padding:5px;} .footboxbody a:link, .footboxbody a:active, .footboxbody a:visited {text-decoration: none; color:#ff9933} .footboxbody ul.contentlist {list-style:square url(img/icon_arrow.gif) inside;} .footboxbody li{padding-left:10px; border-bottom:1px dotted #225b80; line-height:22px;} .footboxbody a:hover{text-decoration:underline; line-height:22px;} /* PRODUCT PREVIEW */ .productPreview {float:left; padding:0 5px 0 5px; margin:4px 0 0 0; background:url(img/vr_productpreview.gif) right repeat-y;} .productPreviewContent {vertical-align:top; color:#666; width:158px;} .productPreviewContent h2 { margin:0; padding:4px 0 4px 0; font-size:15px;} .productPreviewContent h2 a:hover{text-decoration:underline; font-size:15px;} .productPreviewImage { padding:0px; vertical-align:top;} .productPreviewImage img {border: solid 0px #CCC;} .productPreviewContent .price{ color:#000; font-weight:bold;} .productPreviewContent .taxandshippinginfo { color:#666;} .productPreviewContent .vpe {color:#666;} .productPreviewContent .shippingtime { color:#666;} .productPreviewContent .stockimage {margin:0; padding:0;} .productPreviewContent .stockimagetext { font-size:11px; color:#06C;} .productPreviewContent .productOldPrice {text-decoration:line-through; font-size:12px; color:#FF0000;} .productPreviewContent .taxandshippinginfo a {font-size:13px; color:#1B8ADC;} /* PRODUCT INFO / PRODUCT DETAILS */ #productinfo_bg {background-color:#feeb9d;} #productinfowrap {display:table; width:100%;} #productinfoimages {float:left; padding:5px;} #imagenavtopline {text-align:center;} #productinfoimages .productimage {border: 1px solid #ff9933;} #productinfoimages .hrlightgrey {margin:6px 0 6px 0;} #productinfoimages li{list-style-type:none;} #productinfo_desc, #productinfo_media, #productinfo_reviews {clear:both;} #imagenavtopline {border-top:1px solid #FF9933;} #productinfopricewithimages { float:right; width:65%;} #productinfopricewithimages img {cursor:pointer;} #productinfopricewithoutimages {width:100%;} #productinfopricewithoutimages img {cursor:pointer;} #productinfoBG { margin-bottom:5px; padding:5px 5px 3px 5px; background:#feeb9e;} #productinfoHead { margin-bottom:3px; padding:10px; font-size:16px; background:#; font-weight:600; color:#111;} #productinfoText { margin-bottom:3px; padding:10px; border:1px solid #ff9933; color:#111; vertical-align:middle; text-align:justify;} #productinfoText .productprice {padding-left:10px; font-size:15px; font-weight:bold; color:#000000; background:url(img/arrow.gif) no-repeat 0 5px;} #productinfoText .productOldPrice { text-decoration:line-through; font-size:12px; color:#FF0000;} #productinfoText .arrow { padding-left:10px; background: url(img/arrow.gif) no-repeat 0 5px;} #productText { margin-bottom:3px; padding:10px; color:#000000; vertical-align:middle;} #productText .productOldPrice { text-decoration:line-through; font-size:12px; color:#FF0000;} #productinfoprice {padding:5px;} #productinfoprice .hrlightgrey {margin:6px 0 6px 0;} #productinfoprice .productprice { color:#000; font-weight:bold;} #productinfoprice .productOldPrice {text-decoration:line-through; font-size:12px; color:#FF0000;} #productinfoprice .taxandshippinginfo { color:#666;} #productinfoprice .taxandshippinginfo a { color:#666;} #productinfoprice .shippingtime { font-size:12px; font-weight:normal;} #productinfoprice .stockimage {margin:0; padding:0;} #productinfoprice .stockimagetext { font-size:11px; color:#000000;} p.productinfoproductadded {font-size:11px;} .productoptions { padding:10px; background:#feeb9e; border:1px solid #ff9933;} .addtobasket {padding:6px; text-align:right;} /* POPUPS PRODUCTINFO */ body.popupproductinfo {padding:15px;background:none; background-color:#fff} /* POPUP print_order.html */ body.popupprintorder {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px; padding:10px; background-color:#fff;} body.popupprintorder .products tr.header td {font-weight:bold;} body.popupprintorder .products .total {text-align:right; padding:5px;} body.popupprintorder .products .quantity {vertical-align:top; padding:5px;} body.popupprintorder .productname {vertical-align:top; padding:5px;} body.popupprintorder .model {vertical-align:top; padding:5px;} body.popupprintorder .singleprice {vertical-align:top; padding:5px;} body.popupprintorder .totalprice {vertical-align:top; padding:5px;} /* HIGHLIGHTBOX (BACKGROUND) */ div.highlightbox {padding:10px; background-color:#feeca0; border: 1px solid #ff9933;} div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px} div.highlightbox h1 { margin:0; padding:0px 0 10px 0; color:#2B72A2; border:none; font-size:16px} div.highlightbox div.hr { margin:0; padding:0; height:1px; line-height:1px; display:block; border-bottom:1px solid #000000;} .leftbox {float:left; width:20%;} .highbox {padding-top:5px;} /* PAYMENT TYPE SELECTION */ table.paymentblock { margin-bottom:15px; background:#ffffff; border:1px solid #ff9933;} table.paymentblock tr td.header { padding:2px; background:#ff9933; color:#000000; font-weight:bold; white-space:nowrap;} /* SHIPPING TYPE SELECTION */ table.shippingblock { margin-bottom:15px; background:#ffffff; border:1px solid #ff9933;} table.shippingblock tr td.header { padding:2px; background:#ff9933; color:#000000; font-weight:bold; white-space:nowrap;} table.shippingblock tr td {vertical-align:top;} table.shippingblock tr td.description { padding:5px; width:100%; vertical-align:top;} table.shippingblock tr td.radiobutton { padding:5px; vertical-align:top; white-space:nowrap;} table.shippingblock tr td.radiobutton input {margin:0; padding:0;} table.shippingblock tr td.price { padding:5px; vertical-align:top; white-space:nowrap;} /* ORDER DETAILS IN ACCOUNT HISTORY */ table.accounthistoryinfoorderdetails { padding:10px; font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px; background-color:#EDEDED;} table.accounthistoryinfoorderdetails tr td {padding:4px; vertical-align:top;} table.accounthistoryinfoorderdetails tr.header td {font-weight:bold;} table.accounthistoryinfoorderdetails tr.headerrow td {background-color:#DA9401; color:#FFFFFF; font-weight:bold} table.accounthistoryinfoorderdetails tr.headerrow td.left {text-align:left} table.accounthistoryinfoorderdetails tr.headerrow td.center {text-align:center} table.accounthistoryinfoorderdetails tr.headerrow td.right {text-align:right} /* MESSAGEBOX ON CONTACT SITE */ textarea.message_body {width:130px;} /* DOWNLOAD BOX FOR USER DOWNLOADS */ table.downloadbox { margin-bottom:8px; padding: 5px; background:#cccccc; border: 1px solid #ff9933;} table.downloadbox tr td.icon{padding-right: 15px;} table.downloadbox tr td.downloadlink{width:100%;} /* TABLE WICH SHOWS GRADUATED PRICES */ table.graduatedprice { margin-top:5px; font-size:13px; text-align:left;} table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left} /* ORDER DETAILS */ table.orderdetails {font-size:13px; background-color:#FFF2CC; border-style: solid; border-width:1px 1px 1px 1px; border-color:#000000;} table.orderdetails tr td {padding:4px} table.orderdetails tr.headerrow td {background-color:#ff9933; color:#FFFFFF; font-weight:bold} table.orderdetails tr.headerrow td.left {text-align:left} table.orderdetails tr.headerrow td.center {text-align:center} table.orderdetails tr.headerrow td.right {text-align:right} /* ORDER DETAILS CONTENT ROW 1 */ table.orderdetails tr.contentrow1 td {background-color:#feeca0; vertical-align:top;} table.orderdetails tr.contentrow1 td.quantity {text-align:center;} table.orderdetails tr.contentrow1 td.quantity input { padding:2px; font-size:13px; border:solid #2B72A2 1px;} table.orderdetails tr.contentrow1 td.productname {text-align:left;} /* ORDER DETAILS CONTENT ROW 2 */ table.orderdetails tr.contentrow2 td {background-color:#FFCC66; vertical-align:top;} table.orderdetails tr.contentrow2 td.quantity {text-align:center} table.orderdetails tr.contentrow2 td.quantity input { padding:2px; font-size:13px; border:solid #2B72A2 1px;} table.orderdetails tr.contentrow2 td.productname {text-align:left} /* ORDER DETAILS SINGLE PRICE */ table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap} /* ORDER DETAILS TOTAL PRICE PER ITEM */ table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap} /* ORDER DETAILS DELETE CHECKBOX */ table.orderdetails tr td.delete {text-align:center; white-space:nowrap} /* ORDER DETAILS PRODUCT ATTRIBUTES */ table.orderdetails tr td.productname table.productattributes {margin-top:3px;} table.orderdetails tr td.productname table.productattributes tr td {padding:0;} table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;} table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;} /* ORDER DETAILS SUBTOTAL */ table.orderdetails tr td.subtotal {background-color:#ffffcc; text-align:right;border-style: solid; border-width:1px 0 0 0; border-color:#ff9933;} /* PRODUCT NAVIGATOR */ div.productnavigator { padding:8px; background-color:#EDEDED; border: 1px solid #999999;} /* REVIEW LIST */ table.reviewlist {background-color:#FFF2CC; border-style: solid; border-width:0 1px 1px 1px; border-color:#DA9401;} table.reviewlist tr td {padding:4px; white-space:nowrap} table.reviewlist tr.header td {background-color:#DA9401; color:#FFFFFF; font-weight:bold} table.reviewlist tr.contentrow1 td {background-color:#FFF2CC;} table.reviewlist tr.contentrow2 td {background-color:#FFEAAB;} textarea#review {width:100%} /* MEDIA LIST */ .mediacontentrow1 { padding:12px; border:1px solid #ff9933; background-color:#feeca0; white-space:nowrap; overflow: auto;} .mediacontentrow2 { padding:12px; border:1px solid #ff9933; background-color:#9CC7E2; white-space:nowrap; overflow: auto;} /* SITEMAP */ .sitemapwrap {} .sitemapwrap .sitemapleft {background-color:#E8F2F9; border:1px solid #ff9933; width:225px; vertical-align:top;} .sitemapheader {padding:3px; background-color:#000000; color:#FFFFFF; font-weight:bold} .sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {color:#FFFFFF; text-decoration:none;} .sitemapcontent {padding:6px;} .sitemapcontent li {list-style-type:none;} /* COMMENTS ON CHECKOUT CONFIRMATION SITE */ p.checkoutcomment textarea {width:100%} /* ORDER DETAILS ON CHECKOUT SITE */ table.checkoutconfirmationorderdetails {padding:0; margin:0 0 10px 0;} table.checkoutconfirmationorderdetails tr td.productname {width:100%; font-weight:bold;} table.checkoutconfirmationorderdetails tr td.shippingtime {padding:0 0 0 30px; color:#666666; white-space:nowrap;} table.checkoutconfirmationorderdetails tr td.productattributes {padding:0 0 0 30px; color:#666666;} table.checkoutconfirmationorderdetails tr td.productprice {white-space:nowrap; text-align:right;} table.checkoutconfirmationorderdetailstotal { margin:10px 0 0 0; padding:0;} table.checkoutconfirmationorderdetailstotal tr td.name {width:100%; text-align:right;} table.checkoutconfirmationorderdetailstotal tr td.value {white-space:nowrap; text-align:right;} /* AGB ON CHECKOUT SITE */ p.checkoutagb textarea { padding:10px; width:97%;} /* POPUP COUPON HELP,POPUP SEARCH HELP */ .popupContainer {margin:10px;} /* CHECKOUT NAVIGATION */ ul#checkoutnavigation {padding-top:20px;} ul#checkoutnavigation li { float:left; margin:0 0 0 10px; padding:5px; height:30px; list-style-type:none; width:160px;border:1px solid ;} /*border:1px solid ;*/ ul#checkoutnavigation li.active {background:url(img/bg_active.png);border-color:#000000;} /* border-color:#000000;*/ ul#checkoutnavigation li.active .number {font-size:20px; font-weight:bold;} ul#checkoutnavigation li.active .title {font-size:14px; font-weight:bold;} ul#checkoutnavigation li.active .description {font-size:13px;} ul#checkoutnavigation li.inactive {color:#999999; background:url(img/bg_inactive.png);border-color:#000000;} /* border-color:#000000;*/ ul#checkoutnavigation li.inactive .number {font-size:20px; font-weight:bold;} ul#checkoutnavigation li.inactive .title {font-size:14px; font-weight:bold;} ul#checkoutnavigation li.inactive .description {font-size:13px} /* ERROR MESSAGES */ p.errormessage {border: solid #ff0000 2px; padding:15px; background-color:#FFD6D6;} ul.messageStack { padding:8px; border: 2px solid #B22020; background-color:#FFD6D6;} ul.messageStack li {} ul.messageStack li.messageStackError {list-style:none; padding:5px 0 2px 20px; background-image:url(../../images/icons/exclamation.gif); background-repeat:no-repeat; background-position:0px 4px;} ul.messageStack li.messageStackWarning {list-style:none; padding:5px 0 2px 20px; background-image:url(../../images/icons/icon_alert.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#FFD6D6;} ul.messageStack li.messageStackSuccess {list-style:none; padding:5px 0 2px 20px; background-image:url(../../images/icons/icon_accept.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#FFD6D6;} /* SUCCESS MESSAGE */ .messageStackSuccess {padding:4px; background-color:#66FF66;} /* FOOTER */ .footer {margin-top:1px; padding-top:1.5em; line-height:24px; text-align:center; font-size:11px; color:#efefef; background:#94A2AD url(img/bg_foot.png) no-repeat 50% 0;} .footer a { text-decoration:underline;} /* xt:Commerce COPYRIGHT */ .copyright { text-align:center; font-size:11px; color:#efefef;} /* xt:Commerce ParseTime */ .parseTime { margin:0; padding-bottom:1.5em; text-align:center; font-size:11px; color:#efefef;} /* SITE Navigation */ div#NAVIGATION {clear:both; vertical-align:middle;} div#NAVIGATION .COUNT { float:left; bottom:0; height:20px; line-height:15px; margin:5px 0 0 0; padding:2px 5px 0 5px; vertical-align:middle; } div#NAVIGATION .PAGES { float:right; bottom:0; height:20px; line-height:15px; margin:5px 0 0 0; padding:2px 5px 0 5px; vertical-align:middle; } /* PRODUCTS Sorting */ p.products_sort { margin-bottom:8px; padding:5px; background-color:#FFF2CC; border:1px solid #E9D28F;} .products_sort { margin-bottom:8px; padding:5px; height: 25px; background-color:#FFF2CC; border:1px solid #E9D28F;} .products_sort form {float:left;} /*AGB*/ div#checkout_agb{ padding:2px; width:100%; height:300px; overflow: auto; border: 1px solid #000000; text-align:left;}