/* layout.css - Size, positioning, background-images of blocks */

/* Import standard core.css file */
@import url(core.css);

body
{
	margin:0;
	padding:0;
	background-color:#730f0f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #554b32;
}

	#outer_1 {
		min-width:970px;
		overflow:hidden;
	}

	#outer_2 {
		margin:0 auto;
		width:970px;
	}

	#top-wrapper-bg {
		background-image:url(../images/new/bg-repeat.png);
		background-position:top;
		background-repeat:repeat-y;
		display:inline-block;
		margin:0 -515px;
		width:2000px;		
	}

	#top-wrapper {
		width: auto;
		background-image:url(../images/new/bg.png);
		background-position:top;
		background-repeat:no-repeat
	}

		#top-inner-wrapper {
			width: 970px;
			margin: 0 auto;
		}
		
		.cbr { clear: both; }
			
			#container-left {
				float:left;
				width:185px;
				padding-bottom:200px;
			}
			
			#container-right {
				float:left;
				width:785px;			
			}			
			
			#header {
				height: 247px;
				position: relative;
			}
				
				#logo {
					background: url(../images/new/logo.gif) top left no-repeat;
					width: 253px;
					height: 94px;
					display: block;
					position: absolute;
					left: 17px; top: 0;
				}
				
				#address-lable {
					background: url(../images/address.gif) no-repeat;
					width: 233px;
					height: 115px;
					display: block;
					position: absolute;
					left: 0; bottom: 0;
				}		
				
				#utilities {
					position:absolute;
					top:40px;
					left:329px;
				}
								
				#utilities ul {
					overflow:hidden;
				}
				
				#utilities li {
					float:left;
				}
				
				#utilities li a {
					height:1px;
					padding-top:26px;
					overflow:hidden;
					display:block;
					background-image:url(../images/new/utilities.gif);
				}
				
				#utilities li a:hover {
					background-image:url(../images/new/over/utilities.gif);
				}				
				
				#utilities-about a {
					width:86px;
				}
				
				#utilities-contact a {
					width:98px;
					background-position:-86px 0;
				}				
				
				#searchbar {
					width:256px;
					height:20px;
					position:absolute;
					right:4px;
					top:42px;
				}
				
					#searchtext {
						width:179px;
						height:16px;
						position:absolute;
						border: 1px solid #000000;
						padding: 2px 4px 0px;
						font-size: 11px;
						color: #333333;
					}
					
					#searchbutton {
						background: transparent url(../images/new/search.gif) no-repeat;
						width: 64px;
						height: 0;
						padding-top: 20px;
						overflow: hidden;
						position: absolute;
						right: 0; bottom: 0;	
					}
					
					#searchbutton:hover {
						background: transparent url(../images/new/over/search.gif) no-repeat;
					}
					
				#mainnav {
					position: absolute;
					top: 94px;
					right: 0px;
					width: 767px;
					height:153px;
				}
						
					#mainnav li {
						display:inline;
						padding:0; margin:0; 
					}
					
					#mainnav li a {
						background: url(../images/new/navigation.gif) no-repeat;
						overflow: hidden;
						padding-top: 152px;
						height: 1px;
						display:block;
						float: left;
					}
					
					#mainnav li a:hover {
						background-image: url(../images/new/over/navigation.gif); 
					}
					
					#mainnav li a:active {
						background-image: url(../images/new/active/navigation.gif); 
					}
					
						#mainnav li.nav_ourwine a { width:110px; background-position: 0 0 }
						#mainnav li.nav_gift a { width:143px; background-position: -110px 0}						
						#mainnav li.nav_tip a { width:102px; background-position: -253px 0}						
						#mainnav li.nav_taste a { width:130px; background-position: -355px 0}
						#mainnav li.nav_delivery a { width:135px; background-position: -485px 0}
						#mainnav li.nav_contact a { width:147px; background-position: -620px 0}	
					
						#mainnav li a.current, #mainnav li a.current:hover { background-image: url(../images/new/active/navigation.gif); } 
				
			#body-wrapper {
					position: relative;
					z-index:500;
			}
				
				#cookiebar	{
					height: 26px;
					width: 100%;
					position: relative;
				}
				
					#cookie-trail {
						width: 712px;
						font-size: 10px;
						color:#8c7c4c;
						text-transform: capitalize;
						position: absolute;
						left: 23px; top: 0;
					}
					
						#cookie-trail a {
							color:#8c7c4c;
							text-decoration: underline;
						}
						
						#cookie-trail a:hover {
							color:#730f0f;
							text-decoration: none;
						}	
				
				#account-cart {
					overflow:hidden;
					padding-left:9px;
				}
				
				#account-cart a {
					height:1px;
					padding-top:50px;
					display:block;
					overflow:hidden;
					background-image:url(../images/new/account-cart.gif);
					background-repeat:no-repeat;
					float:left;
				}
				
				#account-cart a:hover {
					background-image:url(../images/new/over/account-cart.gif);
				}				
						
				#myaccount {
					width: 138px;
				}
				
				#mycart {
					width: 124px;
					background-position:-138px 0;
				}
				
				#social-network {
					background-image:url(../images/new/social.gif);
					background-position:top left;
					background-repeat:no-repeat;
					padding-left:70px;
					position:absolute;
					top:0;
					right:0;
				}
				
				#social-network ul {
					overflow:hidden;
				}
				
				#social-network li {
					float:left;
				}
				
				#social-network li a {
					padding-top:36px;
					height:1px;
					overflow:hidden;
					display:block;
					width:22px;
					margin-right:11px;
				}
				
				#titlebar	{
					height: 42px;
					width: 100%;
					position: relative;
				}
				
					#title {
						width: 712px;
						position: absolute;
						left: 17px; top: -5px;
					}
					
				#mainsection {
					position: relative;
					min-height: 490px;
				}
				
				#menu-heading {
					background-image:url(../images/new/shop-by.gif);
					background-position:top left;
					background-repeat:no-repeat;
					width:129px;
					height:1px;
					padding-top:30px;
					overflow:hidden;
					margin-top:9px;
					margin-bottom:9px;
				}
				
				#menu {
					font-size:12px;
				}
				
				#menu dl {
					padding-bottom:6px;
				}
				
				#menu dt a, #menu .by-price dd a {
					color:#730f0f;
					text-decoration:none;
					display:block;
					background-image:url(../images/new/menu-cork.gif);
					background-position:4px 3px;
					background-repeat:no-repeat;
					padding:3px 0 3px 26px;
					vertical-align:bottom;
					zoom:1;					
				}

				#menu dt a:hover, #menu .by-price dd a:hover {
					background-image:url(../images/new/over/menu-cork.gif);
					color:#000;
				}

				#menu #menu-wine-price a, #menu-wine-price {
					background-image:url(../images/new/wine-price.gif);
					background-position:top left;
					background-repeat:no-repeat;
					height:1px;
					padding:0;
					padding-top:23px;
					overflow:hidden;
					margin-left:-26px;	
					margin-bottom:3px;
					cursor: default;
				}
				
				#menu #menu-wine-type a, #menu-wine-type {
					background-image:url(../images/new/wine-type.gif);
					background-position:top left;
					background-repeat:no-repeat;
					height:1px;
					padding:0;
					padding-top:24px;
					overflow:hidden;
					margin-bottom:3px;	
					display:block;				
					margin-left:-26px;					
					cursor: default;
				}				
				
				#menu #menu-wine-region a, #menu-wine-region {
					background-image:url(../images/new/wine-region.gif);
					background-position:top left;
					background-repeat:no-repeat;
					height:1px;
					padding:0;
					padding-top:23px;
					overflow:hidden;
					margin-bottom:3px;					
					display:block;
					margin-left:-26px;						
					cursor: default;
				}				
				
				#menu #menu-gifts a, #menu-gifts {
					background-image:url(../images/new/gifts.gif);
					background-position:top left;
					background-repeat:no-repeat;
					height:1px;
					padding:0;
					padding-top:23px;
					overflow:hidden;
					margin-bottom:3px;					
					display:block;
					margin-left:-26px;		
					cursor: default;								
				}
				
				#menu dd a {
					color:#453606;
					background-image:url(../images/new/menu-line.gif);
					background-position:26px 10px;
					background-repeat:no-repeat;
					text-decoration:none;
					display:block;
					padding:3px 0 3px 35px;
					vertical-align:bottom;
					zoom:1;						
				}
				
				#menu dd a:hover {
					background-image:url(../images/new/menu-line.gif);				
				}				
				
				#sidebar {
					padding-bottom: 13px;
					overflow:hidden;
					zoom:1;
					vertical-align:bottom;
					font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size:17px;
					padding-left:23px;
					width:100%;
				}
			
						#sidebar ul {
							margin:0;
							padding:0;
							list-style-type:none;
							float:left;
						}
						
						#sidebar li {
							list-style-type:none;
							display:inline;
						}
						
						#sidebar a.section-title {
							display:none;
						}
						
						#sidebar li a {
							padding:0 10px 0 30px;
							background: transparent url(../images/new/subnav-bullet.gif) 0 5px no-repeat;	
							display:block;
							text-decoration:none;	
							vertical-align:bottom;
							zoom:1;
							float:left;
						}
						
						#sidebar li.subnav-first a {
							background-image:none;
							padding-left:0;
						}
						
						#sidebar li a:hover, #sidebar li a.active, #sidebar li a.active:hover {
							color:#000000;
							text-decoration:underline;
						}
						
				#content {
					padding: 8px 0 40px 25px;
					margin: 0;
				}
									
				#cta-section {
					width: 192px;
					float: right;
					margin: 0;
					padding: 45px 16px 0 21px;
					background: transparent url(../images/maillist-header.gif) top no-repeat;
					font-size: 11px;
					color: #000000;
					line-height: 16px;
				}	
				
				.cta-right #content {
					float:left;
					width:554px;
				}
				
				#cta {
					float:right;
					width:190px;
				}
				
				#cta li {
					padding-bottom:15px;
				}
				
				#cta li a {
					width:190px;
					height:1px;
					padding-top:139px;	
					display:block;
					overflow:hidden;
					background-position:top left;
					background-repeat:no-repeat;
				}
				
				#cta li a:hover {
					background-position:0 -140px;
				}
				
				#cta-staffpicks a {
					background-image:url(/images/cta/cta_staffPicks.jpg);
				}
				
				#cta-giftcards a {
					background-image:url(/images/cta/cta_giftCards.jpg);
				}
				
				#cta-twenty a {
					background-image:url(/images/cta/cta_under20.jpg);
				}		
				
				#cta-facebook a {
					background-image:url(/images/cta/cta_facebook.jpg);
				}										
				
					#subbar{
						position: relative;
						padding-top: 5px;
						height:19px;
					}
					
						#subtext {
							width:156px;
							height:16px;
							position:absolute;
							border: 1px solid #000000;
							background-color:#e9ddba;
							font-size:11px;
							padding: 3px 3px 0px 3px;
						}
						
						#subscribebutton {
							background: transparent url(../images/go-sub.gif) no-repeat;
							width: 23px;
							padding-top:18px;
							height:0;
							overflow: hidden;
							position: absolute;
							right: 0; bottom: 0;	
						}
						
						#subscribebutton:hover {
							background: transparent url(../images/go-sub-over.gif) no-repeat;
						}
						
						#subbutton {
							position: absolute;
							right: 0; bottom: 0;	
						}
						
					#radiolist{
						position: relative;
						padding-top: 7px;
					}
					
						#radiolist .chk1 {
							margin: 0px 5px 0 0;
							padding: 0;
						}
						
						#radiolist .chk2 {
							margin: 0 5px 0 0;
							padding: 0;
						}
														
	#bottom-wrapper {
		width: 100%;
		background: transparent url(../images/footer-bg.jpg) top repeat-x;
		font-size: 11px;
		color: #b45757;
		line-height:18px;		
	}

		#footer {
			background: transparent url(../images/footer-bg.jpg) top repeat-x;		
			width: 970px;
			margin: 0 auto;
			position:relative;
			height:76px;
		}
		
		#footer-graphic {
			position:absolute;
			top:-158px;
			left:0;
			z-index:10;
			width:274px;
			padding-top:202px;
			height:1px;
			overflow:hidden;
			background-image:url(../images/new/corkscrew.png);
			background-position:top left;
			background-repeat:no-repeat;
		}
		
			#footer a {
				color: #b45757;
				text-transform:capitalize;
				text-decoration: none;
			}
			
			#footer a:hover {
				text-decoration: underline;
			}
			
			#site-info { position:absolute; top:18px; left:10px; z-index:100; }
			#site-links { position:absolute; top:18px; right:20px; text-align: right;}

				#footer #site-links .linkdivider {
					color:#b45757;
					padding-left:3px;
					padding-right: 3px;
				}

