/* 
	Project Name
	Master Screen CSS
	Designer Name
	Date
	
	COLORS
	
		
 */

/* ------------------------ 
		reset
------------------------ */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family: Verdana, Geneva, sans-serif;
}

	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}

	html, body {
		margin: 0px auto;
		height: 100%;
	}	
	body {
		line-height: 1;
		font-size: 62.5%;
		background-color: #5d1f09;
		color: #ede6bc;
	}
	
	
		a:link,
		a:visited,
		a:active {
			color: #ede6bc;
			text-decoration: underline;
		}
		a:hover {
			text-decoration: none;
			}
	
		 #accessibility {
			position: absolute;
			left: -9999px;
		 }

	
	
/* ------------------------ 
		head
------------------------ */
	#header {
		background: url(../images/web/header.jpg) 0 0 no-repeat;
		width: 995px;
		height: 441px;
		position: relative;
		margin: auto;
		}
	
	h1 {}
	
		h1 a {
			display: block;
			height: 150px;
			width: 296px;
			left: 102px;
			top: 191px;
			position: absolute;
			text-indent: -9999px;
		}
		
			#skiplink {
				position: absolute;
				left: -9999px;
			}
/* ------------------------ 
	    navigation
------------------------ */

ul#navigation {
	display: block;
	list-style: none;
	position: relative;
	left: 30px;
	top: 35px;
	height: 41px;
}
	 
	 ul#navigation li {
		height: 41px;
		float: left;
		_display: inline;
	 	display: block;
		text-align: center;
	 }
	 
	 	 ul#navigation li a {
			overflow: hidden;
	 		display: block;
			text-decoration: none;
			font-size: 1.2em;
			font-weight: bold;
			color: #333;
		 }
		 ul#navigation li a:hover {
			 text-decoration: underline;
			 color: #FFF;
			 }
		 
		 #navHome {
			 width: 152px;
		 }
		 #navAbout {
			 width: 155px;
		 }
		 #navCatering {
			 width: 154px;
		 }
		 #navEvents {
			 width: 156px;
		 }
		 #navWine {
			 width: 155px;
		 }
		 #navCart {
			 width: 154px;
		 }
		 #navContact {
			 width: 150px;
		 }

/* ------------------------ 
		content
------------------------ */
	#main {
		width: 995px;
		margin: auto;
		margin-top: -45px;
		position: relative;
		font-size: 1.2em;
		color: #ede6bc;
		min-height: 200px;
	}
	
	#left {
		float: left;
	}
	#welcome {
		width: 610px;
		margin-left: 100px;
		display: block;
		}
		
		#welcome h2{
			background: url(../images/web/welcome.gif) 0 0 no-repeat;
			width: 343px;
			height: 41px;
			display: block;
			text-indent: -9999px;
			margin-bottom: 5px;
			}
		#welcome p {
			margin-left: 15px;
			margin-bottom: 10px;
			line-height: 16px;
			}
		.address {
			width: 250px;
			float: left;		
			}

			
	#ftrWine {
		width: 250px;
		float: left;
		margin-left: 20px;
		overflow: hidden;
		}
		
		#ftrWine h2 {
			background: url(../images/web/featuredWines.gif) 0 0 no-repeat;
			width: 213px;
			height: 37px;
			display: block;
			text-indent: -9999px;
			margin-bottom: 5px;			
			}

			body.home #productThumbs dl {
				width: 100px;
				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-left: 15px;
				/*margin-top: 10px;*/
			}
			
				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: 50px;*/
				}
			
				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: 10px;
					left: 14px;
					position: absolute;
				}
			
					body.home #productThumbs dd.image img {
						width: 37px;
						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;
					}





			
	#newsletter a {
		background: url(../images/web/newsletter.gif) 0 0 no-repeat;
		width: 483px;
		height: 56px;
		display: block;
		text-indent: -9999px;
		margin-left: 115px;
		margin-top: 25px;
		margin-bottom: 15px;
		}
		
	#ftrEvents {
		width: 610px;
		margin-left: 100px;
		display: block;
		min-height: 250px;
		}
		#ftrEvents h2 {
			background: url(../images/web/upcomingEvents.gif) 0 0 no-repeat;
			width: 238px;
			height: 49px;
			display: block;
			text-indent: -9999px;
			margin-bottom: 5px;			
			}
		#ftrEvents p {
			margin-left: 15px;
			margin-bottom: 10px;
			line-height: 14px;
			font-size: .9em;
			}
		#pastEvents {
			background: url(../images/web/previous.gif) 0 0 no-repeat;
			width: 157px;
			height: 19px;
			text-indent: -9999px;
			margin-left: 15px;
			margin-top: 18px;			
			margin-bottom: 10px;
			}
			
		#ftrEvents ul {
				margin-left: 15px;
			}
			#ftrEvents ul li {
				font-size: .75em;
				display: block;
				width: 78px;
				text-align: center;
				float: left;
				height: 80px;
				margin-bottom: 20px;
				margin-right: 10px;
				}
			#ftrEvents ul li a {
				text-decoration: none;
				display: block;
				padding-top: 64px;
				}
			#ftrEvents ul li a:hover {
				text-decoration: underline;
				}
			.cruise {
				background: url(../images/web/event1.jpg) center 0 no-repeat;
				}
			.chuck {
				background: url(../images/web/event2.jpg) center 0 no-repeat;
				}
			.edgar  {
				background: url(../images/web/event3.jpg) center 0 no-repeat;
				}
			.willow  {
				background: url(../images/web/event4.jpg) center 0 no-repeat;
				}
			.fireworks  {
				background: url(../images/web/event5.jpg) center 0 no-repeat;
				}
			
/* ------------------------ 
	inner pages
------------------------ */
h2 {
	color: #b10000;
	font-size: 160%;
	line-height: 1.2;
	padding-bottom: .5em;
}

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


	h3 {
		color: #e6e4cf;
		font-size: 320%;
	}
	
		h3 a {
			text-decoration: none;
			}
			
		#innerContent li {
			margin: .2em 20px;
		}
	
	
/*home page */

	body.home #inner-content {
		width: 320px;
		padding-right: 10px;
		float: left;
		_display: inline;
	}
	
		body.home #Pages2_Detail img {
			padding: 0 10px 10px 0;
		}
	
		/*featured products */
		
		body.home #productThumbs {
		}
	
	
		#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;
			}	
			
			
	#facebook { margin-left: 47px; margin-bottom: 20px; }
	
	#twitter,
	#twtr-widget-1 { margin-left: 20px; margin-bottom: 20px; }
			
	/*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-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;
			}
					
			
/* product thumbnail page styles */
#productThumbs  {
	clear: both;
	padding: 1em 0;
	}
	
#productThumbs h4 {
	padding-top: 1.5em;
	font-size: 140%;
	color: #FFFFFF;
}


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

	#productThumbs dt {
		font-weight: bold;
		font-size: 130%;
		color: #7e4636;
		width: 450px;
		padding-bottom: 2px;
	}
	
		#productThumbs dt a {
			text-decoration: none;
			}
	
	#productThumbs dd {	
		display: block;
		float: left;
		_display: inline;
		width: 500px;
		padding-left: 10px;
		border: 0px solid red;
		}
		
	#productThumbs dd.image {
		float: left;
		_display: inline;
		width: 100px;
		padding: 0;
		position: relative;
		z-index: 99;
	}
	
		#productThumbs dd.image img {
			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;
		}
		
		
		
	/* ------------------------ 
		product styles
	------------------------ */
#new_Detail {
	padding-bottom: 1em;
	display: block;
}

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

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-size:110%;
		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 {
		}
		
			body.cart #side-content ul ul li {
				margin-left: 5px;
				padding: 0;
			}
			
				body.cart #side-content ul ul li {
					background: transparent;
					font-size: 75%;
					text-transform: none;
					font-weight: normal;
					padding: 5px 0 0px 0;
				}
	
	body.cart #innerContent {
		width: 700px;
		min-height: 325px;
		_height: 325px;
		float: left;
		_display: inline;
		padding-left: 15px;
		margin-left: 10px;
	}
	body.checkout #innerContent,
	body.pages #innerContent {
		margin-left: 85px;
		width: 850px;
	}
	
	body.pages #innerContent p {
		margin-bottom: 15px;
		line-height: 16px;
	}			
				/*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: 500px;
		_width: 500px;
		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: 1px solid #d8c5ac;
}

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

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


.CartItem td {
	border-right: 1px solid #d8c5ac;
	border-top: 1px solid #d8c5ac;
	padding: 5px;
}
	.CartItem td span.prodName,
	.CartItem td a {
		text-align: left;
		}
		
		
		
		#coupons {
			width: 300px;
			*width: 400px;
			float: left;
		}
		
			#txtCouponCode {
				width: 100px;
				font-size: 90%;
				padding: 1px;
			}
	
		#couponlist {
			width: 250px;
			float: right;
			margin-top: -20px;
			*margin-top: -45px;
			padding-bottom: 1em;
		}
			
		#dgCoupons {
			width: 150px;
			float: right;
		}
		
		#dgCoupons .CartItem td {
			border: 0;
			text-align: right;
			border-bottom: 1px solid #d8c5ac;
		}
		
		#lblCouponMessage {
			display: block;
			font-weight: bold;
			padding-top: 1em;
		}


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

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

p#checkout {
	float: right;
	clear: both;
}

#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;
}

#cboxSame {
	border: 0;
}

/* subscribe */

#dgSearchReturn {
	margin-bottom: 2em;
}

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


#PanelRegister td,
#ContentTable td {
	padding-bottom: 8px;
}

	/* ------------------------ 
		contact
------------------------ */
body.contact #innerContent,
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;
		margin-left: 15px;
	}
	
		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;
			margin-bottom: 10px;
		}
		
		input {
			border: 1px inset #7e4636;
			padding: 1px;
			font-size: 90%;
		}
		
			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: 500px;
	float: left;
	_display: inline;
	margin-left: 10px;
	margin-top: 50px;
}

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

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


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

#footer {
	height: 60px;
	background-color: #210c03;
	margin-top: 25px;
	padding-top: 15px;
	padding-bottom: 30px;
}
	#footer ul {
		margin: auto;
		width: 750px;
		display: block;
		margin-top: 15px;
		}
	#footer li {
		float: left;
		_display: inline;
	 	display: block;
		margin-right: 15px;
		margin-bottom: 10px;
		}
	#footer p {
		clear: both;
		width: 750px;
		display: block;
		margin: auto;
		position: relative;
		text-align: left;
	}
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */