body { 
	margin: 0;
	padding: 0;
	background: #000;
	text-align: center;
}

a.skip	{display: none;}
a img {border: none;}

/* =TYPOGRAPHY-----------------------------------------*/	

body, td, select {
    font: 12px arial;
    line-height: 20px;
    color: #ccc;
}

body {line-height: 20px;}

body#where_to_find div#cmsContentArea td {font: 11px arial;}
 
h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font: 22px arial;
 	color: #ccc;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: 18px arial;
 	color: #ccc;
}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: 16px arial;
 	color: #ccc;
 	text-transform: uppercase;
	}
	
h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font: bold 14px arial;
 	color: #000000;
 	text-transform: uppercase;
}
 
a	{
	font: 12px arial;
	color: #236777;
	text-decoration: underline;
	}
	
a:hover	{
	font: 12px arial;
	color: #236777;
	text-decoration: underline;
	}
	

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 0 auto 0 auto;
	text-align: left;
	background: #222 url(../images/container.jpg) repeat-y;
	width: 951px;
	padding: 0 0 0px 0;
	position: relative;
}

div#banner {
	position: relative;
	width: 951px;
	height: 126px;
	background: url(../images/banner.jpg) top no-repeat;
}

div#banner h1 {
    position: absolute;
    margin: 0;
    padding: 0;
}

div#banner h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 330px;
    height: 125px;
    top: 0px;
    left: 0px;
    text-decoration: none;
}

/* =NAVIGATION-----------------------------------------*/	
	
div#navBar {
	width: 951px;
	height: 43px;
    padding: 0;
    line-height: 28px;
   	float: left;
   	margin: 0;
   	padding:0;
    }

ul#nav {
	width: 951px;
	height: 43px;
	background: url(../images/navbar.jpg) no-repeat;
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 40px;
	text-align: left;
	}
	
ul#nav li {
	height: 44px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
 	}
 	 	
ul#nav a {
	display: block;
	float: left;
	padding: 1px 11px 0;
	margin: 0;
	font: 14px arial;
	color: #fff;
	text-decoration: none;
	line-height: 44px;
	text-transform: uppercase;
}

ul#nav a.on, ul#nav a:hover	{
	color: #fff;
	height: 100%;
	background: #000;
		} 
	
	
ul#nav ul {
	width: 951px;
	height: 40px;
	background: url(../images/subnavbar.jpg) no-repeat;
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 40px;
	text-align: left;
	position: absolute;
	top: 170px;
	left: 0;
   	margin: 0;
   	padding:0;
		}

ul#nav li ul li	{
	display: block;
	float: left;
	background: none;
	padding: 0;
	height: 39px;
	}

ul#nav li ul li a	{
    display: block;
    float: left;
    color: #fff;
	font: 14px arial;
	line-height: 39px;
	background: none;
	padding: 0 11px;
	text-decoration: none;
	text-transform: uppercase;
}
ul#nav li ul li a:hover, ul#nav li ul li a.on { color: #000;
	height: 100%;
	background: #489a87;}
	
#nav a:hover {
	text-decoration: none;
}




/* =SHOPPING MENU -----------------------------------------*/	

div#enav {
    width: 951px;
    margin: 0px auto 0 auto;
}

ul#eNav {
    list-style-type: none;
	font: 12px arial;
	color: #ffffff;
	text-align: right;
	padding: 14px 12px 0 0;
	margin: 0;
}

ul#eNav li {
    display: inline;
    margin: 0 0px;
    padding: 0;
}

ul#eNav a {
	display: inline;
	padding: 0;
	margin: 0 7px 0 7px;
	color: #ffffff;
	font: 12px arial;
	text-decoration: underline;
}

ul#eNav a:hover,
ul#eNav a.on {
	color: #ffffff;
}
div#search {
	font: 12px arial;
	color: #fff;
	width: 280px;
	height: 30px;
	float: right;
	margin: 0;
	padding: 46px 3px 0 0; 
}

/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	margin: 0;
	width: 951px;
}
div#specialsArea {	
	float: right;
	display: inline;
	margin: 41px 0px 0 0;
	width: 234px;
	}
	
body.club div#specialsArea {	
	float: right;
	display: inline;
	margin: 0px 1px 0 0;
	width: 234px;
	}

body.recipe div#specialsArea {	
	float: right;
	display: inline;
	margin: 0px 1px 0 0;
	width: 234px;
	}

body.policies div#specialsArea {	
	float: right;
	display: inline;
	margin: 0px 1px 0 0;
	width: 234px;
	}

body.trade div#specialsArea {	
	float: right;
	display: inline;
	margin: 0px 1px 0 0;
	width: 234px;
	}

body.sitemap div#specialsArea {	
	float: right;
	display: inline;
	margin: 0px 1px 0 0;
	width: 234px;
	}

body.club div#cmsContentArea {
	float: left;
	width: 660px;
	display: inline;
	margin: 42px 0 10px 30px;
}

body.recipe div#cmsContentArea {
	float: left;
	width: 660px;
	display: inline;
	margin: 42px 0 10px 30px;
}

body.policies div#cmsContentArea {
	float: left;
	width: 660px;
	display: inline;
	margin: 42px 0 10px 30px;
}

body.trade div#cmsContentArea {
	float: left;
	width: 660px;
	display: inline;
	margin: 42px 0 10px 30px;
}

