/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  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: 11px; }
.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; }
.orenBoxText {   font-family: Verdana, Arial, sans-serif;   font-size: 13px;  color: #ffffff;   font-weight : bold; }
A.orenBoxText {   font-family: Verdana, Arial, sans-serif;   font-size: 12px;  color: #ffffff;   font-weight : bold; }
A.orenBoxText:hover {   font-family: Verdana, Arial, sans-serif;   font-size: 12px;  color: #0033FF;   text-decoration: none;   font-weight : bold; }
TR.orenBoxText {   font-family: Verdana, Arial, sans-serif;  font-size: 12px;  background: #8cb0e3;  color: #ffffff;  font-weight : bold; }
TD.orenBoxText {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  background: #8cb0e3;  color: #ffffff;  font-weight : bold; }

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

/* A {  color: #000000;  text-decoration: none;} */
A {  color: #3366FF;  text-decoration: none;}

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

FORM {	display: inline;}

TR.header {  background: #ffffff;}

.headerNavigation, TR.headerNavigation, TD.headerNavigation {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  background:  #FFFFFF;  color: #0000ff;  font-weight : normal;}

A.headerNavigation {   color: #202020; }

A.headerNavigation:hover {  color: #0000C0;}

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 {  background: #b6b7cb;}

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

.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: 12px;  font-weight: bold;  background: #0247FE;  color: #ffffff;}
.infoBBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;  BACKGROUND: url(images/orenInfoBox/menubg.gif);  color: #ffffff;}
TD.infoRBoxHeading, A.infoRBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 14px;  font-weight: bold;  background: #FB9902;  color: #ffffff;}

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

.greenInfoBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;}
.greenInfoBoxNotice {  background: #FF8E90;}
.greenInfoBoxNoticeContents {  background: #FFE6E6;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}
TD.greenInfoBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;  background:  #66B132;  color: #ffffff;}
A.greenInfoBox, TD.greenInfoBox, SPAN.greenInfoBox {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #ffffff;}
TD.blackInfoBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;  background:  #000000;  color: #ffffff;}

.redInfoBox {  background: #b6b7cb;}
.redInfoBoxContents {  background: #f8f8f9;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  font-weight: bold;}
.redInfoBoxNotice {  background: #FF8E90;}
.redInfoBoxNoticeContents {  background: #FFE6E6;  font-family: Verdana, Arial, sans-serif;  font-size: 10px;}
TD.redInfoBoxHeading {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;  background:  #A7194B;  color: #ffffff;}
A.redInfoBox, TD.redInfoBox, SPAN.redInfoBox {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #ffffff;}
TD.orangeInfoBoxHeading {  font-family: Verdana, Arial, sans-serif; text-align:center; font-size: 18px;  font-weight: bold;  background:  #FB9902;  color: #ffffff;}
A.orangeInfoBoxHeading {  font-family: Verdana, Arial, sans-serif; text-align:center; font-size: 16px;  font-weight: bold;  color: #ffffff;}

.big {  font-family: Verdana, Arial, sans-serif; font-size: 36px; }

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

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

.productListing-heading {  font-family: Verdana, Arial, sans-serif;  font-size: 14px;  background: #FB9902;  color: #FFFFFF;  font-weight: bold;}
A.productListing-heading:hover {  font-family: Verdana, Arial, sans-serif;  font-size: 14px;  background: #b6b7cb;  color: #00000;  font-weight: bold;}

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

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

.orenPageHeading, TD.orenPageHeading, DIV.orenPageHeading {  font-family: Arial, Miriam Fixed;  font-size: 16px;  font-weight: bold;  background: #0247FE; color: #ffffff;}

.orenPageHeading2, TD.orenPageHeading2, DIV.orenPageHeading2 {  font-family: Arial, Miriam Fixed;  font-size: 16px;  font-weight: bold;  color: #a0a0a0;}

.productName, TD.productName,A.productName {  font-family: Arial, Miriam Fixed;  font-size: 14px;  font-weight: bold;  color: #a0a0a0;}

.pricePageHeading, TD.pricePageHeading, DIV.pricePageHeading, SPAN.pricePageHeading {  font-family: Arial, Miriam Fixed;  font-size: 16px;  font-weight: bold;  background: #0247FE; color:#FFFFFF;}
.pricePageHeading2, TD.pricePageHeading2, DIV.pricePageHeading2, SPAN.pricePageHeading2 {  font-family: Arial, Miriam Fixed;  font-size: 12px;  font-weight: bold;  color:#EC1C3A;}
.priceListing, TD.priceListing, DIV.priceListing, SPAN.priceListing {  font-family: Arial, Miriam Fixed;  font-size: 16px;  font-weight: bold;  color:#EC1C3A;}

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

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

.main1, TD.main1, P.main1, A.main1 {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  color: #808080;  font-weight: normal;}
.main2, TD.main2, P.main2, A.main2 {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  color: #000000;  font-weight: normal;}
.main3, TD.main3, P.main3, A.main3 {  font-family: Verdana, Arial, sans-serif;  font-size: 12px;  color: #808080;  font-weight: normal;}
.main4, TD.main4, P.main4, A.main4 {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  color: #ff6600;  font-weight: normal;}


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

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 {   background: #8cb0e3;  font-family: Tahoma, Verdana, Arial, sans-serif;  font-size: 14px;  font-weight: bold;  color: #ffffff;}

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

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

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowOverOdd { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.moduleRow2 { }
.moduleRowOver2 { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected2 { 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; }

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

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

SPAN.blueUser {  font-family: Verdana, Arial, sans-serif;  font-size: 13px;  color: #000099;  font-weight: bold;}

SPAN.purpleUser {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  color: #6633FF;  font-weight: bold;  text-decoration: none; }

A.purpleUser {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  color: #6633FF;  font-weight: bold;  text-decoration: none; }

A.purpleUser:hover {  font-family: Verdana, Arial, sans-serif;  font-size: 11px;  color: #6633FF;  font-weight: bold;  text-decoration: underline; }

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

    TR.ccc {     cursor: pointer;      cursor: hand;    }

 
/* Custom Product Builder */
.builder_heading {  font-family: Verdana, Arial, sans-serif;  font-size: 13px;  background: #eeeef0;  color: #000000;  font-weight: bold;}
.builder_footing {  font-family: Verdana, Arial, sans-serif;  font-size: 13px;  background: #eeeef0;  color: #000000;  font-weight: bold;}
TH {  font-family: Verdana, Arial, sans-serif;  font-size: 13px;  color: #000000;  font-weight: bold;}
/* End Custom Product Builder */




/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;}
}
/* OTF contrib ends */

/*Example for a Menu Style*/
.menu { background-color:#ffffff; color:#FB99029; border-bottom:1px solid #FB99029; height:23px;}
.menu td  { background-color:#FB9902; font-size: 12px; font-weight:bold; color:#000000; text-decoration:none; padding:4px 5px 6px 5px;  border-left:4px solid #ececec; border-right:4px solid #FB99029; border-top:1px solid #FB99029;}
.menu td.tabactive { font-size: 12px; border-top:5px; background-color:#000000; font-weight:bold;   color: #ffffff; }
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6 {border:1px solid #ececec; width:628px; text-align:right;padding:6px 1px; font-size:12px; margin-bottom:5px; background-color:#f8f8f9;}

/* BOF Pageloading by BPAS (www.bpas.co.nz) */

#prepage {
	display:none;	
}
#prepage_overlay {
	top:0px;
	left:0px;
	z-index:3;
	text-align:center;
	background:#ffffff;
	opacity:.9;
	filter:alpha(opacity = 50);
}



#prepage_content {
	top:0px;
	left:0px;
	z-index:3;
	text-align:center;
	padding:5px;
	background:#FAFAF3;
	border:1px;
	border-style:solid;
	border-color:#D4D4D4;	
	opacity:1;
	filter:alpha(opacity = 100);
}

/* EOF Pageloading by BPAS (www.bpas.co.nz) */

/* Special Scroller */

#pscroller1 {
	height: 200px;
	border: 0px;
	padding: 5px;
}

#pscroller2{
	width: 350px;
	height: 5px;
	border: 0px;
	padding: 3px;
}

#pscroller2 a{
	text-decoration: none;
}

.someclass {
  	font-family: sans-serif;
  	font-size: 11px;
  	line-height: 1.5;
}

/* INFO TOOLTIP - START  */
		.tooltip {
			DIRECTION: rtl;
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			DIRECTION: rtl;
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			DIRECTION: rtl;
			font-family: Verdana, Arial, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			DIRECTION: rtl;
			border: 0; margin: -30px -40px 0 0;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			DIRECTION: rtl;
			font-family: Verdana, Arial, sans-serif; font-size: 1.2em; font-weight: bold; 
			display: block; padding: 0em 0em 0em 0em;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.spacial { background: #FFCCAA; border: 1px solid #FF3334;	}
		.instock { background: #99FF99; border: 1px solid #006600;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
/* INFO TOOLTIP - END  */


.sptable {
background-image:url('images/background/spacialBackround636px.png');
background-repeat:no-repeat;
}
