body { 
	margin: 0;
	padding: 0;
	background: url(../images/canvas_background_tile.jpg);
	text-align: center;
}

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

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

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

h1 {
	margin: 0;
	padding: 0;
	font: normal 24px Times;
 	color: #811519;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: normal 18px Times;
 	color: #811519;
}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: bold 14px Times;
 	color: #811519;
	}
	
h4 {
	margin: 0;
	padding: 0;
	font: bold 11px Verdana;
 	color: #000;
}
 
a	{
	font: normal 14px Times; 
	color: #811519;
	text-decoration: underline;
	}
	
a:hover	{
	font: normal 14px Times; 
	color: #811519;
	text-decoration: underline;
	}
	

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 40px auto 0 auto;
	text-align: left;
	width: 920px;	
	padding: 0;
	position: relative;
	background: #fdfaea;
}
div#header {
	float: left;
	display: inline;
	width: 920px;
	height: 144px;
	background: url(../images/header.jpg) top left no-repeat;
}

div#banner {
	float: left;
	display: inline;
	width: 920px;
	height: 195px;
	background: url(../images/trecini_zin.jpg) top left no-repeat;
}

div#mbanner {
	float: left;
	display: inline;
	width: 920px;
	height: 195px;
	background: url(../images/merlot.jpg) top left no-repeat;
}

div#pbanner {
	float: left;
	display: inline;
	width: 920px;
	height: 195px;
	background: url(../images/pinot.jpg) top left no-repeat;
}

div#sbanner {
	float: left;
	display: inline;
	width: 920px;
	height: 195px;
	background: url(../images/sauvblanc.jpg) top left no-repeat;
}
body#Olive_Oil #banner {background: url(../images/trecini_olive_oil.jpg) top left no-repeat;}
body#Main_Catalog #banner {background: url(../images/trecini_zin.jpg) top left no-repeat;}
body#late_harvest #banner, body#late_harvestproduct #banner {background: url(../images/trecini_late_harvest_sauv_blanc.jpg) top left no-repeat;}
body#Sauvignon_Blanc #banner, body#Sauvignon_Blancproduct #banner {background: url(../images/trecini_sauv_blanc.jpg) top left no-repeat;}
body#Merlot #banner, body#Merlotproduct #banner {background: url(../images/trecini_merlot_06.jpg) top left no-repeat;}
body#Merlot_Rose #banner, body#Merlot_Roseproduct #banner {background: url(../images/trecini_merlot_rose.jpg) top left no-repeat;}
body#Syrah #banner, body#Syrahproduct #banner {background: url(../images/trecini_syrah.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: 280px;
    height: 144px;
    top: 0;
    left: 10px;
    text-decoration: none;
}

/* =NAVIGATION-----------------------------------------*/	
	
div#navigation {
	position: relative;
	float: left;
    height: 77px;
    width: 920px;
    margin: 0;
    background: url(../images/nav_bg.jpg);
        }
ul#nav {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	
ul#nav li {
	padding: 0;
	float: left;
	display: inline;
	width: 115px;
	height: 45px;
	text-align: center;
 	}
 ul#nav li a {
	display: block;
	height: 45px;
	text-decoration: none;
	font: normal 16px Times; 
	line-height: 47px; *line-height: 45px;
	text-transform: uppercase;
	}

ul#nav li a.on, ul#nav li a:hover {	
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/nav_bg_main.jpg) top left;
}
ul#nav li a.on, ul#nav li a:hover {	
	line-height: 47px; *line-height: 45px;
	}
 	
