/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   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 {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px; background:url(bg.gif) repeat-x #e4e4e4; margin:30px;}

/* HEADINGS */
h1 {color:#000000;font-weight:bold;font-size:22px;margin:20px 0px 15px 0px;padding:0px;width:auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:#000000;}
h2 {color:#000000; font-weight:bold;font-size:16px;margin:15px 0px 8px 0px;padding:0px;}

/* LINKS GLOBAL */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color: #669900} 
a:visited {color: #669900} 
a:hover,a:active {color: #669900}
a img {border:none}

/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px;}
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:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE}

/* 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:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE}

/* PARAGRAPH GLOBAL */
p {margin:8px 0px 8px 0px}

/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#4E4E4F}
div.hrlightgrey {padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0px; background-color:#999999}
div.hrproductpreview {padding-top:1px; height:0; overflow:hidden; margin:12px 0px 12px 0px; display:inline; height:0px; line-height:0px; display:block; background-image:url(img/hr_productpreview.gif)}

/* TABLE GLOBAL */
table td {padding:2px;}

/* WHOLE SITE WRAPPER */
#wrap {	margin: 0 auto; width:960px; background-color:#fff; border-style:solid; border-color:#fff; border-width:0px 10px 10px 10px;}
#main_border { border:1px solid #ccc; margin:0 auto; width:980px; }

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header {height:115px;background: url("Bilder/header_bg.gif") repeat-x; border-bottom: 1px solid #fff; border-top: 10px solid #fff;}
#header	#logo {float:left}
#search {text-align:right; height:51px; color:#333; float:right; font-size:13px; width:200px; background: url(Bilder/bmid_101.gif) repeat-x; margin:0; line-height:36px;}
#search a {color:#333; font-size:11px;}
#header td {padding-top:1px; padding-right:4px;}

/* BREADCRUMB PATH AS LIST */
#breadcrumb {clear:both; color:#c64934; padding:1px 0px 10px 15px; list-style-type:none; background-color:#fff; height:22px; background-image:url(img/bg_breadcrumb.gif); background-repeat:repeat-x; font-size:11px;}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {line-height:23px; text-decoration:none; font-weight:normal; cursor:pointer;color:#333333; margin:0; padding:0;}

/* TOPMENU AS LIST */
#topmenuwrap { border-top:1px solid #ccc; }
#tab {background: url(Bilder/bmid_101.gif) repeat-x; width:760px; float:left;}
#topmenu {float:left; padding:0; margin:0; list-style-type:none; height:51px; font-size:13px; background: url(Bilder/bmid_101.gif) repeat-x; width:780px;}

#tab ul { margin:0; padding:0;list-style:none;float:left;}
#tab li { display:inline; float:left; margin:0; padding:0; }
#tab a { background:#000000 url("Bilder/bright_101.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; }
#tab a span { display:block; background:url("Bilder/bleft_101.gif") no-repeat left top; padding:0 13px 0 13px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; line-height:51px; }
#tab a:hover,#tab li.item_active a { background-position:right bottom; }
#tab a:hover span,#tab li.item_active a span { background-position:left bottom; color: #669900; font-weight:bold; font-style:normal; text-decoration:none; }

/* LANGUAGE SELECTION IN TOPMENU LIST */
#languages {height:55px; float:right;color:#333; padding:50px 10px 0px 20px }

/* CONTENT WRAPPER */
#contentwrap {clear:both;width:960px;padding:0;}

/* LEFT COLUMN */
#leftcol {float:left; width:200px; padding:0px 0px 15px 0px;}

/* RIGHT COLUMN */
#rightcol {float:right; width:200px; padding:0px 0px 15px 0px;}

/* MAIN CONTENT */
#content {float:left; width:505px; padding:0px 25px 0px 25px; margin-bottom:15px;}
#contentfull {width:890px; padding:0px 30px 0px 30px; margin-bottom:15px;}

/* MAIN CONTENT from Homepage */
#contenthome {float; width:700px; padding:10px 30px 30px 30px; margin-bottom:15px;background-color:#ffa500}

/* LEFT COLUMN from Homepage */
#leftcolhome {float:left; width80px; padding:0px 0px 15px 0px;}

/* Tab from Homepage */
#tabhome {background: url(Bilder/bmid_101.gif) repeat-x; width:960px; float:left;}
#tabhome ul { margin:0; padding:0;list-style:none;float:left;}
#tabhome li { display:inline; float:left; margin:0; padding:0; }
#tabhome a { background:#000000 url("Bilder/bright_101.gif") no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left; }
#tabhome a span { display:block; background:url("Bilder/bleft_101.gif") no-repeat left top; padding:0 13px 0 13px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; line-height:51px; }
#tabhome a:hover,#tab li.item_active a { background-position:right bottom; }
#tabhome a:hover span,#tab li.item_active a span { background-position:left bottom; color: #669900; font-weight:bold; font-style:normal; text-decoration:none; }


/* CATEGORY MENU */
h2.categoryheader {background-color:#990000; background-image:url(img/bg_boxheader.gif);height:28px;font-size:11px; color:#FFFFFF; padding:2px 8px 0px 8px; margin:0; line-height:28px; vertical-align:middle;}
h2.categoryheader a {text-decoration:none; color:#fff}
ul#categorymenu {background-color:#EDEDED; margin-bottom:15px; border: solid #333; border-width:0px 1px 1px 1px; }
/* 1st TIER */
ul#categorymenu li.level1 {list-style-type:none; border: solid #fff; border-width:1px 0px 0px 0px;}
ul#categorymenu li.level1 a {text-decoration:none; color:#333; font-weight:bold; background: #f4f4f4; display:block; height:28px; line-height:28px; padding-left:6px; }
ul#categorymenu li.level1 a:hover {text-decoration:none; color:#333; font-weight:bold; background:#fff; display:block; height:28px; line-height:28px; padding-left:6px;   }
/* 2nd TIER */
ul#categorymenu li.level2 {list-style-type:none; background-color: #669900; padding:4px 0px 4px 24px; border: solid #fff; border-width:1px 0px 0px 0px;}
ul#categorymenu li.level2 a {font-size: 11px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
/* 3rd TIER */
ul#categorymenu li.level3 {list-style-type:none; background-color:#9DC109; padding:4px 0px 4px 40px; border: solid #fff; border-width:1px 0px 0px 0px;}
ul#categorymenu li.level3 a {font-size: 11px; text-decoration:none; color:#FFFFFF; font-weight:bold;}

/* BOXES GLOBAL DEFINITION */
h2.boxheader {background-image:url(img/bg_boxheader.gif);height:28px;font-size:11px; color:#FFFFFF; padding:2px 8px 0px 8px; margin:0; line-height:28px; vertical-align:middle;}
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {text-decoration:none; color:#ffffff}
.boxbody {background-color:#ededed; border-style:solid; border-color:#4E4E4F; border-width:0px 1px 1px 1px; padding:8px; margin-bottom:15px}
.boxbody h3, .boxbody h3 a {font-size:11px}
.boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center}
.boxbody p {color:#000000; font-size:11px; margin:6px 0px 6px 0px}
.boxbody p.center {color:#000000; font-size:11px; text-align:center; margin:6px 0px 6px 0px}
.boxbody td {color:#000000; font-size:11px; margin:6px 0px 6px 0px}
.boxbody .productOldPrice {font-size:11px; color:#FF0000}
.boxbody div.hr {margin-top:5px; margin-bottom:5px}
.boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;}
.boxbody a {font-size:11px;}
.boxbody .productboximage {border: solid 1px #999999;}
.boxbody ul.contentlist {margin-left:5px; margin-right:0; padding:0;}
.boxbody ul.contentlist li {margin-left:0px; padding:0; list-style-type:none}

/* CART BOX */
h2.boxcartheader {background-image:url(img/bg_boxheader.gif);height:28px;font-size:11px; color:#FFFFFF; padding:2px 8px 0px 8px; margin:0; line-height:28px; vertical-align:middle;}
h2.boxcartheader a {text-decoration:none; color:#fff}
.boxcartbody {padding:4px 8px 4px 8px; margin-bottom:15px; background-color:#EDEDED; border-style:solid; border-color:#4E4E4F; border-width:0px 1px 1px 1px;}
.boxcartbody p {font-size:11px;}

/* PRODUCT PREVIEW */
.productPreview {padding:0; margin:0;}
.productPreviewContent {vertical-align:top; width:100%}
.productPreviewContent h2 {padding: 0; margin:0px 0px 5px 0px;}
.productPreviewContent h2 a {font-size:14px; font-weight:bold;}
.productPreviewImage {vertical-align:top; padding:3px 15px 0px 0px;}
.productPreviewImage img {border: solid 1px #999999;}
.productPreviewContent .price{font-size:16px; font-weight:bold; padding:0; margin:0}
.productPreviewContent .taxandshippinginfo {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .vpe {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .shippingtime {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0}
.productPreviewContent .stockimage {margin:0; padding:0;}
.productPreviewContent .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
.productPreviewContent .productOldPrice {font-size:12px; font-weight:bold; color:#ff0000;}
.productPreviewContent .taxandshippinginfo a {font-size:11px; font-weight:normal; color:#999999;}

/* PRODUCT INFO / PRODUCT DETAILS */
#productinfowrap {display:table; width:100%}
#productinfoimages { float:left; background-color:#EDEDED; text-align:center; padding:10px; margin:0px 10px 10px 0px; border: solid 1px #999999;}
#productinfoimages .productimage {border: solid 1px #999999;}
#productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfopricewithimages {float:left; margin-left:15px;}
#productinfopricewithimages img {cursor:pointer}
#productinfopricewithoutimages {width:100%}
#productinfopricewithoutimages img {cursor:pointer}
#productinfoprice {padding:5px}
#productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfoprice .productprice {margin:0; padding:0; font-size:14px; font-weight:bold;}
#productinfoprice .productOldPrice {color:#FF0000;margin:0; padding:0; font-size:12px; font-weight:bold;}
#productinfoprice .taxandshippinginfo {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .taxandshippinginfo a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .shippingtime {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
#productinfoprice .stockimage {margin:0; padding:0;}
#productinfoprice .stockimagetext {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;}
p.productinfoproductadded {font-size:11px;}
.productoptions {background-color:#FFF2CC; padding:6px; border-style:solid; border-width:1px 0px 0px 0px; border-color:#669900}
.addtobasket {background-color:#EDEDED; padding:6px; text-align:right; border-style:solid; border-width:1px 0px 0px 0px; border-color:#999999}

/* 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:15px;background:none; background-color:#fff}
body.popupprintorder .products tr.header td {font-weight:bold; background-color:#EDEDED;}
body.popupprintorder .products .total {text-align:right}
body.popupprintorder .products .quantity {vertical-align:top}
body.popupprintorder .productname {vertical-align:top}
body.popupprintorder .model {vertical-align:top}
body.popupprintorder .singleprice {vertical-align:top}
body.popupprintorder .totalprice {vertical-align:top}

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {padding: 15px; background-color:#FFF2CC; border: solid #E9D28F 1px}
div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px}
div.highlightbox h1 {color:#BE8100; padding:0px 0px 10px 0px; margin:0; border:none; font-size:16px}
div.highlightbox div.hr {height:1px; line-height:1px; margin:0; padding:0; display:block; border-bottom: solid 1px #E9D28F;}

/* PAYMENT TYPE SELECTION */
table.paymentblock {background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#E9D28F; margin-bottom:15px;}
table.paymentblock tr td.header {background-color:#669900; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;}

/* SHIPPING TYPE SELECTION */
table.shippingblock {background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#E9D28F; margin-bottom:15px;}
table.shippingblock tr td.header {background-color:#669900; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;}
table.shippingblock tr td {vertical-align:top;}
table.shippingblock tr td.description {width:100%; vertical-align:top; padding-left:6px;}
table.shippingblock tr td.radiobutton {vertical-align:top; white-space:nowrap; padding:4px;}
table.shippingblock tr td.radiobutton input {margin:0; padding:0;}
table.shippingblock tr td.price {vertical-align:top; white-space:nowrap}

/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {vertical-align:top}
table.accounthistoryinfoorderdetails tr.header td {font-weight:bold}

/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body {width:130px;}

/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {padding: 5px; background-color:#FFF2CC; border: solid #E9D28F 1px; margin-bottom:8px;}
table.downloadbox tr td.icon{padding-right: 15px;}
table.downloadbox tr td.downloadlink{width:100%;}

/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {font-size:11px; text-align:left; margin-top:5px;}
table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left}

/* ORDER DETAILS */
table.orderdetails {font-size:11px; background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#669900;}
table.orderdetails tr td {padding:4px}
table.orderdetails tr.headerrow td {background-color:#669900; 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:#FFF2CC;vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity {text-align:center}
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #669900 1px;}
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#FFEAAB;vertical-align:top}
table.orderdetails tr.contentrow2 td.quantity {text-align:center}
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #669900 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:0px;}
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:#FFEAAB; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#669900;}

/* PRODUCT NAVIGATOR */
div.productnavigator {background-color:#EDEDED; padding:8px; border:#999999 1px solid}

/* REVIEW LIST */
table.reviewlist {background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#669900;}
table.reviewlist tr td {padding:4px; white-space:nowrap}
table.reviewlist tr.header td {background-color:#669900; 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 */
table.medialist {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#669900;}
table.medialist tr td {padding:6px; white-space:nowrap; vertical-align:top}
table.medialist tr.contentrow1 td {background-color:#FFF2CC;}
table.medialist tr.contentrow2 td {background-color:#FFEAAB;}

/* SITEMAP */
.sitemapwrap {}
.sitemapwrap .sitemapleft {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#669900; display:table; float:left; width:235px; margin-bottom:15px;}
.sitemapwrap .sitemapright {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#669900; display:table; float:right; width:235px; margin-bottom:15px;}
.sitemapheader {padding:3px; background-color:#669900; 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:0px 0px 10px 0px; border:none}
table.checkoutconfirmationorderdetails tr td.productname {width:100%; font-weight:bold;}
table.checkoutconfirmationorderdetails tr td.shippingtime {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal; white-space:nowrap}
table.checkoutconfirmationorderdetails tr td.productattributes {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal;}
table.checkoutconfirmationorderdetails tr td.productprice {white-space:nowrap; text-align:right}

table.checkoutconfirmationorderdetailstotal {padding:0; margin:10px 0px 0px 0px; border:none}
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 {width:100%}

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {}
ul#checkoutnavigation li {height: 70px; list-style-type:none; float:left; width:90px; margin-right:15px; border: solid 1px; padding:8px}
ul#checkoutnavigation li.active {background-color: #669900; color:#FFFFFF}
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:11px}

ul#checkoutnavigation li.inactive {color:#999999; background-color: #EDEDED; border-color:#999999}
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:11px}

/* ERROR MESSAGES */
p.errormessage {border: solid #ff0000 2px; padding:15px; background-color:#FFD6D6}

/* SUCCESS MESSAGE */
.messageStackSuccess {padding:4px; background-color:#66FF66}

/* FOOTER */
.footer {clear:both; text-align:center; font-size:11px; color:#666666; background-color:#E2E2E2; padding: 8px; margin-bottom:5px;}
.footer a {color:#666666; text-decoration:underline}


/* XTC COPYRIGHT */
.copyright {margin: 0 auto; width:980px; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px;}
/* XTC ParseTime */
.parseTime {margin: 0 auto; width:980px; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px;}