/*
  $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-size: 10px; }
.helpText {font-size: 10px; font-weight: bold; color: #888888;}
.errorBox {font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {font-size : 10px; color: #70d250; text-decoration: underline; }

/*BEGIN keytoner STYLES*/
body {
  float: left;
  cursor: default;
  background: #a9a4a3;
  color: black;
  margin: 0px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
form {
	display: inline;
}
h1 {
  font-size: 20px;
  font-weight: bold;
  color: inherit;
  margin: 0;
}
h2 {
  font-size: 16px;
  font-weight: bold;
  color: inherit;
  margin:0;
}
h3 {
  font-size: 14px;
  font-weight: normal;
  color: inherit;
  margin: 0;
}

/*All page elements are contained within Container*/
div#container {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	/*min-width: 770px;
	max-width: 1250px;*/
	width: 770px; /* 768 + 2x 1px border*/
	margin: 0px;
	border: solid 1px;
	border-color: #FFFFFF;
}
div.popup {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	border: solid white 1px;	
	margin: 0px auto;
}
table {
	color: inherit;
	font-size: inherit;
	border: 0;
	border-color: inherit;
	/*border-spacing:1px;*/
	padding: 0;
	width: 100%;
	empty-cells: show;	
}
td {
	color: inherit;
	font-size: inherit;
}
/*-------the search box classes----------------------------------------*/
#searchinput {
	font-size: 11px;
	text-indent: 2px;
	color: #000000;
	border: solid #000000 0px;
	background-color: #FFFFFF;
	height: 16px;
	width: 230px;
}
#searchselect {
	font-weight:300;
	vertical-align: middle;
	color: #000000;
	border: solid #0000FF 0px;
	background-color: #FFFFFF;
	height: 18px;
	width: 170px;
}
/*-------------the top bar classes------------------------------------------------*/
table.topbar, #customer_info{
	color: #FFFFFF;
	font-size: 12px; /*for ie compatibility*/
	font-weight:bold;
	text-indent: 0px;
	background: url('../images/trial/testgradient.gif');
	background-color: #FD5E1D;
	height: 100%;
}
#customer_info a{
	text-decoration: underline;
}
table.topbar a{
	color: #FFFFFF;
}
table.topbar td.tbr {
	border: solid 1px;
	padding: 2px;
}
table.topbar td.custlinks {
	color: white;
	background: url('../images/trial/testnav.gif');
	background-repeat: repeat-x;
	border-top: solid white 2px;
	font-size: 13px;
	height:25px;
}
table.topbar td.custlinks a {
	color: white;
	text-decoration: none;
}
table.topbar td.custlinks a:hover {
	color:yellow;
}
#topmenu {
	list-style: none;
	margin: 0 0 0 0;
	padding: 2px;
	
}
#topmenu li {
	display: inline;
	padding-left: 5px;
}
#topmenu li a{
	color: white;
	text-decoration: none;
}
#topmenu li a:hover {
	color:yellow;
}
/*--------begin nav,left,right,and bottombar classes:----------------------------*/
table.leftbar,table.navbar,table.rightbar,table.bottombar{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #955504;
	border: 0;
	border-color:  #F1D0A5;
	background-color: #F1D0A5;
	width: 100%;
	height: 100%;
}
table.navbar {
color: white;
background: url('../images/trial/testnav.gif') repeat-x;
}
table.navbar a {
	color: white;
}
table.navbar a:hover {
	color: yellow;
	text-decoration: none;
}
table.bottombar {
background: url('../images/trial/testbottom.gif') repeat-x;
}
table.leftbar {
background: url('../images/trial/leftbar.gif') repeat-y;
}
table.leftbar a,table.rightbar a,table.bottombar a {
	color: #955504;
}
table.leftbar a:hover,table.rightbar a:hover,table.bottombar a:hover {
	color: white;
	text-decoration: none;
}
table.leftbar a {
	display: block;
}
table.leftbar td#morebrands {
	background-color: #72BEEE;
	font-size: 20px;
}
table.leftbar td#morebrands a{
	color: white;
	text-decoration: underline;
}
table.leftbar td#morebrands a:hover {
	color: yellow;
	text-decoration: underline;
}
table.bottombar td{
	font-weight: bold;
	text-indent: 5px;
}
table.navbar td
{
	height: 25px;
}
table.navbar td.navbar2 /*like navbar, only without text-align*/
{
	text-align: center;
}
table.leftbar td {
	font-weight: bold;
	vertical-align: top;
	/*border: solid 1px;
	border-color:  #F1D0A5;*/
}
table.leftbar td.sbspcr {
	width: 2px;
}
ul.navbaritm {
	list-style: none;
	margin: 0 0 0 0;
	padding:0 2px 0 2px;
	width: 100%;
}
ul.navbaritm li {
	display: inline;
	padding:0 7px 0 7px;
	/*border: solid black 1px;*/
}
ul.navbaritm li a{

}
#left_mfglist 
{
	list-style: none;
	margin: 0;
	padding: 0;
	/*height: 20px;*/
	overflow: hidden;
	width: 100%;
}
#left_mfglist li
{
	margin-left: 5px;
	/*height: 20px;*/
}
#left_mfglist a
{
	
}
/*the price display classes*/
.listprice {
font-size:1.4em;
font-style: italic;
color: inherit;
text-decoration: line-through;
}
.specialprice {
font-weight: bold;
font-size:1.6em;
color: #009900;
}
.yousave {
color: #009900;
}
/*-----------------begin main content classes------------------------------------*/
table.main{
	font-size: 12px; /*to work with ie*/
	color: #484848;
	border: 0px;
	background-color: /*#EEE6E6;*/#F7E4CC;
	height: 100%;
	width: 100%;
	vertical-align: top;
}
td.main {
	border: solid 1px;
	padding: 2px 10px 2px 10px;
	/*padding-left: 10px;
	padding-right: 10px;*/	
	vertical-align: top;
	border-color: #FFFFFF;
}
img#prodimage {
	width: 120px;
	height: 120px;	
}

