/*

		MerrittWinery
		Main CSS
		Alison Endacott
		August 2008

*/

.cookietest {
	width: 500px;
	margin: 0 auto;
	position: relative;
	top: 80px ;
	z-index: 99;
	text-align: center;
	
}
	.cookietest h1 {
		margin-left: -14px;
		width: 350px;
		font-size: 105%;
		padding: 5px;
		color: #B10000;
		background-color: #ebe5d2;
		display: block;
		border: 1px solid #B10000;
	}

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}
	a img {
	 border: 0;
	}
	
	

body {
	background: #520001;
	font-family: Arial, Helvetica, sans-serif;
	color: #7e4636;
	font-size: 68.5%;
	line-height: 1.3;
}

 #accessibility {
 	position: absolute;
	left: -9999px;
 }


a {
	color: #7e4636;
}
	a:hover {
		text-decoration: none;
		color: #B10000;
	}

	#wrapper {
		background: url(/images/web/bg.jpg) repeat-x top;
	}
	
	body.home #wrapper {
		background: url(/images/web/bg-home.jpg) repeat-x top;
	}

		#container {
			width: 766px;
			margin: 0 auto 0 auto;
		}
		
			#content {
				background: url(/images/web/bg-content.jpg) repeat-y;
				width: 564px;
				padding: .5em 15px;
				margin-left: 84px;
				min-height: 320px;
				_height: 320px;
			}
			
			body.home #content {
				min-height: 321px;
				_height: 321px;
				background: url(/images/web/bg-content-home.jpg) repeat-y top;
			}
			
			

/* ------------------------ 
		header
------------------------ */
#head {
	background: url(/images/web/head.jpg) no-repeat top;
	height: 182px;
	position: relative;
}

body.home #head {
	background: url(/images/web/head-home.jpg) no-repeat top;
	height: 262px;
}

	h1 {
		position: absolute;
		top: 41px;
		left: 86px;
	}

		h1 a {
			display: block;
			height: 107px;
			width: 589px;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		body.home h1 a {
			height: 187px;
		}
		
	#nav {
		width: 594px;
		height: 38px;
		display: block;
		margin-left: 85px;
		background: url(/images/web/nav.jpg) no-repeat top;
	}
	
	body.home #nav {
		background: url(/images/web/nav-home.jpg) no-repeat top;
	}
	
		#nav li {
			display: block;
			float: left;
			_display: inline;
		}
		
			#nav li a.top {
				display: block;
				height: 38px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/images/web/nav.jpg) no-repeat;
			}
			
				#nav li#navWines a.top {
					width: 68px;
				}
				#nav li#navGiftshop a.top {
					width: 105px;
					background-position: -68px 0;
				}
				
			#nav li#navCatering {
				margin-right: 70px;
			}
				
				#nav li#navCatering a.top {
					width: 107px;
					background-position: -173px 0;
				}
				#nav li#navEvents a.top {
					width: 80px;
					background-position: -353px 0;
				}
				#nav li#navNews a.top {
					width: 65px;
					background-position: -433px 0;
				}
				#nav li#navVineyard a.top {
					width: 97px;
					background-position: -495px 0;
				}
				
