body {
	margin: 0;
	padding: 0;
	background: #2f292a url(../images/body_bg.jpg) top repeat-x;
	text-align: left;
}

a.skip	{display: none;}
a img {border: none;}

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

body, td, select {
	font:normal 11px Verdana;
	line-height: 16px;
	color: #ccc;
}

h1 {
	padding: 0;
	font: bold 18px Verdana;
	color: #f27023;
	}

h2, .header {
	font: bold 12px Verdana;
 	color: #f27023;
}

h3, .subheader	{
	font: bold 12px Verdana;
 	color: #f27023;
	}
	
h4 {}
 
a	{
	color: #f27023;
	font: normal 11px Verdana;
	text-decoration: underline;
	line-height: 16px;
	}
	
a:hover	{
	color: #f27023;
	font: normal 11px Verdana;
	text-decoration: underline;
	line-height: 16px;
	}
	

/* =CONTAINER DIVS-----------------------------------------*/	
#ubercontainer {
	position: relative;
	margin: 0 auto;
	width: 800px;
	background: url(../images/shadow_bg.jpg) top repeat-y;
	}
#container {
	position: relative;
    margin: 0;
	width: 800px;
	padding: 0;

}
div#banner {
	float: left;
	display: inline;
	width: 800px;
	height: 174px;
	margin: 1px 0 0 0;
	background: url(../images/banner.jpg) top left no-repeat;
	}
div#header {
	float: left;
	display: inline;
	width: 780px;
	height: 177px;
	margin: 0 10px;
	background: #2f292b url(../images/volcano_logo.jpg) top left no-repeat;
	}
div#header h1 {
    position: absolute;
    margin: 0;
    padding: 0;
	}

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

/* =NAVIGATION-----------------------------------------*/	
	
div#navBar {
    padding: 0 0 0 17px;
    width: 783px;
	height: 28px;
    position: absolute;
	top: 149px;
	left: 0px;
	background: url(../images/nav_bg.jpg);
    }
 
ul#nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	}
ul#nav li {
	position: relative;
	float: left;
	width: 8em;
	color: #000;
	padding: 6px 0;
 	}
ul#nav li a {
 	color: #000;
	text-decoration: none;
	margin: 0;
	}
ul#nav li#story a.on {background: #F36F24; padding: 7px 18px 8px 19px;}
ul#nav li#home {width: 5.7em;}
ul#nav li#home a.on {padding: 8px 15px; background: #F36F24;}
ul#nav li#store {width: 7em; *padding: 8px 0 7px 0; }
ul#nav li#store a.on {background: #F36F24; padding: 7px;}
ul#nav li a.on {background: #F36F24; padding: 7px 14px 8px 16px;}
ul#nav li#blog {width: 7em;}
ul#nav li#trade {width: 7em;}
ul#nav li#trade a.on {background: #F36F24; padding: 7px 21px 8px 23px;}
ul#nav li#tasting {width: 9em;}
ul#nav li#tasting a.on {background: #F36F24; padding: 7px 10px 8px 11px;}
ul#nav li#news {width: 9em; *padding: 8px 0 7px 0;}
ul#nav li#news  a.on {background: #F36F24; padding: 7px 7px 8px 8px;}
ul#nav li.contact {width: 8.3em;}
ul#nav li.contact a.on {background: #F36F24; padding: 7px 14px 8px 15px;}

ul#nav li:hover , ul#nav li.over {background: #F36F24;}

ul#nav li ul {
	display: none;
	list-style-type: none;
	text-align: left;
  	position: absolute; 
  	top: 28px;
  	left: 0;
	border: 1px solid #000; 
	background: #F36F24;
  }

ul#nav li > ul {
	top: 28px;
	left: 1px;
	margin: 0;
	}
	
ul#nav li:hover ul, ul#nav li.over ul { display: block; padding: 0; margin:0;}

ul#nav li ul li	{
	background: #EFA123;
	width: 130px;
	padding: 2px 0;
	}

ul#nav li ul li a	{
	display: block;
    color: #000;
	font: bold 9px Verdana;
	padding: 5px 7px;
	width: 115px;
	text-decoration: none;
}

ul#nav li ul li a:hover, ul#nav li ul li a.on {	background: #F36F24; padding: 5px 7px;}
 
/* =SHOPPING MENU -----------------------------------------*/	

div#eNav {
	width: 300px;
	float: right;
	}

