/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
body {
	text-align: center;	
}

.maincontainer {
	margin-right: auto;
	margin-left: auto;	
	text-align: left;
	width: 1000px;
}

.boxText { font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size: 12px; }
.errorBox { font-family : 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size : 10px; color: #70d250; text-decoration: underline; }

table#shipping_table th {
	text-align: left;
	color: red;
}

table#shipping_table td {
}

.productHeader {
	font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;	
	font-size: 13px;		
}

.productPrice {	
	color: black;
}

* {
	font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
	font-size: 12px;
	color: #020d15;
}

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: black;
  text-decoration: none;
}

A:hover {
  color: blue/*#2F4F7F;*/  
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

/*TR.headerNavigation {
  background: #bbc3d3;
}*/

.headerNavigation {
  /*font-family: Verdana, Arial, sans-serif;*/
  font-size: 13px;
  /*background: #bbc3d3;*/
  color: #AFAFAF;  
  font-weight : bold;
  padding: 10px 15px 6px 0px;  
}

.headerNavigation A {
  color: #2F4F7F;
  text-decoration: none;  
}

.headerNavigation A:hover {
  color: red;
  text-decoration: none; 
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*TR.footer {
  background: #bbc3d3;
}*/

.footer {
  /*font-family: Arial, sans-serif;*/
  font-size: 10px;
  /*background: #bbc3d3;*/
  color: #9C99AF;
  /*font-weight: bold;*/    
  line-height: 12pt;
}

.footerframe {
  margin-top: 0px;
  border: 1px solid #CFCFCF;
  border-top: 0;
  border-bottom: 0;  
}

.footer A {
  color: black;
  text-decoration: none;
}

.footer A:hover {
  color: blue;
  text-decoration: none;
}

.infoBox {
  background: #b6b7cb;  
}

.infoBoxContents {
  background: #f8f8f9;  
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 10px;  
  border: 1px solid #cfcfcf;
  border-bottom: none;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  /*background: #bbc3d3;*/
  background: #2a4876;
  background-image: url(images/infobox/middle.gif);
  background-repeat: repeat-x;  
  color: white;
}

TD.infoBoxFooting {
  background: #f8f8f9;  
  background-image: url(images/infobox/bottom_middle.gif);
  background-repeat: repeat-x;  	
}

TD.infoBox, SPAN.infoBox {
  font-family: 'Arial Rounded MT Bold', Gadget, 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-size: 10px;
  background: #E0E0E0;
  color: black;
  font-weight: bold;
}

TD.productListing-data {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 11px;
}

TD.accountCategory {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: 'Arial Rounded MT Bold', Gadget, 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, 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice, SPAN.productSpecialPriceHeader {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  color: #ff0000;
}

SPAN.productSpecialPriceHeader {
  font-size: 19px;
  font-weight: bold;
}

SPAN.productOldPriceHeader {  
  font-size: 19px;
  font-weight: bold;
  text-decoration: line-through;
  color: #9a9a9a;
}

SPAN.errorText {
  font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif; font-size: 10px; color: #ff0000; }

/* rounded corner box */
.topBorder {
	background: url(images/infobox/frame_middle.gif) 0 0 repeat-x;
	position: relative;
	/*border-top: 1px solid #CFCFCF;*/
	z-index: 1;
	margin-top: -1px;	
}

.bottomBorder {
	background: url(images/infobox/frame_bottom_middle.gif) 0 100% repeat-x;
}

.roundcont {	
	color: #fff;	
}

.roundtop {	
	background: url(images/infobox/frame_corner_right.gif) no-repeat top right;	
}

.roundbottom {
	background: url(images/infobox/frame_bottom_corner_right.gif) no-repeat top right;	
}

.displayframe {
	border: 2px solid #CFCFCF;
	border-collapse: separate;
	border-spacing: 10px;
	/*background-color: white;*/
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton, a.infosquarebutton, a.addcartsquarebutton{
display: block;
float: left;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
width: 90px;
text-align: left;
}

a.squarebutton{
background: transparent url('images/square-gray-left.gif') no-repeat top left;
}

a.infosquarebutton{
background: transparent url('images/info-square-gray-left.gif') no-repeat top left;
padding-left: 20px;
width: 102px;
max-width: 84px;
}

a.addcartsquarebutton{
background: transparent url('images/addcart-square-gray-left.gif') no-repeat top left;
padding-left: 20px;
margin-left: 6px;
width: 110px;
max-width: 95px;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton, 
a:link.infosquarebutton, a:visited.infosquarebutton, a:active.infosquarebutton, 
a:link.addcartsquarebutton, a:visited.addcartsquarebutton, a:active.addcartsquarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span, a.infosquarebutton span, a.addcartsquarebutton span{
background: transparent url('images/square-gray-right.gif') no-repeat top right;
display: block;
height: 13px;
font: normal 12px 'Arial Rounded MT Bold', Gadget, Sans-Serif; /* Change 12px as desired */
padding: 5px 9px 5px 5px; /*Set 9px below to match value of 'padding-left' value above*/
margin-left: -1px;
}

a.squarebutton:hover, a.infosquarebutton:hover, a.addcartsquarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span, a.infosquarebutton:hover span, a.addcartsquarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
/*font: normal 13px 'Arial Rounded MT Bold', Gadget, Sans-Serif; /* Change 12px as desired */
color: black;
}

/*a.addcartsquarebutton span {
padding: 6% 9px 4.5% 5px;
}

a.addcartsquarebutton:hover span {
padding: 6% 9px 5% 5px; 
}

a.infosquarebutton span {
padding: 7.7% 9px 3.5% 5px;
}

a.infosquarebutton:hover span {
padding: 7.7% 9px 3.5% 5px;
}*/

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-left: 0px;
}


/* end of CSS Drive Glossy button */


/* animated glossy tabs */
    
.animatedtabs{
/*border-bottom: 1px solid gray;*/
position: relative;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
margin-top: 3px;
z-index: 2;
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0 0 0 0; /*to modify the position of the tab*/
padding: 0;

}

.animatedtabs a{
float: left;
position: relative;
top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
border-bottom: 1px solid #CFCFCF;
}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
/*font-weight: bold;
color: #2F4F7F;*/
color: white;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */

.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
border-bottom: none;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 4px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
}

.animatedtabs .selected a:hover{
top: 0;
border-bottom: none;
}

.animatedtabs .selected a:hover span{
padding-bottom: 4px;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
color: black;
padding-bottom: 3px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above*/ 
top: 0;
}

/* end of animated glossy tabs */

.searchbox {
background: url(images/searchbox.gif) no-repeat -3px 0;
width: 160px;
height: 133px;
}

.category_link {
background-color: #D6E5F2;
cursor: pointer;
}

.category_link td span {
font-size: 12px;
width: 100%;
color: #0085CF;
text-decoration: none;
}

/* header horizontal menu */
#pointermenu2{
position: relative;
margin: 0;
padding: 0;
}

#pointermenu2 ul li a.noborder_right, #pointermenu2 ul li a.noborder_right:hover, 
#pointermenu2 ul li a.noborder_item_right, #pointermenu2 ul li a.noborder_item_right:hover {
position: absolute;
top: 10px;
right: 0;
padding: 10px 55px 11px 85px;
text-decoration: none;
border-right: 0px solid #7B7F77;
z-index: 1;
font-size: 14px;
background: url(images/rightround2.gif) top right no-repeat;
font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
}

#pointermenu2 ul li a.noborder_right { 
background-position:100% 0px;
color: #3F3F3F;
}