/* single drop down styles */		
ul#nav ul { /* all lists */
	list-style: none;
	z-index: 90;
	position: relative;
	border: 3px solid #d2b896;
	*border-top-width: 6px;
	border-bottom: 0;
}


	ul#nav ul li {
		display: block;
		text-indent: 0;
		float: none;
		height: 1%;
		width: 170px;
		border-bottom: 3px solid #d2b896;
		font-family: Georgia, "Times New Roman", Times, serif;
		*margin-top: -2px;
	}
		ul#nav ul a {
			color: #e8e3cf;
			text-decoration: none;
			display: block;
			margin: 0;
			line-height: 1;
			background: #5d0808;
			text-indent: 0;
			height: auto;
			padding: .7em 15px;
			width: 140px;
		}
		
		
			ul#nav ul a:hover
			 {
				background: #d2b896;
				color: #5d0808;
				}
				
		ul#nav li ul { /* second-level lists */
			position: absolute;
			left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		
		ul#nav li:hover ul, ul#nav li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}			
		
		/* IE 7 drop down fix, nav will stick when you change focus on the page otherwise */
			ul#nav li.hover {
				*position: static;
			
			}
			
			/*second level drop down */
			#nav li ul ul {
				margin: -1.8em 0 0 124px;
				font-size: 130%;
			}
			
			#nav li:hover ul ul, #nav li.sfhover ul ul {
				left: -999em;
			}
			
			#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
				left: auto;
			}
			
			
			
			#nav li ul ul { /* third-and-above-level lists */
				
			}
			
			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
				left: -999em;
			}
			
			#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
				left: auto;
			}
			
			/* IE 7 drop down fix, nav will stick when you change focus on the page otherwise */
			#topNav li:hover, #topNav li.hover,
			#nav li:hover, #nav li.hover {
				position: static;
			}
			


				
	
	#sub-nav {
		width: 569px;
		height: 21px;
		display: block;
		overflow: hidden;
		margin: 115px 0 0 96px;
	}
	
	body.home #sub-nav {
		margin-top: 195px;
	}
	
		#sub-nav li {
			display: block;
			float: left;
			_display: inline;
		}
		
			#sub-nav li a {
				display: block;
				height: 21px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/images/web/sub-nav.gif) no-repeat;
			}
			
			body.home #sub-nav li a {
				background: url(/images/web/sub-navHome.gif) no-repeat;
			}
			
			#sub-nav li#sub-navHome a {
					width: 50px;
				}
				
			#sub-nav li#sub-navGuild a {
					width: 138px;
					background-position: -50px 0;
				}
				
			#sub-nav li#sub-navTrade a {
					width: 93px;
					background-position: -188px 0;
				}
				
			#sub-nav li#sub-navContact {
				margin-left: 80px;
			}
					
				#sub-nav li#sub-navContact a {
						width: 74px;
						background-position: -367px 0;
					}
					
				#sub-nav li#sub-navLogin a {
						width: 47px;
						background-position: -442px 0;
					}
					
				#sub-nav li#sub-navCart a {
						width: 81px;
						background-position: -489px 0;
					}

body.home #productThumbs h4 {
	color: #7e4636;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	line-height: 1.2;
	padding: 0;
	padding-bottom: 3px;
	margin-bottom: .5em;
	background: url(/images/web/heading-border.gif) repeat-x bottom;
}
				
body.home #productThumbs dl {
	width: 75px;
	float: left;
	_display: inline;
	min-height: 140px;
	height: 140px;
	padding: 5px 10px 5px 70px;
	background: url(/images/web/bg-feature.gif) no-repeat top left;
	margin-right: 5px;
}

	body.home #productThumbs dt {
		padding: 0;
		height: 56px;
		float: none;
		width: 70px;
	}

		body.home #productThumbs dt a {
			font-size: 95%;
			color: #e8e2ce;
			line-height: 1.1;
			}

	body.home #productThumbs dd {
		padding: 0;
		width: 70px;
	}

	body.home #productThumbs dd.description {
		display: none;
	}
	
	body.home #productThumbs dd.price {
		font-size: 110%;
		color: #5d2c2c;
	}
	
		body.home #productThumbs dd.price em {
			display: none;
			}
	
	body.home #productThumbs dd.image {
		top: 9px;
		left: 8px;
		position: absolute;
	}

		body.home #productThumbs dd.image img {
			width: 50px;
			height: 100px;
		}
	
		body.home #productThumbs dd.buy a {
			background: transparent;
			padding: 0;
			text-transform: none;
			font-family: Arial, Helvetica, sans-serif;
			color: #fff;
			border: 0;
		}
			
/* ------------------------ 
	inner pages
------------------------ */
h2 {
	color: #b10000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	line-height: 1.2;
	padding-bottom: .5em;
}

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


	h3 {
		color: #7e4636;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 140%;
		line-height: 1.2;
		padding-bottom: 3px;
		margin-bottom: .5em;
		background: url(/images/web/heading-border.gif) repeat-x bottom;
	}
	
		h3 a {
			text-decoration: none;
			}
			
		#innerContent li {
			margin: .2em 20px;
		}
		
		.totop {
			margin-bottom:10px;
			display:block;
			margin-top:10px;
		}
	
	
