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

/* CSS Reset - Based on Yahoo Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } 
table { border-collapse:collapse; border-spacing:0; } 
img { border:0; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border: 0; }
strong { font-weight: bold; }
em { font-style: italic; }

.red 			{ color: #b30028; }
	.red a 		{ color: #b30028; }
	.red a:hover { color: #990000; }
.promo 			{ color: #b30028; font-weight: bold; }
.error 			{ color: #b30028; }
.alert 			{ padding: 7px 10px; background-color:#b30028; color: #fff; font-size: 0.95em; line-height: 1.6em; }
.alert p		{ color: #fff; }
	.alert ul	{ list-style: none; margin: 0; padding: 0; }
	.alert li	{ color: #fff; }

/*Defaults*/
html, body { height: 100%; width: 100%; position: relative; }
body { background: url(../images/background.jpg) center repeat-y #151515; font-size: 12px; color: #151515; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1.5em; }

ul, ol, dl, p, table, pre { margin-bottom: 1em; }
	
h1,h2,h3,h4,h5,h6 { color: #c0c0c0; text-transform: uppercase; }
	h1 { font-size: 18px; line-height: 1.2; margin-bottom: 0.6em; letter-spacing: 2px; }
	h2 { font-size: 16px; line-height: 1; margin-bottom: 0.5em; margin-top: 0.25em; letter-spacing: 2px; }
	h3 { font-size: 14px; line-height: 1; margin-bottom: 1em; letter-spacing: 2px; }
	h4 { font-size: 12px; line-height: 1.25; letter-spacing: 1px; } 
	h5 { font-size: 12px; line-height: 1.25; letter-spacing: 1px; }
	h6 { font-size: 12px; line-height: 1.25; letter-spacing: 1px; }

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

td, th { padding: 4px; }
#pageContent thead th { background-color:#CCCCCC;
border-bottom:1px solid #BBBBBB;
color:#333333;
font-size:0.917em;
font-weight:bold;
padding:2px; }

ul, ol, dd, blockquote { padding-left: 20px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

.small 			{ font-size: 11px; }
	.small a 	{ font-weight: bold; }
.smaller 			{ font-size: 10px; }
	.smaller a 	{ font-weight: bold; }
	
.large 			{ font-size: 12px; }
	.large a 	{ font-weight: bold; }
.larger 			{ font-size: 16px; }
	.larger a 	{ font-weight: bold; }

legend { color: #ccc; }

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

/* Elements */
body { text-align: center; }
#container { width: 980px; margin: 0 auto; text-align: left; }

#layHeader { position: relative; width: 980px; height: 150px; text-align: left; z-index: 100; }
	#logo { background: url(../images/Pithy-Little-Wine-Co.png) no-repeat top left; width: 250px; height: 150px; }
   	#logo a { display: block; width: 250px; height: 150px; text-indent: -999em; overflow: hidden; }
	
	#user-tools { position: absolute; bottom: 55px; right: 20px; width: 340px; line-height: 33px; height: 33px; z-index: 1000; font-family: Tahoma, Geneva, sans-serif; }
	#user-tools a { color: #bfbfbf; }
	#user-tools a:hover { color: #fff; text-decoration: none; }


#layTopMenu { height: 33px; width: 705px; position: absolute; bottom: 5px; right: 0; text-align: right; z-index: 100; }
	#layTopMenu ul { position: relative; list-style: none; margin: 0; padding: 0; }
	#layTopMenu ul li { position: relative; margin: 0 0 0 10px; padding: 0; display: inline-block; float: left; }
	#layTopMenu ul li a { display: block; line-height: 33px; height: 33px; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; color: #bfbfbf; position: relative; display: inline-block; text-decoration: none; margin: 0; padding: 0 16px; }
	#layTopMenu ul li a:hover { color: #fff; text-decoration: none; }
		#layTopMenu li ul { display: none; position: absolute; top: 33px; left: 0px; width: 180px; background-color: #222; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
		#layTopMenu li:hover ul, #layTopMenu li.over ul { display: block; }
			#layTopMenu li ul li { background-color: #000; display: block; width: 180px; float: none; text-align: left; margin: 0; }		
			#layTopMenu li ul li a { color: #bfbfbf; background-color: #222; float: none; display: block; padding: 0 0 0 20px; margin: 0; width: 160px; text-align: left; text-transform: none; border-bottom: 1px solid #666; font-size: 14px; line-height: 28px; height: 28px; }
			#layTopMenu li ul li a:hover { color: #fff; background-color: #333;	}
	
#layContentWrapper { position: relative; width: 940px; background-color: #282828; padding: 20px; overflow: hidden; color: #bfbfbf; z-index: 1; }
	#homepageFeature { width: 940px; height: 420px; overflow: hidden; margin: 0 0 50px 0; }
	
	#pageContentWrapper	{ width: 940px; overflow: hidden; margin-bottom: 40px; }
	
		#pageLeftMenu { width: 160px; float: left; padding: 20px; margin: 0 20px 0 0; background-color: #1a1a1a; }
			#pageLeftMenu ul { list-style: none; margin: 0 0 1em 0; padding: 0; width: 160px; }
			#pageLeftMenu li { line-height: 2; }
			#pageLeftMenu li a { color: #bfbfbf; }
			#pageLeftMenu li a:hover { color: #fff; }
			#pageLeftMenu li ul{ margin-left: 20px; width: 200px; }
			#pageLeftMenu form{ padding: 0; margin: 0; }
			#pageLeftMenu fieldset{ border: 0; padding: 0; margin: 0; }
			#pageLeftMenu input{ height: 18px; margin-right: 5px; }
		
		#pageContent { float: left; width: 720px; }
		
		#pageContentWide { width: 940px; }
	
	#blogContent { float: left; width: 550px; padding: 20px 25px 0 0; 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; }
	#blogRightWrapper a { color: #999; }
		#blogRightWrapper a:hover { color: #fff; }
		
	#layBrandCarousel { width: 940px;overflow: hidden; margin: 0 0 20px; }
		#layBrandCarousel a { display: block; height: 150px; float: left; text-indent: -999em; }
		#layBrandCarousel a:hover { background-position: 0 -150px; }
			
			#wine { width: 235px; background: url(../images/brand-reserveWines.gif) no-repeat; }
			#fortuity { width: 235px; background: url(../images/brand-fortuity.gif) no-repeat; }
			#drinkwell { width: 220px; background: url(../images/brand-drinkwell.gif) no-repeat; }
			#soda { width: 240px; background: url(../images/brand-littleSodaWorks.gif) no-repeat; }
	
	#layJoinMailingList { line-height: 55px; height: 55px; text-align: right; padding: 0 20px; width: 940px; }
		#layJoinMailingList a { color: #bfbfbf; font-weight: bold; text-transform: uppercase; background: none; }
		#layJoinMailingList a:hover { color: #fff; }
		
	#layFooterHeaderWrapper { width: 940px; padding: 0 20px; height: 35px; line-height: 35px; color: #ccc; background-color: #282828; overflow: hidden; }
		.layFooterHeader { float: left; color: #bfbfbf; text-transform: uppercase; letter-spacing: 1px; }
			
			#col1 { width: 220px; margin-right: 20px; }
			#col2 { width: 220px; margin-right: 20px; }
			#col3 { width: 220px; margin-right: 20px; }
			#social { width: 145px; margin-left: 75px; }	
		
	#layFooterLinkWrapper { width: 940px; padding: 20px; overflow: hidden; position: relative; }
		.layFooterLink { float: left; }
		.layFooterLink h1, .layFooterLink h2, .layFooterLink h3, .layFooterLink h4, .layFooterLink h5 { color: #bfbfbf; }
		.layFooterLink a { color: #bfbfbf; text-decoration: none; }
		.layFooterLink a:hover { color: #fff; }
		.layFooterLink p { color: #bfbfbf; }
		.layFooterLink ul { list-style: none; margin: 0; padding: 0; line-height: 2; }
			 .layFooterLink ul li { margin: 0; padding: 0; }
				 .layFooterLink ul li a { color: #bfbfbf; position: relative; text-decoration: none; margin: 0; padding: 0; letter-spacing: 1px; }
				 .layFooterLink ul li a:hover { color: #fff; }
		#socialTable { width: 145px; }
			#socialTable td { padding: 0 0 10px 0; }
			#socialTable td.icon { width: 29px; }
			#socialTable td.spacer { width: 29px; }
		#layFooterDefinition { position: absolute; right: 20px; bottom: 20px; width: 170px; height: 70px; }
	
	#layFooterAddress { width: 960px; padding: 0 10px; height: 35px; line-height: 35px; color: #ccc; background-color: #282828; letter-spacing: 1px; }
	
#layFooter { width: 980px; overflow: hidden; padding: 1em 0; }
	#layFooterLegal { float: left; font-size: 0.917em; color: #444; }
		
	#layFooterAuthor { float: right; color: #232323; text-align: right; }
		#layFooterAuthor a { color: #232323; }
		#layFooterAuthor a:hover { color: #666; text-decoration: none; }

	
#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; }
	
	/* Cart Table */
		#printContent #v65-cartTable th { background-color: #ccc; border-top: 1px solid #eee; }	
		#printContent .v65-cartItem td { border-top: 1px solid #eee; }
				
		#printContent #v65-cartSubtotal td { background-color: #eee; border-top: 1px solid #eee; }
				
		#printContent .v65-cartTax td { background-color: #eee;  }
		#printContent #v65-cartTotal td { background-color: #ccc; border-bottom: 1px solid #eee; }	
	
/* -------------------------------------------------------------- 
   V65 Overrides
-------------------------------------------------------------- */
#layTopMenu .v65-home { display: none; }

#v65-modalCart a:hover { text-decoration: none; }

#v65-modalContent {  }
	#v65-modalContent a 		{ color: #b30028; }
	#v65-modalContent a:hover 	{ color: #990000; }

/*Social Media Bar*/
.v65-socialMediaBar { border: 1px solid #222; padding: 5px 5px 1px 5px; margin: 4px 0 8px 0; background-color: #333; }

/*Calendar*/
.v65-CalendarEvent { color: #111; }
.v65-CalendarEvent a { color: #111; }

.v65-calendarList-Title { font-size: 18px; text-transform: uppercase; margin: 0.5em 0 0 0; display: block; }

	/*Club*/
	#v65-signUpClubSummaryWrapper { background-color: #282828; border: 0px solid #444; width: 450px; }
	
	/* 1 Up Store List */
	.v65-product1Up { width: 720px; }
			
		.v65-product1UpImage {  width: 220px; margin: 0 20px 0 0; padding: 0; }
			
		.v65-product1UpProductDescription { width: 480px; }
			
			.v65-product1UpAddToCart form { width: 480px; }
				.v65-product1UpAddToCart fieldset { border: 1px solid #333; padding-top: 6px; }	
				.v65-product1UpAddToCart legend { display: none; }	
		
	/*3 Up Store Display*/
	.v65-product3Up { float: left; width: 220px; margin: 0 30px 20px 0; }
	.v65-product3Up h2 { font-size: 14px; line-height: 1; margin-bottom: 1em; letter-spacing: 2px; }
					
		.v65-product3UpImage { width: 220px; height: 240px; margin: 0 0 15px; }		
		.v65-product3UpTeaser {	width: 220px; text-align: center; padding: 0 0 10px 0; margin: 0; }
		.v65-product3UpRating {	width: 220px; text-align: center; padding: 0 0 10px 0; margin: 0; }
		.v65-product3UpPrice { width: 220px; overflow: hidden; font-size: 1em; }
			.v65-product3UpPrice table { width: 100%; margin-bottom: 0; padding-bottom: 0; }
			.v65-product3UpPrice td { padding: 2px; }
			.v65-product3UpPrice tr.red td { color: #b30028; font-weight: bold; }
			.v65-product3UpPrice td.v65-priceLevel{ text-align: right; }
			.v65-product3UpPrice td.v65-skuPrice { text-align: right; }
			.v65-product3UpPrice td.v65-skuDescription { font-size: 1em; }
			
			#v65-product3upPrice-ListPrice {  }
			#v65-product3upPrice-OurPrice {  }
			#v65-product3upPrice-YouSave {  }
			
		.v65-product3UpAddToCart { width: 220px; overflow: hidden; }
			.v65-product3UpAddToCart form { width: 220px; overflow: hidden; text-align: center; }
			.v65-product3UpAddToCart fieldset { width: 220px; border: 0; padding: 0; margin: 0; }
			.v65-product3UpAddToCart legend { display: none; }
			
	/* Product List Store Display */	
		#v65-storeProductasList td.a{ color: #000; text-decoration: none; }
			#v65-storeProductasList td.a:hover{ color: #000; text-decoration: none; }		
			#v65-storeProductasList tr:hover{ background-color: #000; }				
		#v65-storeProductasList tr.alternatRow{ background-color: #121212; }			
			#v65-storeProductasList tr.alternatRow:hover{ background-color: #000; }

			
	/* Product Drilldown */
	#v65-productWrapper { width: 880px; overflow: hidden; }
	
		#v65-productImage { float: left; text-align: center; width: 240px; padding: 0; margin: 0 20px 0 0; }
			#v65-productImagesOther img { margin: 15px 4px 0 0; width: 55px; }
			
		#v65-productDescription { float: left; width: 620px; padding: 0; margin: 0; text-align: left; overflow: hidden; }
	
	

		
		/*Product Reviews*/
		#v65-addProductReview { width: 350px; }
		#v65-addProductReview fieldset { border: 1px solid #ccc; }
		#v65-addProductReview textarea { width: 320px; height: 100px; }
		
	/* Cart Header */	
	#v65-cartCheckOutCoupons legend { color: #ccc; }

	
	/* Cart Table */
		#v65-cartTable th { background-color: #333; border-top: 1px solid #999; }	
		.v65-cartItem td { border-top: 1px solid #999; }
				
		#v65-cartSubtotal td { background-color: #666; border-top: 1px solid #999; }
				
		.v65-cartTax td { background-color: #666;  }
		#v65-cartTotal td {	background-color: #333; border-bottom: 1px solid #999; }	
		

/* Billing & Shipping */
	#v65-checkoutCartSummaryWrapper { background-color: #333; }
		
		/* Add Shipping and Add Gift Wrapping Forms */
		#v65-couponFormWrapper legend { color: #999; }

/* Review Screen */	
	#v65-reviewCartSummaryWrapper { background-color: #333; }
	#v65-reviewClubSummaryWrapper { background-color: #333; }

/* -------------------------------------------------------------- 
   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; }