/*
  $Id: stylesheet.css,v 1.51 2003/01/20 19:46:48 hpdl Exp $
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body {
    background: #FFFFFF;
    color: Black;
}


A { 
  color: #000000; 
  text-decoration: none; 
}

A:hover { 
  color: #AABBDD; 
  text-decoration: underline; 
}

div {
		font-family:arial,helvetica,sans-serif;
		font-size: 11px;
	}
	
FORM {
	display: inline;
}

TR.headerNavigation {
  background-color: #FFFFFF;
  background-image: url('images/infobox/navi-back.gif');
  
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFFFFF url('images/infobox/navi-back.gif');
  color: #000000;
  font-weight : bold;
}

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #AAAAAA;
}


TR.headerError {
  background: #ff0000;
}

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

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

TR.footer {
  background: #ffffff url('images/infobox/footer-back.gif');
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFFFFF url('images/infobox/footer-back.gif');
  color: #000000;
  font-weight: bold;
}


.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFFFFF url('images/infobox/infobox-back.gif');
  background-repeat:repeat-x;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

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

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

TR.productListing-heading {
  background: #FCFCFC url('images/infobox/infobox-back.gif');
}

TD.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background: #FCFCFC url('images/infobox/infobox-back.gif');
  color: #000000;
}

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

A.pageResults { 
  color: #0000FF; 
}

A.pageResults:hover { 
  color: #0000FF; 
  background: #FFFF33; 
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #9a9a9a;
  background : transparent;
}

TR.subBar {
  background: #6699cc;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  background : #6699cc;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  background : transparent;
}

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

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

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

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

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

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

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #6699cc;
  font-weight: bold;
}

TABLE.formArea {
  background: #F5F5F5;
  border-color: #666666;
  border-style: solid;
  border-width: 1px;
}

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

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

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
TD.pollBoxRow {
/*  border:1px transparent #eeeeee;  */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.pollBoxText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-color: #eeeeee;
  border-style: solid;
  border-width: 1px; 
}
TR.pollOptRow {
  background: #f8f8f9;
}
TR.pollFooter {
  background: #f8f8f9;
}

SPAN.errorText { 
     font-family: Verdana, Arial, sans-serif; 
     color: #ff0000; 
} 

.moduleRow { }
.moduleRowOver { background-color: #6699cc; cursor:pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

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

TR.tableHostHeading {
  background: #afcae4;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #193a4d;
}
TD.tableHostPrice {
  background: #e6f0f9;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #6a4630;
}
TR.tableHostPrice {
  background: #e6f0f9;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #6a4630;
  line-height: 1.5;
}
	SPAN.pricesavings{
	font-weight: bold;
    color: #FF6666;
	font-size: 10px;
	}

	SPAN.pricesavingstext{
	font-weight: bold;
    color: #FF9999;
	font-size: 10px;
	}

/*start: global behaviour*/
.navMain {
    width:910px;
    clear:both;
 } /*+3 for IE*/
.navMain ul {margin: 0px; padding: 0px; list-style: none; }
.navMain li {float:left; margin: 0 0px 0 0; font-size:12px; line-height:14px; padding:0px;}
.navMain li.last {margin: 0;}
.navMain a {float: left; text-decoration: none; display: block; cursor: pointer;}
.navMain a span.left {float: left; text-align: center;}
.navMain a span.right {float: left; font-size: 1px; width: 1px; height: 100%;}
/*end: global behaviour*/

/*start: definitions for row1*/
.navMain .row1 a {
	background: #CCCCCC url(toptap/grey_center.jpg) repeat-x left top;
	height: 29px;
}

.navMain .row1 a span.left {
	background: transparent url(toptap/grey_left.jpg) no-repeat left top;
	padding: 9px 0 0 0;
	width: 90px; /*default width row1*/
}

.navMain .row1 a span.right {background: transparent url(toptap/grey_right.jpg) no-repeat right top; }
/*end: definitions for row1*/

/*RED Normal*/
.navMain #tabNred1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/nred_center.jpg) repeat-x left top;
	}
	
.navMain #tabNred a span.left {width: 150px;}	
.navMain #tabNred a:hover, #Nred .navMain #tabNred a {
	background: #CCCCCC url(toptap/nred_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabNred a:hover span.left, #Nred .navMain #tabNred span.left {
	background: transparent url(toptap/nred_left.jpg) no-repeat left top;
}
.navMain #tabNred a:hover span.right, #Nred .navMain #tabNred span.right {
	background: transparent url(toptap/nred_right.jpg) no-repeat left top;
}

/*RED Normal C*/
.navMain #tabCNred1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/nred_center.jpg) repeat-x left top;
	}
	
.navMain #tabCNred a span.left {width: 150px;}	
.navMain #tabCNred a:hover, #CNred .navMain #tabCNred a {
	background: #CCCCCC url(toptap/nred_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabCNred a:hover span.left, #CNred .navMain #tabCNred span.left {
	background: transparent url(toptap/nred_left.jpg) no-repeat left top;
}
.navMain #tabCNred a:hover span.right, #CNred .navMain #tabCNred span.right {
	background: transparent url(toptap/nred_right.jpg) no-repeat left top;
}

