/*
  $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; line-height:20px; font-weight: bold; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #70d250; text-decoration: underline; }

BODY {
background-image: url(images_page/bg_new.jpg);
background-attachment: fixed;
background-repeat: repeat;

To:
TR.headerNavigation 
TD.headerNavigation
A.breadcrumb:hover
TR.footer
TD.footer
.infoBox
TD.infoBoxHeading
TD.BoxHeading

  color: #000000;
  margin: 0px;
}

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

A:hover {
  color: #419FFF;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
 background: #FF7F00;
}

TR.headerNavigation {
  background: #000000;
}

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

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #419FFF;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #000000;
  color: #000000;
  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: #ffffff;
}

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

.infoBox {
background-image: url(images/tb.jpg);
background-attachment: fixed;
background-repeat: repeat;

To:
TR.headerNavigation 
TD.headerNavigation
A.breadcrumb:hover
TR.footer
TD.footer
.infoBox
TD.infoBoxHeading
TD.BoxHeading
}

.infoBoxContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

.infoBoxNotice {
  background: #ffffff;
}

.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-image: url(images/tb_new.gif);
  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: #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;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #419FFF;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #ffffff;
}

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

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

TR.subBar {
  background: #ffffff;
}

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.midleText, SPAN.midleText, P.midleText {
  font-family: Verdana, Arial, sans-serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
}
    
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;
}

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: #ffffff;
  font-weight: bold;
}

TABLE.formArea {
  background: #ffffff;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  bgcolor: #000000;
  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; }

/* menu Image -noborderBox2 - Show Sub-categories  Star */
a.menucateg:link, a.menucateg:visited, a.menucateg:active {
display: block;
vertical-align: middle;
color:#999999;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
height: 19px;
padding-top:2px;
text-decoration: none;
background-color: #EDEDEF;
border: solid 1px #FFFFFF;
}

a.menucateg:hover {
border: solid 1px #CCCCCC;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
font-weight: bold;
color: #000000;
}

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
display: block;
vertical-align: middle;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
height: 19px;
text-decoration: none;
padding-top:2px;
border-bottom: 1px solid #7b9ebd;
border: solid 1px #FFFFFF;
}

a.menusubcateg:hover {
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
color: #000000;
}

/*- Menu Tabs --------------------------- */

    #tabsJ {
          float:left;
	        width:100%;
		      background:#F4F4F4;
		            font-family: Trebuchet MS;
			          font-size:75%;
				        font-weight: bold;
					      line-height:normal;
					          border-bottom:1px solid #24618E;
						        }
							    #tabsJ ul {
								margin:0;
								    padding:10px 10px 0 50px;
									list-style:none;
									      }
									          #tabsJ li {
										        display:inline;
											      margin:0;
											            padding:0;
												          }
													      #tabsJ a {
													            float:left;
														          background:url("images/tableftJ.gif") no-repeat left top;
															        margin:0;
																      padding:0 0 0 5px;
																            text-decoration:none;
																	          }
																		      #tabsJ a span {
																		            float:left;
																			          display:block;
																				        background:url("images/tabrightJ.gif") no-repeat right top;
																					      padding:5px 15px 4px 6px;
																					            color:#24618E;
																						          }
																							      /* Commented Backslash Hack hides rule from IE5-Mac \*/
																							          #tabsJ a span {float:none;}
																								      /* End IE5-Mac hack */
																								          #tabsJ a:hover span {
																									        color:#FFF;
																										      }
																										          #tabsJ a:hover {
																											        background-position:0% -42px;
																												      }
																												          #tabsJ a:hover span {
																													        background-position:100% -42px;
																														      }
																														      
																														      
																														      
																														      /* 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/bones3.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;
																																												line-height: 1.5;
																																												}
																																												
																																												#nav a {
																																												    display: block;
																																													width: 20em;
																																													}
																																													
																																													#nav li { /* all list items */
																																													    float: left;
																																														width: 20em; /* width needed or else Opera goes nuts */
																																														}
																																														
																																														#nav li ul { /* second-level lists */
																																														    position: absolute;
																																															background: orange;
																																															    width: 20em;
																																																left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
																																																}
																																																
																																																#nav li ul ul { /* third-and-above-level lists */
																																																    margin: -1em 0 0 10em;
																																																    }
																																																    
																																																    #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: #F47CF5;
																																																		    }