/*home page */

	body.home #inner-content {
		width: 320px;
		padding-right: 10px;
		
		float: left;
		_display: inline;
		background: url(/images/web/double-dot-divider-vert.gif) repeat-y right;
	}
	
		body.home #Pages2_Detail img {
			padding: 0 10px 10px 0;
		}
	
		/*featured products */
		
		body.home #productThumbs {
			background: url(/images/web/double-dot-divider.gif) repeat-x top;
			margin-top: 1em;
			padding-top: 1em;
		}
	
	body.home #side-content {
		width: 223px;
		float: left;
		_display: inline;
		margin-left: 10px;
	}
	
	
	
		#new,
		#events {
			margin: 1em 0;
		}
		
			#new h2 {
				display: none;
			}
		
			#new ul {
				padding: .5em 0;
			}
		
			#new li {
				list-style: none;
				background: url(/images/web/arrow.gif) no-repeat 0 50%;
				padding-left: 9px;
			}
			
			p#subscribe a {
				display: block;
				width: 215px;
				height: 31px;
				background: url(/images/web/newsletter.gif) no-repeat;
				text-indent: -9999px;
				overflow: hidden;
			}	
			
	/*news * event calendar featured */
	
	#events dl {
		clear: both;
		background: url(/images/web/arrow.gif) no-repeat 0 5px;
		padding-left: 7px;
		margin: .5em 0;
	}
	
		#events dt {
			width: 80px;
			float: left;
			_display: inline;
			font-size: 90%;
			padding-top: 1px;
		}
			
			#events dt a {
				color: #7E4636;
			}
		
		#events dd {
			padding-left: 85px;
		}
		
		/* news/events list pages */
		
		#news-list dl {
			background: url(/images/web/double-dot-divider.gif) repeat-x bottom;
			padding-bottom: 1em;
			margin-bottom: 1em;
		}
		
			#news-list dt {
				float: left;
				_display: inline;
				width: 80px;
				padding: .4em 0;
				background: url(/images/web/arrow.gif) no-repeat 0 9px;
				padding-left: 9px;
			}
			
			#news-list dd {
				padding: .4em 0 .4em 85px;
				font-weight: bold;
			}
		
		/* news/events detail page */
			
		#more {
			list-style: none;
			background: url(/images/web/double-dot-divider.gif) repeat-x top;
			padding-top: 1em;
			margin-top: 1em;
		}
			
			#more li {
				display: inline;
				color: #7e4636;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 140%;
				font-weight: bold;
				margin: 0;
			}
			
			li.previous {
				float:left;
				_display: inline;
				width:150px;
			}
			
			li.next {
				float:right;
				_display: inline;
				text-align:right;
				width:150px;
			}
					
			
	
	/* ------------------------ 
		contact
------------------------ */
body.contact #inner-content,
body.subscribe #inner-content {
	width: 320px;
	padding-right: 10px;
	float: left;
	_display: inline;
	background: url(/images/web/double-dot-divider-vert.gif) repeat-y right;
}

	body.contact fieldset {
		border: 0;
	}
	
		body.contact legend {
			display: none;
		}
		
		fieldset.info label {
			clear: both;
			displaY: block;
			padding-top: 8px;
			width: 70px;
			float: left;
			_display: inline;
			padding-right: 5px;
		}
		
			fieldset.info label.zip {
				clear: none;
				width: auto;
				padding-left: 10px;
			}
		
			label.required {
				font-weight: bold;
			}
			
			body.contact select#state {
				float: left;
				margin-top: 3px;
				_display: inline;
				border: 1px solid;
			}
			
			body.contact .phone {
				margin-top: 1.5em;
				
			}
			
				body.contact input.phone {
					width: 100px;
				}
		
		body.contact input {
			margin-top: 5px;
			width: 180px;
		}
		
		input {
			border: 1px inset #7e4636;
		}
		
			input#cboxSame {
				width: auto;
				margin: 0 5px;
			}
			
			body.contact input#ZipCode {
				width: 78px;
				*width: 74px;
			}

		fieldset.more-info label {
			display: block;
			padding-top: 1em;
		}
		
		textarea {
			border: 1px inset #7e4636;
			width: 300px;
			height: 75px;
		}
		
		#btnSubmit {
			width: 76px;
			height: 26px;
			border: 0;
			margin-top: 1em;
			clear: both;
		}

