/********* GLOBAL *********/

p.no-margin{
	margin:0;
}
ul.tick-list{
	margin:15px 0;
	list-style:none;
}
ul.tick-list li{
	background:url('../nav/ecom-images/tick.gif') 0 2px no-repeat;
	padding:0 0 0 16px;
	margin:0 0 6px;
}
h2 a{
	text-decoration:none;
}

/********* LOGIN FORM *********/

#login-form{
	width:740px;
}
#login-form input{
	width:200px;
	height:26px;
	line-height:26px;
	border:1px solid #e3e3e3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:0 10px 10px 0;
	text-indent:5px;
	float:left;
	display:inline;
}
#login-form input.submit{
	text-indent:0;
	text-shadow:none !important;
	font-weight:normal !important;
}
#login-form input.submit#lost-pass{
	width:180px;
	font-weight:normal;
	text-shadow:none;
}
#login-form label{
	padding:0 5px 0 0;
	line-height:28px;
	margin:0;
	float:left;
	display:inline;
}
#login-form a{
	float:right;
	clear:both;
	font-size:11px;
	color:#555;
	font-style:italic;
	margin:0 12px 0 0;
}


/********* BASKET PAGE *********/

table.basket-products{
	width:100%;
	margin:10px 0;
	float:left;
	clear:both;
}
table.basket-products th{
	text-align:left;
	padding:6px;
	background:#124775;
	color:#fff;
}
table.basket-products td{
	background:transparent;
	padding:6px;
	line-height:18px;
	border-bottom:1px solid #e3e3e3;
}
table.basket-products td a{
	text-decoration:none;
	font-weight:700;
	color:#444;
	font-size:11px;
	text-shadow:1px 1px 1px #fff;
}
table.basket-products td input{
	width:26px;
	height:26px;
	text-align:center;
	line-height:26px;
	bordeR:1px solid #d1d1d1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-family:"helvetica neue", helvetica, arial, verdana;
}
table.basket-products td select{
	margin:6px 0 0;
}
table.basket-products tr.product-row{
	background-color:#f3f3f3;
}
table.basket-products td.basket-image{
	margin:0;
	width:50px;
}
table.basket-products td.basket-image img{
	margin:0;
}
table.basket-products th#subtotal, table.basket-products th#quantity, table.basket-products th#price{
	width:60px;
}
table.basket-products td.trash{
	width:50px;
	text-align:center;
}
table.basket-products td.trash img{
	margin:0 auto;
}
table.basket-products td.align-right{
	text-align:right;
}
#delivery_country_data.hide, #delivery_method_data.hide, #no_delivery_methods_found.hide{
	display:none;
}
p.basket-buttons{
	margin:20px 0 10px;
	overflow:hidden;
	float:left;
	width:994px;
}
p.basket-buttons a.continue-shopping, p.basket-buttons input.update-basket, p.basket-buttons input.checkout, .existing-addresses a{
	float:left;
	display:inline;
	background-color:#e3e3e3;
	border:1px solid #d3d3d3;
	color:#666;
	text-shadow:1px 1px 1px #fff;
	font-weight:700;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:140px;
	height:26px;
	line-height:26px;
	text-align:center;
	font-size:11px;
	text-decoration:none;
}
p.basket-buttons a.continue-shopping:hover, p.basket-buttons input.update-basket:hover, .existing-addresses a:hover, #basket-vat-exemption input.vat-submit:hover{
	border:1px solid #114775;
	text-shadow:none;
}
p.basket-buttons input.update-basket{
	float:right;
	height:28px;
}
p.basket-buttons input.checkout{
	float:right;
	margin:0 0 0 10px;
	background-color:#ae1c00;
	border:1px solid #ae1c00;
	text-shadow:1px 1px 1px #004a64;
	color:#fff;
	cursor:pointer;
}
#payment-info{
	background-color:#f4f4f4;
	padding:20px 15px 15px;
	margin:30px 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	float:left;
	clear:both;
	width:964px;
}
#payment-info img{
	margin:0 0 10px;
}
#payment-info h2{
	color:#444;
	font-size:16px;
}
#payment-info p{
	font-size:11px;
	margin:0 0 15px;
	line-height:14px;
}
.clear-both{
	clear:both;
}
#basket-vat-exemption{
	border:1px solid #e3e3e3;
	padding:15px 15px 7px;
	margin:20px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#basket-vat-exemption h3{
	margin:0 0 7px;
}
#basket-vat-exemption p{
	font-size:12px;
	line-height:20px;
}
#basket-vat-exemption input{
	height:22px;
	width:180px;
	text-indent:4px;
	margin:0 0 0 6px;
	line-height:22px;
	bordeR:1px solid #d1d1d1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-family:"helvetica neue", helvetica, arial, verdana;
}
#basket-vat-exemption input.vat-submit{
	width:26px;
	text-align:center;
	text-indent:0;
	margin:0 6px 0 0;
	background-color:#e3e3e3;
	border:1px solid #d3d3d3;
	color:#666;
	text-shadow:1px 1px 1px #fff;
	font-weight:700;
	font-size:11px;
}

