/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 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: Arial, Helvetica, sans-serif;font-size: 13px; }
/*.boxText { font-family: futura lt bt, Verdana, Arial, sans-serif; font-size: 13px; }*/
.screenshotsHeaderText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.tax_info { 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: #000000;
  margin: 0px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	background-image: url(images/bg_grey.jpg);
	font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

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

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

FORM {
	display: inline;
}

TR.header {
  background: #FFFFFF;
}

TR.headerNavigation {
	background: #FFFFFF;
	background-color: #FFFFFF;
	  font-size: 12px;
}

TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	color: #666666;
	font-weight : bold;
}


.bordertop {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  
  color: #ff0000;
  font-weight : bold;
}
TR.bordertop {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
 
  color: #ff0000;
  font-weight : bold;
}
.menus {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;

  color: #999999;
  font-weight : bold;
}

.headerNavigation { 
  font-size: 12px;
  color: #008651; 
  font-weight : normal;
}


/* das hier ist der rosa balken*/
A.headerNavigation { 
/* hier Grösse hinzugefügt*/
  font-size: 12px;
  color: #008651; 
/* hier normal statt bold gemacht*/
  font-weight : normal;
}

A.headerNavigation:hover {
  color: #f31a85;
  font-size: 12px;
/* hier normal statt bold gemacht*/
  font-weight : normal;
}
/*hier sind die drilldown listen*/
SELECT {
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
BORDER-LEFT-COLOR: #000000; 
BORDER-BOTTOM-COLOR: #000000; 
COLOR: #000000; 
BORDER-TOP-COLOR: #000000; 
TEXT-INDENT: 2px; 
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
BACKGROUND-COLOR: #E3EFC8; 
BORDER-RIGHT-COLOR: #000000; 
border: solid 1px #333333; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}
/* Hier die Eingabefelder*/
INPUT {
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
/*Hier die Farbe von weiss auf schwarz geändert*/
COLOR: #000000; 
TEXT-INDENT: 2px; 
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
/*Feldfarben. Farbe geändert*/
BACKGROUND-COLOR: #E3EFC8; 
border: none;
}

INPUT[text] {
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
BORDER-LEFT-COLOR: #000000; 
BORDER-BOTTOM-COLOR: #000000; 
COLOR: #FFFFFF; 
BORDER-TOP-COLOR: #000000; 
TEXT-INDENT: 2px; 
FONT-FAMILY: Tahoma, Verdana, sans-serif; 
/*hier geändert von 486EAC zu CCFFCC
rollup Farbe*/

BACKGROUND-COLOR: #CCFFCC; 
BORDER-RIGHT-COLOR: #000000; 
border: solid 1px #333333;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}



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: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
/*
		border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3EFC8;
	border-right-color: #E3EFC8;
	border-bottom-color: #E3EFC8;
	border-left-color: #E3EFC8;
	*/
}

.infoBoxgruen {

		border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3EFC8;
	border-right-color: #E3EFC8;
	border-bottom-color: #E3EFC8;
	border-left-color: #E3EFC8;
	
}
.infoBox2 {
	background: #486EAC;
	background-color: #486EAC;
		border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #0099CC;
	border-right-color: #0099CC;
	border-bottom-color: #0099CC;
	border-left-color: #0099CC;
	
}

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



.infoBoxNotice {
  background: #ffffff;
}

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

TD.infoBoxHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	background: #E3EFC8;
	color: #666666;

}

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

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;
}
/* hier sind die Produkte*/
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #ffffff;
  border-spacing: 1px;
}

/* hier tabellen titel - weiss gemacht*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #fe3788;
/* farbe original  color: #C364A2;rot wäre FF0033*/
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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

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: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  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;
}

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

.moduleRow { }
.moduleRowOver { background-color: #FFCCFF; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #FFCCFF; }

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

.checkoutBarCurrent { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 14px; 
	color: #000000; }

/* message box */

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

/* input requirement */

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

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

/* WebMakers.com Added: Editing Attributes */
.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }
TR.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }
TD.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #C0C0C0; }



