body { 
	margin: 0 auto 0 auto;
	padding: 0;
	background: #000;
	text-align: center;

}

a.skip	{display: none;}
a img {border: none;}
img.logo {
	float: left;
}


/* =TYPOGRAPHY-----------------------------------------*/	

body, input, select {
color: #b38805;
font: 11px verdana;
line-height: 15px;
}

h1 {
	margin: 0;
	padding: 0;
	font: 14px verdana;
 	color: #b38805;
	line-height: 20px;
}

h2, .header {
	margin: 0;
	padding: 0;
	line-height: 15px;
	font-weight: bold;
	font: 11px verdana;
	color: #b38805;
	}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: 11px verdana;
	color: #fff;
	font-weight: bold;
	line-height: 15px;
	}
	
h4 	{
	margin: 0;
	padding: 0;
	font: 11px verdana;
	color: #fff;
	line-height: 15px;
	}

a	{
	font: 11px verdana;
	color: #b38805; 
	text-decoration: underline;
	line-height: 15px;
	}
	
a:hover	{
	font: 11px verdana;
	color: #b38805; 
	text-decoration: underline;
	line-height: 15px;
	}

/* =CONTAINER DIVS-----------------------------------------*/	

#container {
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 776px;	
	background: #000;
	border: 1px solid #342701;
	padding: 0 0 0 0;
}
	
div#banner {
	position: relative;
	margin: 0;
	width: 776px;
	height: 169px;
	padding: 0;
	background: url(../images/banner.jpg) top right no-repeat;
}

div#banner h1 {
    position: absolute;
    margin: 0;
    padding: 0;
}

div#banner h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 212px;
    height: 160px;
    top: 0px;
    left: 0px;
    text-decoration: none;
}

div#banner h1 span {display: none;}


/* =NAVIGATION-----------------------------------------*/	
	
div#navBar {
float: right;
	width: 556px;
	height: 26px;
	display: inline;
	padding: 0;
	margin: 141px 0 0 0;
	background: url('../images/navbar.jpg') top no-repeat;
    }

ul#nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	}
	
ul#nav li {
	margin: 0 ;
	padding: 0;
	float: left;
 	}
 	
ul#nav a {
	display: block;
	height: 26px;
	padding: 0;
}

ul#nav a.on	{
	background-image: url('../images/navbar.jpg');} 
	ul#nav a:hover	{
	background-image: url('../images/navbar.jpg');} 

ul#nav a span {display: none;}

ul#nav li.home a {width: 43px;}		
ul#nav li.home a.on {background-position: 0px -26px;}
ul#nav li.home a:hover {background-position: 0px -26px;}

ul#nav li.terroir a {width: 128px;}		
ul#nav li.terroir a.on {background-position: -43px -26px;}
ul#nav li.terroir a:hover {background-position: -43px -26px;}

ul#nav li.vintages a {width: 54px;}	
ul#nav li.vintages a.on {background-position: -171px -26px;}
ul#nav li.vintages a:hover {background-position: -171px -26px;}	

ul#nav li.club a {width: 78px;}		
ul#nav li.club a.on {background-position: -225px -26px;}
ul#nav li.club a:hover {background-position: -225px -26px;}	

ul#nav li.store a {width: 78px;}	
ul#nav li.store a.on {background-position: -303px -26px;}
ul#nav li.store a:hover {background-position: -303px -26px;}

ul#nav li.contact a {width: 70px;}		
ul#nav li.contact a.on {background-position: -381px -26px;}
ul#nav li.contact a:hover {background-position: -381px -26px;}

ul#nav li.news a {width: 40px;}		
ul#nav li.news a.on {background-position: -451px -26px;}
ul#nav li.news a:hover {background-position: -451px -26px;}

div#subnav {
	width: 190px;
	text-align: left;
float: left;
	list-style-type: none;
	padding: 0;
	margin: 43px 0 0 20px;
		}

div#subnav ul {
	display: inline;
	padding: 0;
	margin: 0px;
	list-style-type: none;
	text-align: left;
	}
	
div#subnav li {
	clear: all;
	margin: 0;
	padding: 0;
	display: block;
	text-align: left;
 	}
	
div#subnav li a {
	text-align: left;
	display: block;
	padding: 0px;
	margin: 0;
	font: 11px verdana;
	color: #b38805;;
	text-decoration: none;
	line-height: 20px;
}	

div#subnav a.on, div#subnav a:hover	{color: #fff;}

/* =SHOPPING MENU -----------------------------------------*/	


/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	background: none;
	margin: 0px 0 80px 0;
	padding: 0;
	display: inline; 
	float: left;
	width: 776px;
	}
		
div#cmsContentArea {
	margin: 22px 20px 0 0px;
	width: 533px;
	display: inline;
	float: right;
	padding: 0;
}


/* =HOMEPAGE-----------------------------------------*/	

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
      }

/* =FOOTER DIV-----------------------------------------*/	


div#footer {
	text-align: left;
	width: 776px;
	height: 30px;
	padding: 0px 0 0 0;
	margin: 0 auto;
	clear: both;
	color: #b38805;
	font-family: verdana;
	font-size: 11px;
	background:none;
	line-height: 15px;
	text-transform: none;
	}
	
div#footer a {
	display: inline;
	font: 11px verdana;
    color: #b38805;
	padding: 0;
	margin: 0 5px 0 5px;
	text-decoration: none;
	line-height: 15px;
	text-align: right;
	}

#footer a.on, #footer a:hover {text-decoration: underline;}

#footer p.copy {text-align: left; float: left; width: 320px;}
#footer p.links {text-align: right; float: right; width: 420px;} 

.button	{
		background-color: #b38805;
		text-transform: uppercase;
		color: #fff;
		font: 11px verdana;
		border: 1px solid #342701;
		padding: 2px 6px;
		cursor: hand;
		cursor: pointer;
		border: none;
}

/* generic overrides */

div.processBar {
	width: 100%;
}

body.club div#cmsContentArea select {color: #000;}
body.club div#cmsContentArea input {color: #000;}

div#auto_categories, div.catalog_crumbs {display: none;}     

div#product_img_form {
	float: right;
	background-color: #111;
	position: relative;
}

div#wine_details table th {
	border-bottom: 1px solid #111;
}

div#wine_details table td {
	border-bottom: 1px solid #111;
}

table.cart td, table.clubs td, table.orders td  {
	background-color: #111;
}

table.cart tr.shading td, table.clubs tr.shading td, table.orders tr.shading td {
	background-color: #111;
}


table.cart td, table.clubs td, table.orders td {
	border: none;
}

ul.cart_info {
	background-color: #111;
}

table.cart tbody.totals td {
	background-color: #111;
}

fieldset input {color: #333;}
fieldset select {color: #333;}

table.cart tbody.totals th {
	text-align: right;	
	background-color: #111;
}

td.verify_box h3, 
h3.box {
	background-color: #111;
}

ul.account_nav {
	background-color: #111;
}           

ul.account_nav li a:hover {
color:white;}
