/*
  $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: Helvetica; font-size: 10px; }
.errorBox { font-family: Helvetica; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: Helvetica; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: Helvetica; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin:0 auto;
  /*border:1px solid #ff00ff;*/
  width:913px;
  font-family:Helvetica, sans-serif;
}

A {
  color: #924135;
 /*8 text-decoration: underline;*/
  font-family: Helvetica;
  letter-spacing:1px;
  font-size:13px;
}

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


FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
 font-family: Helvetica;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
 font-family: Helvetica;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
    background:url('images/menu_bg.gif');
    padding:10px;
}

TD.footer {
 font-family: Helvetica;
  font-size: 10px;
  background:url('images/menu_bg.gif');
  color: #ffffff;
  font-weight: bold;
   padding:2px;
}

.infoBox {
  background: #FF0000;
}

.infoBoxContents {
  background: #f8f8f9;
 font-family: Helvetica;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
 font-family: Helvetica;
  font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Helvetica;
  font-size: 15px;
  font-weight: bold;
  background:url('images/menu_bg.gif');
  color: #ffffff
}

TD.infoBox, SPAN.infoBox {
 font-family: Helvetica;
  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: #f8f8f9;
}

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

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

.productListing-heading {
 font-family: Helvetica;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
 font-family: Helvetica;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
 font-family: Helvetica;
  font-size: 20px;
  font-weight: bold;
  color: #A00B0D;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
 font-family: Helvetica;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
 font-family: Helvetica;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Helvetica;
  font-size: 10px;
}

TD.accountCategory {
 font-family: Helvetica;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
 font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
 font-family: Helvetica;
  font-size: 12px;
}

TD.tableHeading {
 font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Helvetica;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Helvetica;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
 font-family: Helvetica;
  font-size: 11px;
}

SPAN.greetUser {
 font-family: Helvetica;
  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: Helvetica;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Helvetica;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Helvetica;
  color: #ff0000;
}

