/*!
 * Project:   Lucas Wines
 * Date:      2010/07/18
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #fff; font-size: 62.5%; color:#666; }

body, textarea, input, select, option, button { color: #555; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; line-height: 1.5; }
textarea, input, select, option, button { color: #555; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; line-height: 1.5; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; } /*---*/ li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

hr { color: #ccc; background-color: #ccc; height: 1px; border: 0; }

/*! layout -------- */

#root { position:relative; width: 822px; margin: 30px auto; border:1px solid #fff; }
 #top { position:relative; width:800px; background:#fff; border:1px solid #fff; }
  #logo { overflow:hidden; width:460px; height:80px; margin:0 auto; background:transparent url(../images/logo-lucas.png) no-repeat 0 0; }
   #logo a { display:block; width:460px; height:80px; margin:0 auto; text-indent:-9999em; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  #nav ul { clear:both; height: 20px; list-style: none; margin: 0; padding: 0; border:1px solid #ccc; border-width:1px 0; text-align:center; }
   #nav ul li { display:inline; padding:0 42px; line-height:20px; font:normal 1.1em Verdana, sans-serif; text-transform: uppercase; }
    #nav ul li a { line-height:20px; }
    #nav ul li em { position: absolute; left: -10001px; top: -10001px; }
  #sub-nav ul { overflow:hidden; list-style: none; width:100%; margin: 0; padding:5px 0; border-bottom:1px solid #e5e5e5;  text-align:center; }
   #sub-nav ul li { display:inline; padding:0 10px;  border-left:1px solid #666; font:normal 1em Verdana, sans-serif; }
    #sub-nav ul li:first-child { border:0 none; }
 #content { overflow:hidden; width:800px; background:#fff; border: none; border-width:0px; }
 #content-home { overflow:hidden; width:800px; background: /*url(../images/temp/side-image.jpg) no-repeat #fff;*/ border:1px solid #666; border-width:0px 1px; position: relative; }
 	.homepagePod { position: absolute; top: 0; left: 0; width: 401px; height: 500px; background: #FFFFFF; }
	.homepageOverlay { position: absolute; bottom: -3px; left: 0; width: 401px; z-index:5;}
 #content-wide { overflow:hidden; width:800px; background:#fff; border:1px solid #666; border-width:0px 1px; }
 #content-product { position: relative; overflow:hidden; width:800px; border:1px solid #666; border-width:0px 1px; padding: 0; margin: 0; }
 #footer { display:block; position:relative; clear:both; width:800px;  background:#fff; border:1px solid #fff; border-width:0px; }
  #footer ul { list-style:none;height:30px; border-top:1px solid #ccc; margin:0; text-align:center; }
   #footer ul li { display:inline; padding:0 10px; font:normal 1em Verdana, sans-serif; text-transform:uppercase; line-height:30px; border-left:1px solid #666; }
    #footer ul li:first-child { border:0 none; }
   
/*! headers ------- */

h1, h2, h3, h4, h5, h6 { }
h1 { font:normal 3em Verdana, sans-serif; text-transform:uppercase; }
h2 { font-size: 2.2em; color:#990000; font-weight:normal;  }
h3 { font-size: 1.8em; color:#990000; font-weight:normal;  }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; color:#333; margin-bottom:0; }
h6 { font-size: 1.0em; }

/*! containers ---- */

.inner { background:#fff; border:10px solid #fff;  }
.user-nav { position:absolute; top:0px; left:0; overflow:hidden; width:100%; padding:5px 0; margin:-40px 0 0 0; text-align:right; }
 .user-nav p { display:inline; float:right; margin:0; font:normal 1.1em Verdana, sans-serif;  }

.text-block { overflow: auto; float:right; width:370px; height:470px; padding: 15px; }
#text-block-wide { float:none; width:740px; padding: 5px 30px; overflow: hidden; height: auto; }
#text-block-productdrilldown { width:800px; height: 470px; float: none; padding: 0; margin: 0; }
 .home .text-block { height:277px; }
  
.text-image { position: relative; overflow: hidden; float: left; width: 390px; height: 500px; }
	.text-image-overlay { position: absolute; top: 0; left: 0; width: 287px; height: 479px; }
	
#clubLink { position: absolute; top: 305px; left: 0; width: 150px; height: 160px; }
	#clubLink a { display: block; width: 150px; height: 160px; }

.addition { overflow:hidden; clear:both; width:100%; border-top:1px solid #ccc; background:url(../images/columns-a.png) repeat-y 0 0; height:192px; position: relative; }
.wine-club { display:inline; float:left; width:400px; min-height:192px; height:auto !important; height:192px; /*background:transparent url(../images/temp/homepage-image.jpg) no-repeat 0 0;*/ }
 .wine-club h5 { padding:12px 0 0 182px; }
 .wine-club p { padding:0 10px 0 182px; font-size:1.2em; }
.spacer { overflow:hidden; display:inline; float:right; width:199px; }
 .spacer h5 { padding: 12px 10px 0 15px; }
 .spacer p { padding: 0 10px 0 15px; font-size:1.2em; }
 .spacer fieldset { border: 0; }
 .spacer legend { display: none; }

/*! forms --------- */

form { }
 textarea { overflow: auto; }
 button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

#newsletter { padding:0 15px 4px 15px;  }
 #newsletter fieldset { position:relative; border:0 none; text-align:right; }
  #newsletter fieldset label { position:absolute; z-index:10; top:6px; left:8px; font:normal 1.1em Verdana; }
  #newsletter fieldset input { position:relative; width:155px; padding:5px; margin:0 0 3px 0; font:normal 1.1em Verdana, sans-serif; border-top:1px solid #aaa; border-right:1px solid #c1c1c1; border-left:1px solid #c1c1c1; border-bottom:1px solid #e0e0e0; }
  #newsletter fieldset button { height:25px; padding:0 5px; color:#000; background:#dbd5c3; border:1px solid #a8a37d; line-height:25px; font:normal 1em Verdana; text-transform:uppercase; }

/*! tables -------- */

table { border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

/*! lists --------- */

* html .first { border:0 none!important; }
ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
 
.user-nav ul { display:inline; float:right; list-style:none; margin:0; padding:0 20px; }
 .user-nav ul li { display:inline; padding:0 10px; border-left:1px solid #666; font:normal 1.1em Verdana, sans-serif; }
  .user-nav ul li:first-child { border:0 none; }

/*! paragraphs ---- */

#footer .note { position:absolute; width:100%; bottom:0px; margin:0 0 -30px 0; font:normal .9em Verdana, sans-serif; color:#cfc6af; text-align:center; text-transform:uppercase; }
 #footer .note a { color:#cfc6af; }
.text-block .author { display:block; padding-bottom:10px; color:#666; font:normal 1.2em Georgia; }

/*! links --------- */

a { color: #666; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/*! images -------- */

img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

/*! other --------- */

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre-wrap; }

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/*! mobile -------- */

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
 
/*! specific ------ */

#printBody { background-image: none; background-color: #FFF; margin: 0; padding: 0; }
#printWrapper { width: 700px; margin: 0 auto; }
	#printHeader { width: 700px; height: 150px; }
	#printContent { width: 700px; text-align: left; }	

/* Vin 65 */
#user-toolsWrapper { position: absolute; top: -40px; right: -1px; z-index: 1000; }
	#user-tools { width: 300px; line-height: 24px; height: 24px; font-size: 1.1em; }
	#user-tools a { color: #111; }
	
/* -------------------------------------------------------------- 
   V65 Overrides
-------------------------------------------------------------- */
#nav ul li.v65-home { display: none; }

#v65-PagingTop { position: absolute; top: 0; right: 16px; border-bottom: 0; height: 40px; line-height: 40px; background-color: #fff; padding: 0 15px 0 0; }
#v65-PagingBottom { display: none; }

/* Product Drilldown */
#v65-productWrapper { width: 785px; overflow: hidden; }

	#v65-productImage { position: absolute; top: 0; left: 0; text-align: center; width: 390px; height: 500px; padding: 0; margin: 0; overflow: hidden; }
		#v65-productImagesOther img{ border: 1px solid #ccc; margin: 15px 4px 0 0; padding: 4px; }
		
	#v65-productDescription { float: right; width: 390px; padding: 40px 0 0 0; margin: 0; text-align: left; overflow: hidden; }
	
		#v65-productDescription	#v65-addToCart legend { color: #333; }
		
		/* Ratings */	
		#v65-productRatings { overflow: hidden; }
		
		#v65-productSpecs { display: none; }
		
			/*Shipping*/	
			#v65-productShipping { float: right; width: 175px; margin: 0 0 0 10px; padding: 8px; color: #666; background-color: #eee; }
				
				#v65-productShipping form { width: 175px; padding: 0; margin: 0; }
					#v65-productShipping fieldset{ padding: 0; margin: 0; border: 0; }
				
					#v65-productShipping table { width: 100%; }					
					#v65-productShipping th{ color: #FFF; background-color: #666; padding: 2px; font-size: 0.917em; }						
					#v65-productShipping td{ padding: 2px; color: #000; font-size: 0.917em; }							
						#v65-productShipping tr.altRow td{ background-color: #ccc; }
		
		/* Specs */
		#v65-productSpecs { float: right; width: 250px; margin: 0 0 1em 1em; overflow: hidden; padding: 1px; }
			#v65-productSpecs table { border: 1px solid #ccc; width: 100%; }
			#v65-productSpecs td { padding: 3px; font-size: 0.917em; width: 100px; }
			#v65-productSpecs td.wineSpecLabel { font-weight: bold; text-align: right; }


		/* Related Products */	
		#v65-relatedProducts { width: 610px; margin: 0; padding: 10px 0; border-top: 1px solid #ccc; overflow: hidden; display: none; }
			.v65-relatedProduct { float: left; width: 200px; overflow: hidden; margin: 0 5px 20px 0; padding: 0; }
				.v65-relatedProductImage { text-align: center; padding: 0; margin: 0 0 10px 0; }
				.v65-relatedProductTeaser { text-align: center; padding: 0; margin: 0 0 10px 0; }
				.v65-relatedProductPrice { text-align: center; padding: 0; margin: 0 0 10px 0; }
				
				.v65-socialMediaBar { overflow: hidden; }
		
		/*Product Reviews*/
		#v65-addProductReview { width: 350px; }
		#v65-addProductReview fieldset { border: 1px solid #ccc; }
		#v65-addProductReview textarea { width: 320px; height: 100px; }

/* Main Form */		
#v65-checkoutFormWrapper form { width: 100%; }

	form#v65-checkBilling fieldset {  }
		#v65-fieldset-billingInfo { width: 350px; } /*Use this to adjust width of fieldset */
		#v65-fieldset-shippingInfo { width: 350px; } /*Use this to adjust width of fieldset */
		#v65-fieldset-shippingOptions { width: 350px; } /*Use this to adjust width of fieldset */
		#v65-fieldset-sourceCode { width: 350px; } /*Use this to adjust width of fieldset */
		#v65-fieldset-usernamePassword { width: 350px; } /*Use this to adjust width of fieldset */
		#v65-fieldset-paymentMethod {  } /*Use this to adjust width of fieldset */
		#v65-fieldset-paymentMethod p {  } /*Use this to adjust width of fieldset */
		
		#v65-signUpClubSummaryWrapper { width: 300px; }
			

/* -----Modal Cart----- */
a#v65-toggleModalCart { display: block; background: none; padding: 0; }

#v65-modalCartDropdown { top: 39px; }

/* -----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; }
	
	