body.contact #side-content,
body.subscribe #side-content {
	width: 223px;
	float: left;
	_display: inline;
	margin-left: 10px;
}

			
/* input button */
	input#btnSubmitNewMember,#Submit,input.btn {
		font-size: 10px;
		background: #800100;
		border: 1px outset #807d72;
		width: auto;
		text-transform: uppercase;
		cursor: pointer;
		padding:1px 3px;
		color: #e9e3d0;
		font-weight: bold;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

		input:focus,
		textarea:focus,
		select:focus {
			background: #fffcf3;
			color: #800100;
		}	

/* product thumbnail page styles */
#productThumbs  {
	clear: both;
	padding: 1em 0;
	}
	
#productThumbs h4 {
	padding-top: 1.5em;
	font-size: 140%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #B10000;
}


#productThumbs dl {
	position: relative;
	padding: 0 0 1em 0;
	width: 395px;
	margin: 1em 0;
	background: url(/images/web/heading-border.gif) repeat-x bottom;
}

	#productThumbs dt {
		float: right;
		font-weight: bold;
		font-size: 110%;
		padding-bottom: 1em;	
		color: #7e4636;
		font-family: Georgia, "Times New Roman", Times, serif;
		width: 285px;
	}
	
		#productThumbs dt a {
			text-decoration: none;
			}
	
	#productThumbs dd {	
		display: block;
		float: left;
		_display: inline;
		width: 275px;
		padding-left: 10px;
		}
		
	#productThumbs dd.image {
		float: left;
		_display: inline;
		width: 100px;
		padding: 0;
		position: relative;
		z-index: 99;
	}
	
		#productThumbs dd.image img {
			border: 1px solid #800100;
			width: 100px;
		}
		
	#productThumbs dd.price {
		font-weight: bold;
		padding-top: 1em;
		font-size: 120%;
	}
	
		#productThumbs dd.price em {
			font-style: normal;
		}

	#productThumbs dd.teaser {
		}
	
	
	
	#productThumbs dd.buy {
		margin: 1em 0;
	}
	
		#productThumbs dd.buy a {
			background: #800100;
			border: 1px outset #807d72;
			text-transform: uppercase;
			cursor: pointer;
			padding:2px 4px;
			color: #e9e3d0;
			font-weight: bold;
			text-decoration: none;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		
		
		
	/* ------------------------ 
		product styles
	------------------------ */
#new_Detail {
	padding-bottom: 1em;
	display: block;
}

body.cart #side-content {
	width: 135px;
	float: left;
	_display: inline;
}

body.cart #side-content h3 {
	background: transparent;
	font-weight: normal;
}

	body.cart #side-content li {
		list-style: none;
		display: block;
		padding: 3px 5px 3px 9px;
		background: url(/images/web/arrow.gif) no-repeat 0 9px;
		font-family:Georgia,"Times New Roman",Times,serif;
		font-size:130%;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 1.1;
		}
		
		body.cart #side-content li a {
			text-decoration: none;
		}
		
		body.cart #side-content ul ul {
			padding-top: 1em;
		}
		
			body.cart #side-content ul ul li {
				margin-left: 5px;
				padding: 0;
			}
			
				body.cart #side-content ul ul li {
					background: transparent;
					font-size: 80%;
					text-transform: none;
					font-weight: normal;
					padding: 6px 0 1px 0;
				}

body.cart #innerContent {
	width: 400px;
	min-height: 325px;
	_height: 325px;
	float: left;
	_display: inline;
	padding-left: 15px;
	margin-left: 10px;
	background: url(/images/web/double-dot-divider-vert.gif) repeat-y left;
}
				
				/*paging and sort*/
				#sort {
					width: 300px;
					float: left;
					_display: inline;
				}
				
					#sort select {
						font-size: 90%;
					}
					
				.paging {
					float: right;
					font-size: 90%;
					margin-right: 20px;
					text-align: center;
				}
				
/* ------------------------ 
	product detail
------------------------ */	
fieldset {
	border: 0;
	margin: 1em 0;
}
	#btnEmailPricing {
		display: block;
	}
	
