/*

  $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-image:url(images/bkgnd.gif);

	background-repeat:repeat;

  /*background: #000000;*/

  color: #000000;

  margin: 0px;

  

}





.copy { color: #666; font-size: 10px; font-family: verdana, sans-serif; line-height: 16px; }

.botnav { color: #60c237; font-size: 9px; font-family: verdana, sans-serif; }

.title { color: #60c237; font-size: 10px; font-family: verdana, sans-serif; font-weight: bold; line-height: 16px; }

.title_gry { color: #808080; font-size: 10px; font-family: verdana, sans-serif; font-weight: bold; line-height: 16px; }

.title_sub { color: #60c237; font-size: 10px; font-family: verdana, sans-serif; line-height: 16px; }

.news_copy { color: #333; font-size: 9px; font-family: verdana, sans-serif; line-height: 16px; }

.news_date { color: #333; font-size: 9px; font-family: verdana, sans-serif; line-height: 16px; }

.news_title { color: #60c237; font-size: 9px; font-family: verdana, sans-serif; font-weight: bold; line-height: 16px; }

.news_nav { color: #60c237; font-size: 9px; font-family: verdana, sans-serif; font-weight: normal; line-height: 16px; text-decoration: none; }

.nav { color: #60c237; font-size: 10px; font-family: verdana, sans-serif; font-weight: normal; text-decoration: none; }

.nav_visited { color: #666; font-size: 10px; font-family: verdana, sans-serif; font-weight: normal; text-decoration: none; }



a:link { color: #60c237; text-decoration: none; }

a:visited { color: #60c237; text-decoration: none; }

a:hover { color: #666; text-decoration: none; }

a:active { }

/*

A {

  color: #000000;

  text-decoration: none;

}





A:hover {

  color: #AABBDD;

  text-decoration: underline;

}

*/



FORM {

	display: inline;

}





TR.header {

  background: #ffffff;

}





TR.headerNavigation {

  background: #e5e5e5;

}





TD.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #e5e5e5;

  color: #ffffff;

  font-weight : bold;

}





DIV.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 9px;

  background: #bbc3d3;

  color: #e5e5e5;

  font-weight : bold;

}





A.headerNavigation { 

  color: #5e5e5e; 

}





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: #bbc3d3;

}





TD.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #bbc3d3;

  color: #ffffff;

  font-weight: bold;

}





.infoBox {

  background: #ffffff;

}





.infoBoxContents {

  background: #f8f8f9;

  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: bold;

  background: #bbc3d3;

  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: #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: Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #b6b7cb;

  color: #FFFFFF;

  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: 14px;

  font-weight: bold;

  /*color: #9a9a9a;*/

  line-height: 16px;

color: #60c237; }





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;

  margin:20px;*/

  color: #666;

  font-size: 12px;

  font-family: verdana, sans-serif;

  line-height: 16px;

  

}





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: 14px;

  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: 12px;

}





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;

}





.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; }









	#nav, #nav ul { /* all lists */

	    font-family: Verdana, Arial, sans-serif;

		font-size: 12px;

		padding: 0px;

		margin: 0px;

		list-style: none;

		float : left;

		width : 200px;

		border-top : 1px dotted #666666;

	}

	

	#nav li { /* all list items */

		position : relative;

		float : left;

		/*line-height : 1.25em;*/

		line-height : 24px;

		/*margin-bottom : -1px;*/

		/*width: 11em;*/

		background-color : #f6f6f6;

		width : 180px;

		border-bottom : 1px dotted #666666;	

	}

	

	#nav li ul { /* second-level lists */

		position : absolute;

		left: -999em;

		/*margin-left : 11.05em;*/

		margin-left : 220px;

		/*margin-top : -1.35em;*/

		margin-top: -13px;

	}

	

	#nav li ul ul { /* third-and-above-level lists */

		left: -999em;

	}

	

	#nav li a {

		/*width: 11em;

		w\idth : 10em;*/

		width : 220px;

		w\idth : 220px;

		display : block;

		color: #60c237;

		/*color : black;*/

		font-weight : bold;

		text-decoration : none;

		/*border : 1px solid #666666;*/

		padding : 0 0.5em;

	}

	

	#nav li a:hover {

		color : #666666;

		background-color : #f6f6f6;

	}

	

	#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;

}

/* 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 */
