/* -----------------------------------------------------------------------------------------

   $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; margin:0; padding:0; background-image:url(img/bg.gif); background-color:#FFFFFF;}



/* 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:#c64934} 

a:visited {color:#c64934} 

a:hover,a:active {color:#c64934}

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:950px; background-color:#fff; border-style:solid; border-color:#fff; border-width:0px 10px 0px 10px;}



/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */

#header {height:115px;background: #666 url("img/bg_header.gif") repeat-x; border-bottom: 1px solid #fff; border-top: 10px solid #fff;}

#header	#logo {padding-left:27px; float:left}

#header #search {width: 260px; height:75px; float:right; background: url("img/bg_search_breakline.gif") no-repeat; color:#fff; padding:40px 0px 0px 20px}

#header #search a {color:#fff; 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 {background: url(img/bg_topmenu.gif) repeat-x;}

#topmenu {float:left; padding:0; margin:0; list-style-type:none; height:36px; font-size:13px; background: url(img/bg_topmenu.gif) repeat-x;}

#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 {line-height:36px; vertical-align:middle; text-decoration:none; font-weight:bold; cursor:pointer;color:#fff; margin:0; padding:0;}

#topmenu a:hover {color:#DB9501;}



/* LANGUAGE SELECTION IN TOPMENU LIST */

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



/* 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;

	margin-bottom:15px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 20px;

	_margin-left: 15px;

	padding: 0px;

}

#contentfull {width:890px; padding:0px 30px 0px 30px; margin-bottom:15px;}



/* CATEGORY MENU */

h2.categoryheader {background-color:#D4D0C8; 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 #DB9502; border-width:0px 1px 1px 1px; }

/* 1st TIER */

ul#categorymenu li.level1 {list-style-type:none; background-color:#FF3300; padding:4px 0px 4px 6px; border: solid #fff; border-width:1px 0px 0px 0px;}

ul#categorymenu li.level1 a {text-decoration:none; color:#FFFFFF; font-weight:bold;}

/* 2nd TIER */

ul#categorymenu li.level2 {list-style-type:none; background-color:#EEA003; 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:#EEA003; 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:auto

}

.productimage1 {

	margin: 5px;

	padding: 5px;

	border: 1px solid #999;

}

#productinfoimages {

	float:left;

	background-color:#EDEDED;

	text-align:center;

	width:140px;

	padding:10px;

	margin:0px 10px 10px 0px;

	border: solid 1px #999999;

}

#productinfoimages .productimage {

	border: solid 1px #999999;

}



#productinfoimages1 {

	background-color:#EDEDED;

	text-align:center;

	width:100%;

	padding-top:10px;

	padding-bottom:10px;

	padding-left:0px;

	padding-right:0px;

	border: solid 1px #999999;

	vertical-align: top;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

#productinfoimages1 .productimage {

	border: solid 1px #999999;

}



#productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;}

#productinfopricewithimages {

	float:right;

	width:320px;

	clear: right;

}

#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:#CCCCCC;

	padding:6px;

	border-style:solid;

	border-width:1px 1px 1px 1px;

	border-color:#999999;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

.addtobasket {

	background-color:#CCCCCC;

	padding:6px;

	text-align:right;

	border-style:solid;

	border-width:1px 1px 1px 1px;

	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:#DA9401; 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:#DA9401; 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:#DA9401;}

table.orderdetails tr td {padding:4px}

table.orderdetails tr.headerrow td {background-color:#DA9401; 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 #DA9401 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 #DA9401 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:#DA9401;}



/* 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:#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 */

table.medialist {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401;}

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:#DA9401; display:table; float:left; width:235px; margin-bottom:15px;}

.sitemapwrap .sitemapright {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401; display:table; float:right; width:235px; margin-bottom:15px;}

.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 {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:185px; margin-right:15px; border: solid 1px; padding:8px}

ul#checkoutnavigation li.active {background-color: #FFEAAB}

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:970px; background-color:#FFFFFF; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px;}

/* XTC ParseTime */

.parseTime {margin: 0 auto; width:970px; background-color:#FFFFFF; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px;}

div.productnavigator a {

	padding:0px;

	font-size: 11px;

	margin: 0px;

}