/********* ADDRESSES *********/

.existing-addresses{
	border:1px solid #e9e9e9;
	background-color:#f9f9f9;
	width:300px;
	padding:10px 20px;
	overflow:hidden;
	margin:5px 20px 0 0;
	float:left;
	display:inline;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
}
.existing-addresses.no-margin{
	margin:5px 0 0 0;
}
.existing-addresses p{
	padding:0;
	margin:0;
	line-height:22px;
}
#content .existing-addresses h2{
	padding:0 0 10px 0;
}
.existing-addresses a, .existing-addresses a.right{
	float:left;
	display:block;
	margin-top:20px;
	margin-right:5px;
}

.existing-addresses input.submit{
	float:left;
	display:inline;
	background-color:#e3e3e3;
	border:1px solid #d3d3d3;
	color:#666;
	text-shadow:1px 1px 1px #fff;
	font-weight:700;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:140px;
	height:26px;
	line-height:26px;
	text-align:center;
	font-size:11px;
	text-decoration:none;
	margin:10px 0 0 0;
}
a.button{
	display:block;
	text-align:center;
	text-decoration:none;
	padding:6px;
	background-color:#e3e3e3;
	border:1px solid #d3d3d3;
	text-shadow:1px 1px 1px #fff;
	font-weight:700;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-transform:uppercase;
	font-size:11px;
}
a:hover.button{
	border:1px solid #114775;
	text-shadow:none;
}

/********* SINGLE PAGE CHECKOUT *********/