body.sitemap div#cmsContentArea {
	float: left;
	width: 660px;
	display: inline;
	margin: 42px 0 10px 30px;
}
body#news h2 {display: none;}
body#events h2 {display: none;}

div#kicker1 {
    background: #3dab9b url('../images/header_wineclub.jpg') top left no-repeat;
    width: 234px;
    display: inline;
    margin: 0px 0 0 0;
    float: left;
}

div#kicker2 {
    background: #2e8398 url('../images/header_featured.jpg') top left no-repeat;
    width: 234px;
    display: inline;
    margin: 0px 0 0 0;
    float: left;

}

div#kicker3 {
    background: #3dab9b url('../images/header_sustainability.jpg') top left no-repeat;
    width: 234px;
    display: inline;
    margin: 0px 0 0 0;
    float: left;
}

div#kicker4 {
    background: #2e8398 url('../images/header_next.jpg') top left no-repeat;
    width: 234px;
    display: inline;
    margin: 0px 0 0 0;
    float: left;

}
	

div#kicker5 {
    background: #3dab9b url('../images/header_findus.jpg') top left no-repeat;
    width: 234px;
    display: inline;
    margin: 0px 0 0 0;
    float: left;
	padding: 55px 0 0 0;
}

div#specials {
    background: none;
    width: 234px;
    display: inline;
    margin: 0px 0 0 0;
    float: left;

}


div#cmsContentArea {
	float: left;
	width: 660px;
	display: inline;
	margin: 80px 0 10px 30px;
}

div#signup {
	display: inline;
	background: #b02d0e url(../images/header_mailing.jpg) top no-repeat;
	width: 234px;
	height: 95px;
	float: left;
	margin: 0px 0px 0 0px;
	padding: 0;
}

form#signform {
	display: inline;
	width: 205px; 
	margin: 61px 0 0 12px; 
	padding: 0;
	float: left;
}

form#signform .button {display: inline; float: left; margin: 0px 0 0 4px; padding: 0px 0px 1px 0;}
form#signform .text {display: inline; float: left; margin: 0;}


hr.cleaner {
      clear:both;
      height: 1px;
      margin: -1px 0 0 0; 
	  padding: 0px;
      border:none;
      visibility: hidden;
      }
      

/* =HOMEPAGE-----------------------------------------*/	


 body#home #container {width: 952px;}
body#home #mainPageArea {width: 952px;}
body#home #footer {width: 952px;}
body#home #banner {width: 952px;}

body#home ul#nav li.home {color: #fff;
	height: 100%;
	background: #000;
		} 
		
body#home div#flash {	
	float: left;
	width: 717px;
	height: 254px;
	margin: 0;
	padding: 0;
}

body#home div#specialsArea {	
	float: right;
	display: inline;
	margin: 0px 0px 0 0;
	padding: 0;
	width: 234px;
	}

body#home div#cmsContentArea {
	margin: 0px;
	width: 717px;
	float: left;
	padding: 0;
}


/* =FOOTER DIV-----------------------------------------*/	

div#footer
	{
	text-align: left;
	width: 951px;
	height: 40px;
	margin: 0 auto 0px auto;
	clear: both;
	font: 12px arial;
	line-height: 18px;
	background: url(../images/footer.jpg) top no-repeat;
	padding: 10px 0 4px 0;
	color: #d2d2d2;
	position: relative;
	}

	
div#footer a {
	font: 12px arial;
	line-height: 18px;
	padding: 0 7px;
	margin: 0;
	color: #d2d2d2;
	text-decoration: underline;
	}
	
div#footer a.on, a:hover {color: #d2d2d2;} 
	
div#footer p {margin: 0; padding: 0;}
div#footer p.legal {float: left; padding-left: 11px;	  }
div#footer p.footlinks {float: right; padding-right: 11px;}
div#footer p.rss {text-align: center;}

.button	{
		background-color: #236777;
		color: #fff;
		font: 11px verdana;
		text-transform: uppercase;
		cursor: hand;
		cursor: pointer;
}

div#dtt {
	position: relative;
	background: none
	width: 951px;
	height: 50px;
	margin: 0px 0 0;
	padding: 0;
}

div#dtt a {
	position: absolute;
	left: 400px;
	bottom: 0px;
	display: inline;
	margin: 0px 0 0 0;
	text-align: center;
}
	
/* =GENERIC OVERRIDES STYLES-------------------------------------*/

 table.cart td, table.clubs td, table.orders td {color: #000000;}
fieldset select {color: #000000;}
td.verify_box h3, h3.box {font: 14px arial; color: #000;}
td.verify_box select {color: #000;}
tbody.totals td {color: #ccc;}
body.club h3.info_header {font-size: 12px;}
div.processBar {
	width: 100%;
}

body.store div#cmsContentArea select {color: #000;}

ul.cart_info li {color: #000;
/*
div.catalog_crumbs,
div#autolist {
    display: none;
}
*/

 table.cart td, table.clubs td, table.orders td {color: #000000;}
fieldset select {color: #000000;}
td.verify_box h3, h3.box {font: 14px arial; color: #000;}


body#where_to_find div#cmsContentArea td {font: 11px arial;}
body#where_to_find div#cmsContentArea body {font: 11px arial;}

