/*
  $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
*/
/* AG ADDITIONS */
IMG.point {
cursor: pointer; 
}
TD.abox {
border: 1px dashed #cccccc;
background: #ffffff;
}
TD.pbox_container {
border: 1px solid #cccccc;
background: #e6e6e6;
padding: 10px 10px 10px 10px;
font: 12px/18px Arial, Verdana, Georgia;
}
#pbox {
width: 128px;
height: 140px;
border: 1px solid #E0F0F7;
background: #ffffff;
float: left;
margin: 0px 8px 16px 8px;
text-align: center;
font: 11px/14px Arial, Verdana, Georgia;
position: relative;
padding: 10px;
}
#leftfloat {
float: left;
text-align: left;
}
#pbox h3{
color: #881411;
font: 14px/18px Arial, Verdana, Georgia;
font-weight: bold;
text-transform: capitalize;
margin-top: 10px;
}
.subcat {
color: #881411;
font: 12px/18px Arial, Verdana, Georgia;
font-weight: bold;
text-transform: capitalize;
}
.fleft {
float: left;
margin: 10px 10px 10px 10px;
}
.fright {
float: right;
margin: 10px 10px 10px 10px;
}
.clearboth {
clear: both;
}
#catlinks {
position: absolute;
bottom: 6px;
left: 4px;
z-index: 20;
}
#catlinks a {
padding-left: 4px;
padding-right: 4px;

}



/* END AG ADDITIONS */
.boxText { font-family: Arial, Verdana, Georgia;  }
.errorBox { font-family : Arial, Verdana, Georgia;  background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Verdana, Georgia; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Verdana, Georgia; color: #C2CD59; text-decoration: underline; }

BODY {
  background: #ffffff url(images/layout/bg.jpg) repeat-x top left;
  color: #000000;
  margin: 0px;
  font: 0.8em/1.2em arial, verdana, georgia;
}
TABLE, P { font: 1.0em/1.5em arial, verdana, georgia; }

A {
  color: #3E6E81;
  text-decoration: underline;
}

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}


A.headerNavigation { 
	padding-left: 5px;
	padding-right: 5px;
  color: #3E6E81; 
  font-weight: bold;
  font-size: 0.9em;
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Arial, Verdana, Georgia;
  
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, Verdana, Georgia;
  
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}



.infoBox {
border-bottom: 1px solid #C2E1EB;
}

.infoBoxContents {

  
}

.infoBoxNotice {
}

.infoBoxNoticeContents {
  background: #FFE6E6;
}

TD.infoBoxHeading {
  font-weight: bold;
  background: #3D96AF;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {

  
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

}

TABLE.productListing {

}