/*Blue-Grey*/
.navMain #tabBgrey1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/nred_center.jpg) repeat-x left top;
	}
.navMain #tabBgrey a span.left {width: 150px;}
.navMain #tabBgrey a:hover, #bgrey .navMain #tabBgrey a {
	background: #CCCCCC url(toptap/bgrey_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabBgrey a:hover span.left, #bgrey .navMain #tabBgrey span.left {
	background: transparent url(toptap/bgrey_left.jpg) no-repeat left top;
}
.navMain #tabBgrey a:hover span.right, #bgrey .navMain #tabBgrey span.right {
	background: transparent url(toptap/bgrey_right.jpg) no-repeat left top;
}

/*BLUE*/
.navMain #tabBlues1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/blues_center.jpg) repeat-x left top;
	}
.navMain #tabBlues a span.left {width: 150px;}
.navMain #tabBlues a:hover, #blues .navMain #tabBlues a {
	background: #CCCCCC url(toptap/blues_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabBlues a:hover span.left, #blues .navMain #tabBlues span.left {
	background: transparent url(toptap/blues_left.jpg) no-repeat left top;
}
.navMain #tabBlues a:hover span.right, #blues .navMain #tabBlues span.right {
	background: transparent url(toptap/blues_right.jpg) no-repeat left top;
}

/*BLUE*/
.navMain #tabCBlues1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/blues_center.jpg) repeat-x left top;
	}
.navMain #tabCBlues a span.left {width: 150px;}
.navMain #tabCBlues a:hover, #Cblues .navMain #tabCBlues a {
	background: #CCCCCC url(toptap/blues_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabCBlues a:hover span.left, #Cblues .navMain #tabCBlues span.left {
	background: transparent url(toptap/blues_left.jpg) no-repeat left top;
}
.navMain #tabCBlues a:hover span.right, #Cblues .navMain #tabCBlues span.right {
	background: transparent url(toptap/blues_right.jpg) no-repeat left top;
}


/*GREEN*/
.navMain #tabGreen1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/green_center.jpg) repeat-x left top;
	}
.navMain #tabGreen a span.left {width: 150px;}
.navMain #tabGreen a:hover, #sport .navMain #tabGreen a {
	background: #CCCCCC url(toptap/green_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabGreen a:hover span.left, #sport .navMain #tabGreen span.left {
	background: transparent url(toptap/green_left.jpg) no-repeat left top;
}
.navMain #tabGreen a:hover span.right, #sport .navMain #tabGreen span.right {
	background: transparent url(toptap/green_right.jpg) no-repeat left top;
}

/*Orange*/
.navMain #tabOrange1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/orange_center.jpg) repeat-x left top;
	}
.navMain #tabOrange a span.left {width: 150px;}
.navMain #tabOrange a:hover, #orange .navMain #tabOrange a {
	background: #CCCCCC url(toptap/orange_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabOrange a:hover span.left, #orange .navMain #tabOrange span.left {
	background: transparent url(toptap/orange_left.jpg) no-repeat left top;
}
.navMain #tabOrange a:hover span.right, #orange .navMain #tabOrange span.right {
	background: transparent url(toptap/orange_right.jpg) no-repeat left top;
}

/*Orange2*/
.navMain #tabCOrange1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/orange_center.jpg) repeat-x left top;
	}
.navMain #tabCOrange a span.left {width: 150px;}
.navMain #tabCOrange a:hover, #Corange .navMain #tabCOrange a {
	background: #CCCCCC url(toptap/orange_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabCOrange a:hover span.left, #orange .navMain #tabCOrange span.left {
	background: transparent url(toptap/orange_left.jpg) no-repeat left top;
}
.navMain #tabCOrange a:hover span.right, #orange .navMain #tabCOrange span.right {
	background: transparent url(toptap/orange_right.jpg) no-repeat left top;
}


/*Hell Gelb*/
.navMain #tabHell1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/hell_center.jpg) repeat-x left top;
	}
.navMain #tabHell a span.left {width: 150px;}
.navMain #tabHell a:hover, #hell .navMain #tabHell a {
	background: #CCCCCC url(toptap/hell_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabHell a:hover span.left, #hell .navMain #tabHell span.left {
	background: transparent url(toptap/hell_left.jpg) no-repeat left top;
}
.navMain #tabHell a:hover span.right, #hell .navMain #tabHell span.right {
	background: transparent url(toptap/hell_right.jpg) no-repeat left top;
}

/*Hell Gelb 2*/
.navMain #tabCHell1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/hell_center.jpg) repeat-x left top;
	}
.navMain #tabCHell a span.left {width: 150px;}
.navMain #tabCHell a:hover, #Chell .navMain #tabCHell a {
	background: #CCCCCC url(toptap/hell_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabCHell a:hover span.left, #Chell .navMain #tabCHell span.left {
	background: transparent url(toptap/hell_left.jpg) no-repeat left top;
}
.navMain #tabCHell a:hover span.right, #Chell .navMain #tabCHell span.right {
	background: transparent url(toptap/hell_right.jpg) no-repeat left top;
}


