/*== P R O D U C T   P A G E S */

.prodDetail,
.product		{float:left;  padding-bottom:10px; border-bottom:1px solid #d1d3d4; width:612px; position:relative; }

.product		{margin-bottom:10px;}

.product .rating,
.product p,
.product h3		{margin-left:70px;}

.product .rating		{float:left; clear:both; width:100%; color:#763d6b;}
.product .rating abbr	{background:url(designImages/constelation_white.gif) no-repeat 50% 0%; display:inline-block; }
.product .rating *		{float:left; margin-right:0.6em;}

.product h3,
.product .top			{min-height:30px; _height:30px;}

.product .labelImage	{position:absolute; top:0px; left:-1px; }
.product h3				{width:200px;  padding: 5px 337px 5px 5px; margin-bottom:0.5em; } /*big right padding means area expands across header so can expand vertically without breaking.*/

.prodDetail .country,
.prodDetail .quantity,
.product .country,
.product .quantity	{font-weight:bold; color:#4f2347;}

.prodDetail .quantity,
.product .quantity	{display:block; color:#58595b; margin-bottom:0.5em}

.product p			{ min-height:6em;
	/* 21 Feb 2008  width:370px;*/ width:350px;
	}

.wdetails,
.details dd			{float:left; }

.details dt			{position:absolute; left:0px; top:-50000px;}
.product .top		{position:absolute; right:0; top:0; width:337px;}
.product .top dd	{width:95px; text-align:center; font-weight:bold; color:#763d6b; margin-top:5px;}
.product .top dd.short {width:50px;}

.qualities dd		{margin-left:7px;}

.mixedCase input,
.prodDetail input,
.product input		{width:26px;}

.product .status	{margin-top:13px; margin-left:-4px; float:left;}
.product .status img{margin-left:6px;}

.favourite			{position:absolute; top:5.5em; 
/* 18 Feb 2008 /was/ right:100px; right:152px;*/	
 right:140px;	
	}

.sell .price,
.sell del			{font-weight:bold; color:#ec2027;}

.product .priceWrap	{position:absolute; top:3.5em; 
	/*right:15px;*/
	 font-weight:bold; font-size:114%; text-align:center; color:#58595b;
/* 21 Feb 2008 */	
	right:10px;
	}
.priceWrap del,
.priceWrap .price	{display:block;}

/* 18 Feb 2008 added .bottle and .case */
.priceWrap .bottle {float: right; /*margin-left: 24px;*/  margin-left: 16px;}
.priceWrap .case {float: right;}

/* 21 Feb 2008 added .caseAndBottlePrices */
.sell .caseAndBottlePrices {
	float:left; /* to balance with .orderGroup which floats right  */
	}		
.sell .caseAndBottlePrices .caseAndBottlePricesTop {margin:0; padding:0;}				
.sell .caseAndBottlePrices .caseAndBottlePricesBottom {margin:0; padding-top:5px;}
			
			
			
			
			
.sell del			{margin-right:0 !important; }
.sell del span		{margin-right:0 !important; }

.sellForm	{float:left; }

/* 18 Feb 2008 */
.sellFormWrapper	{clear:both; padding-top:5px;}
/* introduced the lines below as Opera and Safari otherwise have .sell overlapping .product p */
.sell				{margin-top: 1em !important; }
.product p			{margin-bottom: 0;}



.sell .glassLink > span {float:right; }

.product .sell .orderGroup	{margin-top:-4.5em;}
.sell .orderGroup	{float:right; margin-top:-2em; bottom:10px; width:250px;
	
	/* 21 Feb 2008    */
	margin-top:0;
	}
.prodDetail .orderGroup	{top:0em; bottom:auto;}

.rating html\:abbr	{background:url(designImages/constelation_white.gif) no-repeat top left; width:67px; display:block; text-indent:-3000px;}
.rating html\:abbr.r4	{background-position:50% 25%;}
.rating html\:abbr.r3	{background-position:50% 50%;}
.rating html\:abbr.r2	{background-position:50% 75%;}
.rating html\:abbr.r1	{background-position:50% 100%;}
.rating html\:abbr.r0	{display:none;}

	/*product detail*/
.prodDetail						{padding-left:180px; width:432px; }
.prodDetail	h2					{font-size:174%; font-weight:bold; margin-bottom:7px !important; color:#763d6b; padding-left:0;}
.prodDetail .image				{position:absolute; left:0; top:0;}
.prodDetail .imgPopupHelper		{position:absolute; left:10px; top:280px;text-decoration:underline;cursor:pointer;}
.prodDetail .imgPopupHelper img	{height:35px;width:32px;top:-5px;position:absolute;}
.prodDetail .favourite			{left:30px; top:310px; right:auto; bottom:auto;}
.prodDetail dl					{color:#763d6b;}

.prodDetail .sell		{width:432px; margin-top:0;  float:left; clear:both; margin-bottom:15px; position:relative;}

.prodDetail del,
.prodDetail .price		{position:relative; float:none; top:auto; margin:0; right:auto; font-size:167%; font-weight:bold;}

/*.prodDetail .sellForm	{margin-right:8em; padding-right:30px; text-align:right; position:absolute; right:0; }*/
/*.prodDetail .sell .glassLink	{position:absolute; top:0; right:0; width:10em;} */

.sell del,
.prodDetail del			{background:url(designImages/strike.gif) no-repeat 50% 50%; padding:2px 0; margin-left:-0px; margin-right:15px; text-decoration:none; }

.sell del span,
.prodDetail del	span	{FILTER:Alpha(Opacity=25); opacity:0.25;  margin-right:-5px; zoom:1; color:#000000;}

.buyCase				{clear:both; /* padding-top:5px; */}
.buyCase > span			{float:left;padding-top:3px;}

.review	 html\:abbr,
.prodDetail	.rating html\:abbr {float:left; background-image:url(designImages/constelation_white.gif) !important;}

.prodDetail .details	{border-top:1px solid #d1d3d4; padding-top:15px; margin-top:15px; float:left; width:100%;}
.prodDetail .details dd {width:30%;}

.product .qualities		{margin-top:20px; float:left;}

.qualities dd,
#qualities dd			{margin-bottom:5px; height:19px; width:114px; float:left; padding:3px 0 0 30px; font-weight:bold; background:url(designImages/qualities_back.gif) no-repeat 0 0; 
	/* phh */ padding-top:7px;
	}

.qualities dd			{width:30px; height:25px; padding:0; text-indent:-3000px;}

.qualities .oaked2,
#qualities .oaked2		{background-position:0px -27px;}  /*percentages rounded to nearest number seem to work where rounding is less than a pixel.*/

.qualities .oaked3,
#qualities .oaked3		{background-position:0px -54px;}

.qualities .body1,
#qualities .body1		{background-position:0px -81px;}

.qualities .body2,
#qualities .body2		{background-position:0px -108px;}

.qualities .body3,
#qualities .body3		{background-position:0px -135px;}

.qualities .sweet		{width:132px; background-image:url(designImages/sweetScale_back.gif); height:43px; margin-right:15px; margin-top:-3px;}
.qualities .sweet2		{background-position:0% 25%;}
.qualities .sweet3		{background-position:0% 50%;}
.qualities .sweet4		{background-position:0% 66%;}
.qualities .sweet5		{background-position:0% 100%;}

#qualities dd.award,
#qualities dd.cool,
#qualities dd.organic	{background-image:url(designImages/qualitiesPlus_back.gif); height:26px; padding-top:7px; margin-bottom:7px; }

#qualities dd.award		{background-position:0% 50%;}
#qualities dd.cool		{background-position:0% 103%; padding-left:50px;}

#qualities .dry1,
#qualities .dry2,
#qualities .dry3,
#qualities .dry4,
#qualities .dry5		{background-image:url(designImages/sweetness_back.gif); padding-left:0; text-align:center; width:96px; }


.dry0,
.body0,
.sweet0					{display:none;}

.key					{display:block; width:100px; margin-left:10px; clear:both; }

/* phh: .awards to work with .details for Details.aspx */
div.description div.awards {color:#763D6B;}
div.description div.awards h3 {
	/* 1em = 11px here */
	font-weight:bold;
	/*
	height:2.5em;  used for IE6, otherwise would use min-height 
	padding-top:0.5em;
	padding-left:30px;
	padding-bottom:2px;
	background-repeat:no-repeat;
	background-image:url(designImages/qualitiesPlus_back.gif);
	background-position:0 -41px;
	*/
	margin-bottom:10px;
}
div.description div.awards ul {
	margin: 5px 0 0 0;
}
div.description div.awards ul li { 
	list-style:none;  
	
	padding:0;
	margin:0 0 10px 0;
	/*
	background-color:lime;
	list-style-position: outside;
	list-style-image: url(designImages/awardsMedal.gif);
	min-height:36px;*/
	overflow:auto;
	clear:both;
}


div.description div.awards ul li span {
	float:left;
	display:block;
	margin-left:8px;
}
div.description div.awards ul li span.awardIcon {
	float:left;
	display:block;
	width:19px;height:34px;
	margin:0;padding:0;
	background-image:url(designImages/awardsMedal.gif);
	background-repeat:no-repeat;
	}





div.listPerPage {margin:6px 0 0 0; padding:0 0 0 12px;}


#properties				{padding-top:0;}

#grapes dt,
#properties dt			{position:relative; top:0; left:0; font-weight:bold; display:block; width:auto; margin-right:10px; float:left; white-space:nowrap; overflow:visible;}

#properties dt			{width:4.5em;}
#properties dd			{clear:right;  display:block; width:130px; margin-right:5px;}
#properties dd.wide		{width:100%;  float:none; clear:both; padding-top:3px;}



#properties dt,
#properties dd			{padding-top:10px;}

#grapes					{clear:both; float:left; margin-top:10px;}
#grapes dd				{margin-left:110px; margin-bottom:3px; width:200px;}

* + html #grapes dd,
* html #grapes dd		{margin-bottom:1.5em; margin-top:-1.22em; } /* IE 6 & 7 only */

	/*Sorting and Paging*/
#sortStrip				{padding:4px 4px 4px 70px; margin:10px 0; position:relative; float:left; width:538px; }
#sortStrip li			{font-weight:bold;list-style:none; display:block; float:left; margin:0; padding:0; text-align:center;}
#sortStrip a			{ color:#ffffff; text-decoration:none;}
#sortStrip a:hover		{text-decoration:underline;}

#sortStrip .sortN		{width:200px; }
#sortStrip .sortR		{width:80px}
#sortStrip .sortS		{width:105px}
#sortStrip .sortG		{width:120px;  }

#sortStrip .sortP		{position:absolute; right:20px; top:-25px;}
#sortStrip .sortP a		{color:#763d6b;}

.sortP .Down,
.sortP .Up,	
#sortStrip .Down,
#sortStrip .Up			{background:url(designImages/sortArrows.gif) no-repeat 0 -14px; padding-left:14px;}

#sortStrip .Down		{background-position:0 3px;}	
#sortStrip .sortP .Up	{background-position:0 -46px;}
#sortStrip .sortP .Down	{background-position:0 -28px;}

.pager					{padding:0 12px;}

	/*Review form*/
#reviewForm				{margin:10px 0 0;float:left; width:100%; }
#reviewForm	ul			{margin:10px; float:left; }
#reviewForm	li			{list-style:none; margin:0 0 10px 0;}
#reviewForm label		{float:left; width:70px; font-weight:bold;}

#reviewForm select,	
#reviewForm input,
#reviewForm textarea	{width:340px; border:1px solid #58595b;}

#reviewForm select		{width:70px;}

#reviewForm textarea	{overflow:auto; height:80px;}

#reviewForm li.buttons	{padding-left:70px; text-align:right; }
#reviewForm li.buttons a	{margin-left:10px; float:right;}

#reviewForm .valSum label	{float:none;}

#reviewGroup		{clear:both;}

	/*Also Bought*/
#custReviews,	
#alsoBought		{float:left; width:100%; padding-top:15px;}

#alsoBought	h3,
#custReviews h3 {color:#763d6b; margin-bottom:10px;}	

#alsoBought		{clear:both;}		
#alsoBought div	{width:221px; padding:0 10px 10px 75px; float:left; position:relative; }
#alsoBought h4	{font-weight:bold; margin-bottom:5px; font-size:114%;}

	/*Customer Reviews*/
#custReviews	{border-top:1px solid #d1d3d4; }
.review			{margin-bottom:20px;}
.review h4		{font-weight:bold; margin-bottom:5px; color:#763d6b; font-size:114%;}
.review h5		{display:inline; margin-left:15px;  color:#763d6b;}
.review p		{clear:both; margin-top:5px;}

	/* oops */
.subHeading		{margin-left:12px; font-size:1.6em; color:#763d6b;}


/*== P A G E R */
#pagerSelected	{font-weight:bold; color:#4f2347;} 
.nextBack a		{margin-left:10px;}

/*== M I X E D   C A S E S */
.mixedCase,
.addressDisplay 		{position:relative; float:left; margin:0 5px 15px; display:inline;}

.mixedCase {
	/*
	padding:140px 5px 0; 
	background:url(designImages/mixedCase_back.gif) no-repeat 50% 0%;
	*/
	width:184px; 
	padding:0 5px 0 0;
	position:relative;
	}
.mixedCase a img		{margin:10px 0pt 18px 36px; border:0;}
.mixedCase h3 a			{font-size:114%; color:#763d6b; text-decoration:none;}
.mixedCase h3 a:hover	{text-decoration:underline;}
.mixedCase p  a			{white-space:nowrap;}
.mixedCase .sell		{width:183px; overflow:auto;}

.mixedCase del,
.mixedCase .sell .price	{position:static !important; display:inline;}

/*phh */
.mixedCase .sellForm		{float:left; width:71px;}
.mixedCase .sellForm input	{float:left; min-height:19px;}
.mixedCase .sellForm label	{float:left; width:37px; padding-left:4px; margin-top:-3px;} 
.mixedCase .sell .glassLink	{white-space:nowrap; position:static; float:right; width:112px;}
/* .mixedCase p.description {min-height: 42px;} */

.priceWrap				{padding:10px 0;}

/*== M I X E D   D E T A I L S*/
.breakDown				{font-weight:bold;}
.mixedDetail			{background:url(designImages/mixedCase_back.gif) no-repeat 12px 0; border:0;}
.mixedDetail .sell		{position:relative;}

.mixedDetail .sell .glassLink > span {float:right; }

#mixedExtras				{padding-left:12px;}
#mixedExtras h3				{margin-bottom:5px}
#mixedExtras table a		{text-decoration:none;}
#mixedExtras table a:hover	{text-decoration:underline;}
#mixedExtras table td.name	{padding-left:0.5em;}

/*== R E G I O N */
#region					{padding-left:12px; margin-bottom:20px;}
#region img				{margin-bottom:10px;}

/*== L O G   I N */
.loginHeading,
.AspNet-CreateUserWizard-StepTitlePanel span		{float:left;width:290px;background-color:#763D6B;color:White;padding:5px;font-weight:bold;}
.AspNet-CreateUserWizard-StepTitlePanel span		{width:580px;}

#recoverPass,
.AspNet-Login							{color:#763d6b; border-top:0px solid #d1d3d4; padding-left:10px;}



.AspNet-CreateUserWizard div			{float:left; clear:both; padding-bottom:5px; width:612px; padding-top:10px; }
.AspNet-CreateUserWizard label			{float:left;width:150px;}

.AspNet-Login div						{float:left; clear:both; padding:5px; margin:0; width:290px;}


.AspNet-Login label 					{float:none; width:150px;}
.AspNet-Login-RememberMePanel			{padding-left:150px;}
.AspNet-Login-RememberMePanel label		{float:none;}

.AspNet-Login-UserPanel input,
.AspNet-Login-PasswordPanel input		{clear:left;float:left; width:220px;}

.AspNet-Login-UserPanel span,
.AspNet-Login-PasswordPanel span		{float:left;}

#LoginButtons a							{margin-left:0px;}
/*#LoginButtons .loginButton				{margin-left:0px;}*/
#LoginButtons .createUserLink			{top:-22px;left:290px;position:relative;padding:0;margin:0;}
#LoginButtons .recoverPasswordLink		{clear:both;display:block;padding:0;margin:0;}

.welcomeText							{clear:both;top:-174px;left:305px;position:relative;padding:0;margin:0; border:0px solid red;}
* + HTML .welcomeText					{top:-197px;} /* styling specific to IE - was 206 */

.welcomeText h3							{color:#763d6b; padding-bottom:10px;}



.AspNet-CreateUserWizard-UserPanel input, 
.AspNet-CreateUserWizard-PasswordPanel input, 
.AspNet-CreateUserWizard-ConfirmPasswordPanel input, 
.AspNet-CreateUserWizard-EmailPanel input		{width:200px;}

/*= Login ===================================================*/

.login .gl_Yellow	{margin-left:150px;   }

.AspNet-CreateUserWizard-CreateUserButtonPanel .glassButton,
#recoverPass .glassLink,
.login .gl_Red,
.login .gl_Green	{display:block; clear:both; margin-left:150px;  }

.login .gl_Green	{margin-top:15px; margin-bottom:15px;}
/*
.AspNet-CreateUserWizard-CreateUserButtonPanel .glassButton 	{margin-left:150px; display:inline}
*/

/* Updated login redesign work */




/*== R E G I S T E R  */
.AspNet-CreateUserWizard-FailurePanel {color:Red; font-weight:bold;}

.AspNet-CreateUserWizard	{color:#763d6b; border-top:0px solid #d1d3d4;}
.AspNet-CreateUserWizard p {margin:0; padding:0 12px 1em 12px;}

ul#registerForm {
	margin: 0 0 10px 0;
	padding: 10px 0 5px 0;
	background-color:#f0eaef;
	width: 612px;
	
	}
ul#registerForm li {
	list-style:none;
	clear:both;
	overflow:auto;
	margin-bottom:10px;
	margin-left:12px;
	}
ul#registerForm li label {
	
	width:140px; float:left;
	padding-right: 10px;
	}
ul#registerForm li input,
ul#registerForm li textarea {width:420px;}
ul#registerForm li span {}

.AspNet-CreateUserWizard-CreateUserButtonPanel .glassButton {
	clear:both;
	display:block;
	margin-left:12px;
}




/*== C O N T A C T  U S  */
#contactForm			{color:#763d6b;background-color:#f0eaef; padding:10px 0 5px 0; margin-bottom:10px;}
#contactForm li			{list-style:none; margin-bottom:10px; clear:both;}
#contactForm label		{width:150px; float:left;}
#contactForm input,
#contactForm textarea	{width:420px;}
#contactForm textarea	{height:90px;}

/*== S E N D  T O  A  F R I E N D  */
#sendToAFriendWrapper {
	width:612px;
	margin: 0 auto 0 auto; padding:0;
	font-size: 85%;
	}
#sendToAFriendWrapper h2 {
	margin-top:6px;
	
	}
#sendToAFriendWrapper p {
	clear: left;
	margin-left:1em;
	}
#sendToAFriendWrapper .glassButton {
	margin-bottom: 6px;
	}
#sendToAFriend #menuStrip2 {
	min-height:8px; height:8px;
	}



/*== R E C O V E R   P A S S W O R D */
#recoverPass			{padding-top:10px;}
#recoverPass .glassLink {margin-top:10px; margin-left:0;}
#recoverForm			{padding:10px;}
#recoverForm label		{margin-right:10px;}
#recoverForm input		{width:250px;}

/*Icon Key popup*/
#iconKey h1					{padding-left:30px;}
#iconKey dl					{margin:30px 0 10px 30px; float:left; width:230px}
#iconKey dl dt				{float:left; width:18px; margin:0 0 20px 0; height:23px; text-indent:-3000px; clear:left; background-repeat:no-repeat;}
#iconKey dl dd				{width:150px; margin:0 0 20px 20px; padding-top:5px; font-weight:bold; height:18px; float:left; position:static;}
#iconKey dl.qualities dt	{background-image:url(designImages/qualities_back.gif); background-repeat:no-repeat;}
#iconKey dl dd				{background-image:none; text-indent:0; color:#733C6B;}

#iconKey dl.qualities dt.oaked_two	{background-position:0 -27px;}
#iconKey dl.qualities dt.oaked_three{background-position:0 -54px;}
#iconKey dl.qualities dt.body_one	{background-position:0 -82px;}
#iconKey dl.qualities dt.body_two	{background-position:0 -109px;}
#iconKey dl.qualities dt.body_three	{background-position:0 -137px;}
#iconKey dl.qualities dt.body_four	{background-position:0 -164px;}
#iconKey dl.qualitiesPlus dt		{background-image:url(designImages/qualitiesPlus_back.gif);}
#iconKey dl.qualitiesPlus dt.organic{width:23px; margin-left:12px; margin-right:11px;}

#iconKey dl.qualitiesPlus dt.organic, 
#iconKey dl.qualitiesPlus dd.organic		{height: 25px;}

#iconKey dl.qualitiesPlus dt.award_winner	{width:20px; background-position:0 -41px; margin-left:13px; margin-right:13px;}

#iconKey dl.qualitiesPlus dt.award_winner,
#iconKey dl.qualitiesPlus dd.award_winner	{height: 33px;}

#iconKey dl.qualitiesPlus dt.cool			{width:46px; background-position:0 -90px;}

#iconKey dl.qualitiesPlus dt.cool,
#iconKey dl.qualitiesPlus dd.cool			{height: 27px;}

#iconKey a.glassLink 						{clear:both; display:block; margin: 20px 30px; width:auto; position:relative;}


/*== H O M E ========================================================================*/
#home #intro 		{margin: 0 12px; padding:10px; border: solid 1px #D1D3D4; overflow:hidden; }
#home #intro img 	{float:right; margin:10px; }
#home #blocks 		{margin-right:12px; margin-bottom:12px;}
#home #blocks img 	{margin:12px 0 0 12px; border:0px;  }

#home .intro {padding:0 12px 0 12px;}

	/* two-one =*/
#home .two-one img.block1 	{float:left; }
#home .two-one img.block2 	{float:left; }
#home .two-one img.block3 	{float:right; top:-200px; position:relative; }

	/* one-two =*/
#home .one-two img.block1 	{float:left; }
#home .one-two img.block2 	{float:right; }
#home .one-two img.block3 	{float:right; }

	/* three-col =*/
#home .three-col img 		{float:left; }

   /* four =*/
#home .four img.block1 	{float:none; }
#home .four img.block2 	{float:none; }
#home .four img.block3 	{float:none; }
#home .four img.block4 	{float:none; }

   /* five =*/
#home .five img.block1 	{float:none; }
#home .five img.block2 	{float:none; }
#home .five img.block3 	{float:none; }
#home .five img.block4 	{float:none; }
#home .five img.block5 	{float:none; }
   /* six =*/
#home .six img.block1 	{float:none; }
#home .six img.block2 	{float:none; }
#home .six img.block3 	{float:none; }
#home .six img.block4 	{float:none; }
#home .six img.block5 	{float:none; }

   /* seven =*/
#home .seven img.block1 	{float:none; }
#home .seven img.block2 	{float:none; }
#home .seven img.block3 	{float:none; }
#home .seven img.block4 	{float:none; }
#home .seven img.block5 	{float:none; }
#home .seven img.block6 	{float:none; }

/*== C O N T E N T   P A G E S*/
#cmsPageBottomLinks			{ position: relative; }
#cmsPageBottomLinks a		{display:block; position:absolute; top:0; background:url(designImages/pagerArrows.gif) no-repeat;}
#cmsPageBottomLinks a.right	{right:0; padding-right:15px; background-position: right 2px; }
#cmsPageBottomLinks a.left	{left:0; padding-left:15px; background-position: left -14px; }

/*== C O U N T R I E S ========================================================================*/
#countriesList p 					{padding-left: 12px;  padding-right: 12px; }
#countriesList img 					{margin: 12px; }
#countriesList .region h3 			{font-size:107% }
#countriesList .region 				{width:120px; margin-left:12px; margin-right:18px; float:left; color:#733C6B; display:inline; }
#countriesList .region ul 			{list-style-type:none; margin:0 0 10px 0; padding:0; }
#countriesList .region ul li 		{margin:0; padding:0; }
#countriesList .region ul li a 		{text-decoration:none; }
#countriesList .region ul li a:hover{text-decoration:underline; }
#countriesList .textBlock 			{border-top: solid 1px #E7E7E8; padding-top:20px; margin-top:8px;}

#regionLinks		{margin-bottom:35px;}
#regionLinks a 		{font-family:Tahoma; margin-right:5px;}


/* Error pages ========================================================================*/
#errorPage p { padding-left: 12px;  padding-right: 12px; }



/* extra */
.login {clear:both; padding-top:5px;}


.SmallPrint {font-size:80%;}