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

/* -------------------------------------------------------------- 
	QR Mobile Styles
-------------------------------------------------------------- */

/* Basic Typography
-------------------------------------------------------------- */

.last,div.last  { margin-right: 0; padding-right: 0; border-right: 0; }
.small 			{ font-size: 0.917em; }
	.small a 	{ font-weight: bold; }
.smaller 			{ font-size: 0.834em; }
	.smaller a 	{ font-weight: bold; }
.red 			{
	color: #F0F0F0;
}
	.red a 		{ color: #CC0000; }
	.red a:hover {
	color: #32ac32;
}
.promo 			{ color: #CC0000; font-weight: bold; }
.error 			{ color: #CC0000; }
.alert 			{ padding: 5px 10px; background-color:#c53939; color: #fff; line-height: normal; text-align: center; margin-bottom: 8px; }
.alert p		{ padding: 0; color: #fff; margin: 0;  }
	.alert ul	{ list-style: none; margin: 0; padding: 0; }
	.alert li	{ color: #fff; }
.alertYellow 	{ padding: 5px 10px; background-color: #FF9; color: #333; line-height: normal; text-align: center; margin-bottom: 8px; }
.alertYellow p 	{ padding: 0; color: #333; margin: 0; }	
.underline 		{ text-decoration: underline; }
.strikethru 	{ text-decoration: line-through; font-weight: normal; }

.right 			{ text-align: right; }
.floatRight 	{ float: right; }

.left 			{ text-align: left; }
.floatLeft 		{ float: left; }

.center 		{ text-align: center; }
.bold 			{ font-weight: bold; }
.verticalMiddle { vertical-align: middle; }

.firstItem 		{ margin-left: 0; padding-left: 0; }
.lastItem 		{ margin-right: 0; padding-right: 0; }




/* Comments
-------------------------------------------------------------- */

.qr-comment { position: relative; margin: 0 0 10px; padding: 0; border-bottom: 1px solid #999; }				
	
	/* Drilldown Content Form Styling */	
	#qr-commentFormWrapper { }
	#qr-commentFormWrapper form { width: 100%; }
	#qr-commentFormWrapper form input { font-size: 14px; }
	#qr-commentFormWrapper #Comments { width: 90%; height: 140px; }
		
	


/* Form Builder
-------------------------------------------------------------- */

	
/* Forms */
form       								{
	width: 100%;
}
fieldset    							{
	display: block;
	padding: 0 5px 10px 5px;
	margin: 0 0 12px 0;
	border: 1px solid #fff;
} /*Margin + Block are there for checkout area.*/
legend									{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding: 0 5px;
}
label									{ display: block; }
label.submitLabel						{ font-size: 4px; line-height: 4px; } /*This is here so that on a vertical form the extra label doesn't add an additional line break */
fieldset div							{ overflow: hidden; padding: 5px 5px 0 5px; overflow: hidden; } /*default width is 225px;*/
	.formErrorMessage 					{ font-style: italic; font-weight: normal; color: #C66; }
fieldset div p							{ margin: 0; padding: 0; }
input[type=text], input[type=password],
	input[type=url], input[type=email]	{ font-size: 14px; padding: 0; margin: 0; width: 220px; height: 24px; }
select									{ font-size: 14px; font-family: Helvetica, Arial, sans-serif; height: 24px; }
textarea								{
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;
	width: 95%;
}

/* Forms - Label Beside Variant */
fieldset div.formatBeside						{  }
fieldset div.formatBeside label 				{ float: left; width: 65px; text-align: right; padding: 0 5px 0 0; }
fieldset div.formatBeside input[type=text], 
fieldset div.formatBeside input[type=password]	{ font-size: 14px; padding: 0; margin: 0; width: 150px; }
fieldset div.formatBeside textarea, 
fieldset div.formatBeside select				{ font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; width: 155px; }

/* Product List
-------------------------------------------------------------- */
		
/* Product List Standard */
.qr-productStandard {
	position: relative;
	min-height: 179px;
	padding: 10px 0 10px 90px;
	overflow: hidden;
	border-bottom: 1px solid #1c1c1c;
}
.qr-prizeStandard {
	position: relative;
	min-height: 100px;
	padding: 10px 0 10px 90px;
	overflow: hidden;
	
}
	.qr-productStandardImage { position: absolute; top: 10px; left: 0; width: 80px; text-align: center; }
	.qr-productStandardDescription {  }
		.qr-productMobileReviews { font-size: 0.917em; }
		.qr-productStandardPrice { font-size: 16px; font-weight: bold; color: #333; }
		.qr-productStandardPriceRed { font-size: 16px; font-weight: bold; color: #900; }
	
/* Product List List */
.qr-productList { position: relative; min-height: 70px; padding: 10px 0 10px 45px; overflow: hidden; border-bottom: 1px solid #ccc; }
	.qr-productListImage { position: absolute; top: 10px; left: 0; width: 35px; text-align: center; }
	.qr-productListDescription {  }
		.qr-productListPrice { font-size: 16px; font-weight: bold; color: #333; }
		.qr-productListPriceRed { font-size: 16px; font-weight: bold; color: #900; }

/* Product Drilldown */
/*.qr-productMobile { position: relative; min-height: 160px; padding: 10px 0 10px 90px; overflow: hidden; border-bottom: 1px solid #ccc; }*/

	/* Product List */
	
	/*.qr-productMobileDescription {  }
	
		
		.qr-productMobileListPrice { font-size: 16px; font-weight: bold; color: #333; }
		.qr-productMobileListPriceRed { font-size: 16px; font-weight: bold; color: #900; }*/
		
		
#qr-productMobileDrilldown { position: relative; min-height: 200px; padding: 10px 0 0 110px; overflow: hidden; border-bottom: 1px solid #ccc; }
#qr-productMobilesingle {
	position: relative;
	min-height: 179px;
	padding: 10px 0 0 100px;
	overflow: hidden;
}
	.qr-productMobileImage { position: absolute; top: 10px; left: 0; width: 80px; text-align: center; }
	
	.qr-productMobileAddToCart {  }
		.qr-productMobileAddToCart form { padding: 0; margin: 0 0 5px; }
		.qr-productMobileAddToCart legend { display: none; }
		.qr-productMobileAddToCart fieldset { border: 0; padding: 0; margin: 0; }
		.qr-productMobileAddToCart input { font-size: 14px; }
		
			.qr-productMobileAddToCartPrice { float: left; font-size: 16px; font-weight: bold; color: #333; }
			.qr-productMobileAddToCartSKU { float: left; font-size: 12px; padding: 4px 0 0 0; }
			.qr-productMobileAddToCartQuantity { width: 50px; float: left; clear: left; }
			.qr-productMobileAddToCartButton { float: left; }
	
	/* Specs */
	#qr-productSpecs { margin: 0 0 10px; overflow: hidden; }
		#qr-productSpecs table { border: 0px solid #ccc; width: 100%; }
		#qr-productSpecs td {
	padding: 3px;
	font-size: 12px;
	width: 100px;
}
		#qr-productSpecs td.wineSpecLabel { font-weight: bold; text-align: right; }
		
		/* Specslist */
	#qr-productSpecslist { margin: 0 0 10px; overflow: hidden; }
		#qr-productSpecslist table { border: 0px solid #ccc; width: 100%; }
		#qr-productSpecslist td {
	padding: 3px;
	font-size: 12px;
	width: 100px;
}
		#qr-productSpecslist td.wineSpecLabellist {
	text-align: right;
}
		
				
	
				
/* Buttons
-------------------------------------------------------------- */

/* REQUIRED BUTTON STYLES: */
a:hover button { text-decoration: none; }

button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ }
button::-moz-focus-inner { border: none;  /* overrides extra padding in Firefox */ }
button span { position: relative; display: block; white-space: nowrap; }
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button span { margin-top: -1px; } }

/* OPTIONAL BUTTON STYLES regular button: */		
button.defaultBtn { padding: 0 8px 0 0; margin: 0 5px 0 0; font-size: 12px; text-align: center; background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
button.defaultBtn span { padding: 6px 0 0 8px; line-height: 12px; height: 18px; color:#fff; background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
button.defaultBtn:hover, button.defaultBtnHover { /* the redundant class is used to apply the hover state with a script */ background-position: right -150px; }
button.defaultBtn:hover span, button.defaultBtnHover span { background-position: 0 -50px; }

/* OPTIONAL BUTTON STYLES alt button: */		
button.altBtn { padding: 0 8px 0 0; margin: 0 5px 0 0; font-size: 12px; text-align: center; background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
button.altBtn span { padding: 6px 0 0 8px; line-height: 12px; height: 18px; color:#fff; background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top; }
button.altBtn:hover, button.altBtnHover {/* the redundant class is used to apply the hover state with a script */ background-position: right -150px; }
button.altBtn:hover span, button.altBtnHover span { background-position: 0 -50px; }

/* OPTIONAL BUTTON STYLES modal button: */		
button.modalBtn { padding: 0 4px 0 0; margin-right: 0; font-size: 10px; text-align: center; background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
button.modalBtn span { padding: 4px 0 0 6px; line-height: 10px; height: 14px; color:#fff; background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
button.modalBtn:hover, button.modalBtnHover {/* the redundant class is used to apply the hover state with a script */ background-position: right -75px; }
button.modalBtn:hover span, button.modalBtnHover span { background-position: 0 -25px; }

/* OPTIONAL BUTTON STYLES modal alt button: */		
button.altModalBtn { padding: 0 6px 0 0; margin-right: 5px; font-size: 10px; text-align: center; background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
button.altModalBtn span { padding: 4px 0 0 6px; line-height: 10px; height: 14px; color:#fff; background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
button.altModalBtn:hover, button.altModalBtnHover {/* the redundant class is used to apply the hover state with a script */ background-position: right -75px; }
button.altModalBtn:hover span, button.altModalBtnHover span { background-position: 0 -25px; }

/* OPTIONAL BUTTON STYLES large button: */		
button.largeBtn { padding: 0 12px 0 0; margin-right: 5px; font-size: 16px; text-align: center; background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
button.largeBtn span { padding: 8px 0 0 12px; line-height: 16px; letter-spacing: 1px; height: 24px; color:#fff; background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }
button.largeBtn:hover, button.largeBtnHover {/* the redundant class is used to apply the hover state with a script */ background-position: right -150px; }
button.largeBtn:hover span, button.largeBtnHover span { background-position: 0 -50px; }

button.altLargeBtn { padding: 0 12px 0 0; margin-right: 5px; font-size: 16px; text-align: center; background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
button.altLargeBtn span { padding: 8px 0 0 12px; line-height: 16px; letter-spacing: 1px; height: 24px; color:#fff; background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }
button.altLargeBtn:hover, button.altLargeBtnHover {/* the redundant class is used to apply the hover state with a script */ background-position: right -150px; }
button.altLargeBtn:hover span, button.altLargeBtnHover span { background-position: 0 -50px; }

/* REQUIRED LINK BUTTON STYLES: */

/* Link Button Normal */
a.linkBtn { text-decoration: none; cursor: pointer; display: inline-block; padding: 0 8px 0 0; height: 24px; line-height: 24px; font-size: 12px; text-align: center; background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
a.linkBtn span { display: inline-block; padding: 0 0 0 8px; height: 24px; line-height: 24px; color:#fff; background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
a.linkBtn:hover { background-position: right -150px; text-decoration: none; }
a.linkBtn:hover span { background-position: 0 -50px; text-decoration: none; }

/* Link ALT Button Normal */
a.linkAltBtn { text-decoration: none; cursor: pointer; display: inline-block; padding: 0 8px 0 0; height: 24px; line-height: 24px; font-size: 12px; text-align: center; background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
a.linkAltBtn span { display: inline-block; padding: 0 0 0 8px; height: 24px; line-height: 24px; color:#fff; background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top; }
a.linkAltBtn:hover { background-position: right -150px; text-decoration: none; }
a.linkAltBtn:hover span { background-position: 0 -50px; text-decoration: none; }

/* Modal Link Button Normal */
a.modalLinkBtn { text-decoration: none; cursor: pointer; display: inline-block; padding: 0 6px 0 0; height: 18px; line-height: 18px; font-size: 10px; text-align: center; background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
a.modalLinkBtn span { display: inline-block; padding: 0 0 0 6px; height: 18px; line-height: 18px; color:#fff; background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
a.modalLinkBtn:hover { background-position: right -75px; text-decoration: none; }
a.modalLinkBtn:hover span { background-position: 0 -25px; text-decoration: none; }

/* Modal Link ALT Button Normal */
a.modalLinkAltBtn { text-decoration: none; cursor: pointer; display: inline-block; padding: 0 6px 0 0; height: 18px; line-height: 18px; font-size: 10px; text-align: center; background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
a.modalLinkAltBtn span { display: inline-block; padding: 0 0 0 6px; height: 18px; line-height: 18px; color:#fff; background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
a.modalLinkAltBtn:hover { background-position: right -75px; text-decoration: none; }
a.modalLinkAltBtn:hover span { background-position: 0 -25px; text-decoration: none; }

/* Link Button Large */
a.largeLinkBtn { text-decoration: none; cursor: pointer; display: inline-block; padding: 0 8px 0 0; height: 32px; line-height: 32px; font-size: 14px; text-align: center; background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
a.largeLinkBtn span { text-decoration: none; display: inline-block; padding: 0 0 0 8px; height: 32px; line-height: 32px; color:#fff; background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; letter-spacing: 1px; }
a.largeLinkBtn:hover { background-position: right -150px; text-decoration: none; }
a.largeLinkBtn:hover span { background-position: 0 -50px; text-decoration: none; }