/*Dark Red*/
.navMain #tabDred1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/dred_center.jpg) repeat-x left top;
	}
.navMain #tabDred a span.left {width: 150px;}
.navMain #tabDred a:hover, #dred .navMain #tabDred a {
	background: #CCCCCC url(toptap/dred_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabDred a:hover span.left, #dred .navMain #tabDred span.left {
	background: transparent url(toptap/dred_left.jpg) no-repeat left top;
}
.navMain #tabDred a:hover span.right, #dred .navMain #tabdred span.right {
	background: transparent url(toptap/dred_right.jpg) no-repeat left top;
}

/*Dark Red 2*/
.navMain #tabCDred1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/dred_center.jpg) repeat-x left top;
	}
.navMain #tabCDred a span.left {width: 150px;}
.navMain #tabCDred a:hover, #Cdred .navMain #tabCDred a {
	background: #CCCCCC url(toptap/dred_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabCDred a:hover span.left, #Cdred .navMain #tabCDred span.left {
	background: transparent url(toptap/dred_left.jpg) no-repeat left top;
}
.navMain #tabCDred a:hover span.right, #Cdred .navMain #tabCdred span.right {
	background: transparent url(toptap/dred_right.jpg) no-repeat left top;
}

/*Dark Green*/
.navMain #tabDgreen1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/dgreen_center.jpg) repeat-x left top;
	}
.navMain #tabDgreen a span.left {width: 150px;}
.navMain #tabDgreen a:hover, #Dgreen .navMain #tabDgreen a {
	background: #CCCCCC url(toptap/dgreen_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabDgreen a:hover span.left, #Dgreen .navMain #tabDgreen span.left {
	background: transparent url(toptap/dgreen_left.jpg) no-repeat left top;
}
.navMain #tabDgreen a:hover span.right, #Dgreen .navMain #tabDgreen span.right {
	background: transparent url(toptap/dgreen_right.jpg) no-repeat left top;
}

/*Dark Green 2*/
.navMain #tabCDgreen1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/dgreen_center.jpg) repeat-x left top;
	}
.navMain #tabCDgreen a span.left {width: 150px;}
.navMain #tabCDgreen a:hover, #CDgreen .navMain #tabCDgreen a {
	background: #CCCCCC url(toptap/dgreen_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabCDgreen a:hover span.left, #CDgreen .navMain #tabCDgreen span.left {
	background: transparent url(toptap/dgreen_left.jpg) no-repeat left top;
}
.navMain #tabCDgreen a:hover span.right, #CDgreen .navMain #tabCDgreen span.right {
	background: transparent url(toptap/dgreen_right.jpg) no-repeat left top;
}

/*Yellow*/
.navMain #tabCYellow1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/yellow_center.jpg) repeat-x left top;
	}
.navMain #tabCYellow a span.left {width: 150px;}
.navMain #tabCYellow a:hover, #CYellow .navMain #tabCYellow a {
	background: #CCCCCC url(toptap/yellow_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabCYellow a:hover span.left, #CYellow .navMain #tabCYellow span.left {
	background: transparent url(toptap/yellow_left.jpg) no-repeat left top;
}
.navMain #tabCYellow a:hover span.right, #CYellow .navMain #tabCYellow span.right {
	background: transparent url(toptap/yellow_right.jpg) no-repeat left top;
}

/*Yellow1*/
.navMain #tabYellow1 a span.left {
	width: 150px;
	background: #CCCCCC url(toptap/yellow_center.jpg) repeat-x left top;
	}
.navMain #tabYellow a span.left {width: 150px;}
.navMain #tabYellow a:hover, #Yellow .navMain #tabYellow a {
	background: #CCCCCC url(toptap/yellow_center.jpg) repeat-x left top;
	font-weight: bold;
	color: #FFFFFF;
}
.navMain #tabYellow a:hover span.left, #Yellow .navMain #tabYellow span.left {
	background: transparent url(toptap/yellow_left.jpg) no-repeat left top;
}
.navMain #tabYellow a:hover span.right, #Yellow .navMain #tabYellow span.right {
	background: transparent url(toptap/yellow_right.jpg) no-repeat left top;
}

 @media screen
  {
/*    blink { behavior:url(blink_old.htc);} */
  }

#sponsorAdDiv {position:absolute; height:1px; width:1px; top:0; left:0;}

div#link {text-decoration: underline;} 
div#link a {color: blue; font-size: 10px; }
div#link a:hover {background: red; }
div#link a span {display: none;}
div#link a:hover span { 
                 display: block;
                 text-decoration : none;
                 position: absolute;
                 top: 100px; left: 200px; width: 100px; height: 50px;
                 padding: 2px; margin: 1px;
                 z-index: 100; 
                 color: black; 
                 background-color: gray;}