/*

  $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-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



BODY {

  background: #ffffff;

  color: #000000;

  margin: 0px;

}



A {

  color: #000000;

  text-decoration: none;

}



A:hover {

  color: #09345f;

  text-decoration: underline;

}



FORM {

	display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #09345f;

}



TD.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #09345f;

  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;

}



TR.footer {

  background: #09345f;

}



TD.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #09345f;

  color: #ffffff;

  font-weight: bold;

}



.infoBox {

  background: #09345f;

}



.infoBoxContents {

  background: #ffffff;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #ffffff;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.infoBoxHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background: #09345f;

  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: #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: #09345f;

  border-spacing: 1px;

}



.productListing-heading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #d2e9fb;

  color: #000000;

  font-weight: bold;

}



TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



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

}











































TD.category_desc {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

}





















































































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: Verdana, Arial, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



/* //rmh M-S_multi-pricing begin */

TD.productPriceInListing {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #d2e9fb;

}



TD.productPriceInBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #eeeeee;

}



TD.productPriceInProdInfo {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #ccFFcc;

}

/* //rmh M-S_multi-pricing end */



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

.inputRestriction { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #666666; } /* //rmh M-S_multi-stores */



.tax_info {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #758389;

}























/* Sample vertical fly-out menu */



/* The following is *A SAMPLE ONLY* and is based off the "suckerfish"

   drop-down menu. Is it provided only as an example of what is possible

   using CSS and unordered lists.



   See: http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html

   and : http://www.htmldog.com/articles/suckerfish/dropdowns/



   For best effect, you'll want to set the config to render the whole tree,

   and you may want to add some before/after html to clear floats, etc...



   Note: to overcome MSIE's deficiency of not recognizing elements besides the

   anchor tag for the hover event, add the following JS to your template header



<script type="text/javascript"><!--//--><![CDATA[//><!--



sfHover = function() {

	var sfEls = document.getElementById("nav").getElementsByTagName("LI");

	for (var i=0; i<sfEls.length; i++) {

		sfEls[i].onmouseover=function() {

			this.className+=" sfhover";

		}

		sfEls[i].onmouseout=function() {

			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

		}

	}

}

if (window.attachEvent) window.attachEvent("onload", sfHover);



//--><!]]></script>





*/







	#nav, #nav ul { /* all lists */

		padding: 0;

		margin: 0;

		list-style: none;

		float : left;

		width : 11em;

	}



	#nav li { /* all list items */

		position : relative;

		float : left;

		line-height : 1.25em;

		margin-bottom : -1px;

		width: 11em;

		background-color : white;

	}



	#nav li ul { /* second-level lists */

		position : absolute;

		left: -999em;

		margin-left : 11.05em;

		margin-top : -1.35em;

	}



	#nav li ul ul { /* third-and-above-level lists */

		left: -999em;

	}



	#nav li a {

		width: 11em;

		w\idth : 10em;

		display : block;

		color : black;

		font-weight : bold;

		text-decoration : none;

		border : 1px solid black;

		padding : 0 0.5em;

	}



	#nav li a:hover {

		color : white;

		background-color : black;

	}



	#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: #FFCC00;

}

/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
/*** End Header Tags SEO ***/