ul#nav li.home, ul#nav li.home a.on, ul#nav li.home a:hover {width: 89px;}
ul#nav li.home a:hover, ul#nav li.home a.on {background-position: 0 -45px;}
ul#nav li.about, ul#nav li.about a.on, ul#nav li.about a:hover {width: 120px;}
ul#nav li.about a:hover, ul#nav li.about a.on {background-position: -82px -45px;}
ul#nav li.wine, ul#nav li.wine a.on, ul#nav li.wine a:hover {width: 130px;}
ul#nav li.wine a.on, ul#nav li.wine a:hover {background-position: -188px -45px;}
ul#nav li.club, ul#nav li.club a.on, ul#nav li.club a:hover {width: 123px;}
ul#nav li.club a.on, ul#nav li.club a:hover {background-position: -258px -45px;}
ul#nav li.news, ul#nav li.news a.on, ul#nav li.news a:hover {width: 110px;}
ul#nav li.news a.on, ul#nav li.news a:hover {background-position: -273px -45px;}
ul#nav li.events ,ul#nav li.events a.on, ul#nav li.events a:hover {width: 100px;}
ul#nav li.events a.on, ul#nav li.events a:hover {background-position: -290px -45px;}
ul#nav li.recipe, ul#nav li.recipe a.on, ul#nav li.recipe a:hover {width: 110px;}
ul#nav li.recipe a.on, ul#nav li.recipe a:hover {background-position: -404px -45px;}
ul#nav li.contact, ul#nav li.contact a.on, ul#nav li.contact a:hover {width: 138px;}
ul#nav li.contact a.on, ul#nav li.contact a:hover {background-position: -411px -45px;}

div#subnav {
	float: left;
	width: 920px;
	margin: 0;
	padding: 0;
}	

ul#subnav, ul#subnav ul {margin: 0; padding: 0;}

ul#subnav ul li	{
	float: left;
	display: inline;
	width: 200px;
	height: 32px;	
	background: none;
	text-align: center;
	}
	
ul#subnav ul#about_us li, ul#subnav ul#about_us li a:hover, ul#subnav ul#about_us li a.on {background: url(../images/nav_bg_subnav_about.jpg); width: 100px;}
ul#subnav ul#about_us li.about1 a:hover, ul#subnav ul#about_us li.about1 a.on {background-position:0 -32px;}
ul#subnav ul#about_us li.about2 a:hover, ul#subnav ul#about_us li.about2 a.on {background-position:-97px -32px;}
ul#subnav ul#about_us li.about3 {width: 120px;}
ul#subnav ul#about_us li.about3 a:hover, ul#subnav ul#about_us li.about3 a.on {background-position:-192px -32px;width: 120px;}
ul#subnav ul#about_us li.about4 {width: 215px;}
ul#subnav ul#about_us  li.about4 a:hover, ul#subnav ul#about_us li.about4 a.on {background-position:-320px -32px;width: 215px;}
ul#subnav ul#about_us li.about5 {width: 160px;}
ul#subnav ul#about_us li.about5 a:hover, ul#subnav ul#about_us li.about5 a.on {background-position:-334px -32px;width: 160px;}
ul#subnav ul#about_us  li.about6 a:hover, ul#subnav ul#about_us  li.about6 a.on {background-position: -681px -32px;}
ul#subnav ul#about_us  li.about7 {width: 120px;}
ul#subnav ul#about_us  li.about7 a:hover, ul#subnav ul#about_us  li.about7 a.on {background-position:-783px -32px;width: 120px;}

ul#subnav ul#store li a:hover, ul#subnav ul#store li a.on {background: url(../images/nav_bg_subnav_wines.jpg);}
ul#subnav ul#store li.store1 a:hover, ul#subnav ul#store li.store1 a.on {background-position:0 -32px;}
ul#subnav ul#store li.store2 a:hover, ul#subnav ul#store li.store2 a.on {background-position:-200px -32px;}
ul#subnav ul#store li.store3, ul#subnav ul#store li.store3 a:hover, ul#subnav ul#store li.store3 a.on {background-position: -400px -32px; width: 240px;}
ul#subnav ul#store li.store4, ul#subnav ul#store li.store4 a:hover, ul#subnav ul#store li.store4 a.on  {background-position:-658px -32px; width: 277px;}

