/*
  $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: 11px; 

	}

.bodyText {font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
        line-height: 130%;
        font-color: #000000;
	}
.bodyText A:link {
  	color: #667792;
  	text-decoration: underline;
	}
	
.bodyText A:active {
  	color: #667792;
  	text-decoration: underline;
	}		

.bodyText A:hover {
  	color: #000000;
  	text-decoration: underline;
	}
	
.errorBox { 
	font-family : Verdana, Arial, sans-serif; 
	font-size : 10px; 
	background: #ffb3b5; 
	font-weight: bold; 
	}
	
.stockWarning { 
	font-family : Verdana, Arial, Tahoma, Myriad Web, 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;
	font-size: 12px;
	font-size-adjust: .58;
	line-height: 1.58em;
	}

A:link {
  	color: #667792;
  	text-decoration: none;
	}
	
A:visited {
  	color: #667792;
  	text-decoration: underline;
	}
	
A:active {
  	color: #667792;
  	text-decoration: underline;
	}		

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

FORM {
	display: inline;
	}

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

TD.headerInfo {
  	font-family: Tahoma, Verdana, Arial, sans-serif;
  	font-size: 12px;
        font-weight: regular;
  	background: #ffffff;
  	color: #000000;
  	font-weight: bold;
  	text-align: center;
	}

.infoBox {
  	background: #ffffff;
        text-align: left;
       	}

.infoBoxContents {
  	background: #ffffff;
 	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
        text-align: left;
        }

.infoBoxNotice {
  	background: #66cc99;
	}

.infoBoxNoticeContents {
  	background: #ffffff;
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
	}

TD.infoBoxHeading {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
  	font-weight: bold;
  	background: #667792;
  	color: #ffffff;
        text-align: center;
	}

TD.infoBox, SPAN.infoBox {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
        text-align: right;
 padding: 5px;
	}

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.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  	background: #ffffff;
        }

TR.productListing-even {
        background-color: #e5efc6;
	}

.productListing-heading {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
  	background-color: #e5efc6;
  	color: #000000;
  	font-weight: bold;
        border-bottom: 1px #667792 solid;
	}

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

A.pageResults {
  	color: #0000FF;
	}

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

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

TD.canada, DIV.canada {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 18px;
  	font-weight: bold;
  	color: #ffffff;
	}

TD.subHeading06, DIV.subHeading06 {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 14px;
  	font-weight: bold;
  	color: #667792;
	}

TD.subHeading07, DIV.subHeading07 {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	color: #667792;
	}


TR.subBar {
  	background: #f4f7fd;
	}

TD.subBar {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
  	color: #000000;
	}

.main   {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
  	line-height: 1.5;
	}
	
#main
	{
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
        line-height: 1.5;
	}	
	
#productcart a  {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
        text-align: left;
	padding-left: 2px;
	line-height: 15px;
        text-decoration: none;
	}

#productcart a:hover   {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
        text-align: left;
	padding-left: 2px;
	line-height: 15px;
        text-decoration: none;
	}

#productinfo   {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
        text-align: left;
	padding-left: 2px;
	line-height: 15px;
	}	

#productinfo   {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
        text-align: left;
	padding-left: 2px;
	line-height: 15px;
	}
 	
#productinfohdr   {
  	font-family: Verdana, Arial, sans-serif;
        font-weight: bold; 
  	font-size: 10px;
        text-align: left;
	background-color: #e5efc6;
	padding-left: 2px;
	line-height: 25px;
        border-bottom: 1px #667792 solid;
	}

#producthdr   {
  	font-family: Verdana, Arial, sans-serif;
        font-weight: bold; 
  	font-size: 10px;
        text-align: left;
	background-color: #e5efc6;
	padding-left: 2px;
	line-height: 25px;
	}
	
#productinfono   {
  	font-family: Verdana, Arial, sans-serif;
        font-weight: bold; 
  	font-size: 10px;
        text-align: left;
	padding-left: 2px;
	line-height: 15px;
	}	
		
TABLE.productListing {
	border: 1px solid #667792;
        margin-left: 10px;
  	}

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: 11px;
  	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: #ffffff
  	border-style: none;
  	border-width: 0;
	}

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


#bgimage {
	text-align: right;
	background: #ffffff;
	margin: 0;
	border: 0;
	}		

#topnavbar {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	background-color: #667792;
	line-height: 0;
	padding: 0;
	margin: 0; 
	border: 0;
	}
	
#whiteline {
	background-color: #ffffff;
	line-height: 2px;
	}

#greenline {
	background-color: #95ba9b;
	line-height: 5px;
	}

#topnav a {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #f7f8c5;
	text-align: center;
	text-decoration: none;
	}	
	
#topnav a:hover {
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	}				

#mediumgreen {
	background-color: #bedcbc;
	margin: 0;
	border: 0;
	}
	
#darkgreen {
	background-color: #82ae89;
	margin: 0;
	border: 0;
	}

#lightgreen {
	background-color: #e5efc6;
	margin: 0;
	border: 0;
	}

#blueline {
	background-color: #667792;
	line-height: 1px;
	}

#footer {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #67792;
	text-align: center;
        padding: 10px;
	}
	
#email a {
	color: #667792;
	}
	
#email a:hover {
	color: #000000;
	}	
	
#copyright {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9px; 
	color: #67792;
	text-align: center;	
	}	

#navredsage a {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9px; 
	font-weight: normal;
	text-align: right;
	color: #667792;
	text-decoration: none;
	}
	
#navredsage a:hover {
	color:#000000;
	text-align: right;
	text-decoration: none;
	}			

#breadcrumb {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9px; 
	color: #667792;
	text-decoration: none;
	}
	
#breadcrumb A {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9px; 
	color: #667792;
	text-decoration: none;
	}	
#breadcrumb A:hover {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9px; 
	color: #667792;
	text-decoration: underline;
	}	
	
#breadcrumb A:visited {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9px; 
	text-decoration: none;
	color: #667792;
	}	

#relatedhdr {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
        color: #667792;
        text-align: center;
        background-color: #667792;
        border: 1px #667792 solid;
        }

#related {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
        color: #667792;
        text-align: center;
        border: 1px #667792 solid;
        }

#related a {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	color: #667792;
        text-align: center;
        text-decoration: underline;
        }

#related a:hover {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
        color: #000000;
        text-align: center;
        text-decoration: underline;
        }

#quotehdr {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
        color: #ffffff;
        text-align: center;
        border: 1px #82ae89 solid;
        }

#quoteBoxContents {
  	background: #ffffff;
 	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
        text-align: left;
        padding-left: 0px;
        }

#quotetext {
	  	font-family: Verdana, Arial, sans-serif;
        font-weight: bold; 
  	font-size: 9px;
        color: #667792;
        text-align: center;

        }

#quote a {
  	font-family: Verdana, Arial, sans-serif;
        font-weight: bold; 
  	font-size: 10px;
        color: #667792;
        text-align: center;
        text-decoration: underline;
        }

#quote a:hover {
	  	font-family: Verdana, Arial, sans-serif;
        font-weight: bold; 
  	font-size: 10px;
        color: #000000;
        text-align: center;
        text-decoration: underline;
        }

#quote a:hover {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
        color: #000000;
        text-align: center;
        text-decoration: underline;

	}
		
#quoteitems a {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
        color: #667792;
        text-align: center;
        text-decoration: none;
        padding-left: 3px;
        }

#quoteitems a:hover {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
        color: #000000;
        text-align: center;
        text-decoration: none;
        padding-left: 3px;
	}		

#navhdr {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #667792;
	text-align: left;
	background: #ffffff; 
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
        padding-left: 3px;
	}

#navbox1 {
        background-color: #667792;
        text-align: left; 
        vertical-align: top;
        padding-left: 2px;
        border-bottom: 1px solid #ffffff;
	line-height: 20px;
	}
		
#navbox2 {
        background-color: #e5efc6;
        text-align: left; 
        padding-left: 1px;
        border-bottom: 1px solid #ffffff;
	line-height: 20px;
	}	
		
#navbox3 {
        background-color: #ffffff;
        text-align: left; 
        padding-left: 5px;
        border-bottom: 1px solid #ffffff;
	line-height: 14px;
	}	

#navbox4 {
        background-color: #ffffff;
        text-align: left; 
        padding-left: 8px;
        border-bottom: 1px solid #ffffff;
	line-height: 14px;
	}			

#sidenav a {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
        text-align: left;
	color: #ffffff;
	line-height: 20px;
	text-decoration: none;
	}	
	
#sidenav a:hover {
	color: #000000;
	line-height: 20px;
	text-decoration: none;
	}
	
#sidenav2 a {
    font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
    text-align: left;
	color: #82ae89;
	line-height: 20px;
	text-decoration: none;
	}	
	
#sidenav2 a:hover {
	text-align: left;
	color: #667792;
	line-height: 20px;
	text-decoration: none;
	}	
		
#sidenav3 a {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
        text-align: left;
	color: #667792;
	line-height: 18px;
	text-decoration: none;
	}	
	
#sidenav3 a:hover {
	text-align: left;
	color: #82ae89;
	line-height: 18px;
	text-decoration: underline;   
	}

#sidenav4 a {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
        text-align: left;
	color: #82ae89;
	line-height: 18px;
	text-decoration: none;
	}	
	
#sidenav4 a:hover {
	text-align: left;
	color: #667792;
	line-height: 18px;
	text-decoration: underline;   
	}
	
#questionhdr {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	width: 10px;
	}

#questions {
        font-family: Verdana, Arial, sans-serif; 
        font-size: 11px; 
        font-weight: bold;
        color: #667792;
        text-align: center;
        background: #ffffff;
        vertical-align: bottom;
        }	

#sideline {
       font-family: Verdana, Arial, sans-serif; 
       font-size: 11px; 
       font-weight: bold;
       border-top: 1px #82ae89 solid;
       border-bottom: 1px #82ae89 solid;	
       color: #667792;
       text-align: right;
       }

#homelink a {
      font-family: Verdana, Arial, sans-serif; 
      font-size: 11px; 
      font-weight: bold;
      color: #667792;
      text-align: center;
      vertical-align: bottom;
      }	
	
#homelink a:hover {
      text-align: center;
      color: #667792;
      text-decoration: underline;
      }	

#topnavbar {
	font: 11px verdana;	
	background-color: #667792;
	line-height: 0;
	padding: 0;
	margin: 0; 
	border: 0;
	}
	
#whiteline {
	background-color: #ffffff;
	line-height: 2px;
	}

#vwhiteline {	
	font: 11px verdana;	
	background-color: #ffffff;
	line-width: 5px;
	margin: 0;
	border: 0;
	}

#images {
	font: 11px verdana bold;
	text-align: center;
	width: 143px;
	}
	
#phototext {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-left: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
	vertical-align: text-top;
	width: 143px;
	}
	
#bullettext {
        font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	text-align: left;
	vertical-align: top;
        line-height: 16px;
	width: 143px;
	}	

#more	{
	margin-bottom: 2px;
	text-align: right;
	width: 143px;
	}
	
#list {
	padding-left: 2px;
	margin-left: 0;
	}
	
#navbullet a {
	padding-left: 3px;
	font: 11px verdana;
	color: #667792;
	text-decoration: none;
	}
	
#navbullet a:hover {
	padding-left: 3px;
	color:#000000;
	text-decoration: none;
	}
	 
#navmore a {
	font:9px verdana bold;
	text-align: right;
	color: #667792;
	text-decoration: underline;
	}
	
#navmore a:hover {
	color:#000000;
	text-align: right;
	text-decoration: underline;
	}	

#topnav a {
	font: 11px verdana bold;
	color: #f7f8c5;
	text-align: center;
	text-decoration: none;
	}	
	
#topnav a:hover {
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	}		

#table { border-width: 0 5px 0 0; 
	border-color: #ffffff; 
	border-style: solid;
	} 

#center {
	padding-left: 10px;
	}


#scrollbox {
  width:175px;
  height:100px;
  overflow:auto;
}

/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail:hover {
background-color: #ffffff;
/*z-index: 50;*/
color: #ffffff;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 10px;
/*left: 0px;*/
border: 2px solid #667792;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0; 
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: -305px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 0px;/*position where enlarged image should offset horizontally */
}

.thumbnail2  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail2:hover {
background-color: #ffffff;
/*z-index: 50;*/
color: #ffffff;
text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 10px;
/*left: 0px;*/
border: 2px solid #667792;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
border-width: 0; 
/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 95px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 5px;/*position where enlarged image should offset horizontally */
}