.checkout-block{
	background-color:#f7f7f7;
	border:1px solid #e9e9e9;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:20px 10px;
	width:968px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	font-family:helvetica neue, helvetica, arial, sans-serif;
}
#payment-methods.checkout-block{
	margin:10px 0 10px 0;
}
.checkout-block .error{
	margin:0;
}
.checkout-block.hide, .checkout-block ul li.hide, #existing-address-animator.hide,
#address-form-2.hide, div.hide, span.country-iso{
	display:none;
}
.checkout-block h1{
	margin:20px 0 15px 20px;
	font-size:24px;
	text-shadow:1px 1px #fff;
}
.checkout-block h2{
	margin:20px 0 15px 20px;
}
.checkout-block p{
	margin:0 0 5px;
}
.checkout-block ul{
	list-style:none;
	margin:0 0 20px 20px;
}
.checkout-block ul li{
	width:470px;
	float:left;
	display:inline;
	overflow:hidden;
	margin:0 0 10px;
	position:relative;
	overflow:hidden;
	
}
checkout-block ul li#create-password{
	overflow:visible;
}
.checkout-block ul li.email-signup{
	width:100%;
	height:30px;
	clear:both;
	margin:10px 0 5px 0;
}
.checkout-block ul li.email-signup input{
	width:16px;
	height:16px;
	border:none;
	float:left;
	display:inline;
	margin:5px 5px 10px 0;
}
.checkout-block ul li.email-signup label{
	float:left;
	display:inline;
	margin:0;
	font-size:11px;
	font-style:italic;
	color:#444;
	width:90%;
}
.checkout-block ul ul{
	margin:5px 0;
}
.checkout-block li#create-password{
	width:100%;
	clear:both;
}
.checkout-block label{
	width:120px;
	float:left;
	display:inline;
	line-height:26px;
}
.checkout-block input{
	width:280px;
	height:24px;
	line-height:24px;
	text-indent:4px;
	border:1px solid #e3e3e3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-family:helvetica neue, helvetica, arial, verdana;
	color:#444;
}
.checkout-block input.radio{
	width:14px;
	height:14px;
	border:none;
	margin:8px 0 0;
}
.checkout-block input.checkbox{
	width:14px;
	height:14px;
	border:none;
	margin:6px 0 0;
}
.checkout-block select{
	width:280px;
	height:28px;
}
.checkout-block input.small-input{
	width:80px;
}
.checkout-block ul li input.hidden-radio{
	display:none;
}
.checkout-block ul ul.full-width{
	width:100%;
}
.checkout-block ul.full-width li{
	width:954px;
	clear:left;
}
.checkout-block #address-form-1 {
	clear:both;
}
#delivery-options li label{
	width:80%;
	color:#444;
	font-size:11px;
}
#delivery-options li label strong{
	font-size:12px;
}
#delivery-options li input{
	width:14px;
	height:14px;
	border:none;
	float:left;
	display:inline;
	margin:7px 6px 0 0;
}
.checkout-block#payment-methods{
	position:relative;
	padding:20px 10px;
}
.checkout-block#payment-methods img{
	position:absolute;
	top:15px;
	right:20px;
	margin:0;
	z-index:100;
}
#product-selector ul li#clear-all input, form#login-form input.submit{
	background-color:#114775;
	border:1px solid #136fb0;
	color:#fff;
	text-shadow:1px 1px 1px #00abd3;
	font-weight:700;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:100px;
	height:30px;
	float:left;
	text-transform:uppercase;
	margin-left:10px;
	font-size:11px;
}
input.place-order{
	width:189px;
	height:28px;
	float:left;
	display:inline;
	background-color:#124775;
	border:1px solid #124775;
	color:#fff;
	font-weight:700;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	line-height:28px;
	text-align:center;
	font-size:11px;
	margin:20px 0 30px;
	text-transform:uppercase;
}
.checkout-block#payment-methods label.large-label{
	width:700px;
	font-size:11px;
}
.checkout-block#payment-methods li{
	margin:0;
}
#buttons{
	clear:both;
	margin:0 0 20px 20px;
	overflow:hidden;
	zoom:1;
}
#buttons input, .checkout-block#payment-methods input#submit{
	width:219px;
	height:26px;
	float:left;
	display:inline;
	background-color:#e3e3e3;
	border:1px solid #d3d3d3;
	color:#666;
	text-shadow:1px 1px 1px #fff;
	font-weight:700;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	line-height:26px;
	text-align:center;
	font-size:11px;
	text-decoration:none;
}
#buttons input:hover, input#delivery-address-same.selected, input#delivery-address-different.selected, input#view-addresses.selected{
	background:url('../nav/ecom-images/button_tick.gif') no-repeat 4px 5px #369c00;
	border:1px solid #2f8700;
	color:#fff;
	text-shadow:none;
}
.checkout-block#payment-methods input#submit{
	width:130px;
	margin:15px 0 0;
	background-color:#5A6850;
	border:1px solid #5A6850;
	color:#fff;
	text-shadow:none;
}
input#delivery-address-same, input#delivery-address-different, input#view-addresses{
	float:left;
	display:inline;
	margin:15px 10px 0 0;
}
#payment-choice label{
	width:220px;
	float:left;
	clear:left;
}

/* login and password blocks */

