@charset "utf-8";
/* CSS Document */

@import url("font.css");

/*Defaults*/
html, body { height: 100%; width: 100%; position: relative; margin: 0; padding: 0; }


/*-----------------------------------------------------------*/
/*-------Defaults - These get copied into the admin.css------*/
/*-----------------------------------------------------------*/
body { background-color: #fff; font-size: 12px; color: #4d2400; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; }

/* CSS Reset */
img { border: 0; } 
h1,h2,h3,h4,h5,h6,p,table,ul,ol { margin-top: 0; padding-top: 0; }

ul, ol, dl, p, table, pre { margin-bottom: 1em; }
	
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #810029; }
	h1 { font-size: 2.5em; line-height: 1.2; margin-bottom: 0.6em; } /* 30pt  */
	h2 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; margin-top: 0.25em; }/* 24pt */
	h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }/* 18pt */
	h4 { font-size: 1.167em; line-height: 1.25; } /* 14pt */
	h5 { font-size: 1em; line-height: 1.5; font-weight: bold; }
	h6 { font-size: 1em; line-height: 1.5; color: #693; }

a { text-decoration: none; color: #810029; }
a:hover, a:focus, a:active { text-decoration: underline; }

ul, ol, dd, blockquote {  }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
form { margin-bottom: 1em; }
legend { color: #111; }
hr { color: #666; background-color: #666; height: 1px; border: 0; }


/*-----------------------------------------------------------*/


.layClear { clear: both;  font-size: 0px; height: 1px; line-height: 0px; margin-top: -1px; }

/* Elements */
body { background: url("../images/background-2.jpg") top center no-repeat #e4d1a9; }
#container { position: relative; width: 970px; margin: 50px auto 0 auto; z-index: 100; }

#header { position: relative; width: 970px; height: 190px; }
	#logo { width: 670px; height: 132px; overflow: hidden; padding: 40px 0 0 55px; }
	
#user-toolsWrapper { position: absolute; top: 10px; right: 30px; z-index: 1000; background: url("../images/crown.png") center left no-repeat; padding: 10px 0 10px 50px; }
	#user-tools { width: 300px; line-height: 24px; height: 24px; color: #810029; }
	#user-tools a { color: #810029; }
	#v65-modalCart { top:10px; }

#topMenu { width: 550px; height: 34px; margin: 0 0 0 380px; z-index: 500; }
	#topMenu ul { position: relative; list-style: none; margin: 0; padding: 0; }
	#topMenu ul li { position: relative; float: left; margin: 0; padding: 0; color: #810029; }
			#topMenu ul li:after { content:"|"; }
			#topMenu ul li:last-child:after { content:""; }
	#topMenu ul li a { line-height: 34px; height: 34px; color: #810029; position: relative; display: inline-block; text-decoration: none; margin: 0; padding: 0 10px; font-size:1.3em; }
	#topMenu ul li a:hover { text-decoration: underline; }
	#topMenu ul li a.hover { text-decoration: underline; }
		#topMenu li ul { display: none; position: absolute; top: 34px; left: 0; width: 180px; background-color: #D6BD95; filter: alpha(opacity=90); -moz-opacity: 0.90;	opacity: 0.90; }
		#topMenu li:hover ul, #layTopMenu li.over ul { display: block; background-color: #D6BD95; z-index: 600; }
			#topMenu li ul li { background-color: #D6BD95; display: block; width: 180px; float: none; text-align: left; }
			#topMenu ul li ul li:after { content:""; }
			#topMenu li ul li a { color: #810029; background-color: #D6BD95; float: none; display: block; padding: 0 0 0 10px; margin: 0; width: 170px; text-align: left; text-transform: none; line-height: 28px; height: 28px; }
			#topMenu li ul li a.v65-pageAParent { color: #fff; }
			#topMenu li ul li a:hover { background-color: #4d2400; color: #fff;	}
			
			#topMenu li.v65-home {  } /*display:none; if you want to hide the homepage link*/
			#topMenu li a.v65-pageAParent { }
			#topMenu li a.v65-selected { font-weight: bold; }
	
#contentWrapper { float: left; width: 970px; background: url("../images/content-bg-2.jpg") 0 0 repeat-y; }
	#contentWrapperTop { height:80px; background: url("../images/content-bg-top.png") 0 0 no-repeat; }
#homepageWrapper { position: relative; overflow: visible; z-index: 200; }
	#homepageWrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	#homepageContent { float:left; width: 930px; overflow:visible; padding: 20px; background: url("../images/content-bg-2.jpg") 0 0 repeat-y; }
		#homepageFeature { position: relative; background: url("../images/feature-bg.png") top center no-repeat; width: 850px; margin: 30px 0 0 80px; padding: 0 20px 20px 0; z-index: 300; }
		#homepageFeatureWine { position: absolute; top:-40px; left:120px; width: 125px; height: 385px; z-index: 400; }
		
				#contentFeaturePod { float:left; padding: 15px; overflow: hidden; background:url("../images/homepod-bg.png") top center no-repeat; }
				.PodLeft { width: 260px; margin: 40px 2px 20px 68px; }
				.PodMid { width: 260px; margin: 40px 2px 20px 2px; }
				.PodRight { width: 260px; margin: 40px 2px 20px 2px; }
	
	#leftMenu { width: 220px; height: 445px; float: left; padding: 20px 10px; background: url("../images/left-menu-bg.png") top left no-repeat; position: relative; left: -40px; top: 85px; }
		#leftMenu ul { list-style: none; margin: 0; padding: 0; width: 220px; }
		#leftMenu li { line-height: 2em; text-align: center; font-size:15px; font-weight: bold; }
		#leftMenu li a { color: #4d2400; }
		#leftMenu li a:hover { color: #4d2400; }
		#leftMenu li ul { margin-left: 10px; width: 200px; }
		#leftMenu li ul li { font-size:12px; font-weight:normal; }
		#leftMenu form{ padding: 0; margin: 0; }
		#leftMenu fieldset{ border: 0; padding: 0; margin: 0; }
		#leftMenu input{ height: 18px; margin-right: 5px; }
		#leftMenu h2, #leftMenu h3 { color: #FFF; text-align: center; margin-bottom:40px; }
		
		#leftMenu li a.v65-pageAParent { color: #000; }
		#leftMenu li a.v65-leftSelected { color: #000; font-weight: bold; }
		
	#pageContent { float: left; width: 680px; padding: 20px; min-height: 600px; margin-top: 30px; }
	#pageContentWide { width: 900px; min-height: 600px; padding: 20px 30px; }
		#pageContentWide:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	
#footer { width: 930px; overflow: hidden; padding: 1em 20px 0; background-color: #810029; text-align:center; color: #FFF; }
		#footer ul { list-style: none; margin: 0; padding: 0; overflow: hidden; float:left; }
			#footer ul li { display:inline-block; margin: 0; padding: 0; }
				#footer ul li:after { content:"|"; padding: 0 10px 0 0; }
				#footer ul li:last-child:after { content:""; }
				#footer ul li a { font-size: 0.917em; color: #FFF; position: relative; display: inline-block; text-decoration: none; margin: 0; padding-right: 10px; }
				#footer ul li a:hover { color: #FFF; text-decoration:underline; }
		#footer p { font-size: 0.917em; color: #FFF; float:right; }
		
		#footer a { color: #FFF; }
		#footer a:hover { color: #FFF; }
		
/* -------------------------------------------------------------- 
   Blog Template
-------------------------------------------------------------- */
#blogContent { float: left; width: 560px; padding: 20px 25px 0 20px; overflow: hidden; }
	#blogRightWrapper { float: right; width: 345px; padding: 20px 0 0 0; overflow: hidden; }
		#blogRightWrapper-Col1 { float: left; width: 160px; padding: 0 25px 0 0; overflow: hidden; }
		#blogRightWrapper-Col2 { float: left; width: 160px; padding: 0; overflow: hidden; }
	
/* -------------------------------------------------------------- 
   Print Template
-------------------------------------------------------------- */
#printBody { background-image: none; background-color: #FFF; margin: 0; padding: 0; }
#printWrapper { width: 700px; margin: 0 auto; }
	#printHeader { width: 700px; height: 185px; }
	#printContent { width: 700px; text-align: left; }	
	
	
/* -------------------------------------------------------------- 
   V65 Overrides
-------------------------------------------------------------- */

/* -----Modal Cart----- */
a#v65-toggleModalCart { display: block; padding: 0 0 0 24px; }

#v65-fieldset-paymentMethod{
	float:left;
	width:400px;
	}

form#v65-checkBilling .v65-additionalComments {
	float:none;
	margin-left:10px;
	padding:15px 0 0;
	width:390px;
	}

#v65-signUpClubSummaryWrapper {
	float: right;
    	margin-bottom: 20px;
    	position: relative;
	width:50%;
	}
	
.v65-product-addToCart fieldset{
	width:100%;
	}

.v65-productWrapper{
	border-bottom:none;
	}
/*---------------------------------------------------------------------------*/
/*------- Buttons - This calls the button sprites from the local site -------*/
/*------- Use these styles to customize buttons if necessary ----------------*/
/*---------------------------------------------------------------------------*/
	
	/* 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; }
	
	/* OPTIONAL BUTTON STYLES large button: */		
	button.altLargeBtn { background: transparent url(../images/buttons/btn_large_alt_sprite.gif) no-repeat right -100px; }
	button.altLargeBtn span { background: transparent url(../images/buttons/btn_large_alt_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; }