/* -----------------------------------------------------------------------------------------
   $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 
   -----------------------------------------------------------------------------------------
   
   Blue Passion Template & Stylesheets
   -----------------------------------------------------------------------------------------
   (c) 2007 Ing. Michael Fürst
       bluegate communications
	   http://www.bluegate.at
   ---------------------------------------------------------------------------------------*/

/* THE BIG GUYS */
* {margin:0;padding:0}
body  { color: #70000; font-size: 13px; font-family: Verdana, Arial, Sans-serif; background: #6a6653}

/* HEADINGS */
h1    { color: black; font-weight: bold; font-size: 12px; margin: 20px 0px 15px; padding: 0px 0px 3px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #ffcc99; width: auto }
h2    { color: #700000; font-weight: bold; font-size: 12px; margin: 14px 0px 8px; padding: 0px }

/* LINKS GLOBAL */
a,a:link,a:link,a:link,a:hover    { color: #700000; font-size: 10px; background-color: transparent; cursor: pointer  } 
a:link   { color: #700000; font-size: 10px } 
a:visited   { color: #700000; font-size: 10px } 
a:hover,a:active   { color: #700000; font-size: 10px }
a img {border:none}

/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input {font-family:Arial,Verdana,Sans-serif; font-size:12px; padding:2px}
textarea {font-family:Arial,Verdana,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:Arial,Verdana,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:0; margin:0; height:1px; overflow:hidden; line-height:1px; border:none}
div.hrlightgrey {padding:0; height:1px; overflow:hidden; margin:0; line-height:0px; background-color:#6A6653}
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:950px; background-color:#fff; border-style:solid; border-color:#fff; border-width:0px 15px 0px 15px;}

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header  { background-color: #ffffff; border-top: 10px solid #700000; height: 100px }
#header	#logo {padding:10px 0px 0px 20px; float:left; width:300px;}
#header #search  { color: #000; font-size: 11px; background: url(img/bg_searchbox.jpg) no-repeat; float: right; margin: 0; padding: 0; position: relative; width: 337px; height: 35px }
#header #search a   { color: gray; font-size: 10px }
#header #search table.tablesearch {padding:5px 5px 0px 15px; margin:0;}
#header #search table.tablesearch tr td {padding:0px 5px 0px 0px; white-space:nowrap}
#header #search table.tablesearch tr td.firstcol {padding-left:0px;}
#header #search table.tablesearch tr td input[type=text]  { border: solid 1px #700000 }

#header #loginarea  { color: #700000; font-size: 11px; background: url(img/bg_loginarea.jpg) no-repeat; float: right; margin: 12px 0px 0px; padding: 6px 0px 0px 6px; position: relative; width: 464px; height: 44px }
#header #loginarea table tr td {padding:0px 0px 0px 8px; margin:0; white-space:nowrap}
#header #loginarea table tr td input[type=text], #header #loginarea table tr td input[type=password]  { border: solid 1px #ddd }
#header #loginarea a {color:#fff;}

/* BREADCRUMB PATH AS LIST */
#breadcrumb  { color: gray; font-weight: normal; font-size: 10px; background: #fff url(img/bg_breadcrumb.gif) no-repeat; list-style-type: none; clear: both; margin-bottom: 15px; padding: 0px 0px 0px 25px; height: 26px }
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active  { color: black; font-weight: normal; line-height: 20px; text-decoration: none; margin: 0; padding: 0; cursor: pointer }

/* TOPMENU AS LIST */
#topmenuwrap {background: url(img/bg_topmenu.gif) repeat-x; border-bottom: solid 5px #ffcc99;}
#topmenu  { font-size: 12px; background: url(img/bg_topmenu.gif) repeat-x; list-style-type: none; float: left; margin: 0; padding: 0; height: 36px }
#topmenu li {height:36px; float:left; padding: 0px 25px 0px 25px; margin:0; background: url("img/bg_topmenu_breakline.gif") no-repeat; background-position:right;}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active  { color: #fff; font-weight: bold; line-height: 30px; text-decoration: none; vertical-align: middle; margin: 0; padding: 0; cursor: pointer }
#topmenu a:hover  { }

/* LANGUAGE SELECTION IN TOPMENU LIST */
#languages  { font-size: 10px; background: url(img/bg_topmenu.gif) repeat-x; text-align: right; margin: 0; padding: 10px 10px 0px 0px; height: 26px }

/* CONTENT WRAPPER */
#contentwrap {clear:both;width:950px;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:495px; padding:0px 25px 0px 25px; margin-bottom:15px; margin-top:-13px;}
#contentfull {width:890px; padding:0px 30px 0px 30px; margin-bottom:15px;}

/* CATEGORY MENU */
h2.categoryheader   { color: #555; font-size: 12px; text-decoration: underline; vertical-align: middle; margin: 0; padding: 5px 0px 5px 3px; border-bottom: 0px solid #a5bbe7 }
h2.categoryheader a  { color: #555; text-decoration: none }
ul#categorymenu {margin-bottom:20px;}
/* 1st TIER */
ul#categorymenu li.level1  { font-size: 13px; background: url(img/bg_categorymenu_l1.gif) no-repeat; list-style-type: none; padding: 2px 0px 2px 15px; border-top: solid #fff; border-right: 1px solid #a5bbe7; border-bottom: 0px solid #a5bbe7; border-left: solid #fff }
ul#categorymenu li.level1 a   { color: #700000; font-weight: bold; font-size: 11px; text-decoration: underline; margin: 0 }
/* 2nd TIER */
ul#categorymenu li.level2  { list-style-type: none; padding: 2px 0px 2px 30px; border-right: 1px solid #cad8f4; border-bottom: 0px solid #cad8f4 }
ul#categorymenu li.level2 a   { color: #700000; font-weight: normal; font-size: 10px; text-decoration: underline; border-right: 40px none }

/* TABLE CATEGORY LISTING (SHOW SUBCATEGORIES) */
table.categoryListing {width:100%}
table.categoryListing td.categoryLabel{width:100%}
table.categoryListing td.categoryImage{padding:0px 15px 0px 0px}

/* BOXES GLOBAL DEFINITION */
h2.boxheader   { color: #222; font-size: 11px; background: #6a6653 url(img/bg_boxheader.jpg) no-repeat; vertical-align: middle; margin: 0; padding: 4px 6px 4px 10px }
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited  { color: #222; text-decoration: none }
.boxbody {padding:8px; margin-bottom:15px; border: solid 1px #6A6653; background-repeat:no-repeat;}
.boxbody h3, .boxbody h3 a {font-size:11px}
.boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center}
.boxbody p {color:#000; font-size:11px; margin:6px 0px 6px 0px}
.boxbody p.center {color:#000; font-size:11px; text-align:center; margin:6px 0px 6px 0px}
.boxbody td {color:#000; font-size:11px; margin:6px 0px 6px 0px}
.boxbody .productOldPrice  { color: gray; font-size: 11px }
.boxbody div.hr {margin-top:5px; margin-bottom:5px;}
.boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;}
.boxbody a  { color: #700000; font-size: 11px }
.boxbody .productboximage {border: solid 1px #6A6653;}
.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  { color: black; font-size: 10px; vertical-align: middle; margin: 0; padding: 5px 0px 5px 3px }
h2.boxcartheader a  { color: black; text-decoration: none }
.boxcartbody  { background-repeat: repeat-x; margin-bottom: 15px; padding: 4px 8px; border: solid 1px #98ad4d }
.boxcartbody p  { color: #000; font-size: 12px }
.boxcartbody a {color:#000}
.boxcartbody .hr   { }

/* PRODUCT PREVIEW */
.productPreview {padding:0; margin:0;}
.productPreviewContent  { font-size: 12px; vertical-align: top; width: 100% }
.productPreviewContent h2 {margin:0; padding:2px 4px 2px 0px;}
.productPreviewContent h2 a, .productPreviewContent h2 a:link, .productPreviewContent h2 a:hover, .productPreviewContent h2 a:visited   { color: black; font-weight: bold; font-size: 12px; text-decoration: none }
.productPreviewImage {vertical-align:top; padding:3px 15px 0px 0px;}
.productPreviewImage img  { border: solid 1px #700000 }
.productPreviewContent .price  { color: #000; font-weight: bold; font-size: 11px; margin: 0; padding: 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 .productOldPrice   { color: black; font-weight: bold; font-size: 10px }
.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:#fff; text-align:center; width:140px; padding:0px 10px 10px 0px; margin:0px 10px 10px 0px;}
#productinfoimages .productimage  { border: solid 1px #700000 }
#productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfopricewithimages {float:right; width:200px}
#productinfopricewithimages img {cursor:pointer}
#productinfopricewithoutimages {width:100%}
#productinfopricewithoutimages img {cursor:pointer}
#productinfoprice {padding:5px}
#productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;}
#productinfoprice .productprice  { font-weight: bold; font-size: 11px; margin: 0; padding: 0 }
#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;}
p.productinfoproductadded {font-size:11px;}
.productoptions    { background-color: #eee; padding: 6px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #ddd }
.addtobasket   { background-color: #eee; text-align: right; padding: 6px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #ffcc99 }

/* POPUPS PRODUCTINFO */
body.popupproductinfo {padding:80px;background:none; background-color:#fff}

/* POPUP print_order.html */
body.popupprintorder  { font-size: 11px; font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; background-color: #fff; padding: 15px }
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  { background-color: #edf6c7; padding: 15px; border: solid 1px #888 }
div.highlightbox a  { color: blue; text-decoration: underline }
div.highlightbox a:hover   { color: #700000; text-decoration: none }
div.highlightbox ul  { line-height: 15px; list-style-type: square; margin-left: 15px; padding: 0; display: block }
div.highlightbox h1  { color: black; font-size: 11px; margin: 0; padding: 0px 0px 10px; border: none }

/* PAYMENT TYPE SELECTION */
table.paymentblock   { background-color: #fff; margin-bottom: 15px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #700000 }
table.paymentblock tr td.header    { color: #222; font-weight: bold; background-color: #eee; padding: 2px 2px 2px 5px }

/* SHIPPING TYPE SELECTION */
table.shippingblock   { background-color: #fff; margin-bottom: 15px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #700000 }
table.shippingblock tr td.header   { color: #444; font-weight: bold; background-color: #f93; padding: 2px 2px 2px 5px }
table.shippingblock tr td {vertical-align:top; padding:4px}
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:#F2F0EB; border: solid #928B6B 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-weight: bold; font-size: 11px; text-align: left }

/* ORDER DETAILS */
table.orderdetails   { font-size: 11px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #700000 }
table.orderdetails a   { color: gray; text-decoration: underline }
table.orderdetails tr td {padding:4px}
table.orderdetails tr.headerrow td   { color: black; 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: #fff; 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 #928B6B 1px;}
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#F6FCDF;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 1px #888 }
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  { text-align: right; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #888 }

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

/* REVIEW LIST */
table.reviewlist  { border-style: solid; border-width: 0px 1px 1px 1px; border-color: #928b6b }
table.reviewlist tr td {padding:4px; white-space:nowrap}
table.reviewlist tr.header td {background-color:#928B6B; color:#FFFFFF; font-weight:bold}
table.reviewlist tr.contentrow1 td {background-color:#ECE9E2;}
table.reviewlist tr.contentrow2 td {background-color:#F2F0EB;}
textarea#review {width:100%}

/* MEDIA LIST */
table.medialist   { background-color: #eee }
table.medialist tr td   { background-color: #eee; vertical-align: top; padding: 6px }
table.medialist tr.contentrow1 td   { background-color: #eee }
table.medialist tr.contentrow2 td   { background-color: #eee }

/* SITEMAP */
.sitemapwrap   { background-color: #eee }
.sitemapwrap .sitemapleft  { background-color: #eee; float: left; margin-bottom: 15px; border: solid 1px #da9401; width: 235px; display: table }
.sitemapwrap .sitemapright  { background-color: #eee; float: right; margin-bottom: 15px; border: solid 1px #da9401; width: 235px; display: table }
.sitemapheader {padding:3px; background-color:#DA9401; 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 {text-align:right}
table.checkoutconfirmationorderdetailstotal tr td.value {white-space:nowrap; text-align:right}

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {width:100%}

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

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

/* FOOTER */
.footer    { color: gray; font-size: 11px; text-align: center; clear: both; margin-bottom: 5px; padding: 8px }
.footer a   { color: gray; text-align: justify }

/* XTC COPYRIGHT */
.copyright   { color: gray; font-size: 8px; text-align: right; margin: 0 auto; padding: 0px 0px 10px; width: 970px }

/* PARSE TIME */
.parseTime  { color: black; font-size: 11px; text-align: center; margin: 0 auto; padding: 0px 0px 10px; width: 970px }