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

/***
  1. Layout
***/

body {
  background: transparent url(/images/barclays/assets/main_bg.jpg) repeat top center;
  margin: 0px auto;
}

#content {
  position: relative;
  min-height: 730px;
  width: 950px;
  padding: 0 10px;
  margin: 0px auto;
  background: transparent url(/images/barclays/assets/content_bg.jpg) repeat-y top center;
  z-index: 0;
}

/* Masthead */
#masthead {
	height: 160px;
	min-width: 935px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url(/images/barclays/assets/special_masthead.png) no-repeat top center;
	width: 942px;
	clear:both;
	z-index: 1;

}

#masthead a {
	color: blue;
	font-size: 16px;
}


/* Main Body */
#main {
	position: absolute;
	clear: both;
	top: 0px;
	left: 48px;
	width: 875px;
}

#footer {
	width: 875px;
	min-height: 30px;
	border-top: 1px solid #333;
	background: transparent url(/images/barclays/assets/footer_bg.jpg) no-repeat top center;
	line-height: 2.5;
	color: #a08f78;
	font-size: 12px;
}


.tab_nav {
	width: 105px; 
	height: 32px; 
	text-align: center; 
	line-height: 2;
	z-index: 1;
  	background: transparent url(/images/barclays/assets/tab_bg.jpg) no-repeat top center;
}



/***
  2. Typography
***/
a:visited {
	color: #3a3634;	
}

body {
  font-family: "Cambria", "Book Antiqua", "Times New Roman", Times, serif;
  font-size: 14px; /* 14px base */
  line-height: 1.5; /* 18px line height */
  color: #3a3634;
}

#content a {
	color: #3a3634;	
  text-decoration: underline;
}
#content a:hover {
  text-decoration: none;
}

#footer_utilBar {
	width: 855px; 
	border-top: 1px solid #333;
	background: transparent url(/images/utilbarbg.png) repeat top center;
	padding: 10px;	
}


.tab_nav a {
	font-size: 15px;
	font-weight: bold;
}

.tab_nav.selected {
  	text-decoration: none;
}

.csForm {
	background: transparent url(/images/utilbarbg.png) repeat top center; 
	font-weight: bold; 
	padding: 3px;	
	border-bottom: 1px solid #333;
}

.membershipContainer {
	border: 1px solid #333;
	width: 175px;
	min-height: 175px; 
	float: left; 
	margin: 5px;
	min-height: 400px;
	position: relative;
	left: 0;
	top: 0;
}

#video_note {
	margin-left: 5px;
	padding-left: 45px;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	vertical-align: bottom;
	background: transparent url(/images/wine_shop/video_icon.png) no-repeat top left;
}

#video_note a {

	color:#00F;	
}


/* shopping cart */

	
	#orderForm {
		width: 878px;
		margin: 0px;
		border: 1px solid;
		clear:both;
		padding: 10px;
		border-top: 20px solid #4E3850;
		font-size: 11px;
		background-color:#FFF;
		display: none; /* */
	}
	
	#cartSummary {
		width: 800px;
		margin-left: 20px;
		margin-bottom: 10px;
		padding: 10px;
		clear:both;
		border-bottom: 1px solid #333;
		border-top: 1px solid #333;
	}
	
	#billTo {
		width: 370px;
		margin: 0px;
		margin-left: 30px;
		float: left;
	}
	
	
	#shipTo {
		width: 360px;
		margin: 0px;
		margin-left: 40px;
		float: left;
	}
	
	.cartProduct {
		width: 400px;
		text-align: left;
		padding: 3px;
	}
	
	.cartQuantity {
		width: 100px;
		text-align: left;
		padding: 3px;
	}
	
	.cartPrice {
		width: 100px;
		padding: 3px;
	}
	
	.orderFormLabel {
		width: 100px;
		padding: 3px;
		float: left;
	}
	
	.orderFormInput {
		width: 235px;
		padding: 5px;
		float: left;
	}
	
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

	
	.characterstic {
		clear: left;
		width: 100px;
		font-weight: bold;
		float: left;
		margin-left: 15px;
		margin-bottom: 5px;
	}
	
	.charactersticValue {
		width: 185px;
		float: left;
		clear: right;
		margin-bottom: 5px;
	}
	
/* begin wine shop */
.wine_tab_nav {
	height: 25px; 
	text-align: center; 
	line-height: 2;
	z-index: 1;
	margin-right: 15px;
}

.wine_tab_nav a {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

#shopByPrice {
	font-size: 15px;
	float: left; 
	width: 120px; 
	margin-right: 15px;	
}

#shopByStyle {
	font-size: 13px;
	float: left; 
	width: 130px; 
	margin-right: 15px;	
}

#shopByVarietal {
	font-size: 13px;
	float: left; 
	width: 140px; 
	margin-right: 15px;	
}

#shopByRegion {
	font-size: 13px;
	float: left; 
	width: 170px; 
	margin-right: 15px;	
}

#shopByProducer {
	font-size: 13px;
	float: left; 
	width: 180px; 
}

.validation-failed {
	background-color: #FFC5B0;	
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size: 12px; }
h1 {
	display: none;	
}
h2 {
	display: none;	
}

<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

<![endif]-->