/* CSS Fix for Safari, FF and Opera where background image on HTML element would be 1px out: http://www.sohtanaka.com/web-design/1px-background-alignment-bug/ */
html {
	margin-left: -1px;\
	overflow-y: scroll;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body *{ margin-left: -1px;}
}

/* CSS styles for the general site layout */
html {
	background:url(/img/html-bg.gif) center repeat-y #f4e8d6;
	min-width:974px;
}

body {
	background:url(/img/page-bg.gif) repeat-x;
}

.altText {
	display:none;
}

.clear, .clearFix {
	clear:both;
}

a.lightbox, a.thickbox {
	cursor: url(/img/magnify.cur), pointer;
}

#wrapper {
	margin:0 auto 0 auto;
	width:974px;
}

.footer {
	margin:10px auto 10px auto;
	width:540px;
}

/************************ Mast head */
#wrapper .top {
	height:160px;
	background:url(/img/top.jpg) right no-repeat;
}

#wrapper .top a.logo {
	display:block;
	width:200px;
	height:100%;
	background:url(/img/logo.jpg) no-repeat;
}

#wrapper .top a.logo span {
	display:none;
}

#wrapper .top ul.shopLinks li {
	float:left;
	margin-right:10px;
}

/************************ Menu */
#wrapper .menu {
	background:url(/img/search-bar-right-bg.jpg) no-repeat right;
	height:39px;
	overflow:hidden;
}

#wrapper .menu ul {
	margin:0;
	padding:0;
	float:left;
}

#wrapper .menu ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	padding-right:13px;
	background:url(/img/nav-bullet.gif) no-repeat right;
}

#wrapper .menu ul li ul {
	display:none;
}

#wrapper .menu .trolleySummary {
	height:100%;
	padding-left:54px;
	width:154px;
	background:url(/img/search-bar-left.jpg) no-repeat;
	float:left;
}

#wrapper .menu form#ProductSearchForm {
	float:right;
	width:180px;
	margin:8px 15px 0 0;
}

#wrapper .menu form#ProductSearchForm input {
	float:left;
}

#wrapper .menu form#ProductSearchForm input#ProductSearchKeywords {
	background:url(/img/search-bar-bg.jpg) repeat-x;
	border:none;
	padding:0 8px 0 8px;
	width:130px;
	height:22px;
}

/************************ Content Column Layout */
#wrapper .contentColSet {
	margin-left:12px;
/*	background:url(/img/content-colSet-bg.gif) repeat-y -1px 0px;*/
}

#wrapper .contentColSet .col {
	float:left;
	min-height:500px;
	height:auto !important;
	height:500px;
}

#wrapper .contentColSet .col.left {
	background:url(/img/left-col-bg.jpg) repeat-x #f4e8d6;
	width:193px;
}

#wrapper .contentColSet .col.middle {
	width:557px;
	margin:0 2px 0 1px;
	padding: 3px 2px 2px 3px;
	background:url(/img/middle-col-bg.jpg) no-repeat right top;
}

#wrapper .contentColSet .col.right {
	background:url(/img/right-col-bg.jpg) repeat-x #f4e8d6;
	width:192px;
	padding-top:15px;
}

/************************ Left hand tree menu */
#wrapper .contentColSet .col.left ul {
	margin:0;
	padding:0;
	clear:left;
}

#wrapper .contentColSet .col.left ul li {
	margin:0;
	background:url(/img/tree-nav-bg.gif) repeat-x;
	list-style:none;
	width:100%;
	min-height:28px;
	height:auto !important;
	height:28px;
}

#wrapper .contentColSet .col.left ul li a {
	margin:0 0 0 10px;
	padding:0 0 0 19px;
	background:url(/img/plus.gif) no-repeat left center;
	display:block;
	width:100%;
	height:100%;
}

#wrapper .contentColSet .col.left ul li.selected a {
	background-image:url(/img/minus.gif);
}

#wrapper .contentColSet .col.left ul li ul li {
	background:url(/img/tree-sub-nav-dots.gif) repeat-x bottom transparent;
}