/***********************************************/
h1 {
	font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	margin-left:0px;
	margin-bottom:10px;
}

h1#link {
	font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #730F0F;
	margin-left:0px;
	margin-bottom:10px;
}

/*h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	letter-spacing:0.5pt;
	color: #000000;
	
}*/

h2 {
	font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	margin-left:0px;
	margin-bottom:10px;
}

h2 a {
	color:#000;
	text-decoration:none;
}

h2 a:hover {
	text-decoration:underline;
}
h3 {
	font-size: 20px;
	font-weight: normal;
	color: #730f0f;}

h3 a {

	text-decoration:none;
}

h3 a:hover {
	text-decoration:underline;
}
h4 {
	color: #252116;}
.bold { font-weight: bold }

p {
	margin: 0;
	padding: 0 0 16px;
}

a {
	color: #730f0f;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.cookieSelected {
	color:#730f0f;
	text-decoration: underline;
}

.cta-title {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffe673;
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 22px;
}

.cta-text {
	line-height: 16px;
}

.ultop {
	margin-top:2px;
	padding-top:0px;
}

.view-larger {
	background-image:url(../images/btn/viewlarger.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:98px;
	height:1px;
	padding-top:23px;
	overflow:hidden;
	display:block;
}

.tellafrd {
	background-image:url(../images/btn/tellafrd.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:80px;
	height:1px;
	padding-top:33px;
	overflow:hidden;
	display:block;
	margin-left:86px;
}

.addToCart {
	background-image:url(../images/btn/buy.gif);
	background-position:top left;
	background-repeat:no-repeat;	
	width:80px;
	height:1px;
	padding-top:36px;
	overflow:hidden;
	display:block;
	margin-left:60px;
}

.printThisPage {
	background-image:url(../images/btn/print.gif);
	background-position:top left;
	background-repeat:no-repeat;	
	width:99px;
	height:1px;
	padding-top:37px;
	overflow:hidden;
	display:block;
	margin-left:30px;
	margin-right:39px;
}

.quantityTitle {
	background-image:url(../images/btn/quantity.gif);
	background-position:top left;
	background-repeat:no-repeat;	
	width:80px;
	height:1px;
	padding-top:16px;
	overflow:hidden;
	display:block;
	float:left;
}

.buy-link {
	background-image:url(../images/new/buy.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:51px;
	height:1px;
	padding-top:24px;
	overflow:hidden;
	display:block;
}

.buy-link:hover {
	background-position:0 -25px;
}

.view-link {
	background-image:url(../images/new/view.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:43px;
	height:1px;
	padding-top:17px;
	overflow:hidden;
	display:block;
}

.buy-link2 {
	background: url(../images/btn-buy.png) left top;
	width:99px;
	height:1px;
	padding-top:26px;
	overflow:hidden;
	display:block;
	margin-top: 3px;
}
	.buy-link2:hover {background-position: 0 -27px;}
.view-link2 {
	background:url(../images/btn-view.png) left top;
	width:51px;
	height:1px;
	padding-top:17px;
	overflow:hidden;
	display:block;
}
	.view-link2:hover {background-position: 0 -18px;}
#shop-staff-picks .more-staff-picks {
	float:right;
	width:76px;
	height:1px;
	padding-top:39px;
	overflow:hidden;
	background-image:url(/images/overview/more-StaffPics.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#shop-staff-picks .more-staff-picks:hover {
	background-position:0 -40px;
}

.readmore {
	width:52px;
	height:1px;
	padding-top:25px;
	overflow:hidden;
	background-image:url(/images/overview/more.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
}

.readmore:hover {
	background-position:0 -26px;
}

.more-special-offers {
	width:94px;
	height:1px;
	padding-top:39px;
	overflow:hidden;
	background-image:url(/images/overview/more-SpecialOffers.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;	
}

.more-special-offers:hover {
	background-position:0 -40px;
}

.go-btn {
	width:37px;
	height:1px;
	padding-top:24px;
	overflow:hidden;
	background-image:url(/images/button_go.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;		
}

.go-btn:hover {
	background-position:0 -25px;
}

.signup {
	width:100px;
	height:1px;
	padding-top:24px;
	overflow:hidden;
	background-image:url(/images/overview/signup2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;		
}

.signup:hover {
	background-position:0 -25px;
}

.staff-picks-table p {
	padding-top: 8px;
}

#simplemodal-container { 20px solid #EBDEB6;}
#qv_buttons {}

.body #tablist li a.current {
	background: #730F0F;
	color: #fff;
}
.body #tablist li a:hover {
	background: #730F0F;
	color: #fff;
}

.quickview, .quickview a, .quickview td {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}