#product {

}

	#prodImages {
		width: 150px;
		float: left;
		_display: inline;
	}
	
		#prodImages img {
			border: 1px solid #800100;
			width: 150px;
			}
			
			img#thumb1, img#thumb2, img#thumb3, img#thumb4 {
				margin-right: 5px;
				width: 60px;
				height: 60px;
				cursor: pointer;
			}

	#prodOptions {
		float: left;
		_display: inline;
		width: 235px;
		_width: 230px;
		padding-left: 15px;
	}

		#prodInfo {
			margin: 1em 0;
			font-size: 110%;
		}
		
			#prodInfo p.teaser {
				padding-bottom: 1em;
				
			}
		
			#prodInfo li {
					margin-left: 2em;
				}
	
			#prodOptions dl {
				
			}
			
				#prodOptions dt,
				#prodOptions dd {
					display: block;
					height: 25px;
				}
				#prodOptions dt {
					font-weight: bold;
					float: left;
					width: 70px;
				}
				
				#prodOptions select {
					width: 150px;
					font-size: 90%;
				}
		
				
		
		
		#txtQuantity {
			width: 30px;
			margin-bottom: .2em;
		}
		
		ul#checkout {
			margin-top: 1em;
		}


/*
#prodRelated {
	clear: both;
	padding-top: 1em;
}
	#prodRelated ul {
		list-style: none;
	}
*/

td.CartTitle {
	white-space: nowrap;
}

	ul#checkout li {
		display: inline;
		list-style: none;
		margin: 0;
	}
	
	ul#checkout input {
		border: 0;
	}

td {
	padding: .1em;
}
	
table#dgCart {
	border: 0;
}

#ContentTable td.CartHeading {
	border-right: 0;
}
	
td.CartHeading {
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid #7E4636;
	border-right: 4px solid #d8c5ac;
	padding-left: 5px;
}

td.Heading {
	font-weight: bold;
	font-size: 120%;
	color: #800100;
}


.CartItem td {
	border-right: 4px solid #d8c5ac;
	border-top: 1px solid #d8c5ac;
	padding: 5px;
}
	.CartItem td span.prodName,
	.CartItem td a {
		text-align: left;
		}


#Totals {
	padding: 1em;
	font-size: 110%;
	font-weight: bold;
}

p#formSubmit {
	text-align: center;
	padding: 1em;
}

p#checkout {
	float: right;
}

#btnSubmitNewMember {
	margin-top: 1em;
}

/* error */
#Problem {
	color: #f00;
}
#tblPayment ul,
#ValidationSummary ul{
	display: block;
	list-style: none;
	color: #f00;
	border: 1px solid #f8cbe6;
	padding: .5em;
	background: #fdf8fb;
	
}
	#ValidationSummary ul {
		width: 538px;
		padding: .6em;
		margin: 0 auto;
		font-size: 85%;
	}
	
#invoice {
	
}

#thanks {
	text-align: center;
}

#content p.errorpage {
	text-align: center;
	padding: 5em;
}

td.CartTitle em {
	font-size: 85%;
	line-height: 1;
	font-style:normal;
}

/* subscribe */

#dgSearchReturn {
	margin-bottom: 2em;
}

	#dgSearchReturn input {
		margin-right: 6px;
		width: auto;
		border: 0;
	}
	
	#content .CartPurchase input {
		width: 76px;
		height: 26px;
		border: 0;
	}

/* ------------------------ 
		footer
------------------------ */

#footer {
	background: #520001 url(/images/web/bg-footer.gif) repeat-x top;
	height: 91px;
	text-align: center;
}


	#footer ul {
		color: #d7bb99;
		padding-top: 29px;
		font-size: 95%;
		list-style: none;
		height:  25px;
		width: 598px;
		margin: 0 auto;
		background: url(/images/web/bg-footer-nav.gif) no-repeat top left;
	
	}
	
	body.home #footer ul  {
		background: #520001 url(/images/web/bg-footer-nav-home.jpg) no-repeat top left;
	}

	
		#footer a {
			color: #d7bb99;
			text-decoration: none;
		}
		
			#footer a:hover {
				text-decoration: underline;
			}
	
	#footer p,
	#footer ul {
		margin: 0 auto;
		text-align: center;
		color: #b78e75;
		font-size: 95%;
	}	
	
		#footer li {
			display: inline;
		}	



/* ------------------------ 
		EASY CLEARING 
------------------------ */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */