/*
  $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
*/

.superPanel {
	clear: both;
	margin: auto;
	width: 860px;
	text-align: left;
}
.header {
	float:left;
	margin: auto;
	width: 860px;
	text-align: left;
	font-size: 11px;
}
.header_left {
	float:left;
	width:294px;
	padding-top:15px;
	padding-bottom:15px;
	color:#fff;
}
.header_mid {
	float:left;
	width:250px;
	color:#fff;
}
.header_right {
	float:right;
	width:200px;
	color:#fff;
}
.footer {
	background: url(images/box_bg_dark.gif) repeat-x;
	color:#fff;
	float:left;
	margin: auto;
	width: 830px;
	height: 93px;
	text-align: center;
	font-size: 11px;
	padding:15px;
}
.footer a {
	color:#fff;
	text-decoration:underline;
}
.mainPanel {
	float:left;
	background: url(images/main_bg.gif) repeat-x;
	background-color:#fff;
	margin: auto;
	width: 830px;
	text-align: left;
	padding:15px;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */
.logotitle {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#fff;
}
.logotitle a:link, .logotitle a:visited, .logotitle a:hover {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#fff;
}
.content {
	font-size: 11px;
	float:left;
	width:500px;
}
.left {
	font-size: 11px;
	float:left;
	width:150px;
}
.seperator {
	float:left;
	width:15px;
}
.right {
	font-size: 11px;
	float:left;
	width:150px;
}
.trail {
	font-size: 11px;
	padding: 8px;
	background-color:#666666;
	margin-bottom:15px;
}
.promo {
	color: #747474;
	border: 1px #d6d1c5 solid;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 8px;
	background: url(images/body_dark.gif) repeat-x;
	background-color:#f7f6f5;
	padding:8px;
	margin-bottom:15px;
}
.matte_white {
	padding: 8px;
	background-color:#fff;
}
.content_left {
	border: 1px #000 solid;
}
.content_mid {
	border: 1px #000 solid;
}
.content_right {
	border: 1px #000 solid;
}
.roundtop {
	background: url(images/tr.gif) no-repeat top right;/* background: url(images/tr.gif); */
}
.roundcenter {
	background: url(images/c.gif);/* background: url(images/tr.gif); */
}
.roundbottom {
	background: url(images/br.gif) no-repeat top right;/* background: url(images/br.gif); */
}
.sidebox {
	color: #747474;
	border: 1px #d6d1c5 solid;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 8px;
	background: url(images/box_bg.gif) repeat-x;
	background-color:#f7f6f5;
}
.box {
	color: #747474;
	border: 1px #d6d1c5 solid;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 8px;
	background: url(images/box_bg.gif) repeat-x;
	background-color:#f7f6f5;
}
.box_content {
	color: #747474;
	border: 1px #d6d1c5 solid;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 15px;
	width: 468px;
	background: url(images/box_bg.gif) repeat-x;
	background-color:#f7f6f5;
}
.box_warning {
	color: #747474;
	border: 1px #d6d1c5 solid;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 15px;
	background: url(images/box_bg.gif) repeat-x;
	background-color:#f7f6f5;
}
.box_image {
	border: 1px #d6d1c5 solid;
	font-size: 11px;
	padding: 8px;
	background-color:#ffffff;
}
.box_button {

}
.box_button a {
	display:block;
	padding: 8px;
	border: 1px #de9218 solid;
	background: url(images/box_bg_orange.gif) repeat-x;
	background-color:#fcbe36;
	color: #fff;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
}
.box_button a:hover {
	color: #fff;
}
.box_dark {
	color: #fff;
	/* border: 1px #7a7a7a solid; */
	font-size: 11px;
	margin-bottom: 15px;
	background: url(images/box_bg_dark.gif) repeat-x;
	background-color:#8b8b8b;
}
.boxtitle {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 5px;
}
.productName {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight:bold;
	margin-bottom: 5px;
}
.productPrice {
	color:#ff8f00;
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 5px;
}
.categoryHeading {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight:bold;
	margin-bottom: 5px;
}
.cat_description {
	margin-bottom: 15px;
}
.articles ul {
	list-style:none;
	margin-left:0px;	
}
.articles li {
	background:url(images/icons/article.gif) no-repeat 0 .15em;
	padding-left:23px;
	color:#5c5c5c;
	padding-bottom:15px;
}
hr {
	color: #cec8b9;
	height: 1px;
	margin-top:20px;
	margin-bottom:20px;
}
h1 {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 22px;
	color:#5c5c5c;
}
h2 {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 20px;
	color:#5c5c5c;
}
h3 {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 18px;
	color:#71700c;
	margin-bottom:5px;
}
h4 {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 16px;
	color:#5c5c5c;
}
h5 {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 24px;
	color:#5c5c5c;
}
img.corner {
	width: 25px;
	height: 25px;
	border: none;
	display: block !important;
}
.navcontainer ul {
	clear:right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.navcontainer li {
	margin: 0 0 1px 0;
}
.navcontainer a {
	display: block;
	padding: 3px 3px 3px 3px;
}
.navcontainer a:link, .navlist a:visited {
	text-decoration: underline;
}
.navcontainer a:hover {
	text-decoration: underline;
}
.active a:link, .active a:visited, .active a:hover {
	color: #fff;
	border: 1px #aab61d solid;
	margin-bottom: 1px;
	/* font-weight: bold; */
	background: url(images/box_bg_green.gif) repeat-x;
	background-color:#8c900e;
	text-decoration: none;
}
.subnavcontainer {

}
.subnav {

}
.subnav a:link, subnav a:active, .subnav a:visited {
	padding:5px;
	font-size:9px;
	float:left;
	font-weight:bold;
	color: #eaeaea;
	border: 1px #8d8d8d solid;
	margin-right: 1px;
	/* font-weight: bold; */
	background-color:#8d8d8d;
}
.subnav a:hover {
	padding:5px;
	font-size:9px;
	float:left;
	font-weight:bold;
	color: #fff;
	border: 1px #aab61d solid;
	margin-right: 1px;
	/* font-weight: bold; */
	background: url(images/box_bg_green.gif) repeat-x;
	background-color:#8c900e;
}
.subnavactive a:link, .subnavactive a:visited, .subnavactive a:hover {
	padding:5px;
	font-size:9px;
	float:left;
	font-weight:bold;
	color: #fff;
	border: 1px #aab61d solid;
	margin-right: 1px;
	/* font-weight: bold; */
	background: url(images/box_bg_green.gif) repeat-x;
	background-color:#8c900e;
}
.subsubnavcontainer {

}
.subsubnav {
  white-space : nowrap;
}
.subsubnav a:link, subsubnav a:active, .subsubnav a:visited {
	padding:8px;
	float:left;
	color: #fff;
	border: 1px #aab61d solid;
	/* font-weight: bold; */
	background-color:#aab61d;
	text-decoration:underline;
}
.subsubnav a:hover {
	padding:8px;
	float:left;
	color: #fff;
	border: 1px #aab61d solid;
	/* font-weight: bold; */
	background-color:#c6d328;
	text-decoration:underline;
}
.subsubnavactive a:link, .subsubnavactive a:visited, .subsubnavactive a:hover {
	padding:8px;
	float:left;
	color: #fff;
	border: 1px #aab61d solid;
	/* font-weight: bold; */
	background-color:#c6d328;
	text-decoration:underline;
}
.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 {
	margin: 0;
	padding: 0;
	text-align: center;
	/* background: url(images/body_bg.gif) repeat-x; */
	background-color: #b4ad9a;
	font-family: Verdana, Arial, sans-serif;
}
A {
	color: #71700c;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}
FORM {
	display: inline;
}
TR.header {
	background: #ffffff;
}
TR.headerNavigation {
	background: #bbc3d3;
}
TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	background: #bbc3d3;
	font-weight : bold;
	color: #ffffff;
}
A.headerNavigation {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
A.headerNavigation:hover {
	font-weight: bold;
	text-decoration: underline;
	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-color:#f7f6f5;
  	background: url(images/box_bg.gif) repeat-x;
	border: 1px #d6d1c5 solid;
}
.infoBoxContents {
	/* background: #f7f7f5; */
  font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
.infoBoxNotice {
	color: #fff;
	border: 1px #dc424b solid;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 15px;
	background: url(images/box_bg_red.gif) repeat-x;
	background-color:#ec4c58;
}
.infoBoxNoticeContents {
	font-size: 12px;
	color: #fff;
}
TD.infoBoxHeading {
	background-image: url('images/infobox/corner_center.gif');
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	display: none;
}
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 {

 //shopping-cart content color
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

 //shopping-cart content color
}
TABLE.productListing {
	border: 0px;
	border-style: solid;
	border-color: #E3E3E3;
 //shopping-cart header/footer color border-spacing: 1px;
}
.productListing-heading {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	background: url(images/box_bg_select.gif) repeat-x;
	background-color:#ddd8cb;
 //shopping-cart header/footer color color: #9F1A37;
	font-weight: bold;
	padding: 10px;
}
TD.productListing-data {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #282E3E;
	padding: 5px;
}
A.pageResults {
	color: #0000FF;
}
A.pageResults:hover {
	color: #0000FF;
	background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 22px;
	color: #5c5c5c;
	font-weight: bold;
	height: 28px;
	Zwidth: 461px;
	Zbackground: url('images/m99.gif');
	Zbackground-repeat: repeat-x;
	padding-top: 10px;
	text-transform: none;
}
TR.subBar {
	background: #f4f7fd;
}
TD.subBar {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}
TD.main, P.main, div.main {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
TD.mainWhite, P.mainWhite, div.mainWhite {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#fff;
	line-height: 1.5;
}
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;
	background-color:#ffb530;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 2px;
}
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: #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 {
	background-color:#f0eee8;
}
.moduleRowOver {
	border: 1px #fff solid;
	background: url(images/box_bg_select.gif) repeat-x;
	background-color:#ddd8cb;
	cursor: pointer;
	cursor: hand;
}
.moduleRowSelected {
	border: 1px #fff solid;
	background: url(images/box_bg_select.gif) repeat-x;
	background-color:#ddd8cb;
}
.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 {
	color: #fff;
	border: 1px #dc424b solid;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 15px;
	background: url(images/box_bg_red.gif) repeat-x;
	background-color:#ec4c58;
}
.messageStackSuccess {
	/* font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #99ff00; */
	
	color: #fff;
	border: 1px #aab61d solid;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 15px;
	background: url(images/box_bg_green.gif) repeat-x;
	background-color:#8c900e;
}
/* input requirement */

.inputRequirement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
}
td {
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	color: #5c5c5c;
}
.bg {
	background-image: url(images/m23.gif);
	background-repeat: repeat-y;
}
.bg1 {
	background-image: url(images/m29.gif);
	background-repeat: repeat-y;
}
.bg2 {
	background-image: url(images/m42.gif);
	background-repeat: repeat-y;
}
.bg3 {
	background-image: url(images/m48.gif);
	background-repeat: repeat-y;
}
.bg4 {
	background-image: url(images/m59.gif);
	background-repeat: repeat-y;
}
.go {
	border-style: solid;
	border-width: 1px;
	border-color: #A1A1A1;
	height: 20px;
}
.cy {
	font-size: 11px;
	color: #747474;
	font-weight: bold;
}
.cy1 {
	font-size: 14px;
	color: #FF850D;
	font-weight: bold;
}
.cy2 {
	font-size: 13px;
	color: #5c5c5c;
	font-weight: bold;
}
.ml {
	font-size: 11px;
	color: #08A8C4;
	text-decoration: none;
}
.ml1 {
	font-size: 11px;
	color: #5c5c5c;
	text-decoration: none;
}
.ml2 {
	font-size: 10px;
	color: #5c5c5c;
	text-decoration: underline;
}
.px2 {
	font-size: 2px;
}
.px4 {
	font-size: 4px;
}
.se {
	width: 110px;
	font-size: 9px;
}