.checkout-block#login ul{
	overflow:hidden;
	margin:0 20px;
}
.checkout-block#login ul li, ul.login li{
	width:285px;
	float:left;
	display:inline;
	overflow:hidden;
	margin:0;
	line-height:22px;
	position:relative;
}
.checkout-block#login ul li{
	width:240px;
}
ul.login li{
	width:300px;
}
.checkout-block#customer-greeting p{
	margin:0;
}
.checkout-block#login ul li#login-first, ul.login li#login-first{
	width:320px;
	font-size:11px;
	line-height:14px;
	margin:0;
	margin-right:20px;
}
ul.login li#login-first, ul.login li#login-first-password{
	line-height:16px;
	font-size:11px;
	margin:0;
}
#login .checkout-block ul li#login-first{
	color:#555;
}
li#login-first h2{
	margin:0 0 3px;
	font-size:14px;
}
.checkout-block#login ul li#login-last{
	width:103px;
}
.checkout-block#login label, ul.login li label{
	width:75px;
	float:left;
	display:inline;
	text-align:right;
	margin:0 5px 0 0;
	font-size:11px;
}
ul.login li label{
	width:95px;
}
.checkout-block#login input, ul.login li input{
	width:155px;
	height:22px;
	line-height:22px;
	border:1px solid #e3e3e3;
	float:left;
	display:inline;
}
.checkout-block#login input#login-button{
	width:80px;
	height:24px;
	border:none;
	margin-left:20px;
}
.checkout-block#login p{
	margin:0 25px 0 0;
	font-size:11px;
	float:right;
}
.checkout-block#login input.error{
	border:1px solid #dc0000;
}
.checkout-block#login ul li div{
	float:left;
	clear:left;
	text-align:left;
	color:#dc0000;
	display:inline;
	width:100%;
	font-size:11px;
}
.checkout-block .delivery-buttons{
	width:auto;
	margin:0;
	float:left;
	display:inline;
	margin:20px 10px 0 0;
}
.error-block{
	background-color:#dc0000;
	border:1px solid #c90000;
	padding:20px;
	margin:10px 0 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff;
	text-shadow:1px 1px 1px #c90000;
}

/* Existing Addresses */

#existing-address-animator .checkout-block{
	margin:10px 0 0;
}
ul#existing-addresses{
	overflow:hidden;
	zoom:1;
}
ul#existing-addresses li{
	float:left;
	display:inline;
	background-color:#fff;
	width:305px;
	height:320px;
	overflow:hidden;
	margin:20px 15px 0 0;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 5px #e3e3e3;
}
ul#existing-addresses li.no-margin{
	margin:20px 20px 0 0;
}
ul#existing-addresses li p{
	margin:20px;
}
#existing-address-animator{
	overflow:hidden;
}
ul#existing-addresses li input{
	width:130px;
	height:23px;
	border:none;
	margin:0;
}
ul#existing-addresses li input.input2{
	position:absolute;
	bottom:20px;
	left:20px;
}
ul#existing-addresses li input.input1{
	position:absolute;
	bottom:20px;
	right:20px;
}
#view-addresses.hide{
	display:none;
}
form#checkout-form li.blank input{
	visibility:hidden;
}
#address-form-2{
	overflow:hidden;
}
#invoice-and-delivery-address-title.hide, #invoice-address-title.hide{
	display:none;
}

/* errors */

ul li.error{
	height:60px;
	
}
ul#delivery-options li.error {
	height:auto;
}
ul.address-errors li.error div, li#delivery-available.error div {
	background:url('../nav/ecom-images/error.gif') top left no-repeat #dc0000;
	width:282px;
	height:27px;
	overflow:hidden;
	margin:3px 0 0 122px;
	line-height:32px;
	color:#fff;
	font-size:11px;
	text-indent:6px;
	text-shadow:1px 1px 1px #b30e00;
}
li#delivery-available.error div {
	margin:3px 0 0 0;
}
ul.address-errors li ul.login li{
	overflow:visible;
}
ul.address-errors li ul.login li.error div{
	background:url('../nav/ecom-images/error2.gif') top left no-repeat #dc0000;
	width:540px;
	margin:0;
	margin:3px 0 0 100px;
}



/*******     LOGGED IN/OUT TOGGLES     ********/
/**
 * These are styles that control what is visible
 * depending on whether there is a customer logged in.
 * The form#checkout-form gets a class of no-login
 * if there is no customer signed in, or
 * login if there is.
 */

form#checkout-form.login .checkout-block#login {
	display:none;
}

form#checkout-form.no-login #customer-greeting {
	display:none;
}

form#checkout-form.no-login #view-addresses {
	display:none;		
}

form#checkout-form.no-login #add-address-heading {
	display:none;
}

form#checkout-form.no-login #or-add-address-heading {
	display:none;
}

form#checkout-form.login #password {
	display:none;
}

form#checkout-form.login #create-password {
    display:none;
}

