@import url(../css/form.css);

.con-supp-1 {
	display: none;
	}
.con-main {
	width: 900px;
	}	
.con-location-map {
	display: none;
	}	
.mod-wine {
	padding: 2em 0 2em 0;
	position: relative;
	border-top: 3px solid #ecebe7;
	}
.bottle {
	float: left;
	width: 290px;
	text-align: right;
	}
.detail {
	float: left;
	width: 580px;
	padding: 40px 0 0 30px;
	}	
.detail h2 {
	margin-top: 0;
	}	
.order-item {
	background: transparent url(../images/bg-order.png) no-repeat left bottom;
	padding: 7px 7px 7px 10px;
	position: absolute;
	right: 0;
	}
.error {
	background-image: url(../images/bg-order-error.png);
	color: #ea1a39;
	}	
.tasting-notes {
	background: transparent url(../images/icn-pdf.png) no-repeat left 2px;
	padding-left: 1.4em;
	color: #6a747c;
	font-weight: normal;
	}	
.seperator { 
	border-top: 1px solid #ecebe7;
	margin-top: 1em
	}
.press h3 {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 1.4em;
	cursor: pointer;	
	background: transparent url(../images/icn-press.png) no-repeat 4px 5px;	
	color: #7f765b;
	font-weight: normal;
	}
.press h3:hover {
	background-position: 4px -14px;
	color: #a28f56;
	} 
.press .articles {
	display: none;
	}
.open h3 {
	background-position: 4px -33px;
	}	
.open h3:hover {
	background-position: 4px -52px;
	color: #a28f56;
	} 			
.open .articles {
	display: block;
	width: 270px;
	}	
.order-calculations {
	text-align: right;
	background: transparent url(../images/bg-calculations.png) no-repeat left top;
	padding: 7px 0 0px 10px;
	position: relative;
	border-bottom: 1px solid #dededc;
	}	
.order-calculations div {
	padding: 0 7px 7px 7px;
	}
.order-calculations .delivery {
	position: absolute;
	text-align: left;
	top:1px;
	left:20px;
	width: 270px;
	height: 0;
	padding-top: 91px;
	overflow: hidden;
	background: transparent url(../images/bg-delivery-ftr.png) no-repeat left top;
	}	
.order-calculations .total {
	background: transparent url(../images/bg-total.png) no-repeat left top;
	padding-top: 7px;
	float: right;
	width: 270px;
	}	
.order-buttons {
	text-align: right;
	padding-top: 20px;
	min-height: 45px;
	}
.invoice-notice {
	display: inline-block;
	width: 400px;
	}		
.order-calculations span {
	background: transparent url(../images/bg-corner.png) no-repeat left top;
	width: 6px;
	height: 6px;
	overflow: hidden;
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	}			
	
.step {

	}	
	
/* delivery */

.order-note {
	position: absolute;
	text-align: left;
	left: 30px;
	}	

.fieldset-wrapper {
	margin-top: 20px;
	position: relative;
	}

/* Full width form */
fieldset.wide {
	width: 900px;
	background-color: #ecebe7;
	}	
fieldset.wide legend span {
	width: 885px;
	}
fieldset.wide span.desc {
	width: 100px;
	}	
span.note {
	color:#7F765B;
	display:block;
	float:left;
	padding:1px 0 0 20px;
	}
fieldset.two-column div.required {
	width: 900px;
	float: left;
	}	
fieldset.two-column .row {
	width: 450px;
	border: none!important;
	}
fieldset.two-column div.password {
	background-color: #dededc;	
	width: 406px;
	}	
fieldset.two-column .wineclub {
	width: 406px;
	padding-top: 0;
	background: transparent url(../images/bg-joinwineclub.png) no-repeat right top;
	padding: 7px 0 9px 0;
	}	
fieldset.two-column .wineclub .element {
	padding-left: 30px;
	}
fieldset.two-column .wineclub input {
	position: absolute;
	left: 7px;
	top: 8px;
	z-index: 1;
	}	
.wide-column .row-first {
	padding-top: 10px!important;
	}		
.wide-column .row-last {
	padding-bottom: 10px!important;
	}	
	
fieldset.two-column .error,	
fieldset.two-column .error .desc {
	background-image: none;
	/*color: #ea1a39!important;*/
	}
fieldset.two-column .error input,
fieldset.two-column .error select,
fieldset.two-column .error textarea {
	border-color: #ea1a39!important;
	}		
fieldset.two-column div.row strong.required {
	left: 103px;
	}			
div.column-1,
div.column-2 {
	width: 450px;
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
	}	
.your-details div.column-1,
.your-details div.column-2 {
	padding-bottom: 0px;
	}		
.billing-address {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	background-color: #dededc;
	width: 311px;
	padding: 7px;
	background: transparent url(../images/bg-total.png) no-repeat left top;
	}
		
	
div.delivery-details .col-1,
div.delivery-details .col-2,
div.delivery-details .col-3 {
	float: left;
	}
div.delivery-details .col-1 {
	width: 55%;
	padding-right: 5%;
	}
div.delivery-details .col-2 {
	width: 15%;
	padding-right: 5%;
	}
div.delivery-details .col-3 {
	width: 15%;
	}
div.delivery-details h2 {
	margin-top: 0;
	}			
	
.wine {width: 438px;}
.size {width: 138px;}
.quantity {width: 138px;}
.price {width: 138px;}
.totals {width: 138px;}

div.formerror,
div.formsuccess {
	padding: 10px 0 10px 10px;
	display: block;
	clear: both;
	width: 890px;
	border-bottom: 1px solid #fff;
	}
	
/* Invoice Page */	
	
.tax-invoice {
	background: #fff;
	padding: 20px;
	border: 1px solid #ecebe7;
	}	
.tax-invoice h2.heading {
	color: #333;
	font-size: 127.3%;
	margin-top: 0;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 0;
	}
.tax-invoice h2.heading em {
	position: absolute;
	right: 0;
	font-style: normal;
	}	
.message {
	color: #333;
	border-top: 3px solid #ECEBE7;
	padding-top: 1.2em;
	}	
div.invoice-columns {
	padding-bottom: 1em;
	}
div.invoice-column-1,
div.invoice-column-2 {
	float: left;
	}
div.invoice-column-1 {
	width: 425px;
	padding-right: 25px;
	width: 60%;
	padding: 0;
	}
div.invoice-column-1 h2 {
	margin-top: 0;
	}	
div.invoice-column-2 {
	width: 408px;
	width: 40%
	}
	
.invoice-row {
	display: block;
	border-top: 1px solid #ECEBE7;
	}	
.invoice-row:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}		
.invoice-row span.desc {
	width:100px;
}
.contact-address,
.contact-numbers {
	float: left;	
	}
.contact-numbers {
	padding-left: 25px;	
	}

.guarantee {
	width: 350px;
	padding: 20px 50px 0;
	}

.guarantee h2 {
	color: #fff;
	}

.guarantee a {
	color: #fff;
	}

.guarantee a:link {
	color: #fff;
	text-decoration: underline;
	}

.guarantee a:visited {
	color: #fff;
	text-decoration: underline;
	}

.guarantee a:focus {
	color: #fff;
	text-decoration: underline;
	}
.guarantee a:hover {
	color: #fff;
	text-decoration: underline;
	}

.guarantee a:active {
	color: #fff;
	text-decoration: underline;
	}