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

}

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


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

body, input, select {
color: #ccc;
line-height: 18px;
font: 11px Arial;
}

body {line-height: 18px;}

input, select {color: #000;}

h1 {
	margin: 0;
	padding: 0;
	font: bold 11px Arial;
 	color: #000;
 	text-transform: uppercase;
 	letter-spacing: .1em;
}

h2, .header {
	margin: 0;
	padding: 0;
	line-height: 15px;
	font: bold 11px Arial;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .1em;
				
	}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: bold 11px Arial;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 20px;
	}
	
h4 	{
	margin: 0;
	padding: 0;
	font: bold 11px arial;
	color: #336633;
	line-height: 20px;
	}

a	{
	font: 10px arial;
	line-height: 18px;
	color: #ccc;
	letter-spacing: .1em;
	text-decoration: underline;
	}
	
a:hover	{
	line-height: 18px;
	font: 10px arial;
	color: #ccc;
	text-decoration: underline;
	}
a:hover {line-height: 18px;}

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 795px;	
	background: url(../images/containerbg.jpg) repeat-y;
	padding: 0;
}

div#banner {
	position: relative;
	width: 795px;
	height: 119px;
	padding: 0 0 0 0;
	margin: 0;
	background: url(../images/banner.jpg) no-repeat;
}

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

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


div#title	{
	height: 54px;
	width: 795px;
	background-color: #fef5e0;
	}

/* =NAVIGATION-----------------------------------------*/	
	
div#navBar {
    height: 22px;
    width: 500px;
    position: absolute;
    top: 102px;
    left: 34px;
    }

ul#nav {
	padding: 0;
	margin: 0px;
	list-style-type: none;
	text-align: left;
	}
	
ul#nav li {
	clear: all;
	margin: 0 0 0 9px;
	padding: 0;
	display: inline;
	text-align: left;
 	}
 	
ul#nav a {
	text-align: left;
	display: inline;
	line-height: 15px;
	padding: 0;
	margin: 0;
	font: 9px arial;
	color: #bebebe;
	text-transform: uppercase;
	text-decoration: none;
}

ul#nav a.on, ul#nav a:hover	{
	color: #ccc;
		} 

div#Sidenav {
    width: 120px;
    position: absolute;
    top: 20px;
    right: 35px;
    }

ul#Sidenav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: right;
	}
	
ul#Sidenav li {
	clear: all;
	margin: .2em 0 0 0;
	display: block;
	text-align: right;
 	}
 	
ul#Sidenav a {
	text-align: right;
	line-height: 15px;
	display: inline;
	padding: 0;
	margin: 0;
	font: 9px arial;
	color: #bebebe;
	text-transform: uppercase;
	text-decoration: none;
}

ul#Sidenav a.on, ul#Sidenav a:hover	{
	color: #fff;
		} 
	

div#dtt {
	text-align: center;
	margin: 10px 0 20px 0;
	background: url(../images/dtt.jpg) no-repeat center;
	width: 145;
	height: 32;
}

/* =SHOPPING MENU -----------------------------------------*/	
div#enav {
    width: 795px;
    margin: 40px auto 0 auto;
}

ul#eNav {
    list-style-type: none;
	font: arial regular 8px;
	color: #4e4e4e;
	text-align: right;
	padding: 0 40px 10px 0;
	margin: 0;
}

ul#eNav li {
    display: inline;
    margin: 0;
    padding: 0 0 0 5px;
}

ul#eNav a {
	color: #4e4e4e;
	font: 9px arial;
	font-weight: none;
	text-decoration: none;
	line-height: 15px;
	text-transform: uppercase;
}

ul#eNav a:hover,
ul#eNav a.on {
	color: #4e4e4e;
}


/* =EDITABLE BODY -----------------------------------------*/	
div#header {
	height: 96px;
	width: 795px;
	background: url(../images/header.jpg) top no-repeat;
}

div#mainPageArea {
	background: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 0; 
	width: 795px;
	}