TR.productListing-even TD, TR.productListing-odd TD { border-bottom: 1px solid #C2E1EB; }
TR.moduleRow TD, TR.moduleRowSelected TD, TR.moduleRowOver TD { border-top: 1px solid #C2E1EB; }
TR.productListing-even TD TD, TR.productListing-odd TD TD { border:none; }

.productListing-heading {
  font-family: Arial, Verdana, Georgia;
  
  background: #7ABED1;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, Verdana, Georgia;

}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-size: 1.5em;
  font-weight: bold;
  color: #AFBB1E;
	padding-top: 20px;
padding-bottom: 10px;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Verdana, Georgia;
  
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, Verdana, Georgia;
  
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  line-height: 1.2em;
  font-size: 0.85em;
}

TD.accountCategory {
  font-family: Arial, Verdana, Georgia;
  
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, Verdana, Georgia;
  
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, Verdana, Georgia;
 
}

TD.tableHeading {
  font-family: Arial, Verdana, Georgia;
 
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, Verdana, Georgia;
 
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Verdana, Georgia;
  
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Verdana, Georgia;
  
}

SPAN.greetUser {
  font-family: Arial, Verdana, Georgia;
  
  color: #f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-family: Tahoma, Arial, Verdana, Georgia;
  
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, Verdana, Georgia;
 
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, Verdana, Georgia;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, Verdana, Georgia;
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana, Georgia; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Verdana, Georgia; color: #000000; }

/* message box */

.messageBox { font-family: Arial, Verdana, Georgia;  }
.messageStackError, .messageStackWarning { font-family: Arial, Verdana, Georgia;  background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, Verdana, Georgia;  background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, Verdana, Georgia; color: #AFBB1E; }

/* MORE AG ADDITIONS : CUSTOM */

h2 { color: #AFBB1E; font-weight: bold; font-size: 1.5em; margin-top: 0;}
h3 { color: #28596C; font-weight: bold; font-size: 1.2em; margin-top: 0; margin-bottom: 4px;}

h1 span, h2 span, h3 span { display: none; }

#main { position: relative; text-align: left; margin: 0px; width: 900px; color: #000000; background: #ffffff; }
#clear { clear: both; }

.bodyTD { padding-left: 10px; }

#header { position: relative; background: #ffffff url(images/layout/bg.jpg) repeat-x top left;}

#header_left { position: relative; width: 260px; float: left; }
#logo { width: 100%; height: 99px; background: url(images/layout/logo_bg.jpg) no-repeat top left; display: block;}

#header_right { position: relative; width: 637px; float: left; }
#topmenu { font-size: 0.9em;  /*width: 640px;*/ height: 44px; background: url(images/layout/topmenu_bg.jpg) repeat-x top left; }
#tnav, #tnav ul { /* all lists */
	padding: 0; margin: 0; list-style: none; }

#tnav a { font-size: 0.95em; display: block; width: 119px; text-align: center;	height: 44px; line-height: 44px; color: #28596C; font-weight: bold; text-decoration: none;}

#tnav a:hover { background: #ffffff; text-decoration: none;}

#tnav li { /* all list items */
	float: right;
	width: 120px; /* width needed or else Opera goes nuts */
	border-left: 1px solid #A5D4E7;
	text-align: center;
}




#search { padding-top: 14px; float: left;}
#search label { position: relative; top: -6px; font-weight: bold; }
input.search_input { position: relative; top: -4px; background: url(images/layout/search_box_bg.gif) no-repeat bottom left; border: none; width: 154px; padding-right: 10px; padding-left: 4px; padding-top: 3px;  height: 20px;}
#questions { position: absolute; top: 50px; right: 10px; }
.phone { color: #28596C; font-weight: bold; font-size: 16px; }
#tagline { position: absolute; top: 133px; right: 18px; }

TD.menu { padding: 5px; }
#sidemenu { position: relative; background: #C2E1EB url(images/layout/sidemenu_bg.jpg) repeat-x top left; width: 216px; margin-bottom: 10px;}
#sidemenu2 { position: relative; background: #D8DF95 url(images/layout/sidemenu2_bg.jpg) repeat-x top left; width: 216px; margin-bottom: 10px;}
#sidemenu_header { position: absolute; top: 5px; left: 0; }
#sidemenu img, #sidemenu2 img { display: block; }
#sidemenu ul, #sidemenu2 ul { list-style: none; padding: 0; margin: 26px 0 0 0;}
#sidemenu li, #sidemenu2 li { margin-left: 10px; margin-bottom: 10px; }
#sidemenu a, #sidemenu2 a { color: #336275; font-weight: bold;  text-decoration: none;}

#menu { position: relative; z-index: 40; width: 100%; height: 40px; background: #ffffff url(images/layout/menu_bg.jpg) repeat-x top left; font-size: 0.9em;}
#nav, #nav ul { /* all lists */
	padding: 0; margin: 0; list-style: none; }

#nav a { display: block; width: 179px; height: 40px; line-height: 40px; color: #28596C; font-weight: bold; text-decoration: none; text-align: center;}

#nav a:hover { background: #ffffff; text-decoration: none;}

#nav li { /* all list items */
	float: left;
	width: 179px; /* width needed or else Opera goes nuts */
	border-right: 1px solid #A5D4E7;
	text-align: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 40;
	background: #ffffff;
	width: 179px;
	border-right: 1px solid #A5D4E7;
	border-left: 1px solid #A5D4E7;
	border-bottom: 1px solid #A5D4E7;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li { border: none; }
#nav li ul li a { height: 22px; line-height: 22px; text-align: center; padding: 0; margin: 0; width: 179px;}
#nav li ul li a:hover { background: #A5D4E7; }

#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;
	margin-left: -1px;
}

#nav li.cat_lev_0 a.parent { background: url(images/layout/down_arrow.gif) no-repeat right; }
#nav li.cat_lev_0 a.parent:hover { background: #ffffff url(images/layout/down_arrow_hover.gif) no-repeat right; }

#row { border-bottom: 1px solid #C2E1EB; padding-bottom: 20px; margin-bottom: 10px; padding-left: 10px;}
#c_left { float: left; width: 430px; padding-right: 10px;}
#c_right { float: left; width: 202px; border-left: 1px solid #C2E1EB; color: #666666; padding-left: 10px;}

#row_nh { border-bottom: 1px solid #C2E1EB; padding: 10px 10px 20px 10px; margin-bottom: 10px;}

#epinions { margin-top: 20px; margin-left: 20px; padding-left: 20px; background: url(images/layout/epinions_bg.gif) no-repeat top left; color: #888888; font-size: 1.1em; padding-bottom: 20px;}
#epinions h3 { text-align: left; margin-top: 14px; margin-bottom: 0;}

.blockquote {background: url(images/layout/epinions_bg.gif) no-repeat bottom right; float: right; text-align: center; font-size: 1.2em; color: #3D96AF; line-height: 2.5em; width: 200px;}

.huge { font-size: 2.5em; color: #51AAC4; }

.contactfield { display: none; }
.required { color: #AFBB1E; }
label { font-weight: bold; }
#error {
background: #C2E1EB;
border: 1px solid #7ABED1;
padding: 0.5em;
margin-bottom: 1.0em;
}
TR.error { background: #C2E1EB; }

#footer { font-size: 0.9em; margin-top: 30px; margin-left: 10px;}


.announcing { border-top: 1px solid #C2E1EB; margin-top: 20px; }