SPAN.errorText {
 font-family: Helvetica;
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo {font-family: Helvetica; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {font-family: Helvetica; font-size: 10px; color: #000000; }

/* message box */

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

/* input requirement */

.inputRequirement {font-family: Helvetica; font-size: 10px; color: #ff0000; }




/*menubar*/

/* 
	WordPress Menubar Plugin
	ssf-blue.css stylesheet for the Superfish template

	Credits:

	Superfish v1.4.8 - jQuery menu plugin by Joel Birch
	http://users.tpg.com.au/j_birch/plugins/superfish/

	Search box design by the LightWord theme
	http://www.lightword-theme.com/
*/

/*** start superfish.css ***/

/*** ESSENTIAL STYLES ***/
.ssf-blue, .ssf-blue * {
	margin:			0;
	padding:		0;
	list-style:		none;

}
.ssf-blue {
	/*line-height:	1.0;*/
}
.ssf-blue ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.ssf-blue ul li {
	width:			100%;
}
.ssf-blue li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.ssf-blue li {
	float:			left;
	position:		relative;
}
.ssf-blue a {
	display:		block;
	position:		relative;
}
.ssf-blue li:hover ul,
.ssf-blue li.wpm-hover ul {
	left:			0;
	/*top:			2.5em; /* match top ul list item height */
	top:			32px;
	z-index:		99;
}
ul.ssf-blue li:hover li ul,
ul.ssf-blue li.wpm-hover li ul {
	/*top:			-999em;*/
	
}
ul.ssf-blue li li:hover ul,
ul.ssf-blue li li.wpm-hover ul {
	/*left:			10em; /* match ul width */
	/*top:			0;*/
}
ul.ssf-blue li li:hover li ul,
ul.ssf-blue li li.wpm-hover li ul {
	top:			-999em;
}
ul.ssf-blue li li li:hover ul,
ul.ssf-blue li li li.wpm-hover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** arrows **/
.ssf-blue a.sf-with-ul {
	
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.ssf-blue ul {
	padding-top: 10px;
	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 */
}
.ssf-blue a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.0em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
.ssf-blue a:focus > .sf-sub-indicator,
.ssf-blue a:hover > .sf-sub-indicator,
.ssf-blue a:active > .sf-sub-indicator,
.ssf-blue li:hover > a > .sf-sub-indicator,
.ssf-blue li.wpm-hover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

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

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	/*background:	url('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;
}

/*** end superfish.css ***/

.ssf-blue-wrap {
	/*margin: 		10px 0 0 0;*/
	/*padding-left:	10px;*/
	font-size: 		12px;
	font-weight: 	bold;
	height:			35px;
	/*background:		#1872CA;*/			/* color 1 */
	/*background:		url('menuitem.gif') repeat-x ;*/
}

/*** DEMO SKIN ***/
.ssf-blue {
	float:			left;
	width:			100%; 
}
.ssf-blue a {
	border-left:0px none; border-top:0px none; border-bottom:0px none; text-decoration: none;
	 padding-left:0.9em; padding-right:0.9em; padding-top:.90em; padding-bottom:.90em; letter-spacing:1px;
}
.ssf-blue li li a {
	border-right:0px none; border-bottom:0px none; text-decoration: none;
	/*border-top:		1px solid #88BA02;	/* border color 8EC3F7 */	
	/*border-left:	1px solid #88BA02; padding-left:1em; padding-right:1em; padding-top:.75em; padding-bottom:.75em	*/
}
.ssf-blue a, .ssf-blue a:visited  {
	color:			#fff;	/* text color 1 */
	font-size:		12px;
}
.ssf-blue li li a, .ssf-blue li li a:visited  {
	/*color:			#0E4377;*/			/* text color 2 */
	color:			#FFFFFF;
}
.ssf-blue li {
	height:			35px;
	border-right:	1px solid #ffffff;
	/*background:		#1872CA;*/			/* color 1 */
	/*background:		url('menuitem.gif') repeat-x ;*/
}

.ssf-blue li ul {
	position:		absolute;
	top:			-999em;
	width:130px;
	border: red solid 0px;
	
	
	/*width:			1237px;*/ /* left offset of submenus need to match (see below) */
}

.ssf-blue li ul li {
	/*height:			auto;*/
	/*background:		#C6E1FB;*/			/* color 2 */
	/*background: url(menuitem.gif) repeat-x left top;*/
	border-right:	0px solid #ffffff;
	float:left;
	position:relative;
	width:100%;
	background-color: #B51112;

}

.ssf-blue li li {
	height:			auto;
	/*background:		#C6E1FB;*/			/* color 2 */
	/*background:    #B51112;*/
	/*background:transparent url(images/menu_bg.jpg) repeat-x scroll 0 0;*/
	background: #B51112 url(images/menu_bg_bottom.jpg) bottom repeat-x;
}

.ssf-blue li li a:hover{
	
	color: #000;
	/*background-color: #B51112;*/
	/*height: 35px;*/
	background: #B51112 url(images/menu_bg_bottom.jpg) bottom repeat-x;
}

.ssf-blue li:hover, .ssf-blue li.wpm-hover,
.ssf-blue a:focus, .ssf-blue a:hover, .ssf-blue a:active {
	text-decoration: none;
	background:		none;			/* color 3 */
	/*background: url(hover.gif) repeat-x left top;*/
	outline:		0;
	color: black;
}

.ssf-blue li.selected, 
.ssf-blue li.current-cat, 
.ssf-blue li.current-cat-parent, 
.ssf-blue li.current_page_item, 
.ssf-blue li.current_page_parent,
.ssf-blue li.current_page_ancestor {
	/*background:		#55A5F3;*/			/* color 3 */
	/*background: url(selected.gif) repeat-x left top;*/
	color: red;
}

.ssf-blue li.right {
	float: right;
}

.ssf-blue li.right a, 
.ssf-blue li.right form {
	border-left:	1px solid #8EC3F7;	/* border color */	
	border-right:	0px none;
}

.ssf-blue form {
	margin: 0;
	padding: 0;
	background: url('searchbox.png') no-repeat center center;
	height: 30px;
	width: 195px;
	border-right:	1px solid #8EC3F7;	/* border color */	
}

.ssf-blue form input.wpm-text {
	border: 0px none;
	background: ;
	width: 154px; margin-left:6px; margin-right:0; margin-top:6px; margin-bottom:0
	}

.ssf-blue form input.wpm-submit {
	border: 0px none;
	background: ;
	cursor: pointer;
	height: 20px;
	width: 26px
}

/*.ssf-blue-after {
	clear: both;
	margin: 0;
	padding: 0;
	background: url('shadow2.png') repeat-x;
	height: 6px;
}
*/

/*menubar*/

.Basic a:hover
{
	color:red;
}

#web-url a
{
	font-weight: bold;
	color: red;
	font-size:15px;
}

.members ul
{
	float: left; 
	margin-left: -32px;
}

.members ul li
{
margin: 0.5em 0;
}


/*new*/
/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
	padding-left: 20px;
}

#thirdcat a {
	padding-left: 35px;
}

#fourthcat a {
	padding-left: 50px;
}

#fifthcat a {
	padding-left: 65px;
}

a.menucateg:link, a.menucateg:visited, a.menucateg:active {
				display: block;
				font-size: 10px;
				font-family: Helvetica;
				text-align: left;
				text-decoration: none;
				border: solid 1px #f8f8f9;
			}
			a.menucateg:hover {
			border: 1px solid #6633CC;
			background-image: url('images/menuon.png');
			background-repeat: repeat;	
			text-align: left;
			text-decoration: none;
			font-weight: bold;
			color: #FFFFFF
			}


.cat_lev_0
{
	/*display: none;*/
}

.selected 
{
	/*display: block;*/
}

/* XC Menu Styles */

#catxcdiv ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.5em;
}

