@charset "utf-8";
/* CSS Document */

hr{
border: none 0; 
border-top: 1px solid #000;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

body {background-image:url(images/bg.gif); background-repeat:repeat-x; background-color:#d8c14d; font-family:book; font-size:14px; color:#000000;}

#box { 
width: 700px;
margin: 0px auto -1px auto;
border-style:solid;
border-color:#801b05;
background-color:#f8f8d1;
} 

#header { 
width: 700px; 
height:239px;
background-image:url(images/header.jpg);
}

#menuarea {  
clear:both;
width: 700px; 
height:28px;
background-color:#801b05;
}

#navs {   
float:left;
top:30px;
left:25px;
width: 150px; 
}

#navstop {   
width: 200px; 
height: 43px;
background-image:url(images/menutop.gif);
}

#navsmid {   
width: 200px;
background-image:url(images/menumid.gif);
top
}

#navsmidcontent {
padding-left:15px;
background-image:url(images/menumid.gif);
}

#navsbot {   
width: 200px; 
height: 35px;
background-image:url(images/menubot.gif);
}

#main {
 position:relative;
 color: #333333;
 width:100%;
 padding-top:20px;
 padding-left:20px;
 min-height:700px;
}

#cont {
 width:450px;
 color: #333333;
 margin-left:220px;
 padding-top:10px;
 padding-bottom:20px;
  padding-right:20px;
 }
 
###########################################
text styles
###########################################




####################################################
                  menu items
####################################################

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/upmenu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.menu {font-family: verdana, arial, sans-serif; width:735px; position:relative; font-size:10px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:100px; height:28px; text-align:center; color:#000; padding-left:0px; padding-right:20px; background:#801b05; line-height:25px; font-size:10px; color:#FFFFFF;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility:hidden; position:absolute;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li:hover a, .menu ul li a:hover {color:#000; background:#d8c255;}

.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:26px; left:0;}

.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#a7c9c9; color:#000;}

.menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#fff; color:#000;width:199px; clear:both;}

.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#dfc184; color:#000;}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#c9c9a7; color:#000;}

.menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}

.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}


#####################################################
/*.infoBox
Sets the background border color around all the boxes and not the box headings 
except the "my account", "edit account", and "add a new address" boxes.*/
.infoBox {
  background: #b6b7cb;
}

/*.infoBoxContents
Sets the color of ALL the inside of the boxes and puts a colored border around the comments boxes.
Setting a text color here will color the numbers text in the boxes like the catalog listings and 
the "Best Sellers" box numbers and the "My Account", "Edit Account", & "Add Address" headings.
*/
.infoBoxContents {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*.infoBoxNotice
The style used for the outline of the box created at the top of the checkout_payment.php page 
when a customer inputs the wrong credit card number or expiration date.*/
.infoBoxNotice {

}

/*.infoBoxNoticeContents
The style used for the body of the box created at the top of the checkout_payment.php page 
when a customer inputs the wrong credit card number or expiration date.*/
.infoBoxNoticeContents {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


/*TD.infoBoxHeading
Sets the left and right column boxes and the new products box heading color and text color.

The text size of the heading boxes can be changed ... anything above 10 you will need to 
enlarge the box graphics also (images/infobox)

Padding can be added to these heading boxes.

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
Sets the odd and even row colors on all box listings.*/
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
}


TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}



____________________________________________________________________________________




td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

.subhead {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#E12F28;
font-weight:700;
}

a:hover {
font:12px Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#E12F28;
}

a.nav {
font:11px Arial, Helvetica, sans-serif;
font-weight:700;
text-decoration:none;
color:#E12F28;
}

a.nav:hover {
font:11px Arial, Helvetica, sans-serif;
font-weight:700;
text-decoration:underline;
color:#E12F28;
}

a.sidebar {
font:11px Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#666;
}

#sidebar {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
color:#666;
padding:0 10px;
}

A.footerLinkCopy {
color:#666;
font:10px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

A.footerLinkCopy:hover {
color:#666;
font:10px Arial, Helvetica, sans-serif;
text-decoration:none;
}

.footerCopy {
color:#666;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

a,a.sidebar:hover {
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;
}

input.search,select.search {
height:17px;
background-color:#fff;
border:solid #E12F28;
font-family:tahoma;
color:#000;
font-size:11px;
margin-left:8px;
border-width:1px;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  color: #9a9a9a;
}

.smalltable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.smalltablebackhighlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #999999;
}