/***************************************************
=========================
In Progress Documentation
=========================
This style sheet is in progress and may contain extraneous/unused styles while in production and until release of the final site.
Created Aug 09,2007 
The Css is for 1024*768 site resolution 
***************************************************/

body {margin:0px; color: #333; background: #fff url(../art/bodyBG.gif) repeat; font: normal 11px verdana, arial, sans-serif;}

a {color:#BB5307;text-decoration:underline;}
a:hover	{color: #DA6109;text-decoration:underline;}	

ul,li {font: normal 12px verdana, arial, sans-serif;line-height: 150%;}

h3 {}

hr
{
	color: #CFCFCD;
	background: #CFCFCD;
	border: 0;
	height: 1px;
	text-align: center;
}
/*************************************************
wrap the main div that keeps all content centered
**************************************************/
#wrap {width:955px; margin:auto;}
 
#header {width:955px; height:85px; 
		border-bottom:1px solid #BB5307;
		}
		
/* positions hotlinked transparent image over the logo which is in the background.*/
.homelink {position:absolute;z-index:100; }
/**************************************
First menu at the top of the page
***************************************/

#hdr-menu-message {font-weight:bold;text-transform:uppercase;font-size:9px;}
#hdr-menu-keyword {font-weight:bold;text-transform:uppercase;font-size:9px;}
#hdr-menu {color:#BB5307;width:955px; margin:auto; text-align:right;padding:4px 0;}	
#hdr-menu  ul  {padding-top:4px;display:inline;list-style-type: none;}
#hdr-menu  li {display:inline;}
	 
#hdr-menu   a 
	{font-weight:bold;font-size: 10px;
 	text-transform:uppercase;
	color: #BB5307;
	padding:4px;
 	text-decoration: none;
	 }
	 
#hdr-menu   a:hover
	{
 
  	text-decoration:underline;
	 color: #DA6109;
 	}	
	
/**************************************
2nd menu - to be used to breadcrumb, etc.
***************************************/ 	
#breadcrumb { color:#BB5307;width:940px;text-align:left;background-color:#CDCDCC;
			border-left:1px solid #BB5307;border-right:1px solid #BB5307; border-bottom:1px solid #BB5307;padding:6px;
			}
 	
#breadcrumb ul {margin: 0px;padding:0px;display:inline;list-style-type: none;}
#breadcrumb li {margin: 0px;padding:0px;display:inline;list-style-type: none;}
	 
#breadcrumb   a 
	{font-weight:bold;font-size: 11px;
 	text-transform:uppercase;
	color: #BB5307;
	padding: 0 4px;
 	text-decoration: none;
	 }
	 
#breadcrumb   a:hover
	{
 
  	text-decoration:underline;
	 color: #DA6109;
 	}	

#loadingBox {position:absolute; z-index:400; left: 540px; top: -23px; font-weight:bold; font-size:12px;}
#esSearch {position:absolute; z-index:410; left: 340px; top: -28px; font-weight:bold; font-size:12px;}

#img-cart {position:absolute;z-index:200;float:right;display:block;left:715px;top:-23px;}
			
/* fixes the display error in ie for relative positioned, floated element - use absolute wrapped in relative div and it will move with the page*/
#ie-hack {position:relative;}
#btn-cart {position:absolute;left:795px;top:-28px;z-index:200;float:right;display:block;
			background-color:#fff;border:1px solid #BB5307;width:150px;padding: 2px 0 0 0;
			color: #BB5307; font-weight:bold;text-transform:uppercase;}
#btn-cart2 {position:absolute;left:675px;top:-28px;z-index:200;float:right;display:block;
			background-color:#fff;border:1px solid #BB5307;width:70px;padding: 2px 0 0 0;
			color: #BB5307; font-weight:bold;text-transform:uppercase;}	
			
#btn-cart a {color: #BB5307;text-decoration:none;}
#btn-cart a:hover {color: #DA6109;text-decoration:underline;}
#btn-cart2 a {color: #BB5307;text-decoration:none;}
#btn-cart2 a:hover {color: #DA6109;text-decoration:underline;}

/**********************
center content of homepage - 2 col layout: right=glamour or flash and left = featured products containers and SEO text.
***********************/

#home-nav ul {margin:0; padding:4px 0;background-color:#BB5307;color:#fff;border-bottom:2px solid #fff;text-align:right;}

#home-nav li {margin:0; padding-right:10px;display:inline;}

#home-nav   li a 
	{font-weight:bold;font-size: 11px;
 	 color: #fff;
 	 
	 text-decoration: none;
	 }
	 
#home-nav  a:hover
	{
 
  	text-decoration:underline;
	 
 	}	

.home-nav2 { padding-top:5px; border-bottom:2px solid #fff;  height:20px ;width:955px; margin:0; background-color:#BB5307;color:#fff;}
.home-nav {  margin:0; background-color:#BB5307;color:#fff;}
.home-nav-item {padding-bottom:2px; border-left:1px solid #fff; margin:0; padding-left:10px; padding-right:10px;cursor:pointer;cursor:hand;}
.home-nav-itemtext {font-weight:bold;color: #fff; text-decoration: none;font: bold 11px verdana, arial, sans-serif;}
.home-nav-itemover { padding-bottom:2px; border-left:1px solid #fff; margin:0; padding-left:10px; padding-right:10px;cursor:pointer;cursor:hand;}
.home-nav-itemovertext { font-weight:bold;color: #fff; font: bold 11px verdana, arial, sans-serif;text-decoration:underline;}


table#features {background-color:#bb5307;color:#fff;}
table#features h1 {font-size:16px; font-weight:normal; letter-spacing:1px; color:#fff;text-transform:uppercase;margin-top:0;}
table#features h2 {font-size:16px; font-weight:normal;}
table#features  p {font-size:12px;}
table#features td.margins {padding:10px 5px 10px 18px;}

table#features a img {border:0px;}
table#features a {color:#fff; text-decoration:none;}
table#features a:hover {text-decoration:underline;}
 
table#features p.items-price  {margin:0;padding-top:10px;text-align:center;font-size:10px;font-weight:bold;text-transform:uppercase;}

td.button {padding-right:15px;}
 td.button  a {text-transform:uppercase;
 	font-weight:bold;font-size:10px;
    display: block;
    width: 110px;  text-align: center;
    background: url("../art/hover-off.gif") no-repeat;
  	}

 td.button   a:hover { background-image: url("../art/hover-on.gif"); }

td.button img {position:relative;top:8px;margin-bottom:20px;}


/**********************
FAQs and How To banners
***********************/
			
table#hp-banner {border-left:1px solid #BB5307;border-bottom:1px solid #BB5307;border-right:1px solid #BB5307;background-color:#fff;margin-bottom:5px;}
table#hp-banner h1 {font-size: 16px;color:#999;margin:0px;}

table#hp-banner  a {font-size:10px;color: #BB5307;display:block;padding:4px;text-decoration:underline;}
table#hp-banner  a:hover {color: #DA6109;}

table#hp-banner td.faqs p {padding-left:100px;padding-top:6px!important;padding-top:20px}

table#hp-banner td.how-to {background-color:#E6E6E5;padding:8px;}
table#hp-banner td.how-to p {margin:0;}


/**********************
Main content
***********************/

#main {background-color:#fff;}
#main table.border {border-left:1px solid #BB5307;border-right:1px solid #BB5307;border-bottom:1px solid #BB5307;}

#main table.border img.hdr {border-bottom:1px solid #BB5307;}

#main table td.navBG {background-color:#BB5307;border-right:1px solid #BB5307;}

div#content {padding:15px;}
 
div#content img.display {border: 1px solid #CDCDCC;margin-right:15px;margin-bottom:5px;}

div#content h1 {font-size:14px;margin-top:0px;}
div#content p {font-size:11px;line-height:140%;}

div#content a {font-weight:bold;text-decoration:underline;}
div#content a:hover {font-weight:bold;text-decoration:underline;}

div#content a.view {font-size:10px;padding-left:10px;}
.bottom-borderdoor {border-bottom:1px solid #CDCDCC;padding:10px;}
 .bottom-border {border-bottom:1px solid #CDCDCC;padding-top:10px;padding-bottom:10px;}
 .right-border {border-right:1px solid #CDCDCC;}
td.tally {border-left:1px solid #CFCFCD;}
 
#tally h1 {color:#BB5307;margin:0;font-size:14px;padding:8px;}

#tally a {font-weight:bold;text-decoration:underline;}

 div.edit {text-align:right;padding-right:10px;}
div.item {background-color:#f0f0f0;font-weight:bold;padding:4px;border-top: 1px solid #CFCFCD;border-bottom: 1px solid #CFCFCD;}
div.padding {padding:6px;}

table.greyBG {background-color: #f0f0f0;border:1px solid #CFCFCD;text-transform:uppercase;font-size:10px;font-weight:bold;padding:10px;}
table.greyBG b {font-size:11px;}

table.details {border:1px solid #CFCFCD;background-color: #fff;}
table.details td {padding: 6px 10px;border-bottom:1px solid #CFCFCD;font-size:11px;}
table.details tr.row-hdr {text-transform:uppercase;font-weight:bold;background-color: #f0f0f0;}
table.details tr.row-hdr td {color:#333;}
table.details tr.row-hdr td.alert {color:#BB5307;}
table.details td {color:#666;}
table.details td.title {color:#333;font-size:12px;}

b.orange {color:#BB5307;text-transform:uppercase;}
table.details td.alert {color:#BB5307;}
span.smalltext {font-size:10px;}

/**********************
Sub menu nav styles
***********************/
#submenu {margin:0px;}
#submenu ul {margin: 0px;padding: 0px;list-style: none;}
#submenu li {list-style: none;margin:0px;padding:0px;text-align: left;}
#submenu li a:link, #submenu li a:visited, #submenu li a:active {border-bottom: solid 1px #B5B5B5;font-weight:bold;
font-size: 10px;padding: 4px 8px 4px 12px;color: #fff;text-decoration: none;display: block;letter-spacing:1px;background-color: #BB5307;}

#submenu li a:hover {color: #4B4B4B;text-decoration: none;background-color: #CDCDCC;}
#submenu li.current_page a {color: #4B4B4B;background-color: #CDCDCC;text-decoration: none; }

.submenu {background-color: #BB5307; width:199px}
.submenu-item {cursor:pointer;cursor:hand;border-bottom: solid 1px #B5B5B5;padding: 7px 8px 7px 12px;display: block; width: 100%;}
.submenu-itemtext {font-weight:bold;color: #fff;text-decoration: none;display: block;letter-spacing:1px; font: bold 10px verdana, arial, sans-serif;}
.submenu-itemover {cursor:pointer;cursor:hand;border-bottom: solid 1px #B5B5B5;padding: 7px 8px 7px 12px;display: block; width: 100%; background-color: #CDCDCC;}
.submenu-itemovertext {font-weight:bold;color: #4B4B4B;text-decoration: none;display: block;letter-spacing:1px; font: bold 10px verdana, arial, sans-serif;}

/**********************
Forms styles
***********************/

input,textarea {
	border: 1px solid #7897AD;
	background-color: #ffffff;
	margin-left: 3px;
}

input.btn {
	border: 1px solid #1B4A73;
 cursor:pointer;cursor:hand;
	background-color: #486F90;
	color: #ffffff;
	margin-left: 3px;
}


#footer-links {background-color:#E6E6E5;border:1px solid #BB5307;font-size:10px;}
#footer-links table {padding:10px;}
#footer-links td {text-align:center;}
#footer-links a {color:#333;font-size:10px;font-weight:bold;text-transform:none;text-decoration:underline;}
#footer-links a:hover {color:#666;}

#footer-comments {background-color:#CDCDCC;border:1px solid #BB5307;font-size:10px; margin-top:5px;}
#footer-comments td {text-align:left; padding:2px;}
#footer-comments a {color:#333;font-size:10px;font-weight:bold;text-transform:none;text-decoration:underline;}
#footer-comments a:hover {color:#666;}


#footer {}
#footer p {margin:0px;padding:10px 0;font-size:10px; color:#666;text-align:left;}
#footer img {padding-right:15px;}
#footer p a	{font-size:10px;color:#666;text-decoration:underline;}

/**********************
Added Afterwards
***********************/
#featured-prices {font-size:12px; font-weight:bold; color:#FFFFCC;}
#featured-prices-small {font-size:9px; font-weight:normal; color:#FFFFCC;}