/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $   

   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
   
   ...and at the end modified by nanoGRAPHICS to fit zunfthoseCOM. 
   ---------------------------------------------------------------------------------------*/
/***** introducing some good 'ol html tags... *****/
body {font-family:Arial,Helevtica,sans-serif;color:#000;margin:0px;padding:0px;background-image:url(img/bg_z2.gif);}
h1 {font-size:18px;font-weight:bold;margin: 2px 0px 2px 0px;color:#369;}
h2, h3, h4, h5, h6 { font-size:16px; font-weight:bold; margin: 0px; color: #369;margin: 6px 0px 2px 0px; }
a { color: #333; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
/* forms */
form {display: inline;}
textarea {width: 90%;font-size: 12px;color: #222;}
input {background-color: #fff;color: #222;font-size: 12px;}
checkbox, radio, select {font-size: 12px;}

.crght {font-size: 11px;color: #7799bb;}
.crghtyz {font-size: 12px;color: #666;}
.crght a {font-size: 11px;color: #7799bb;}
.crght a:hover {font-size: 11px;color: #369;}
#cr a{font-size: 11px;color: #7799bb;text-decoration: underline;}
#cr a:hover {font-size: 11px;color: #036;text-decoration: none;}
#prc {font-weight: bold;color: #ff6600;font-size: 16px;}
#proOpt {
	border-top: 1px solid #7799bb;
	border-right: 1px solid #7799bb;
	border-bottom: none;
	border-left: 1px solid #7799bb;
	padding: 4px;
	background-color: #e8eef3;
	color: #036;
}
#proDesc {
	border-top: 1px solid #7799bb;
	border-right: 1px solid #7799bb;
	border-bottom: none;
	border-left: 1px solid #7799bb;
	padding: 0px;
	background-color: #fff;	
}
#proPic {
	border-top: 1px dotted #bbccdd;
	border-right: 1px solid #7799bb;
	border-bottom: 1px solid #7799bb;
	border-left: 1px solid #7799bb;
	padding: 4px;
	background-color: #fff;
	color: #036;
}
#proO {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-color: #fff;
	padding: 4px;
}
#proInfo {
	border-top: none;
	border-right: 1px solid #7799bb;
	border-bottom: 1px solid #7799bb;
	border-left: 1px solid #7799bb;
	padding: 1px;
		font-size:11px;
	background-color: #e8eef3;
	color: #036;	
}
#proNav {
	border-top: none;
	border-right:1px solid #7799bb;
	border-bottom:1px solid #7799bb;
	border-left:1px solid #7799bb;
	background-color: #bbccdd;
	font-size:11px;
	padding:1px 4px 1px 4px;
	text-align: center;
	font-weight: normal;
	color: #036;
}
#proNav a {
	font-weight: normal;
	text-decoration: none;
	color: #036;
}
#proNav a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #ff6600;
}
.inputRequirement { font-size: 12px; color: #369; }
table.formArea {background: #f9f9f9;border: 1px dotted #bbbbbb;}
td.formAreaTitle {font-size: 12px;font-weight: bold;}
/***** now some ids, better have some :) *****/
/*** start ***/
#nHead{
  height:162px;
  font-weight:bold;
  font-size:12px;
  color:#fff;}
#nHead a{
  height:22px;
  font-weight:bold;
  font-size:12px;
  color:#fff;}
#nHead a:hover{
  height:22px;
  font-weight:bold;
  font-size:12px;
  color:#fff;}
/*navigation*/ #nNav{}
#fooNav {font-size:11px;font-weight:bold;color:#fff;}
#fooNav a{font-size:11px;font-weight:bold;color:#fff;}
#nBody{background-color:#fff;}
#nLBox{} #nContent{} #nRBox{}
#nBack {border:none;padding:5px 5px 5px 0px;background-color:#fff;}
#welcome {border:1px solid #a4bbd1;background-color:#e8eef3;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#welcomeD {border:1px solid #7799bb;background-color:#f7f9fb;font-size:13px;padding:4px 4px 8px 4px;}
#welcomeB {border:1px solid #a4bbd1;background-color:#e8eef3;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#welcomeC {border:1px solid #a4bbd1;background-color:#e8eef3;font-size:13px;padding:8px 4px 16px 4px;color:#036;}
#welcomeF {border:1px solid #a4bbd1;background-color:#e8eef3;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#welcomeFF {border:1px solid #a4bbd1;background-color:#e8eef3;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#welcomeX {border:1px solid #7799bb;background-color:#f7f9fb;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#welcomeZ {border:1px solid #7799bb;background-color:#f7f9fb;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#welcomeG {border:1px solid #a4bbd1;background-color:#e8eef3;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#welcomeH {border:1px solid #a4bbd1;background-color:#e8eef3;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#welcomeJ {border:1px solid #a4bbd1;background-color:#e8eef3;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#welcomeK {border:1px solid #a4bbd1;background-color:#e8eef3;font-size:13px;padding:4px 4px 8px 4px;color:#036;}
#lightG {border:1px solid #e8eef3;background-color:#f7f9fb;font-size:12px;padding:4px 4px 8px 4px;color:#036;}
#lightW {border:1px solid #fff;background-color:#fff;font-size:12px;padding:4px 4px 8px 4px;}
#blueBack {background-color: #bbccdd;}
#pNav {
border:1px dotted #f0f0f0;
background-color:#f9f9f9;
padding:4px 40px 6px 14px;
margin: 0px 0px 8px 30px;
}
/***** classes *****/
.seo{position:absolute;top:-500px;height:auto;width:auto;}
.cAcc {
font-size: 12px;
font-weight: bold;
color: #222;
}
.copy {
font-size: 14px;
line-height: 1.4em;
}
.copySmall {
font-size: 110px;
line-height: 1.4em;
}
.copy a {
font-size: 14px;
line-height: 1.4em;
color: #036;
text-decoration: none;
font-weight: normal;
}
.copy a:hover {
font-size: 14px;
line-height: 1.4em;
color: #369;
text-decoration: underline;
font-weight: normal;
}
td.main, p.main {font-size: 14px;line-height: 1.4em;}
.main a {
font-size: 14px;
line-height: 1.4em;
color: #036;
text-decoration: underline;
font-weight: normal;
}
.main a:hover {
font-size: 14px;
line-height: 1.4em;
color: #369;
text-decoration: none;
}
span.greetUser {font-size: 14px;color: #369;font-weight: bold;}
span.underline {/**/}
/* boxes...first the left one */
.navLeft {background-color: #fff;width: 190px;}
.navRight { background-color: #fff;width: 190px;}
.infoBox {
  background-color: #f7f9fb;
  border-top:none;
  border-right:1px solid #d1dde8;
  border-bottom:1px solid #d1dde8;
  border-left:1px solid #d1dde8;
}
.RinfoBox {
  background-color: #f7f9fb;
  border-top:none;
  border-right:1px solid #7799bb;
  border-bottom:1px solid #7799bb;
  border-left:1px solid #7799bb;
}
.sinfoBox {background-color: #fff;}
.winfoBox {
  background-color: #f7f9fb;
  border-top:none;
  border-right:1px solid #e8eef3;
  border-bottom:1px solid #e8eef3;
  border-left:1px solid #e8eef3;
}
.blue {color: #369;}
.onepxwidth {width: 1px;}
.infoBox_cart {
  background: #e8eef3;
  border-top:none;
  border-right:1px solid #7799bb;
  border-bottom:1px solid #7799bb;
  border-left:1px solid #7799bb;
  color: #036;
}
.infoBox_cart a {
  color: #036;
  text-decoration: none;
}
.infoBox_cart a:hover {
  color: #036;
  text-decoration: underline;
}
td.infoBoxHeading {
  font-size: 12px;
  font-weight: bold;
  background-color: #369;
  background-image:url(../../images/bg_box.jpg);
  height:17px;
  color: #fff;
}
td.RinfoBoxHeading {
  font-size: 12px;
  font-weight: bold;
  background-color: #bbccdd;
  height:17px;
  color: #036;
}
td.infoBox, span.infoBox {
  font-size: 12px;
  background: #f7f9fb; 
}
td.RinfoBox, span.RinfoBox {
  font-size: 12px;
  background: #f7f9fb; 
}
/* right */
td.infoBoxHeading_right {
  border-top:1px solid #7799bb;
  border-right:1px solid #7799bb;
  border-bottom:none;
  border-left:1px solid #7799bb;
  font-size: 11px;
  font-weight: bold;
  background: #bbccdd;
  height:17px;
  color: #036;
}
td.infoBox_right, span.infoBox_right {
  font-size: 12px;
  background: #e8eef3; 
}
.boxText { font-size: 12px;}
/**/
.infoBoxContents {font-size: 12px;}
.infoBoxNotice {background: #FF6600;}
.infoBoxNoticeContents {
  background: #fff;
  font-size: 44px;
  color: #ff6600;
}
/* Module-Rows */
.moduleRow {
  font-size: 12px;
  line-height: 1.4em;
  border: 1px solid #f7f9fb;
}
.moduleRowOver { 
  background-color: #fff; 
  border: 1px solid #bbccdd;
  font-size: 12px;
  line-height: 1.4em; 
}
.moduleRowSelected { background-color: #e8eef3; border:1px solid #7799bb;}
/**/
.boxTextBG {font-size: 11px;background-color: #f7f9fb;}
.boxTextBGII {font-size: 11px;background-color: #f7f9fb;}
.boxTextPrice {font-size: 11px;color: #ff6600;}
.errorBox {
	font-size : 11px;
	font-weight: bold;
	background-color: #fff;
	color: #ff6600;
}
.gvBox {
	font-size : 14px;
	font-weight: bold;
	border: 1px solid #7799bb;
	background-color: #e8eef3;
	color: #036;
}
.stockWarning { font-size : 11px;color: #cc0033;}
.productsNotifications {background-color: #f2fff7;}
.orderEdit { font-size : 11px;color: #ff6600;text-decoration: underline;}
img{border:0;}
TR.header {background-color: #fff;}
TR.headerNavigation {background: #F6F6F6;}
TD.headerNavigation {
	font-size: 11px;
	color: #000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}
A.headerNavigation {color: #000;}
A.headerNavigation:hover {color: #000;}
TD.conditions {background-color: #fff;color: #369;}
A.confirmationEdit {color: #369;font-style: italic;}
A.confirmationEdit:hover {color: #369;font-style: italic;text-decoration: underline;}
TR.headerError {background-color: #f60;}
TR.headerMessage {background-color: #00CC33;}
.moduleHeading {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	color:#369;
}
TD.headerError {
  font-size: 12px;
  background: #f60;
  color: #fff;
  font-weight : bold;
  text-align : center;
}
TR.headerInfo {background: #00ff00;}
TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
TR.footer {background: #bbc3d3;}
TD.footer {
font-size: 11px;
background: #F6F6F6;
color: #000;
font-weight : bold;
border-bottom: 1px solid;
border-color: #b6b7cb;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {background:#f8f8f9;}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {background: #f8f8f9;}
TABLE.productListing {border: 1px solid #b6b7cb;border-spacing: 1px;}
.productListing-heading {font-size: 11px;background: #b6b7cb;color: #fff;font-weight: bold;}
TD.productListing-data {font-size: 11px;}
A.pageResults {font-size: 12px;color: #036;text-decoration: underline;}
A.pageResults:hover {font-size: 12px;color: #ff6600;text-decoration: none;}
TD.pageHeading, DIV.pageHeading {font-size: 16px;font-weight: bold;color: #000;}
TR.subBar {background: #f4f7fd;}
TD.subBar {font-size: 11px;color: #000;}
TD.smallText, SPAN.smallText, P.smallText {font-size: 12px;}
TD.accountCategory {font-size: 13px;color: #aabbdd;}
TD.fieldKey {font-size: 12px;font-weight: bold;}
TD.fieldValue {font-size: 12px;}
TD.tableHeading {font-size: 12px;font-weight: bold;}
SPAN.newItemInCart {font-size: 11px;color: #f60;}
TD.copyright {font-size: 9px;text-align:center;color:#333;}
SPAN.markProductOutOfStock {font-size: 12px;color: #c76170;font-weight: bold;}
SPAN.productSpecialPrice {font-size: 11px;color: #ff6600;}
SPAN.productOldPrice {font-size: 11px;color:#ff6600;text-decoration: line-through;}
SPAN.errorText {color: #f60;}
SPAN.productDiscountPrice {color: #333;font-size: 12px;font-weight: bold;}
.smallHeading {	font-size: 12px;	font-weight: bold;	color: #222;}
.checkoutBarFrom, .checkoutBarTo { font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 12px; color: #369; font-weight: bold; }
/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-size: 7pt; }.heading2 { font-size: 9pt; }.heading3 { font-size: 10pt; }.heading4 { font-size: 12pt; }.heading5 { font-size: 16pt; }
/* Sitemap Tables */
.sitemap_heading {font-size: 11pt; color: #fff;background-color: #369;padding-top:2px;padding-bottom:2px;}
.sitemap_heading a {color:#fff;}
.sitemap_heading a:hover {color:#fff; text-decoration:underline;}
.sitemap_sub {font-size: 9pt; color: 369; background-color: #fff; padding: 2px 2px;}
.sitemap_sub a {color:#369; text-decoration:none;}
.sitemap_sub a:hover {color:#369; text-decoration:underline;}
/* message box */
.messageBox { font-size: 11px; }
.messageStackError, .messageStackWarning { font-size: 12px; font-weight: bold; background-color: #fff; color: #cc0000; }
.messageStackSuccess { font-size: 12px; background-color: #fff; color: #390; }
/* input requirement */
.tableShop {background-color: #fff;border-left: 1px solid;border-right: 1px solid;border-color: #b6b7cb;}
.contentsTopics {font-size: 14px;font-weight: bold;}
.tableListingI {background-color: #eeeeee;}
.tableListingII {background-color: #d0d0d0;}
.tableBody {padding: 5px;}
.poweredby {font-size: 9px;color: #bbbbbb;font-weight: normal;}
.onepxwidth {width: 1px;}
input,select,textarea {border:1px solid #aaa;}