#pointermenu2 ul li a.noborder_right:hover{
color: white;
font-weight: 200;
background-position:100% -39px;
}

#pointermenu2 ul li a.noborder_item_right, #pointermenu2 ul li a.noborder_item_right:hover {
padding-left: 195px;
}

#pointermenu2 ul{
margin: 0;
margin-top: 10px;
margin-left: 0px; /*menu offset from left edge of window*/
float: left;
padding-left: 0px;
font: 13px 'Arial Rounded MT Bold', Gadget, Sans-Serif; /*optional left round corner*/
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: -10px;
margin-left: 0px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}


#pointermenu2 ul li a{
position: relative;
float: left;
font-size: 14px;
font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
color: #3F3F3F;
padding: 10px 55px 11px 55px;
text-decoration: none;
border-right: 1px solid #7B7F77;
background: url(images/repeatedbg.gif) top left repeat-x;
z-index: 4;
}

#pointermenu2 ul li a.left_menu_item{
position: relative;
float: left;
color: white;
padding: 10px 24px 11px 20px;
text-decoration: 200;
border-right: 1px solid #7B7F77;
background: url(images/leftround2.gif) bottom left no-repeat; /*optional right round corner*/
background-position:0% 0px;
}

#pointermenu2 ul li a.left_menu_item:hover{
position: relative;
float: left;
color: white;
padding: 10px 24px 11px 20px;
text-decoration: none;
border-right: 1px solid #7B7F77;
background: url(images/leftround2.gif) bottom left no-repeat; /*optional right round corner*/
background-position:0% -39px;
}

/*#pointermenu2 ul li a.noborder_right, #pointermenu2 ul li .noborder_right{
float: left;
color: white;
font-weight: 200;
font-size: 14px;
padding: 15px 14px 14px 75px;
text-decoration: none;
border-right: 0px solid #7B7F77;
background: url(images/rightround2.gif) top right no-repeat; 
background-position:100% 0px;
}*/

#pointermenu2 ul li a:visited{
color: #3F3F3F;
}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: lightyellow;
background: url(images/repeatedbg.gif) bottom right repeat-x;
}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(images/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}
/* end of header horizontal menu */

/*EDIT USING POPUP ESTIMATED SHIPPING v1.7a*/

.estimatedshippingBox {
background: #CFCFCF; 
}

TD.estimatedshippingBoxHeading {
font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
font-size: 12px;
background: #2a4876;
background-image: url(images/estimatedshippingBox/corner_right_left.gif);
background-repeat: repeat-x;
color: #ffffff; 
}

.estimatedshippingBoxContents {
background: white;
font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
font-size: 10px;
}

.ShowShipping {
background: #E0E0E0;
color: #fffffa;
font-family: 'Arial Rounded MT Bold', Gadget, Sans-Serif;
font-size: 6px;
text-align: center;
}

.breadcrumb, .breadcrumb a {
padding: 5px 0;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}

.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:link {
color: blue;
}

.breadcrumb a:hover {
color: red;
}

/*+++++++++++++++++++++++++++++++++++++++++++*/