body { 
	margin: 0;
	padding: 0;
	background: #eee;
	text-align: center;
}

a.skip	{display: none;}
a img {border: none;}

/* =TYPOGRAPHY-----------------------------------------*/	

body, td, select {
    font: 12px times roman;
    line-height: 18px;
    color: #333;
}

h1 {
	margin: 0 0;
	padding: 0;
	font: 20px times roman;
	line-height: 28px;
 	color: #6d4d2b;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: 20px/26px times roman;
 	color: #6d4d2b;
}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: 18px/24px times roman;
 	color: #6d4d2b;
	}

#mainPageArea h3 a {
	margin: 0;
	padding: 0;
	font: 20px/26px times roman;
 	color: #6d4d2b;
 	text-decoration: none;
}	

#mainPageArea h3 a:hover {
	margin: 0;
	padding: 0;
	font: 20px/26px times roman;
 	color: #6d4d2b;
 	text-decoration: none;
}
	
h4 {
	margin: 0;
	padding: 0;
	font: 14px/22px times roman;
 	color: #333;
}
 
a	{
	font: 12px/18px times roman;
 	color: #990000;
 	text-decoration: none;
	}
	
a:hover	{
	font: 12px/18px times roman;
 	color: #990000;
 	text-decoration: none;
	}
	

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 0 auto 0 auto;
	text-align: left;
	background: none;
	width: 992px;
	padding: 0 0px 0;
	position: relative;
	z-index:12;
}


div#banner {
	position: relative;
	width: 992px;
	height: 131px;
	background: url(../images/banner.png) top no-repeat;
	margin: 0;
	padding: 0;
}

#banner h1.home {position: absolute; top:0;}
#banner h1.home a {
display:block;
height:100px;
left:11px;
position:absolute;
text-decoration:none;
text-indent:-9999px;
top:25px;
width:277px;
}

/* =NAVIGATION-----------------------------------------*/	

div#navBar {
  background:none;
  display: inline;
    line-height: 30px;
    width: 560px;
    height: 30px;
    float: right;
    list-style-type: none;
    margin: 32px 145px 0 0;
    text-align: center;
    }
    
    	
div#navBar ul {
 display: inline;
  padding: 0;
  margin: 0px;
  list-style-type: none;
  text-align: center;
    }
	
div#navBar li {
	  clear: all;
  margin: 0 30px;
  padding: 0;
  display: inline;
  text-align: center;
  
 	}
 	
div#navBar a {
text-align: center;
  display: inline;
  padding: 0px;
  margin: 0;
  font: 11px Trebuchet MS;
  color: #666;
  text-transform: uppercase;
  text-decoration: none;
}

div#navBar li a.v65-selected {color: #666;}
div#navBar li a:hover {color: #666;}

body#home div#navBar li.v65-home a {color: #666;}

div#subnav {
	float: left;
	width:153px;
  text-align: left;
  padding: 0;
  margin: 0px 0 0 0px;
  display:inline;
    }
    
div#subnav ul {
display: block;
  padding: 0;
  margin: 0px;
  list-style-type: none;
}

div#subnav ul li {  margin: 0;
  padding: 0;
  display: block;
  border-bottom: 1px dotted #7f7d77;
  }
  
div#subnav a {text-align: left;
  display: block;
  padding: 0px;
  margin: 0;
  font: 12px/30px tahoma;
  color: #990000;
  text-decoration: none;
}

div#subnav a.v65-leftSelected {color: #990000;}	
div#subnav a:hover {color: #990000;}	


div#imagenav {
	float: right;
	display: inline;
    margin: 1px 145px 0 0;
    padding: 0;
	width: 560px;
	height: 68px;
	background: none;
    }
	
	
div#imagenav ul {
padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	}

div#imagenav li {
	margin: 0 ;
	padding: 0;
	float: left;
	 	}
 	
div#imagenav a {
display: block;
	height: 68px;
	padding: 0;
	}

div#imagenav a.on	{
	background-image: url('../images/nav.jpg');} 
div#imagenav a:hover	{
	background-image: url('../images/nav.jpg');} 

div#imagenav ul a span {display: none;}

div#imagenav ul li.philosophy a {width: 228px;}		
div#imagenav ul li.philosophy a:hover {background-position: 0px -36px;}

div#imagenav ul li.taste a {width: 162px;}		
div#imagenav ul li.taste a:hover {background-position: -127px -25px;}

div#imagenav ul li.wines a {width: 135px;}		
div#imagenav ul li.wines a:hover {background-position: -127px -25px;}


/* =SHOPPING MENU -----------------------------------------*/	
div#enav {
     width: 992px;
    height: 24px;
    margin: 18px auto 0;
    position: relative;
    z-index: 99;
}