/* menu item spacing */
#catxcdiv li{ margin-bottom: .2em; }

/*padding between submenu items*/
#catxc ul li { padding: 0 0 .2em 0; }

/*xc menu item*/
#catxcdiv li.xc { list-style: none; }

/*submenu*/
#catxcdiv li.xc ul { margin: .3em 0 0 -.8em; }

/* +/- control */
div.xcx, div.xcc {
	position: relative;
	display: inline;
}
li.xc>div.xcx, li.xc>div.xcc {
	position: static;
	margin-left: -1.5em;
	float: left;
	width: 1.5em;
	margin-top:3px;
}
div.xcx a, div.xcc a {
	position: absolute;
	left: -2em;
}
div.xcx>a, div.xcc>a {
	position: static;
}
div.xcx a:link, div.xcx a:visited,
div.xcc a:link, div.xcc a:visited {
	text-decoration: none;
	font-family: Helvetica;
	font-size: 90%;
}
.xc .xc ul a
{
	color:black;
}



/* begin Button */
button.Button, a.Button
{
  position:relative;
  display:inline-block;
  width: auto;
  outline:none;
  border:none;
  background:none;
  line-height:28px;
  margin:0;
  padding:0;
  overflow: visible;
  cursor: default;
  text-decoration: none !important;
}


/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
  display:list-item;
  list-style-type:none;
  float:left;
}


.Button .btn
{
  position: relative;
  overflow: hidden;
  display: block;
  width: auto;
  z-index: 0;
  height: 28px;
  color: #431E18;
  white-space: nowrap;
  float: left;
}

.Button .t
{
  height:28px;
  white-space: normal;
  padding: 0 11px;
  font-family: Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  
  text-align: left;
  line-height: 28px;
  text-decoration: none !important;
}


input, select
{
  font-family: Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;  
}

.Button .active
{
  color: #EDEBE8;
}

.Button .hover,  a.Button:hover
{
  color: #F0F2ED;
  text-decoration: none !important;
}

.Button .active .r
{
  top: -56px;
}

.Button .hover .r
{
  top: -28px;
}

.Button .r
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 5px;
  height: 84px;
}


.Button .r span
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width:403px;
  height: 84px;
}


.Button .active .l
{
  top: -56px;
}

.Button .hover .l
{
  top: -28px;
}

.Button .l
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  right: 5px;
  height: 84px;
}


.Button .l, .Button .r span
{
  background-image: url('images/Button.png');
}

/* end Button */