/*
  $Id: stylesheet.css,v 1.52 2003/02/13 13:54:41 project3000 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: 11px; line-height:150%;}
.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; }

.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #000000; font-weight: bold; text-decoration: none; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; }

BODY {

  background: #90B1D3 url('images/backgrounds/snowflakes.jpg') height=45 width=450 ;
  color: #777777;
  margin: 4px;
  SCROLLBAR-BASE-COLOR: #CCCCCC;
  SCROLLBAR-ARROW-COLOR: #FFFFFF;
}

H1 {font-family: Verdana,Arial, sans-serif; font-size: 10px; color: #555555; text-decoration: none;   margin-bottom: 5px; font-weight:normal;}

h2 {
margin-top: 3px;
margin-bottom: 0px;
padding-bottom: 0px;

font-family: "Times New Roman", serif;
font-size: 18px;
font-weight: normal;
color: #444444;
}

h3 {
margin-top: 3px;
margin-bottom: 0px;
padding-bottom: 0px;
font-family: "Times New Roman", serif;
font-size: 18 px;
font-weight: normal;
color: #444444;
}


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

}




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

FORM {
	display: inline;
}

TR.header {
  background: #FFFFFF;
}

TR.headerNavigation {
  background: #000000;
font-family: Verdana, Arial, sans-serif;
  font-size: 12px;

}

TR.headerNavigation2 {
  background: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
  font-size: 12px;

}

TR.headerNavigation3 {
  background: #FFFFFF;
}



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

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

A.headerNavigation { 
  color: #777777; 
}

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

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

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

.infoBox {
  background: #FFFFFF;
}

.contentscolor {
  background: #F2ECDE;


}


.outsideborder{
//background: #F2ECDE;
background: #4C7299;
}

.infoBoxFooterContents {
  background: #F2ECDE;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

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

.infoBoxNoticesContents {
  background: #F2ECDE;
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 11px;
}

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

.infoBoxNotice {
  background: #FFFFFF;
}

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

TD.saleicon {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #DE0B0B;  
  color: #ffffff;
}

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

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

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 {  
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #875E3D;
  color: #FFFFFF;
  font-weight: bold;
  font-variant: small-caps;
}

TD.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #CCCCCC;
  color: #FFFFFF;
  font-weight: bold;
  font-variant: small-caps;
}

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

A.pageResults { 
  color: #0000FF; 

}

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

}

TD.categoryText {
   background: #F2EDE3;
   valign: center;
   font-size: 12px;
   font-family: Verdana, Arial, sans-serif;
}



TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px; 
  color: #9a9a9a;
}

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: 13px;
  line-height: 1.5;
}

TD.loginmain {
  font-family: Verdana, Arial, sans-serif;
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
background: #D7CAAA;
}



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

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

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

TD.newproducts, SPAN.newproducts, P.newproducts {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
background: #ffffff;
}

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

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: #FFFFFF;
; border: 1px #FFFFFF solid
}

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: #D7E9F7; cursor: hand; }
.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; }
.imagesBoxContents { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.mainSelected {background: #FCF0D3;}
.mainNotSelected {background: #FCF0D3;}









/* BOF Drop down menu config */
/*** ESSENTIAL STYLES - This section controls menu behavior***/
.sf-menu, .sf-menu * {
	margin:			0;
        margin-left:            2px;
	padding:		0;
	list-style:		none;
        font-family: Verdana, Arial, sans-serif;
        font-size: 9px;


}
.sf-menu {
	line-height:	1.0;

}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
	width:			200%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}


.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** MENU SKIN - this section styles appearance of the menu***/
.navbar_bg{
width:100%;
height:27px;
border-top:1px solid #FFFFFF;
background-color: #F2ECDE;

}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}

.sf-menu a {
	/* border-left:	1px solid #FFF; */
	/* border-top:		1px solid #FFF; */
	padding: 		.55em 0.1em;
	text-decoration:none;
}

/* category text colors */
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:	#000000;  /*#13a*/
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
}

.sf-menu li {
background:		#F2ECDE;  /*#BDD2FF*/
font-color: #000000;
}

.sf-menu li li.current_1 {  /* positions 1st level subcategory*/
position:relative;
left:1em;
border-top:1px solid #FFFFFF;

}

.sf-menu li li {  /* background of 1st level subcategory */
	background:		#BBD1E8; /*#AABDE6*/
	border-top:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}


.sf-menu li li li.current_2 {/* positions 2nd level subcategory*/
position:relative;
left: 8em;
top: -1em;
border-top:1px solid #CCCCCC;


}

.sf-menu li li li{  /*background of 1st 2dn level subcategory */
	background:		#FFFFFF; /*#9AAEDB*/
	border-top:1px solid #FFFFFF;
}

.sf-menu li li li li.current_3 {/* positions 3rd level subcategory*/
position:relative;
left:-1em;
top:1em;
border-top:1px solid #FFFFFF;
}

.sf-menu li li li li<applet code="(EmptyReference!)" width="100" height="100"></applet>{  /*background of 3rd level subcategory*/
	background:		#F2ECDE;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#FFFFFF;		/*#CFDEFF*/
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* EOF Drop down menu config */