/*
  $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
*/
@import url(js/cssbuttonstoggler.css);
    @import url(js/featuredcontentglider.css);
    @import url(js/imagebox.css);




.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: ; }
.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: none; }


BODY {
 
  
  color: #000000;

}


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

A:hover {
  color: #ccc;
  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #ffffff; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : ;
  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: ;
  text-align: center;
}

TR.footer {
  background: #000000;
}

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



UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}

		UL.tabNavigation LI {
		    display: inline;
		}

		UL.tabNavigation LI A {
		    padding: 3px 5px;
		    background-color: #ffffff;
		    color: #000;
		    text-decoration: none;
			height: 25px;
			padding-top: 7px;
			
		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
		    background-color: #000;
		    color: #fff;
		    padding-top: 7px;
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}

		div.tabs > div {
			padding: 5px;
			margin-top: 3px;
			
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}

		#first {
		    background-color: #ffffff;
		border: 1px solid #000000;
		padding-left: 15px;
		height: 80px;
		
		}

		#second {
		    background-color: #ffffff;
				border: 1px solid #000000;
				padding-left: 15px;
				height: 80px;
		}

		#third {
		    background-color: #ffffff;
				border: 1px solid #000000;
				padding-left: 15px;
				height: 80px;
		}
		
		#fourth {
		    background-color: #ffffff;
				border: 1px solid #000000;
				padding-left: 15px;
				height: 80px;
		}
		
		#fifth {
		    background-color: #ffffff;
				border: 1px solid #000000;
				padding-left: 15px;
				height: 80px;
		}


.infoBox {
  background: #ffffff;
}

.infoBoxContents {
 
  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;
  font-weight: ;
  font-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: #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;
}

TABLE.productListing {
  border: 1px;
  border-style: none;
background : #0000000;
  
  border-color: #933589;
  border-spacing: 0px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 
  color: #000000;
  font-weight: ;
text-align:center;
}

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



SPAN.pageResults {
  color: #000000;
  text-align:center;
  cursor: pointer;
  background-color:#ffffff;
  height: 20px;
  width: 20px;
  padding:2px 5px;
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
}

A.pageResults {
  color: #ffffff;
  text-align:center;
  cursor: pointer;
  background-color:#000000;
  height: 20px;
  width: 20px;
  padding:2px 5px;
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
}

A:hover.pageResults {
   color: #000000;
  text-align:center;
  cursor: pointer;
  background-color:#ffffff;
  height: 20px;
  width: 20px;
  padding:2px 5px;
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
}
 .pageResults {
text-decoration: none;
}


TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  font-weight: ;
  color: #000000;
  
}

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

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

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

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


CHECKBOX, INPUT, RADIO, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} 


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

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

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

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

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

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

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

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

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

TABLE.popup {
  border-width: 1px;
  border-style: none;  
  border-color
}
   .cssbutton {
 background: #000000;
 color : #ffffff;
 horizontal-align: center;
 vertical-align: center;
   font-weight: none;
  font-family: Verdana, Arial, sans-serif;
font-size: 10px;
cursor: pointer;
text-align:center;
  border: 2px;
  height: 20px
 
 border-color: #0000000;
 border-spacing: 2px;
}




 


h1 { 
 font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  
  font-weight : ;
}

h2 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 16px;

}

.smalltexte { 
 background-color:#000000;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-color: #ffffff;
 border: 3px solid #ffffff;
 white-space:normal;
}

#content
{
  height: 100%;
  width: 100%;
  text-align: left
}

#ie_fix
{
  height: 100%;
  width: 100%;
  text-align: center
}

#scroll
{
  position: absolute;
  margin: 0 auto; 
  visibility: hidden;
  background-color: white;
  z-index: 1;    
  width: 176px;
  height: 150px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-collapse: collapse;
  border-bottom-style: solid;
  border-color: #000000;
  border-width: 1px;      
  overflow: auto;
  float: left;
}

#scroll div
{
  margin: 0 auto;
  text-align:left
}



a.suggest_link 
{
  text-decoration: none;
  margin: 0px;
  color: #173f5f
}

a:hover.suggest_link 
{
  text-decoration: none;
  margin: 0px;
  color: #173f5f
} 

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

A.headerNavigation2 { 
  color: #000000; 
}
  



#popCart {
	position: absolute; /*do not change this*/
	top: 35%;
	left: 35%;
	width: 450px;
	background-color: #f8f8f8;
	border: 3px solid #BAC4D0;
	color: #000;
	z-index: 100000; /*do not change this*/
	display: none; /*do not change this*/
	padding: 20px;
}

ul.popcartList {list-style-type:none; margin:0; padding:0;}
li.popcartButton {float:right;padding-right:10px;}

#popCart_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
    background-color: #000;
    display:none;
    opacity:0.75;
   	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
}

* html #popCart_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* City_Ajax_Auto_Complete */
#suggestBoxElement {
	border: 1px solid #8FABFF; 
	visibility:hidden; 
	text-align: left;  
	white-space: nowrap; 
	background-color: #eeeeee;
	cursor: pointer;
}
.suggestions { 
	font-size: 11;
	background-color: #eeeeee;  
}
.suggestionMouseOver { 
	font-size: 11;
	background: blue; 
	color: white;  
}
/* City_Ajax_Auto_Complete */

.element .hightlight {
	border:2px solid #000000;
	background:url(iconCaution.gif) no-repeat 2px
}
.element #submit {
	float:right;
	margin-right:10px;
}
.loading {
	float:right; 
	background:url(ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	background:url(iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}
	
.jsButton, .jsTrigger { cursor: pointer; }
.animBox {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
.animBoxDropover {
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#btn_animBoxCart { /*width: 50px;*/ }
#animBoxCart {
	margin-left: 111px;
	border: 5px solid #000000;
	width: 350px;
	z-index: 10;
	background-color:#FFFFFF;
}
.animBoxCartImage { }
.animBoxCartContent {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}
.animBoxCartContent A:link, .animBoxCartContent A:active, .animBoxCartContent A:visited {
	color: #ffa500;
	text-decoration: none;
}
.animBoxCartContent A:hover {
	text-decoration: none;
	color: #ffa500;
}
.animBoxCartName, .animBoxCartName A:link, .animBoxCartName A:active, .animBoxCartName A:visited  {
	font-weight: bold;
	color: #ffa500;
	text-decoration: none;
}
.animBoxCartName A:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.animBoxCartLink, .animBoxCartLink A:link, .animBoxCartLink A:active, .animBoxCartLink A:visited  {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.animBoxCartLink A:hover {
	font-weight: bold;
	color: #ffa500;
	text-decoration: underline;
}
.animBoxCartTotal, .animBoxCartLink {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffa500;
}
.animBoxCartLink { border-bottom: #1599BF solid 0px; }
.animBoxCartTotal { border-top: #1599BF solid 0px; }
.animBoxCartNotice {
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #7f7f7f;
}

.focus {
	    border: 2px solid #999999;
	    background-color: #FFFFFF;
	}