/*
  $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
*/
div.left { float:left; }
div.right { float:right; }
.PricePerUnit, .PricePerUnit a, .PricePerUnit a:hover { font-size:11px  !important; }

.boxText { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color:#343434; padding:0px; margin:0px;}
.boxText a {font-size: 11px; color:#383539; text-decoration: none;}
.boxtext a:hover {color: #393939; text-decoration: underline; font-size: 11px;}
.boxText a:hover.Red {font-size: 11px; color:#890032; text-decoration: underline;}
.boxText a.Red {font-size: 12px;color:#890032; text-decoration: none;}
.boxText a:hover.Red {font-size: 12px;color:#890032; text-decoration: underline;}
.boxText a.smallRed {font-size: 10px; color:#890032; text-decoration: none;line-height:16px;}
.boxText a:hover.smallRed {font-size: 10px; color:#890032; text-decoration: underline;line-height:16px;}



.boxTextMenu { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color:#343434; padding:0px; margin:0px;}
.boxTextMenu a {font-size: 12px; color:#383539; line-height:18px; text-decoration: none;}
.boxTextMenu a:hover {font-size: 12px; line-height:18px;color: #393939; text-decoration: underline;}
.boxTextMenu .selected {width: 100%; padding:0px 0px 0px 3px; margin:0px; background-color:#890032;color:#ffffff;}
.boxTextMenu .selected a, .boxTextMenu .selected a:hover {color:#ffffff;}

.boxTextMenu .regions a {font-size: 11px; color:#383539; line-height:18px; text-decoration: none;}
.boxTextMenu .regions a:hover {font-size: 11px; line-height:18px;color: #393939; text-decoration: underline;}
.boxTextMenu .regions a.Red {color:#890032;}
.boxTextMenu .regions a:hover.Red {color: #890032;}
.boxTextMenu .regions .selected {width: 100%; padding:0px 0px 0px 3px; margin:0px; background-color:#890032;color:#ffffff;}
.boxTextMenu .regions .selected a, .boxTextMenu .regions .selected a:hover {color:#ffffff;}

.infoBoxNewsletter { background-color:#890032 !important; padding-top:0px !important; }

.errorBox { font-family : Arial, Helvetica, Verdana, sans-serif; font-size : 11px; background: #f9e0c5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } /*???*/
.productsNotifications { background: #f9ebe0; }
.orderEdit { font-family : Arial, Helvetica, Verdana, sans-serif; font-size : 11px; color: #343434; text-decoration: underline; }

BODY {
	color:#393939;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a {
  font-size: 12px;
  color: #393939;
 text-decoration: underline;
}

a:hover {
  font-size: 12px;
  color: #393939;
  text-decoration: underline;
}


a.smalllinks {
  font-size: 11px;
  color: #393939;
  text-decoration: underline;
}

a.smalllinks:hover {
  font-size: 11px;
  color: #393939;
  text-decoration: underline;
}



FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
	/*#font-family: Verdana, Arial, sans-serif;*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #00406F;
	font-weight: bold;
	line-height: 20px;
	background-color: #FFFFFF;
	background-image: url(images/css/header_nav_bg.jpg);
}

A.headerNavigation { 
  color: #00406F; 
}

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

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #E2E2E2;
}

TD.footer {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 10px;
  background-image: url(images/css/footer_bg.jpg);
  color: #00406F;
  line-height: 20px;
  font-weight: bold;
}

.infoBox {
	background-color: #f9ebe0;
	border: solid 1px #890032;
	padding:10px 10px 10px 10px;
}


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

.infoBoxSmallText{
	font-size: 11px;
}

* html .infoBoxContents {
	width:100px;
	margin: 10px 0px 10px 10px;
	
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color:#890032;
  color: #ffffff;
}



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

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

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

/*#TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #B6B6B6;
  border-spacing: 1px;
}*/

.productListing-heading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 10px;
  height:20px;
  color: #4d4c4c;
  font-weight: bold;
}

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

A.pageResults {
font-size: 11px;
}

A.pageResults:hover {
font-size: 11px;
}

TD.pageHeading, DIV.pageHeading, .OfferTitle {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #4d4c4c;
  padding:0px 0px 15px 0px;
}

TD.pageHeadingRed, DIV.pageHeadingRed {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #890032;
  padding:0px 0px 15px 0px;
}

.pageHeading a, .pageHeadingRed a {
  color: #4d4c4c;
  font-size: 13px;
  text-decoration: underline;
}

.pageHeading a:hover, .pageHeadingRed a:hover {
  color: #4d4c4c;
  font-size: 13px;
  text-decoration: underline;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main, TD.mainColored {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  color: #393939;
}

TD.mainColored {
	color: #890032;
}

td.mainLabel {
	width:140px;
}

h4 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight:bold;
  font-size: 13px;
  color: #393939;
}

/*Safog: Listenformatierung auf Produkt- und herstellerseite*/
dl.ProductsGlossar1 dt {float:left; font-weight:bold; margin-right:5px; line-height:17px;}
dl.ProductsGlossar1 dd {margin:0px; line-height:17px;}

dl.ProductsGlossar2, dl.ProductsGlossar1 {}
dl.ProductsGlossar2 dt  {font-weight:bold; line-height:17px;margin-top:20px;}
dl.ProductsGlossar2 dd {margin:0px; line-height:17px;}

.ImgDetail{
margin:0px 20px 0px 0px;
padding:0px;
}

.Currencies{
	font-size:17px;
	font-weight:bold;
	padding: 2px 0px 1px 5px;
}

.CartBox {
	background-color:#CCCCCC;
	padding:0px;
	margin:0px;
}

.OfferTitle{
	background-color:#aaaaaa;
	padding:0px;
	margin:0px;
	color:#890032;
	padding: 2px 0px 1px 5px;
}

.sort{
	font-size:14px;
	background-color:#CCCCCC;
	padding:3px 0px 4px 5px;
}
/*Safog: Ende Listenformatierung*/


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

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

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

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

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

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  color: #343434;
  padding-left:2px;
}

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

SPAN.greetUser {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  color: #F79400;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

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

SPAN.productSpecialPrice {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #F79400;
}

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

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

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

a.checkoutBarFrom, a.checkoutBarFrom:hover { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px; 
	color: #8c8c8c; 
	text-decoration:underline;
}
	
.checkoutBarCurrent { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px; color: #000000; }

/* message box */

.messageBox { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px; }
.messageStackError, .messageStackWarning { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px; background-color: #f9e0c5; }
.messageStackSuccess { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px; background-color: #cccccc; }

/* input requirement */

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


/* Safog.com: Zusatzklassen */
.ImgCat {
	padding: 1px;
	border: solid 1px #CCCCCC;
}
.ImgProd {
	padding: 1px;
	border: solid 1px #CCCCCC;
}
.ImgCart {
	padding: 1px;
	border: solid 1px #CCCCCC;
}
.ImgNewProd {
	padding: 1px;
	border: solid 1px #CCCCCC;
}
.ImgProdList {
	padding: 1px;
	border: solid 1px #CCCCCC;
}
.ImgWhatsNew {
	padding: 1px;
	border: solid 1px #CCCCCC;
}
.ImgSpecials {
	padding: 1px;
	border: solid 1px #CCCCCC;
}
.ImgReviews {
	padding: 1px;
	border: solid 1px #CCCCCC;
}
.infoBoxContentsList {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
}

.CellTitle {
	border: dotted 1px #666666;
	background-color: #ECF7FF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
}
.CellContent {
	border: dotted 1px #666666;
	background-color: #EFFAE2;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
}

.MainTitleRect {
	font-size:20px;
	color: #ffffff;
	width: 550px;
	height:24px;
	background-color: #aaaaaa;
}


/*Menu formatieren */
#MainMenu {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#ffffff;
	margin:0px;
	padding:0px;
	height:22px;
	float:left;
}

#Menu0 { margin:0px; padding:0px; }
#Menu0 li { float:left; list-style-type:none; }

div.SubMenu {
	width:720px;
	height:22px;
	margin:0px;
	padding-left:130px;
	display:block;
	background:#aaaaaa;
}

/*fuer IE */
* html div.SubMenu {
	height:22px;
	margin:0px;
	padding-left:171px;
	width:840px;
}
/*ende fuer IE */

div.SubMenu ul { margin:0px;}
div.SubMenu ul li {float:left; list-style-type:none; margin-top:2px; width:auto; }
div.SubMenu ul li a { white-space:nowrap; margin-right:10px; }

/*///////MenuLINKS ///////*/
a.Menu0Link {
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	float:left;
	line-height:22px;
	height:22px;
	text-decoration:none;
	margin:0px; 
	padding:0px;
	color:#ffffff;
}

a:hover.Menu0Link { /*falls imagechange nicht funzt*/
	font-size: 14px;
	font-weight:bold;
	float:left;
	line-height:22px;
	height:22px;
	text-decoration:none;
	margin:0px; 
	padding:0px;
	color:#ffffff;
	cursor:pointer;
}

a.Menu0Link_over {
	font-size: 14px;
	font-weight:bold;
	float:left;
	line-height:22px;
	height:22px;
	text-decoration:none;
	margin:0px; 
	padding:0px;
	color:#ffffff;
}

a.Menu0LinkSelected {
	font-size: 14px;
	font-weight:bold;
	float:left;
	line-height:22px;
	height:22px;
	text-decoration:none;
	margin:0px; 
	padding:0px;
	color:#890032;
}

a.Menu0LinkSelected:hover { /*falls imagechange nicht funzt*/
	font-size: 14px;
	font-weight:bold;
	float:left;
	line-height:22px;
	height:22px;
	text-decoration:none;
	margin:0px; 
	padding:0px;
	color:#890032;
	cursor:pointer;
}

div.SubMenu a {
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
}

div.SubMenu a:hover {
	color:#890032;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
}

div.SubMenu a.MenuLinkSelected {
	color:#890032;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
}

/*/// Hauptmenu Aufbau /////*/
/*//// Menuebuttonstyles in 2 dateien gesplittet: ie6.css not_ie6.css //////*/

#TopMenu {
	font-family: Arial, Helvetica, sans serif;
	font-size: 11px;
	color:#FFFFFF;
	padding-top:7px;
	padding-right:12px;
}

#footer {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
}

div.HelpMenu {
	padding-top:5px;
}

#Web20Outher {
	float: none !important;
    height: 232px;
    margin: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    right: 0 !important;
    top: 24px;
    width: 50px;
	z-index: 3;
}
/*#Web20 { position: absolute; top: 24px; right: 0px; z-index: 3; width:50px; overflow:hidden;list-style:none; height:232px; background:url(images/design/web20bg.png) no-repeat top left; padding:0px; }*/
#Web20 { background: url(images/design/web20bg.png) no-repeat left top;
    height: 232px;
    list-style: none;
    overflow: hidden;
    padding: 0;
    position: fixed !important;
    right: 0;
    top: 24px;
	z-index: 3;
	margin:0px;
    width: 50px;
     }

#Web20 li { width:40px;height:40px;overflow:hidden;margin:5px 4px 5px 6px; }
#Web20 a { background: url(images/icons/web20icons.jpg) repeat scroll left top transparent; padding: 13px 20px; line-height: 40px;text-decoration:none; }
#Web20 a b { display:none; }
#Web20 a.Wrss { background-position:0px 0px; }
#Web20 a.Wrss:hover { background-position:-40px 0px; }
#Web20 a.Wfb { background-position:0px -40px; }
#Web20 a.Wfb:hover { background-position:-40px -40px; }
#Web20 a.Wtw { background-position:0px -80px; }
#Web20 a.Wtw:hover { background-position:-40px -80px; }
#Web20 a.Wfl { background-position:0px -120px; }
#Web20 a.Wfl:hover { background-position:-40px -120px; }
#Web20 a.Wyt { background-position:0px -160px; }
#Web20 a.Wyt:hover { background-position:-40px -160px; }

#Like { position: relative; right: 0px; top:3px; z-index: 10; 
	line-height:0px;
	height:0px;
}
* html #Like { margin-bottom:-21px; }
#Like iframe { width:110px;height:21px;margin-left:410px; }
div.LangMenu {
	padding-top:5px;
	text-transform:uppercase;
}

div.HelpMenu a, div.LangMenu a, #footer a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;
}

div.HelpMenu a:hover, div.LangMenu a:hover, #footer a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color:#ffffff;
	text-decoration:underline;
}

/*Safog: Listenformatierung auf Produkt- und herstellerseite*/
dl.ProductsGlossar1 dt {float:left; font-weight:bold; margin-right:5px; line-height:17px;}
dl.ProductsGlossar1 dd {margin:0px; line-height:17px;}

dl.ProductsGlossar2, dl.ProductsGlossar1 {}
dl.ProductsGlossar2 dt  {font-weight:bold; line-height:17px;margin-top:20px;}
dl.ProductsGlossar2 dd {margin:0px; line-height:17px;}
/*Safog: Ende Listenformatierung*/

.SpecialPrice { color: #ff0000; }
.OldPrice { text-decoration: line-through; }

#preload { height: 0; width:0px; padding:0px; margin:0px; display: none; }

/* NEU: AJAX-Aktivität zeigen */
span.loading {
	background: url("images/design/aj_spinner.gif") no-repeat scroll 5px 10px;
    color: #393939;
    padding: 10px 10px 10px 25px;
}

.ChkFl { float:left;margin:0px 5px 10px 0px; }