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

.boxText { 
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.boxTextBG  { font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold }
.boxTextBGII  { font-size: 10px; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: #fbe5e5 }
.boxTextPrice {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ce0707;
}

.errorBox {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	background-color: #ffb3b5;
}
.gvBox {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: bold;
	border: solid 1px #999;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}

BODY {
	color: #000000;
	margin: 0px;
	background-color: #ccffcc;
}

img{
	border:0;
}
A  { color: #000; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none }
A:hover   { color: #006600; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none }
FORM {
	display: inline;
}
TR.header   { background-position: center }
TD.navtrail { color: #000000; font-size: 9px; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: #99CC33; background-repeat: repeat; padding-top: 1px; padding-bottom: 1px; vertical-align: middle; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; }
.headerNavigation:link { color: #000000; }
#headerNavigation { color: #000000; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: #99CC33; background-repeat: repeat; padding-top: 1px; padding-bottom: 1px; vertical-align: middle; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid; }
A.headerNavigation    { color: #000000; font-size: 11px }

A.headerNavigation:hover    { color: #ccc;}
TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError { font-family: tahoma, arial, helvetica; background-color: #ff0000; }

TR.headerMessage { font-size: small; font-family: tahoma, arial, helvetica; background-color: #00cc33; }

.moduleHeading   { color: #000; font-size: small; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #99CC33; text-indent: 5px; height: 18px; }

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #009900;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #009900;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
#infoBox   { 
background: #99cc33;
font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none; }
.infoBox1  {  
background: #ffffff;
font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none; border: solid 1px #999 }
.infoBoxContents {  
background: #99cc33;
font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; background-repeat: repeat; background-attachment: scroll; text-decoration: none; }

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #ffe6e6;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
}
TD.tableBorderinfoBoxHeading  { border-bottom: 1px solid ; border-top-color: #999; border-right-color: #999; border-left-color: #999;#999 }
TD.infoBoxHeading             { color: #0; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #009900; background-repeat: repeat; background-position: 0 0; height: 18px  }
TD.infoBoxHeading_right              { color: #000000; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #99CC33; background-repeat: repeat; background-position: 0 0; height: 18px }

TD.infoBox, SPAN.infoBox  { 
background: #99cc33;
font-size: 10px; font-family: tahoma, Arial, Helvetica, sans-serif;}

TD.infoBox_right, SPAN.infoBox_right   { font-size: 10px; font-family: tahoma, Arial, Helvetica, sans-serif;  background-repeat: repeat; background-attachment: scroll }

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

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

TABLE.productListing {
  border: solid 1px #999;
  border-spacing: 1px;
}

.productListing-heading  { color: #f5f5f5; font-size: 12px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase }

TD.productListing-data {
  font-family:  tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

A.pageResults  { color: #696969 }

A.pageResults:hover  { color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
TD.pageHeading, DIV.pageHeading, TD.pageHeadingLeft, h1    { color: #000; font-size: 16px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-repeat: repeat; text-indent: 5px;}
TD.pageHeading, DIV.pageHeading, TD.pageHeadingLeft    { color: #000; font-weight: bold; background-color: #99CC33; }
TD.pageHeadingModel           { color: #333; font-size: 14px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-repeat: repeat; background-attachment: scroll; text-indent: 5px; padding: 1px 0; width: 100%; vertical-align: middle; border: solid 1px #999  }

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main { 
background: #ffffff;
font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }

TD.smallText, SPAN.smallText, P.smallText {
  font-family: sans-serif;
  font-size: 11px;
}

TD.accountCategory {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.tableHeading  { font-size: 12px; font-family: Tahoma, Arial, sans-serif; font-weight: bold ; }

SPAN.newItemInCart {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TEXTAREA  { font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; padding: 2px; width: 100% }

SPAN.greetUser   { color: #99CC33; font-size: 12px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold }

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea   { font-family: tahoma, Arial, Helvetica, sans-serif; border: solid 1px #696969 }

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  line-height: 1;
  text-align:center;
}
.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  line-height: 1;
  text-align:center;
}
.parseTime {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  line-height: 1;
  text-align:center;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: tahoma, Arial, Helvetica, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: line-through;
}
.productInfoPrice  { color: #000; font-size: 16px; font-family: tahoma, Arial, Helvetica, sans-serif }
SPAN.errorText {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: tahoma, Arial, Helvetica, sans-serif;
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow { }

.moduleRowOver { 
	 cursor: pointer; cursor: pointer;	
}

.moduleRowSelected {  }

.checkoutBarFrom, .checkoutBarTo { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading      { font-size: 10pt; font-family: tahoma, Arial, Helvetica, sans-serif; background-image: url(img/topbg2.gif); background-repeat: repeat; padding-top: 2px; padding-bottom: 2px; border: solid 1px #696969 }
.sitemap_heading a   { color: #99CC33; color: #99CC33 }
.sitemap_heading a:hover  { color: #333; text-decoration: none }

.sitemap_sub    { color: #666; font-size: 9pt; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; border-width: 1px; border-color: #696969 }
.sitemap_sub a   { color: #666; font-size: 9pt; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; border-width: 1px; border-color: #696969 }
.sitemap_sub a:hover  { color: #99CC33; font-size: 9pt; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none; padding: 2px }


/* message box */

.messageBox { font-family: tahoma, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: tahoma, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: tahoma, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: tahoma, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	background-color: #99cc33;
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.navRight {
	background-color: #ccffcc;
	width: 185px;
}

.contentsTopics   { color: #000; font-size: small; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #99CC33; text-indent: 5px; border: solid 1px   }

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby       { color: #000; font-size: 10px; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: #99CC33; background-repeat: repeat-x; text-align: center; height: 20px; }
.onepxwidth  { width: 1px }

.box_border  { border: solid 1px #999 }
.shoppingCardBox  { font-size: 10px; font-family: tahoma, Arial, sans-serif; font-weight: bold; background: #ff8c00; border-color: #ffa500 }

TABLE.shoppingCardHeading     { color: #f5f5f5; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #dc143c; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: uppercase; height: 18px; border: solid 1px #999 }
TR.box_border  { border: solid 1px #999 }
/* td vom product_image in product_info.php*/
.productDescTitle  { color: #000; font-size: 18px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold }
.productDesc   { color: #000; font-size: 12px; font-family: tahoma, Arial, Helvetica, sans-serif;}
TD.inListBG, TD.inListBGR, TD.smallTextImage, TD.tableBorderTopLeft, TD.tableBorderTopLeftRight, TD.tableBorderBottom, TD.tableBorderBottomRight, TD.tableBorderWithoutRight, TD.infoContentTD  { font-size: 11px; font-family: sans-serif; background: url(img/bg_white.gif); border: solid 0 #999 }

TD.inListBGR {
  border-right-width:1px;
}

TD.inListBG, TD.inListBGR, TD.smallTextImage, TD.tableBorderTopLeft, TD.tableBorderTopLeftRight, TD.tableBorderBottom, TD.tableBorderBottomRight, TD.tableBorderWithoutRight, TD.infoContentTD, TD.tableBorderTopLeftBottom, TD.tableBorderTopRightBottom   { font-size: 11px; font-family: sans-serif; background: url(img/bg_white.gif); border: solid 0 #999 }

TD.inListBGR {
  border-right-width:1px;
}
TD.tableBorderTopLeft, TD.tableBorderTopLeftRight, TD.tableBorderBottom, TD.tableBorderBottomRight, TD.tableBorderWithoutRight {  
  border-bottom-width:1px;
  border-left-width:1px;
}
TD.tableBorderTopLeftBottom { 
  border-top-width: 1px; 
  border-bottom-width: 1px;
  border-left-width: 1px
}

TD.tableBorderTopRightBottom {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

TD.tableBorderTopLeftRight {  
  border-right-width:1px;
}

TD.tableBorderBottom {  
  border-bottom-width:1px;
}

TD.tableBorderBottomRight {  
  border-right-width:1px;
  border-bottom-width:1px;
}

TD.tableBorderWithoutRight {
  border-top-width:1px;
}

TD.smallTextImage{
  border-top-width:1px;
  border-bottom-width:1px;
  border-left-width:1px;
  border-right-width:1px;
}

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

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

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

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {width:100%}

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

ul.messageStack {border:solid 2px #B22020; background-color:#FFD6D6; padding:8px}
ul.messageStack li {}
ul.messageStack li.messageStackError {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/exclamation.png); background-repeat:no-repeat; background-position:0px 4px}
ul.messageStack li.messageStackWarning {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/icon_alert.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#FFF2CD}
ul.messageStack li.messageStackSuccess {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/icon_accept.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#66FF66}


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