#wrapper .contentColSet .col.left ul li ul li a, #wrapper .contentColSet .col.left ul li.selected ul li a, #wrapper .contentColSet .col.left ul li ul li.selected a {
	background:transparent;
}

/************************ Right hand boxes */
#wrapper .contentColSet .col.right .box {
	width:168px;
	margin:0 0 15px 14px;
	float:left;
}

#wrapper .contentColSet .col.right .box div {
	float:left;
	width:100%;
}

#wrapper .contentColSet .col.right .box.red .top {
	background:url(/img/red-box-top.gif) no-repeat;
	height:8px;
}

#wrapper .contentColSet .col.right .box.red .middle {
	background:url(/img/red-box-shadow-bg.gif) repeat-y right #580000;
	min-height:130px;
	width:99%;
}

#wrapper .contentColSet .col.right .box.red .middle .textMiddle {
	background:url(/img/red-box-bg.gif) repeat-x top ;
	padding:0 8px 0 8px;
	width:148px;
	min-height:130px;
}

#wrapper .contentColSet .col.right .box.red .bottom {
	background:url(/img/red-box-bottom.gif) no-repeat;
	height:13px;
}

#wrapper .contentColSet .col.right .box.green .top {
	height:43px;
	background:none;
}

#wrapper .contentColSet .col.right .box.green .middle {
	background:url(/img/green-box-bg.gif) repeat-y;
	min-height:auto;
	height:auto;
	padding:10px 10px 0 10px;
	width:150px;
}

#wrapper .contentColSet .col.right .box.red .middle label {
	float:left;
	width:40px;
	padding:5px 7px 0 0;
}

#wrapper .contentColSet .col.right .box.red .middle form .input {
	float:left;
	clear:left;
	margin-bottom:5px;
}

#wrapper .contentColSet .col.right .box.red .middle form .input.text input, #wrapper .contentColSet .col.right .box.red .middle form .input.select select {
	width:90px;
}

#wrapper .contentColSet .col.right .box.red .middle form .submit input {
	margin-left:50px;
}

#wrapper .contentColSet .col.right .box.green .bottom {
	background:url(/img/green-box-bottom.gif) no-repeat;
	height:13px;
}

/************************ Home page */
body.homepage #wrapper .contentColSet .col.middle .promos {
	float:left;
	width:279px;
}

body.homepage #wrapper .contentColSet .col.middle .content {
	float:left;
	width:238px;
	padding:20px;
}

body.homepage #homeSlideShow {
	padding-bottom:2px;
}

body.insidepage #wrapper .contentColSet .col.middle .content {
	padding:20px;
}

/************************ Product listings */
body.product #wrapper .contentColSet .col.middle {
	background:none;
	position:relative;
}

body.product #wrapper .contentColSet .col.middle .content {
	padding:17px 10px 0 10px;
	background:url(/img/middle-content-bg.jpg) repeat-x;
	width:537px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

body.product .productResult {
	float:left;
	width:96%;
	padding:3px 2% 0 2%;
	height:30px;
	overflow:hidden;
}

body.product .productResult.tinto {
	background:#e9d1ad;
}

/* resets for inheritance from parent layout columns */
body.product #wrapper .contentColSet .productResult .col, body.product #wrapper .contentColSet .productResult .col.one, body.product #wrapper .contentColSet .productResult .col.two, body.product #wrapper .contentColSet .productResult .col.three {
	float:left;
	width:auto;
	height:100%;
	min-height:100%;
}

body.product #wrapper .contentColSet .productResult .col.one {
	padding-left:20px;
	background-repeat:no-repeat;
/*	width:240px;*/
	width:300px;
}

body.product #wrapper .contentColSet .productResult .col.two {
	background:url(/img/icons/size-small.png) no-repeat;
	padding-left:20px;
	width:30px;
}

body.product #wrapper .contentColSet .productResult .col.three {
	background:url(/img/icons/proof-small.png) no-repeat;
	padding-left:17px;
	width:40px;
}

body.product #wrapper .contentColSet .productResult .col.four {
	background:url(/img/icons/region-small.png) no-repeat;
	padding-left:21px;
/*	width:70px;*/
	width:40px;
}

body.product #wrapper .contentColSet .productResult .col.five {
	width:55px;
}

body.product #wrapper .contentColSet .productResult .col.six {
	width:10px;
}

body.product #wrapper .contentColSet .productResult.hampers .col.one {
	width:370px;
}

body.product #wrapper .contentColSet .productResult.hampers .col.two {
	background:transparent;
	margin-right:10px;
}

body.product #wrapper .contentColSet .productResult.hampers .col.three {
	width:20px;
	background:transparent;
}

body.product #wrapper .contentColSet .productResult.hampers .col.three img {
	margin-top:3px;
}

body.product #wrapper .contentColSet .productResult.heading {
	background:#2e2e2e;	
}

body.product #wrapper .contentColSet .productResult.heading .col {
	background:transparent;
}

body.product .pagination {
	float:right;
	clear:both;
	margin:10px 0 10px 0;
}

body.product .accordionContainer {	
	width:350px;
}

body.product .accordionButton {	
	width:95%;
	height:34px;
	padding-left:5%;
	float: left;
	background: url(/img/accordion-button-bg.jpg) repeat-x;
	border-bottom: 2px solid #bc9761;
	cursor: pointer;
}
 
body.product .accordionContent {	
	width:90%;
	float: left;
	background: url(/img/accordion-content-bg.jpg) repeat-x;
	display: none;
	padding:15px 5% 0 5%;
}

body.product .summary {
	float:left;
	width:350px;
	margin-bottom:10px;
}

body.product .summary .item {
	float:left;
	padding:10px 10px 0 35px;	
	height:28px;
	margin-bottom:10px;
	background:transparent no-repeat;
}

body.product .summary .item.oak {
	background-image:url(/img/icons/oak.png);
}

body.product .summary .item.size {
	background-image:url(/img/icons/size.png);
}

body.product .summary .item.proof {
	background-image:url(/img/icons/proof.png);
}

body.product .summary .item.closure {
	background-image:url(/img/icons/closure.png);
}

body.product .summary .item.group {
	background-image:url(/img/icons/region.png);
}

body.product .summary .item.grape {
	background-image:url(/img/icons/grape.png);
}

body.product .summary .item.awards {
	background-image:url(/img/icons/awards.png);
}

body.product .img2, body.product .img3 {
	display:none;
}
/************************ View product page */
body.product .productDetails .priceTag {
	position:absolute;
	right:-1px;
	top:55px;
	width:173px;
	height:90px;
	background:url(/img/price-tag.gif) no-repeat;
}

body.product .productDetails .gallery {
	float:right;
	margin-top:40px;
/*	margin-top:-20px;*/
	width:170px;
	color:white;
	overflow:hidden;
}

body.product .productDetails p.tastingNotes {
	width:360px;
}

/************************ Whos Who */
.whosWhoRow {
	clear:left;
}

.whosWhoRow .person {
	float:left;
	margin:0 20px 10px 0;
	font-size:0.8em;
}

.whosWhoRow .person .caption {
	text-align:center;
	margin-top:5px;
}

.whosWhoRow .person a {
	text-decoration:none;
}

.whosWhoDetails .mugshot {
	float:right;
	border:2px solid #056437;
	margin:0 0 20px 20px;
}

/************************ Flash messages */
#warningMessage, #successMessage, #errorMessage, #authMessage {
	text-align:center;
	background:#FFD267 none repeat scroll 0 0;
	border-bottom:2px solid #D49600;
	border-top:2px solid #D49600;
	color:#A47607;
	font-size:90%;
	padding:3px 0;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:100;
}

#successMessage {
	background:#CDEB8B none repeat scroll 0 0;
	border-bottom:2px solid #006E2E;
	border-top:2px solid #006E2E;
	color:#006E2E;
}

#errorMessage, #authMessage {
	background:#B02B2C none repeat scroll 0 0;
	border-bottom:2px solid #B02B2C;
	border-top:2px solid #B02B2C;
	color:#fff;
}

.uploadedMediaImage {
	float:left;
	margin:0 15px 15px 0;
}