td.mainnp { /*like main but without any padding or indentation*/
	border: solid 1px;
	vertical-align: top;
	border-color: #FFFFFF;
}
table.main a {
	color: #955504;
	font-weight: bold;
}
table.main a:hover {
	text-decoration: underline;
}
#whatsnew {
	margin: 0;
}
#whatsnew li {
	
}

td.cracct {
	width: 150px;
}
input.cracct {
	font-size: 11px;
	text-indent: 4px;
	color: #000000;
	border: solid #000000 0px;
	background-color: #FFFFFF;
	height: 16px;
	width: 130px;
}
ul.helplist {
	margin: 0 0 0 0;
	text-indent: 0;
	padding: 0 0 0 12px;
}
ul.helplist li {
	margin-left: 15px;
	padding-bottom: 2px;
}
ul.helplist li a,a.helpLink{
	font-size: 12px;
	font-weight: bold;
}
table.mfg_list {
  width:100%;
  padding:5px;
  margin-top: 20px;
}
table.mfg_list td{
  vertical-align:top;
  color:#484848;
}
ul.mfg_list {
  list-style:none;
  font-weight: bold;
  margin: 0 5px 0 2px;
  padding:0 0 0 0;
  font-size: 13px;
}
ul.mfg_list li{
  padding:0;
  margin:0;
  border-bottom: solid #BBBBBB 1px;
  height:18px;
}
ul.mfg_list li.lastrow{
  padding:0;
  margin:0;
  border:0;
  height:18px;
}
ul.mfg_list li a{
  display: block;
  color:#484848;
  text-decoration:none;
}
ul.mfg_list li a:hover{
  color:red;
  text-decoration:none;
}
div#plist_div {
	height: 240px;
	width: 190px;
	overflow: auto;
	background-color: white;
	border: solid 1px #CCCCCC;
}
ul#printerlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#printerlist li {
	margin: 0;
	margin-left: 10px;
	padding: 0;
}
ul#printerlist li h2 {
	margin-left: -5px;
	font-style: italic;
	font-size: 1.2em;
	border-bottom: solid 1px #CCCCCC;
}
ul#printerlist li a {
	display: block;
	color: #666666;
	height: 15px; /*for ie*/
	font-weight: normal;
	margin: 0;
	padding: 0;
}
ul#printerlist li a:hover {
	background-color: yellow;
	text-decoration: none;
}
/*---------input & form classes-------------------------------------------*/
.headingtextlarge {
	font-size: 32px;
	font-weight: bold;
}
form.login {
	
}
fieldset.login {margin-left:0px;width : 95%; border:0;}
label.login { position : relative; width : 100px; display : block; text-align: right; }
label input {
	font-size: 11px;
	color: #000000;
	border: solid #000000 0px;
	background-color: #FFFFFF;
	position : absolute;
	left : 105%;
	top : 0px;
	width : 150px;
	text-indent: 2px;
	height: 16px;
}
ul.myprinters {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 0px;
	font-size: 12px;
}
ul.typelist {
	list-style: none;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 12px;
	font-size: 14px;
	font-weight: bold;
}
ul.typelist li{
	font-size: 12px;
	font-weight: normal;
}
input.msubmit {
	cursor: pointer;
	background-color: #63C6A9;
	border: solid #63C6A9 0px;
	font-size: 10px;
	font-weight: 900;
	height: 18px;
}
input.advsrch {
	font-size: 11px;
	color: #000000;
	border: solid #000000 0px;
	background-color: #FFFFFF;
	height: 16px;
	width: 90%;
	text-indent: 2px;
}
input.addcart {
	font-size: 11px;
	text-align: right;
	color: #000000;
	border: solid #000000 0px;
	background-color: #FFFFFF;
	height: 16px;
	width: 25px;
}
input.mpaddcart {
	font-size: 10px;
	text-align: right;
	color: #000000;
	border: solid #000000 1px;
	background-color: #FFFFFF;
	height: 14px;
	width: 25px;
}
textarea.std{
	font-size: 12px;
	color: #000000;
	border: solid #000000 0px;
	background-color: #FFFFFF;
	width: 90%;
	text-indent: 2px;
}
input#mfgsearchinput {
	font-size: 12px;
	text-indent: 2px;
	color: black;
	border: 0;
	background-color: white;
	height: 16px;
	width: 300px;
}
/**************************end keytoner styles******************************************/

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

span.boldme {
  font-weight: bold;
  font-size: 10px;
 } 
span.boldmebigger { font-weight: bold;   font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
 } 

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  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;
}
.infoBox 
{
  background: #660099;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

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

span.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #660099;
  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: #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: #660099;
  border-spacing: 1px;
}

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

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

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
TD.smlheading {
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  color: inherit;
}

TR.subBar {
  background: #f4f7fd;
}

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

P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

.mediumText { font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height:2em;}
.mediumProductText { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold;   color: #660099; }
.largeProductText { font-family: Verdana, Arial, sans-serif; font-size: 23px; font-weight: bold;   color: #660099; }
.largeText { font-family: Verdana, Arial, sans-serif; font-size: 16px;}

TD.smallText, span.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.smallText2, span.smallText2, P.smallText2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

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 { }
.moduleRowOver { background-color: #C9E998; cursor: pointer; }
.moduleRowSelected { background-color: #C9E998; }

.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: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color:black; background-color: #FF0033; }
.messageStackSuccess { font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: bold; color:black; background-color: #33FF00; }

/* input requirement */

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