/* shipdate */
.calendarHeader { font-weight: normal; color: #000000; 
                  background-color: #FFFFFF;
						font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: x-small;
						}
.calendar { background-color: #cccccc;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: x-small;
}
.invalid { background-color: #DCDCDC;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: x-small;
}
.valid { background-color: #E3EFC8;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: x-small;
}
.s_valid { background-color: #E3EFC8;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: x-small;
}
#selected {border: 2px solid #CC0000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: x-small;
}




.Stil8 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.Stil9 {	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #83C55B;
	font-weight: bold;
	
}

.Stil10,A.Stil10,a:visited.Stil10 {color: #ffffff; /*333333*/

font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  }
.Stil14 {
	font-size: 11px;
	font-family:  Helvetica,Arial, sans-serif;
	color: #666666;
}

/*pink : DA0960*/
.Stil15 {font-size: 11px; font-family: Helvetica,Arial,  sans-serif; font-weight: normal; }

.Stil5, A.Stil5:visited, A.Stil5:link, A.Stil5 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #666666;}

.Stil66 {font-size: 13px; font-family: Helvetica,Arial,  sans-serif; font-weight: normal; }

.Stil66, A.Stil66:visited, A.Stil66:link, A.Stil66 {font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #666666;}

.Stil17 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666666; }

#Layer1 {
	position: relative;
	width:220px;
	height:115px;
	z-index:101;
	top: -50px;
	right: -20px;
}


.bordertop {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: 486EAC;
	border-right-color: 486EAC;
	border-bottom-color: 486EAC;
	border-left-color: 486EAC;
}
td {

	font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}


#Stil8, #Stil8 a, #Stil8 a:visited,#Stil8 a:hover,#Stil8 a:active {
	font-size: 12px;
	font-weight: bold;
}

/*  NAVIGATION HORIZ ---------------------------------------------*/

#menalign {
top:0;
margin:0 auto;
padding:0;
width:770px;
}

#menua {
font-family: Arial, Helvetica, sans-serif; 
/*position: absolute;*/ 
color: #555555; 
float: left;
width: 100%; 
height: 25px;/*orig 41px*/ 
z-index:50;
top: 0px; 
padding:0;
margin:0;
text-align: center;
}

#menua ul {
list-style: none;
padding: 0;
margin:0;
width: 9em;
float: left;
}

#menua li a, #menua li h2 {
height: 24px; 
margin: 3px 0; 
padding: 0 10px 0 10px; 
color: #ffffff; /*green 008651*/
border-right: 1px solid #e9f5ce; /*green divider*/
font-size: 13px;
line-height:24px;
display: block;
text-align:center;
font-weight:bold;
}

#menua h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menua a {
text-decoration: none;
}

#menua a:hover {
color: #F31A85;
background: #fff;
}

#menua li {position: relative;}

#menua ul ul {
/*position: absolute;*/
z-index: 500;
}

#menua ul ul ul {
/*position: absolute;*/
top: 0;
left: 100%;
}

div#menua ul ul,
div#menua ul li:hover ul ul,
div#menua ul ul li:hover ul ul
{display: none;}

div#menua ul li:hover ul,
div#menua ul ul li:hover ul,
div#menua ul ul ul li:hover ul
{display: block;}

.head_sub_cat_bx {
	border:1px solid #392210;
	display:none;
	z-index:700;
	position:absolute;
	top: 141px;
	background: #fff;
}
.head_sub_cat_bx a {
	font-weight: normal;
}

.inner_top {
	display:block;
	font-size:12px;
	padding:0 8px 10px 8px;
	display:block;
}
	.inner_top strong {
		font-weight: bold;
		border-bottom:1px solid #666;
		margin:0 0 2px 0;
	}
	.inner_top a {
	display:block;
	color: #5F381D;	
	}
.top_nv_parent a {
	font-weight:bold;
	color: #E91D7E;
}
.vert_men_sub {
	font-size:14px;
}
.inner_top_lnks {
	font-size:12px;
}