ul#subnav ul li a	{
	display: block;
	text-decoration: none;
	font: normal 15px Times; 
	text-transform: uppercase;
	padding: 10px 0 5px 0;
}

ul#subnav ul li a:hover, ul#subnav ul li a.on {
	text-decoration: none;
	font: normal 15px Times; 
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 0 5px 0;
}
	
#nav a:hover {
	text-decoration: none;
}

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

div#enav {
    width: 920px;
}
ul#eNav {
	text-align: right;
	padding: 0;
	margin: 6px 0 10px 0;
}

ul#eNav li {   
	list-style-type: none;
    display: inline;
    padding: 0 0 0 1px;
}

ul#eNav a {
	background: #fdfaea; 
	font: bold 12px Times;
	color: #ac8334;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px;
}

ul#eNav a:hover,
ul#eNav a.on {
	color: #ac8334;	font: bold 12px Times;
}

div#dtt {
	text-align: center;
	background: none;
	width: 145;
	height: 32;
}

/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	float: left;
	display: inline;
	margin: 0 30px;
	width: 860px;
}
	
div#specialsArea {	
	height: 232px;
	width: 920px;
	margin: 30px 0 20px 0;
	}
	
div#kicker1 {
	float: left;
	display: inline;
    width: 300px;
    height: 230px;
}
div#kicker2 {
	float: left;
	display: inline;
    width: 300px;
    height: 230px;
    border-right: 1px solid #dfd3b8;
    border-left: 1px solid #dfd3b8;
}
div#kicker3 {
	float: left;
	display: inline;
    width: 300px;
    height: 230px;
}
	
div#cmsContentArea {
	float: left;
	width: 860px;
	display: inline;
	margin: 20px 0;
}
div#signup {
	float: right;
	height: 30px;
	margin: 37px 20px 0 0;
	padding: 0;
	width: 475px;
	}
	
div#signup p { float: left; display: inline; color: #8b272b; font: normal 20px times; margin:0 5px 0 0; padding: 10px 0;}

form#signform {margin: 0; padding:0;}

form#signform input.text {
	display: inline; 
	float: left; 
	border: none; 
	margin: 10px 5px 0 0;
	text-align: center; }
form#signform input.button {
	background-color: #8b272b; 
	color: #ffffff; 
	display: inline; 
	float: left; 
	margin: 10px 0 0 0;
	font: bold 13px Times; 
	text-transform: uppercase;}

div#cmsContentArea p {
	margin: 0 0 1.5em 0;
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding: 5px;
      border:none;
      visibility: hidden;
      }
      
/*body.store div#cmsContentArea {width: 920px;}
body.store div#mainPageArea {margin: 0; width: 920px;}*/

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

body#home div#navigation {height: 45px;}
body#home div#banner {height: 271px;}
body#home div#mainPageArea {margin: 0; width: 920px;}
body#home div#cmsContentArea {width: 920px;}

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

div#footer
	{text-align: left;
	width: 920px;
	height: 85px;
	margin: 0 auto;
	color: #981e18;
	font: normal 13px Times;
	background: url(../images/footer.jpg);
	text-align: center;
	}
	
	
div#footer a {
	font: normal 13px Times;
    color: #981e18;
	padding: 0 5px;
	margin: 0;
	}
	
div#footer p {margin: 0; padding: 20px 0 15px 0;}
div#footer p.legal {float: left; padding-left: 15px;}
div#footer p.rss {float: right; padding-right: 15px;}
div#footer p.footlinks {text-align: center;}


.button	{
		background-color: #f6f0d9;
		color: #996600;
		border: 1px solid #d1b982;
		font: bold 11px Verdana;
		cursor: hand;
		cursor: pointer;
}

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

div.processBar {
	width: 609px;
}

div.catalog_crumbs,
div#autolist {
    display: none;
body.news h2 {display: none;}
}
body.club .club_buttons {width: 100%;}