div#eNav a {
	color: #333;
	font: 11px tahoma;
	text-decoration: none;
}

ul#eNav a:hover {color: #333;}

#user-tools  {
line-height:24px;
width:427px;
float: right;
display:inline;
text-align: right;
margin: 0 0 0px 0;
}

#user-tools a {
	color: #333;
	font: 11px tahoma;
	text-decoration: none;}

#v65-modalCart {
position:absolute;
right:30px;
top:5px;
color: #333;
	font: 11px tahoma;
	font-weight: bold;
}

#login {
	position: absolute;
	top: 0px;
	right: 200px;
}

#login a {padding: 0 7px;}


/* =EDITABLE BODY -----------------------------------------*/	
div#mainPageArea {
	margin: 0;
	padding: 0 0 0px 0;
	float: left;
	background: url(../images/main.png) top no-repeat;
	width: 992px;
}

div#mainarea {
	margin: 40px 0 0 11px;
	padding: 0 0 50px 0px;
	display:inline;
	float: left;
	background: #fff  url(../images/mainarea.png) top no-repeat;;
	width: 962px;
}

div#cmsContentArea {
	float: right;
	width: 600px;
	display: inline;
	margin: 2px 63px 20px 0px;
	padding: 0;
}

div#cmsContentAreawide {
	float: left;
	width: 880px;
	display: inline;
	margin: 2px 0 20px 54px;
	padding: 0;
}

div#leftside {
	float: left;
	width:153px;
  text-align: left;
  padding: 0;
  margin: 42px 0 0 60px;
  display:inline;
    }
    	
div#kickers {
	float: left;
	width:153px;
  text-align: left;
  padding: 0;
  margin: 20px 0 0 0px;
  display:inline;
    }
    
div#kicker1outer {
	float: left;
	width:139px;
	height: 80px;
  text-align: left;
  padding: 0;
  margin: 0px 0 0 0px;
  display:inline;
  background: none;
   border-left:4px solid #decf95;
  border-right:4px solid #decf95;
  border-top:3px solid #decf95;
  border-bottom:3px solid #decf95;
}    
div#kicker2outer {
	float: left;
	height: 122px;
	width:139px;
  text-align: left;
  padding: 0;
  margin: 20px 0 0 0px;
  display:inline;
  background: none;
  border-left:4px solid #decf95;
  border-right:4px solid #decf95;
  border-top:3px solid #decf95;
  border-bottom:3px solid #decf95;
}  

div#kicker1inner {
	float: left;
	width:137px;
	height: 78px;
  text-align: center; 
  padding: 0px;
  margin: 0px 0 0 0px;
  display:inline;
  background: #f1ead0;
  border:1px solid #fff;
}  
div#kicker2inner {
height: 120px;
	float: left;
	width:137px;
text-align: center; 
  padding:0px;
  margin: 0px 0 0 0px;
  display:inline;
  background: #f1ead0;
  border:1px solid #fff;
}

div#kicker1inner h3 a {font: 18px/22px times roman; color: #000;}
div#kicker2inner h3 a {font: 18px/22px times roman; color: #000;}
div#kicker1inner h3 a:hover {font: 18px/22px times roman; color: #000;}
div#kicker2inner h3 a:hover {font: 18px/22px times roman; color: #000;}
div#kicker1inner h4 a {font: 12px/14px times roman; text-align: center;  }
div#kicker2inner h4 a {font: 12px/14px times roman; text-align: center; }
div#kicker1inner h4 a:hover {font: 12px/14px times roman; text-align: center; }
div#kicker2inner h4 a:hover {font: 12px/14px times roman;text-align: center; }
	
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
      }

/* =HOMEPAGE-----------------------------------------*/	

body#home div#mainPageArea {
	margin: 0;
	padding: 0 0 0px 0;
	float: left;
	background: url(../images/homemain.jpg) top no-repeat;
	width: 992px;
	height: 474px;
}


body#home h1#link a.trenton {
display:block;
height:47px;
width:260px;
top:222px;
left:343px;
position:absolute;
text-decoration:none;
text-indent:-9999px;
}