/* menu Image -noborderBox2 - Show Sub-categories  End */

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/*change the menu hover color below*/
#thecategories a:hover {
    background-color: #eeeeee;
	color: #000000;
	}
	
	.catwithsubs, .catwithnosubs {
	    padding-right: 5px;
	    }
	    
	    #thecategories {
		position: relative;
		    top: -9px;
			margin-bottom: -16px;
			    width: 140px;
			    }
			    
			    .activelink {
				display: block;
				    font-weight: bold;
				    }
				    
				    #thecategories a {
					display: block;
					    padding-bottom: 7px;
						padding-top: 3px;
						    width: 100%;
						    }
						    
						    /*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;
									}


.infoBoxProducts {
  text-align: center;
    border: solid 1px #999999; 
      font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
	  font-weight: normal;
	    background-color: transparent;
	      color: #333333;
	        margin-bottom:-8px;
		}
		.infoBoxProducts a {
		  color: #333333;
		  }
		  TD.infoBoxGrid {
		    font-family: Verdana, Arial, sans-serif;
		      font-size: 10px;
		        border: solid 1px #999999;
			}
			/* set pos buy/details button on list */
			img.buy_now {  
			  margin-bottom:10px;
			  } 
			  /* set pos buy/details button on thumbnail */
			  img.thm_buy_now {
			    margin-bottom:-3px;
			    } 
			    /* set style buy/details seperator thumbnail */
			    .buy_now {
			      font-weight: bold;
			        font-size: 18px;
				    color: #999999;
				    } 
				    .infoBoxList {
				     border: ridge 4px #faf0e6;
				      border-collapse: collapse;
				       background-color: #fff;
				        }
					.thumbcontent {
					  font-family: Verdana, Arial, sans-serif;
					    font-size: 10px;
					      color:#666666;
					        text-align:center;
						}
						TD.noborderbox {
						  font-family: Verdana, Arial, sans-serif;
						    font-size: 10px;
						    }
						    
/* BOF Dynamic Sitemap */
  ul.sitemap {
    color: #ff0000;
    }
    /* EOF Dynamic Sitemap */
    
    .star-product-title {
      font-family: Verdana, Arial, sans-serif;
        text-align : center;
	  font-size: 16px;
	    font-weight: bold;
	      color: #000000;
	      }
	      .star-product {
	        font-family: Verdana, Arial, sans-serif;
		  font-size: 12px;
		    font-weight: normal;
		      color: #000000;
		      }
		      .star-product-price{
		        font-family: Verdana, Arial, sans-serif;
			  font-size: 16px;
			    font-weight: bold;
			      color: #ff0000;
			      }						    
			      
			      
/* star product pimped start */

.starTitle{
  font-family: Verdana, Arial,  sans-serif;
    font-size: 24px;
      color: #D1167F;
        font-weight : normal;
	}
	
	.starName{
	 font-family: Tahoma, Verdana, Arial;
	  font-size: 24px;
	   font-weight: normal;
	    color: #000000;
	     }  
	      
	      .starProdDesc{
	       font-family: Arial, Verdana, sans-serif;
	        font-size: 12px;
		 color: #808080;
		  }  
		   
		   .starPrice{
		    font-family: Arial, Verdana, sans-serif;
		     font-size: 14px;
		      font-weight: bold;
		       color: #ffffff;
		        }  
			 
			 .box_outline3 {
			 margin-top:3px;
			 border-top-width: 1px;
			 border-bottom-width: 1px;
			 border-right-width: 1px;
			 border-left-width: 1px;
			 border-style: solid;
			 border-color: #bfbfbf;
			 
			 }
			 
			 /* star product pimped end */			      
			 

.asnf_normal { line-height: 130%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333;}  

a.asnf_none:link {  color: #ff6600; text-decoration: none}
a.asnf_none:visited { color: #ff6600; text-decoration: none}
a.asnf_none:hover { color: #0066ff; text-decoration: none }

.asnf_replyform {  border: #999999; border-style: dotted; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.asnf_error { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#990000; font-weight:bold;}