div#announce {
	height: 78px;
	width: 395px;
	display: inline;
	position: absolute;
	top: 30px;
	left: 235px;	
	font: 9px arial;
	color: #000;
	line-height: 15px;
}

div#announce a   {
        font: 9px arial;
	color: #000;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing: .1em;
       }
div#announce a:hover {
	font: 9px arial;
	        color: #000;
		        text-decoration: underline;
			        text-transform: uppercase;
				        letter-spacing: .1em;
					       }


div#specialsArea		{	
	float: right;
	display: inline;
	width: 243px;
	margin: 0 10px 10px 0;
	}
	
div#specialArea a {
	color: #604a31;
	font-weight: bold;
	text-transform: uppercase;
}
	
div#cmsContentArea {
	margin: 50px 0 0 42px;
	width: 710px;
	float: left;
	display: inline;
}

body.home div#cmsContentArea {
	margin: 22px 0 0 36px;
}
object {background-color: #613208}

body.welcome div#cmsContentArea {
	margin: 50px 0 10px 42px;
	width: 355px;
	float: left;
	display: inline;	
}

body.meetus div#cmsContentArea {
        margin: 50px 0 10px 42px;
        width: 355px;
        float: left;
        display: inline;
}



body.roots div#cmsContentArea {
	margin: 50px 0 10px 42px;
	width: 355px;				
	float: left;
	display: inline;		
	}
	
div#flash {
	margin: 32px 0px 0px 0px;								
	width: 355px;
	float: right;									
	display: inline;
	}	
												
div#kicker1 {
    background: url('../images/kicker1.jpg') top left no-repeat;
    width: 231px;
    height: 119px;
    margin: 0 0 10px 0;
    float: right; 
}

div#kicker2 {
	position: relative;
    background: url('../images/kicker2.jpg') top left no-repeat;
    width: 231px;
    height: 119px;
    margin: 0;
    float: right;
}

div#signup {
	display: inline;
}

form#signform {
	display: inline;
	float: left;
	width: 209px;
	height: 20px; 
	margin: 88px 0 0 10px; 
	padding: 0;
}
form#signform .button {display: inline; float: right;}
form#signform .text {display: inline; float: left;}


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

body#home #banner h1 {
    display: none;
    }
    
body.home div#footer
	{
	height: 54px;
	background: url(../images/home_footer.jpg) top no-repeat;
	}

body.home div#footer p.legal {float: left; padding-left: 36px; padding-top: 36px;}

body.home div#footer p.footlinks {float: right; padding-right: 36px; padding-top: 36px;}

home.cleaner {
      clear:both;
      height:0px;
      margin: -8px 0 0 0; 
	  padding: 0px;
      border:none;
      visibility: hidden;
      }
	
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: 795px;
	height: 100px;
	padding: 0px 0;
	margin: 0 auto 10px auto;
	clear: both;
	color: #4e4e4e;
	font-family: Arial;
	font-size: 9px;
	position: relative;
	background: url(../images/footer.jpg) top no-repeat;
	text-transform: uppercase;

	}
	
div#footer a {
    color: #4e4e4e;
    font: 9px arial;
	padding: 0 5px;
	margin: 0;
	text-decoration: underline;
	text-transform: uppercase;
	}
	
div#footer p {margin: 0; padding: 0;}
div#footer p.legal {float: left; padding-left: 36px; padding-top: 78px;}
div#footer p.rss {float: right; padding-right: 0px;}
div#footer p.footlinks {float: right; padding-right: 36px; padding-top: 78px;}


.button	{
		background-color: #000;
		color: #bebebe;
		border: none;
		font: bold 10px arial;
		text-transform: uppercase;
		cursor: hand;
		cursor: pointer;
}

/* generic overrides */

div.processBar {
	width: 100%;
}

div.citb {background: #333;}

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

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

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

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


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

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

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

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

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

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

div.catalog_crumbs {
	display:none;}