form#checkout-form.login .email-signup {
    display:none;
}

form#checkout-form.account-created .email-signup {
	display:none;
}

form#checkout-form.account-created #create-password {
    display:none;
}

form#checkout-form.account-created #customer-greeting {
	display:none;
}

form#checkout-form.account-created .checkout-block#login {
	display:none;
}

/********* CHECKOUT CONFIRMATION *********/

form#checkout-confirmation{
	clear:both;
	padding:20px 0 0;
}
form#checkout-confirmation label{
	font-size:11px;
	line-height:14px;
	display:inline;
}
form#checkout-confirmation label strong{
	font-size:12px;
}
form#checkout-confirmation p#terms-box{
	margin:10px 0;
}
form#checkout-confirmation textarea{
	width:100%;
	height:80px;
	border:1px solid #d3d3d3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:8px 0 20px 0;
}
#content a#change-basket{
	display:block;
	background-color:#48583D;
	border:1px solid #48583D;
	text-shadow:none;
	color:#fff;
	font-weight:700;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:120px;
	height:24px;
	line-height:26px;
	text-align:center;
	font-size:11px;
	text-decoration:none;
}


/********* MY ACCOUNT *********/

a.account-option{
	width:225px;
	height:120px;
	float:left;
	display:inline;
	overflow:hidden;
	border:1px solid #e9e9e9;
	background-color:#f9f9f9;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:20px 16px 20px 0;
	text-decoration:none;
}
a.account-option.no-margin{
	margin:20px 0 20px 0;
}
a.account-option .account-title{
	display:block;
	padding:15px;
	font-size:18px;
	color:#48583D;
	text-decoration:none;
}
a.account-option .account-text{
	display:block;
	padding:0 15px 15px;
	line-height:16px;
	font-size:11px;
	color:#555;
}
a.account-option:hover{
	background-color:#124775;
	border:1px solid #136fb0;
}
a.account-option:hover .account-title, a.account-option:hover .account-text{
	color:#fff;
}
table#order-details-table{
	border-collapse:collapse;
	margin:0 0 30px;
}
td.order-details{
	width:160px;
	padding:10px;
}
table#order-details-table td{
	padding:10px;
	vertical-align:text-top;
	border:1px solid #e3e3e3;
}

/**
 * Orders <table>
 */
table#orders{
	width:100%;
	border:1px solid #e4e4e4;
}
table#orders th,
table#orders td{
	border:1px solid #e4e4e4;
	padding:10px;
	line-height:normal;
}
table#orders th{
	font-size:11px;
	text-transform:uppercase;
}
table#orders tr{
	background-color:#fff;
}
table#orders tr.alt{
	background-color:#FBFAFA;
}

/********* EDIT ACCOUNT DETAILS *********/

form#contact-form{
	width:645px;
	border:1px solid #e1e1e1;
	padding:10px;
	margin:20px 0;
}
form#contact-form fieldset{
	background-color:#f9f9f9;
	padding:20px;

}
form#contact-form fieldset p{
	margin:0 0 20px 0;
	font-weight:bold;
}
form#contact-form label{
	display:block;
	width:150px;
	float:left;
	display:inline;
	margin:2px 0 0 5px;
	line-height:20px;
}
form#contact-form label span{
	font-size:11px;
	font-style:italic;
	color:#999;
}
form#contact-form label.large-label{
	width:300px;
}
form#contact-form input{
	border:1px solid #e0e0e0;
	background-color:#fff;
	height:20px;
	width:440px;
	margin:0 0 8px;
}
form#contact-form select {
	border: 1px solid #e6e6e6;
	background: #fbfafa;
	color: #7e7e7e;
	padding: 5px;
	border-radius: 5px;
	float:left;
	width:300px;
	margin-bottom:10px;
}
form#contact-form input#notify{
	width:100px;
}
form#contact-form input.submit{
	width:150px;
	height:35px;
	background: none repeat scroll 0 0 #114775;
    border: 1px solid #011A3E;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
	font-size:14px;
	cursor:pointer;
	float:right;
	text-transform:uppercase;
	margin:20px 0 0 0;
}

.checkbox-terms {
	width:auto;
	height:auto;
}