/*
  $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
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.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-size : 10px; text-decoration: underline; color: #C20000; font-family:"Century Gothic", Helvetica, Verdana, Arial;}

BODY {
  background:#dadada ;
  color: #082f83;
  margin: 0px;
  padding:0px;
}

A {
  color: #747474;
  text-decoration: none;
}

A:hover {
  color: #1a6fbf;
  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;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

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 : 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;
}
a.menutext			{color:#ffffff; font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 13px; font-weight: bold; text-decoration: none;}
a.menutext:hover	{color:#ffffff; font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 13px; font-weight: bold; text-decoration: underline;}

*.search		{color:#747474; text-decoration:none;}
.search:hover	{color:#1a6fbf; text-decoration:none}

.horiz_menu{font:11px Tahoma, Helvetica, sans-serif; text-decoration:none; color:#D3F4FF;}
.horiz_menu:hover{font:11px Tahoma, Helvetica, sans-serif; text-decoration:underline; color:#D3F4FF;}


.categories			{color:#585858; font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 11px; font-weight: bold; text-decoration: none;}
.categories:hover	{color:#1a6fbf; font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 11px; font-weight: bold; text-decoration: none;}


*.header{
	text-align: left;
	background:url(images/bottom_bg.jpg) repeat-x;
	height:28px;
	color:#ffffff;
	font:bold 14px Arial,Tahoma, Helvetica, sans-serif;
}


*.productName		{color: #585858; font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; font-weight: bold; text-decoration: none;}
*.productName:link	{color: #585858; font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; font-weight: bold; text-decoration: none;}
*.productName:hover	{color: #1a6fbf; font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; font-weight: bold; text-decoration: none;}


*.productPrice		{color: #C20000; font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 20px; font-weight: normal;}

*.productDescription{color: #767676; font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; font-weight: normal;}


.price {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-size: 14px;
  color: #636363;
}
a.bottom{color:#ffffff; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a.bottom:hover{color:#ffffff; font-weight:bold; text-transform:uppercase; text-decoration:underline;}

.footer 			{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none;}
a.footer:link 		{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none;}
a.footer:active 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none;}
a.footer:visited 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none;}
a.footer:hover 		{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: underline;}

.infoBox {

}

.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: normal;
  color: #1970AD;
}

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 solid #999;
  background: #FFFFFF;
}


.section_title {
	font-family:"Century Gothic", Helvetica, Verdana, Arial;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background-image:url(images/bottom_bg.jpg);
	border: 1px #999 solid;
	padding: 5px;
	text-transform: uppercase;
}


.subcats {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #ffffff;	font-weight: bold; text-decoration: none;}
a.subcats:link {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #ffffff;	font-weight: bold; text-decoration: none;}
a.subcats:active {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #ffffff;	font-weight: bold; text-decoration: none;}
a.subcats:visited {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #ffffff;	font-weight: bold; text-decoration: none;}
a.subcats:hover {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #1a6fbf;	font-weight: bold; text-decoration: none;}

.granitelink		 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #1a6fbf;	font-weight: bold; text-decoration: none;}
a.granitelink:link 		{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #1a6fbf;	font-weight: bold; text-decoration: none;}
a.granitelink:active 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #1a6fbf;	font-weight: bold; text-decoration: none;}
a.granitelink:visited 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #1a6fbf;	font-weight: bold; text-decoration: none;}
a.granitelink:hover 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 14px; color: #585858;	font-weight: bold; text-decoration: none;}

.promolink		 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #585858;	font-weight: normal; text-decoration: none;}
a.promolink:link 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #585858;	font-weight: normal; text-decoration: none;}
a.promolink:active 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #585858;	font-weight: normal; text-decoration: none;}
a.promolink:visited {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #585858;	font-weight: normal; text-decoration: none;}
a.promolink:hover 	{font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #1a6fbf;	font-weight: normal; text-decoration: none;}

.financing_title {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 32px; color: #1a6fbf;	font-weight: bold	; text-decoration: none;}
.financing_apply {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 32px; color: #585858;	font-weight: bold; text-decoration: none;}
.financing_special {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 32px; color: #ffffff; font-weight: bold; text-decoration: none; background-color: #ff9600;}
.financing_small {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 10px; color: #585858; font-weight: normal; text-decoration: none;}


.smalltitle {
	font-family:"Century Gothic", Helvetica, Verdana, Arial;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	text-transform: uppercase;
}


.openbox {
	font-family:"Century Gothic", Helvetica, Verdana, Arial;
	font-size: 10px;
	color: #c20000;
	width: 400px;
}

.menu_bg {
	background-image: url(images/menu_main.png);
	background-repeat:repeat-x;
	padding: 0px 40px;
	}
	
.menu_bg_footer {
	background-image: url(images/menu_main.png);
	background-repeat:repeat-x;
	padding: 0px 30px;
	}

.manymorecolors {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-size: 12px;
  color: #999999;
}

.productListing-heading {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-size: 12px;
  background: #1a6fbf;
  color: #ffffff;
  font-weight: bold;
}

a.productListing-heading:link	 {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none;}
a.productListing-heading:active	 {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none;}
a.productListing-heading:visited {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: none;}
a.productListing-heading:hover	 {font-family:"Century Gothic", Helvetica, Verdana, Arial; font-size: 12px; color: #eeeeee; font-weight: bold; text-decoration: none;}




TD.productListing-data {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-size: 14px;
  text-decoration: none;
}
TD.productListing-data a{
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-size: 14px;
  color:#585858;
  text-decoration: none;
}
TD.productListing-data a:hover{
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-size: 14px;
  color:#1a6fbf;
  text-decoration: none;
}
A.pageResults {
  color: #4A4949;
}

A.pageResults:hover {
  color: #4A4949;
  text-decoration:none;
  
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #2191C2;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

.pickup {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 12px;
  color:#003399;
  line-height: 1.5;
}

TD.main, P.main {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
  color:#636363;
  line-height: 1.5;
}

.cartempty {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-weight: bold;
  text-decoration: none;
  font-size: 248px;
  color:#636363;
}

P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.smallText {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-size: 12px;
  color:#333333;
  font-weight: normal; 
}
SPAN.smallText {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-size: 11px;
  color:#333333;
  font-weight: normal; 
}


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 {
  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:"Century Gothic", Helvetica, Verdana, Arial;
  color: #C20000;
  font-size: 16px;
  font-weight: bold;
}
.per {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  color: #C20000;
  font-size: 12px;
}
.disclaimer {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  color: #5D5D5D;
  font-size: 11px;
  width: 450px;
}
.productCutPrice {
  font-family:"Century Gothic", Helvetica, Verdana, Arial;
  font-size: 14px;
  color: #636363;
}



SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;

}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; 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; }

/* 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; }

a.cart {color:#303030; font:bold 11px Tahoma, Helvetica, sans-serif; text-decoration:none;}
a.cart:hover{color:#939393; font:bold 11px Tahoma, Helvetica, sans-serif; text-decoration:underline;}





#nav, #nav ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1;
	padding: 0px;
}
#nav, #nav ul li { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: block;
	width: 7em;
}

#nav li { /* all list items */
	float: left;
		font-family: "Century Gothic", Helvetica, Verdana, Arial;
	color: #FFFFFF;

}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #ffffff;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: -2px 0 0 0;

}
#nav li ul li { /* second-level lists */
	padding: 5px;
	border-top: 1px solid #999999;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -10px 0 0 7em;
	background-color:#FFFFFF;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	
}
#nav li ul ul li { /* third-and-above-level lists */
	border-top: 1px solid #999999;
	padding: 5px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}

	
/* Menu items with subcategories */	
#nav a.daddy {
	background: url(images/arrow_green.gif) center right no-repeat;
}

/* Selected items with subcategories */	
#nav li.selected {
    background-color: #ffffff;
}