ul#eNav {
    list-style-type: none;
	font: bold 10px Verdana;
	color: #fff;
	text-align: right;
	margin: 0;
	padding: 0;
}

ul#eNav li {
    display: inline;
	line-height: 18px;
    margin: 0 0 0 3px; 
   	padding: 6px 10px;
	background: #f27023;
}

ul#eNav a {
	font: bold 10px Verdana;
	color: #fff;
	text-decoration: none;
	text-transform: none;
	}

ul#eNav a:hover,
ul#eNav a.on {
text-decoration: none;
}


/* =EDITABLE BODY -----------------------------------------*/	

div#mainPageArea {
	float: left;
	display:inline;
	width: 790px;
	margin: 0;
	padding: 0;
	}

div#cmsContentArea {
	float: left;
	width: 500px;
	display: inline;
	margin: 0;
	padding: 10px 0 10px 25px;
}

div#cmsContentArea p {
	margin: 0 0 1.5em 0;
}
div#specialsArea {
	float: right;
	display: inline;
	width: 239;
	padding: 10px 10px 5px 10px;
	background: #282425;
	}
div#kicker1 {
	width: 219px;
	height: 50px;
	background:#181616;
	color: #f27023; 
	margin-bottom: 10px;
	padding-top: 10px;
	font: bold 12px Verdana; 
	}
div#kicker2 {
	width: 219px;
	height: 50px;
	background: url(../images/buy_wines.jpg) top no-repeat;
	margin-bottom: 10px;
	}

div#kicker3 {
	width: 219px;
	height: 50px;
	margin-bottom: 5px;
	background:  url(../images/join_club.jpg) top no-repeat;
	}
div#tasting_kicker {
	width: 249px;
	margin: 0 0 10px 10px;
	padding-top: 40px;
	background: url(../images/spotlight.jpg) top left no-repeat;
	}
div#kicker1 h2 {display: inline; float: left; padding-left: 10px; margin: 0;}
form#signform input.text {display: inline; float: left; border: #f27023 1px solid; margin: 10px 0 0 10px; padding: 0;}
form#signform input.button {display: inline; float: right; margin: 10px 10px 0 0; padding: 0;}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding: 0;
      border:none;
      visibility: hidden;
      }
/* =HOMEPAGE-----------------------------------------*/	
body#home {
	background: #2f292a url(../images/home_body_bg.jpg) top repeat-x;
}
body#home div#banner {
	background: url(../images/home_banner.jpg) top left no-repeat;
	height: 217px;
	margin: 0;
}
body#home div#cmsContentArea {
	width: 460px;
	padding: 10px 0 10px 25px;
	}
body#home div#specialsArea {width: 269px;}
body#home div#kicker1 {
	width: 249px;
	height: 50px;
	background:#181616;
	color: #f27023; 
	margin: 0 0 10px 10px;
	padding-top: 10px;
	font: bold 12px Verdana; 
	}
/* =FOOTER DIV-----------------------------------------*/	

div#footer {
	width: 780px;
	height: 25px;
	background: #1e1b1b;
	margin: 0 10px;
	clear: both;
	padding: 0;
	font: normal 10px Verdana;
	color: #fff;
	}
	
div#footer a {
	font: normal 10px Verdana;
	padding: 0 2px;
	margin: 0;
	text-decoration: none;
	text-transform: none;
	color: #efa223;
	}

div#footer p {margin-top: 5px; padding: 0; }
div#footer p.legal {float: left; padding-left: 20px;}
div#footer p.footlinks {text-align: center; padding-top: 5px; *padding-top: 0;}
div#footer p.rss {float: right; padding-right: 20px;}

.button	{
		display: inline;
		background-color: #f27023;
		color: #000;
		border: none;
		font: bold 11px Verdana;
		text-transform: uppercase;
		cursor: hand;
		cursor: pointer;
}

/* =GENERIC OVERRIDES STYLES-------------------------------------*/

div.processBar {
	width: 100%;
}
body.news h2 { display:none;}
table.cart td, table.clubs td, table.orders td select {color: #000;}
body.store select {color: #000;}

div.catalog_crumbs,
div#autolist {
    display: none;
}
ul.cart_info {background-color: #302A2C}

td.verify_box select {color: #000;}

table.cart tbody.totals td {color: #ccc;}

fieldset select {color: #000;}