body#home h1#link a.saralee {
display:block;
height:47px;
width:217px;
top:140px;
left:706px;
position:absolute;
text-decoration:none;
text-indent:-9999px;
}
body#home h1#link a.ruxton {
display:block;
height:47px;
width:186px;
top:476px;
left:135px;
position:absolute;
text-decoration:none;
text-indent:-9999px;
}
body#home h1#link a.morelli {
display:block;
height:47px;
width:256px;
top:541px;
left:143px;
position:absolute;
text-decoration:none;
text-indent:-9999px;
}
body#home h1#link a.goff {
display:block;
height:47px;
width:260px;
top:515px;
left:494px;
position:absolute;
text-decoration:none;
text-indent:-9999px;
}
body#home h1#link a span {display:none;}

	.homepagePopUp { background-color: #fff; border: 3px solid #6a6361; visibility: hidden;
					-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
					-webkit-box-shadow: 3px 3px 10px #757575; -moz-box-shadow: 3px 3px 10px #757575; box-shadow: 3px 3px 10px #757575; }
	.homepagePopUp p { font: 11px Tahoma, Geneva, sans-serif; color: #333; }
	.homepagePopUp td { font: 11px Tahoma, Geneva, sans-serif; color: #333; }
	
		#trenton { width:220px; top:217px; right:419px; position:absolute; padding: 42px 10px 10px 20px; }
			#trentonTitle { width: 246px; height: 36px; position: absolute; top: 228px; right: 403px; visibility: hidden; }
		#saralee { width:200px; top:140px; right:28px; position:absolute; padding: 38px 10px 10px 20px; }
			#saraleeTitle { width: 197px; height: 36px; position: absolute; top: 147px; right: 75px; visibility: hidden; }
		#ruxton { width:200px; bottom:83px; left:153px; position:absolute; padding: 10px 10px 34px 20px; }
			#ruxtonTitle { width: 169px; height: 36px; position: absolute; top: 481px; left: 142px; visibility: hidden; }
		#morelli { width:240px; bottom:18px; left:163px; position:absolute; padding: 10px 10px 34px 10px; }
			#morelliTitle { width: 219px; height: 36px; position: absolute; top: 545px; left: 153px; visibility: hidden; }
		#goff { width:200px; bottom:48px; left:512px; position:absolute; padding: 10px 10px 34px 20px; }
			#goffTitle { width: 229px; height: 36px; position: absolute; top: 518px; left: 503px; visibility: hidden; }

body#home div#footer
	{
	text-align: left;
	width: 992px;
	height: 56px;
	margin: 0 auto;
	background:none;
	padding: 0;
	font: 11px/18px tahoma;
	}
	
body#home div#footer div.footlinks {text-align: left; padding: 0 0; float: left; display:inline; margin: 2px 0 0 18px; color: #333; width: 850px; height: 18px;}
/* =FOOTER DIV-----------------------------------------*/	

div#footer
	{
	text-align: left;
	width: 992px;
	height: 181px;
	margin: 0 auto;
	background: url(../images/footer.jpg) top no-repeat;
	padding: 0;
	font: 11px/18px tahoma;
	}

div#footer a {
	text-decoration: none;
}
	


div#footer ul {list-style-type: none; display: inline; padding: 0; margin: 0;}	
div#footer ul li {display: inline;}
div#footer div.footlinks {text-align: left; padding: 0 0; float: left; display:inline; margin: 135px 0 0 18px; color: #333; width: 900px; height: 18px;}
div#footer div.footlinks ul li a {font: 11px/18px tahoma; color: #333; padding: 0 5px; border-right: 1px solid #333;} 

div#footer div.legal {text-align: left; padding: 0 0; float: left; display:inline; margin: 2px 0 0 18px; color: #999;width: 900px; height: 18px;}

/*div#footer div.icons {margin: 2px 50px 0 18px; float: right; width: 100px;}*/

#v65-signUpClubSummaryWrapper {float: right; background: none; border:1px solid #ccc;}

#v65-checkoutCartSummaryWrapper {float: right; background: none; border:1px solid #ccc;}

#v65-reviewClubSummaryWrapper  {border:1px solid #ccc;
background: none;}

.pagesClubTitle a {
font-weight:bolder;
}

.pagesClubTeaser  {
padding-bottom:20px;
}
	
/* -----Buttons----- */

button.defaultBtn span {
color:#ffffff;
font: 12px/12px lucida grande;
}



/* =GENERIC OVERRIDES STYLES-------------------------------------*/


/* -----Buttons----- */
	
	/* OPTIONAL BUTTON STYLES regular button: */		
	button.defaultBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
	button.defaultBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES alt button: */		
	button.altBtn { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	button.altBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal button: */		
	button.modalBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	button.modalBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal alt button: */		
	button.altModalBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	button.altModalBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES large button: */		
	button.largeBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	button.largeBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }
	
	/* REQUIRED LINK BUTTON STYLES: */
	
	/* Link Button Normal */
	a.linkBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
	a.linkBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
	
	/* Link ALT Button Normal */
	a.linkAltBtn {  background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	a.linkAltBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top;  }
		
	/* Modal Link Button Normal */
	a.modalLinkBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	a.modalLinkBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* Modal Link ALT Button Normal */
	a.modalLinkAltBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	a.modalLinkAltBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* Link Button Large */
	a.largeLinkBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	a.largeLinkBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }

