/*--Designed and built by: http://indicoll.co.uk--*/
/*--Reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, div {
	display: block;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define visible focus styles! 

:focus {
	outline: ?????;
	} */

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	}	
	
* {
	-webkit-text-size-adjust: none;
}

/*--Colour Pad*/

/*--Typography*/

/*--Main*/

body {
	background: #eee;
	color: #333;	
	font-family: sans-serif;
	font-size: 14px;
	line-height: 21px;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  font-family: inherit;
  line-height: 1;
  color: inherit;
  text-rendering: optimizelegibility;
  font-weight: bold;
  color: #0e419a;
}

h1 {
  font-size: 30px;
  line-height: 40px;
}

h2 {
  font-size: 24px;
  line-height: 30px;
}

h3 {
  font-size: 18px;
  line-height: 22px;
}

h4 {
  font-size: 16px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
}

h6 {
  font-size: 12px;
  line-height: 18px;
}

p {
	margin: 0 0 14px 0;
}

a {
	color: #0e419a;
	text-decoration: none;	
}	

a:hover {
	text-decoration: underline;
}

a.blockLink {
	display: block;
	color: inherit;
	text-decoration: inherit;	
}

ul,
ol {
	margin: 10px 0px;
}

ul li,
ol li {		
	
}

ul.imageStyled li {
	background: url('../img/bullet.jpg') no-repeat 0px 7px;
	padding-left: 22px;
}

ul.styled,
ol.styled {	
	margin-left: 25px;
}

ul.styled li {
	list-style: outside disc;	
}

ol.styled li {
	list-style: outside decimal;
}

.doubleSpaced {
	margin: 20px 0px;
}

.clearfix {
	clear: both;
	display: block;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}	

/*--Header*/

#header_wrapper {

	padding: 0px 0 0px 0;
	margin: 0;	
	

	height: auto;
}
	
header {
	width: 940px;
	height: auto;
	margin: 0px auto;
	position: relative;
}

/*--Slider*/	

div.one.slider-container {
	margin: 0 0 20px -20px;
	width: 980px;
	height: 350px;
	position: relative;
}

.image-border {
	width: 980px;
	height: 350px;
	background: url('images/image_border.png');
	position: absolute;
	top: 0px;
	z-index: 99;
}

.bx-controls {
	width: 980px;
	text-align: center;
	margin: -45px 0 0 0;
	z-index: 99;
	position: relative;
	/*background: #eee;*/
}

.bx-pager-item {
	display: inline-block;
}

div.bx-pager-item a {
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	background: #CCC;
}

div.bx-pager-item a.active, 
div.bx-pager-item a:hover {
	background: #FFF;
}

#page-wrapper {
	width: 940px;
	margin: 0px auto;
	border: 1px solid #ccc;
	border-top: none;
	padding: 0px 20px;
	background: #fff;
	margin: 0 auto 20px auto;
}

/*--Nav*/

div.nav_wrapper {
	height: 40px;
	display: block;
	margin-bottom: 10px;
	position: relative;
	z-index: 150;
}

div.nav_inner {
	width: 940px;
	height: 40px;
	background: #0e419a;
	margin: 0px auto 0px auto;
}

#menu {
	position: absolute;
	z-index: 100;	
	margin: 0;
}

.menu_0 .current {
	background: #849BD2;	
}

.menu_0 {
	position: relative;
	margin: 0px;
}

/* main menu items */
.item_1 {
	float: left;
	display: block;
	margin: 5px 0 0 0;
	padding: 0 10px;
	background: none;
}

.item_1 a,
.item_1 .menuItem {
	position: relative;
	display: block;
	font-weight: normal;
	font-size: 16px;	
	line-height: 16px; /*match font-size*/
	color: #FFF;
	background: none;
	text-decoration: none;
	padding: 5px;
}


.jshover > a,
.item_1 a:hover {
	background: #c00;	
}

/* dropdown */

.menu_1 {
	left : -999em;
	position : absolute;
	margin: 0;
	background: #eee;	
	-webkit-box-shadow: 2px 8px 8px rgba(9, 60, 143, 0.7);
	box-shadow: 2px 8px 8px rgba(9, 60, 143, 0.7);	
	-webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 06);
	box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.6);		
}

.jshover .menu_1 {
	position: absolute;
	left: 0;
	width: 920px;
	padding: 10px;	
}

.jshover > ul {
	left: auto;	
}

/* dropdown items */
.menu_1 li {
	float : none;
	margin: 0px;
}

.menu_1 a {
	width : 150px;
	color: #000;
	text-transform: none;
} 

.menu_1.jshover a {
	background: #ccc;
	color: #676264;
}

/* submenus */
.menu_1 ul {
	margin: -36px 0 0 170px; /* left margin is width plus padding of ul#menu li a */
}

.menu_1 .jshover > ul {
	left: auto;
}

.navSection {
	/*float: left;*/
	padding: 0 10px 0px 10px;
	font-family: sans-serif;
}

.navPanel {
	float: left;
}

.navPanel ul {
	margin: 0;
	position: static;
	left: auto;
	margin: 0 0 10px 10px;
}

.navPanel ul li {

}

.navPanel ul li a {
	display: block;
	font-size: 12px;
	line-height: 130%;	
	font-weight: normal;
	padding: 2px 3px;
	width: auto;
	font-family: sans-serif;
	color: #263F8C;
}

.navPanel a:hover {
	text-decoration: underline;
}

.navPanel h3 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;	
	margin-left: 5px;
	padding-bottom: 3px;		

		
}

.navPanel h3 a {
	padding: 0;	
}


.navBigHeader h3,
.navPanel h2 {
	margin: 0 0 0 0;
}

.navPanel > h2 {
	margin: 0 10px;
}

.navBigHeader h3,
.navPanel h2 a {
	font-size: 20px;
	line-height: 26px;
	margin: 0 -1px 0px -1px;
	color: blue;
	font-weight: normal;
	padding: 3px 15px 6px 15px;	
	

	font-weight: 700;
}

.navLongHeader h3,
h2.navLongHeader a {
	font-size: 13px;
}

.navBigHeader h3 {
	margin-bottom: 0px;
}

.navHideHeader h3 {
	display: none;
}

.navBigHeader h3 a {
	font-size: 20px;
	line-height: 26px;
	padding: 0;
	color: #093c8f;
	width: auto;
}

.navHideHeader {
	padding-top: 10px;
}

.navSection h2 {
	margin: 10px 0;

}

.navFooter {
	clear: left;
}

#snowMenu h3 {
	min-width: 130px;
}

/*.shopSearch {
	position: absolute;
	width: 210px;
	right: 17px;
	top: 27px;
}

.shopSearch .searchInput {
	width: 184px;
	height: 30px;
	border: 0;
}

.shopSearch .searchButton {
	width: 31px;
	margin: -15px 0 0 -5px;
}*/

/*--Content*/

.article_image {
	width: 480px;
}
	
div.column-wrapper {
	clear: both;
}
	
div.column {
	width: 940px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
	
div.one.bannerSlots {
	margin-bottom: 15px;
}	

div.one.topSlots {
	margin-bottom: 0px;
}
	
div.twoA, div.twoB {
	width: 460px;
	float: left;
}
	
div.twoA {
	margin-right: 20px;
}
	
div.threeA, div.threeB, div.threeC {
	width: 280px;
	float: left;
}	
	
div.threeA, div.threeB{
	margin-right: 40px;
}
	
div.fourA, div.fourB, div.fourC, div.fourD {
	width: 200px;
	float: left;
}	
	
div.fourA, div.fourB, div.fourC {
	margin-right: 40px;
}	

div.one,
div.twoA,
div.twoB,
div.threeA,
div.threeB,
div.threeC,
div.fourA,
div.fourB,
div.fourC,
div.fourD {
	margin-bottom: 40px;
}	

div.quote {
	position: relative;
}	

p.quotes {
	padding: 25px;
	padding-top: 20px;
}

img.openQuotes {
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
	background: transparent;
}

img.closeQuotes {
	position: absolute;
	bottom: 20px;
	right: 0px;
	border: none;
	background: transparent;	
}

html.ie6 div.column div img.closeQuotes {
	position: absolute;
	bottom: 35px;
	right: 0px;
	border: none;
	}
	
div.quote p.quote-sig {
	padding-left: 25px;
	font-style: italic;
	font-size: 13px;
}	

div.sidebarLeft {
	width: 220px;
	margin-right: 20px;
	float: left;
	padding-bottom: 40px;
}

div.sidebarLeftMain {
	width: 700px;
	float: right;
	padding-bottom: 40px;
}

div.sidebarRightMain {
	width: 700px;
	margin-right: 20px;
	float: left;
}

div.sidebarRight {
	width: 220px;
	float: right;
	margin-right: 0px;
}

div.sidebarBlock {
	margin-bottom: 20px;
}

div.clear {
	clear: both;
}

/*--form*/		

form {
	width: 100%;
}

.fieldset {
	border: solid 1px #ccc;	
	padding: 20px;
}

.legend {
	margin-left: 370px;
}

h3.legend {
	margin-bottom: 30px;
}


label {
	width: 340px;
	float: left;
	clear: left;
	text-align: right;
	padding: 0 30px 0 0;
}

label.error {
	font-size: 12px;
	color: #880000;
	margin: -15px 0 10px 140px;
	font-style: italic;
}

form input,
form textarea {
	width: 450px;
	margin: 0 0 15px 0;
}

form textarea {
	height: 120px;
}



.twoA input,
.twoB input {
	width: 210px;
}

.twoA label,
.twoB label {
	width: 150px;
}

.input_full.error {
	border: solid 1px #880000;
}

.toolbar {
	height: 28px;
	width: 820px;
	text-align: right;
}

.twoA .toolbar,
.twoB .toolbar {
	width: 390px;
	
}

#contact_form label,
#contact_form input {
	width: 100%;
	text-align: left;
}

#contact_form input.submitbutton,
#contact_form .toolbar {
	float: right;
	width: 120px;
}

#contact_form label.error {
	margin: -15px 0px 0px 0px;
}

/* errors
------------*/

form input.inputError {
	border-color: red;
}	

form span.labelError {
	color: red;
	font-size: 12px;
	font-style: italic;
	display: none;	
	float: none;
	clear: left;
}

.fieldset ul.inputValidationErrors {
	margin-top: -10px;
	margin-left: 370px;

}

.fieldset ul.inputValidationErrors li {
	color: red;
	font-weight: red;
}

/*div.buttons {
	background: transparent;
}*/

/*--table*/	

div.table-wrapper {
	padding: 0px;
}

table {
	margin-bottom: 20px;
}

table,
table tr {
	width: 100%;
}	

table tr th {
	font-weight: bold;
	text-align: left;	
}

table tr td,
table tr th {
	padding: 2px 0px;	
}

table.commerceBuyTable {
	margin: 0;
}

table.commerceBuyTable td,
table.commerceBuyTable th {
	padding: 10px 10px 7px 10px;
	line-height: 1;
}

table.commerceBuyTable tr.tableHeading th {
	padding: 10px 10px 10px 10px;
}

table.commerceBuyTable tr {
	border-bottom: 1px solid #ccc;
}

table.commerceBuyTable input[type="radio"] {
	margin-top: -3px;
	margin-right: 5px;
	line-height: 1;
}

.moreInfo {
	display: none;
	width: 550px;	

	
	background: #fff;	
	border: solid 1px #0e419a;
}

.fullInfo {
	width: 720px;
}

.moreInfoClose {
	position: absolute;	
	right: 0;
	top: 5px;
	z-index: 9999;
	
	cursor: pointer;
	
	padding: 10px 20px;
}

.moreInfoClose:hover {
	text-decoration: underline;
}

.moreInfoHeader {
	padding: 20px 20px 10px 20px;
	margin: 0;
	
}	

.productFeatures h3.moreInfoHeader {
	border-bottom: 0;

}


.moreInfoBody {
	padding: 10px 20px;
}

/*--Category list*/

div.one.categories {
	width: 940px;
	margin: 0 0 40px 0;
/*	min-height: 1135px;
	height: auto !important;
	height: 1135px;*/
}

.slot.category {
	width: 180px;
	height: 180px;
	margin-right: 8px;
	margin-bottom: 8px;
}

.slot.category:nth-child(5n) {
	
}

.slot.category:nth-child(2n) {

}

.slot.category a {
	width: 180px;
	height: 180px;
	overflow: hidden;
	display: block;
	border: 1px solid #0e419a;
	position: relative;
}

.slot.category img {
	position: absolute;

	width: 160px;
	height: 133px;

	left: 10px;
	top: 6px;

/*	position: absolute;

	width: 500px;

	left: -60px;
	top: -60px;


	transform:rotate(-17deg);
	-ms-transform:rotate(-17deg);
	-webkit-transform:rotate(-17deg);*/
}

.slot.category h4 {
	position: absolute;
	bottom: 0;
	background: #0e419a;
	color: white;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 5px 0px;

	font-size: 16px;

	/*text-transform: uppercase;*/
	text-shadow: 1px 1px 1px #000;

	border-top: 2px solid #fff;
}

/*.category {
	width: 170px;
	height: 211px;
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
	background: #FFF;
	
}

.category:nth-child(5n) {
	margin: 0 0 20px 0;
}

.category a {
	display: block;
	height: 214px;
}

.category img {
	height: 130px;
	width: 130px;
	border: 1px solid #0e419a;
	padding: 20px;
}*/

/*.category h4,
.category p {
	margin: 0;
	height: 39px;
	background: #0e419a;
	color: #FFF;
	padding: 3px 10px 0 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 152px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
}*/

/*.category div.title { 
	 width: 152px; 
	 height: 39px; 
	 position: absolute;
	 bottom: 0px;
	 left: 0px;
	 display: table; 
	 background: #0e419a;
	 color: #FFF;
	 line-height: 18px;
	 padding: 0 10px 0 10px;
}

.category div.title p {
	display: table-cell; 
	vertical-align: middle; 
	text-align: center;
	
	 font-weight: bold;
} */

/*--footer*/		
	
#footer-wrapper {
	clear: both;
	padding: 0px;

}
	
footer {
	width: 900px;
	margin: 0px auto 20px auto;
	padding: 20px 20px 10px 20px;
	font-size: 12px;
	line-height: 18px;
	position: relative;
	background: #fff;
	border-top: 1px solid #0e419a;
}

img.payment-logos {
	position: absolute;
	right: 20px;
	top: 90px;
}

p.SOdescription {
	display: none;
}

footer div.threeA {
	width: 140px;
	margin: 60px 20px 20px 0;
}

footer div.threeB {
	width: 220px;
	margin: 60px 20px 20px 0;
}

footer div.threeC {
	width: 540px;
	margin: 60px 0 20px 0;
}

footer h3 {

	font-weight: 700;
	color: #093c8f;
	font-size: 20px;
	/*text-transform: uppercase;*/
}

div.one.terms {
	margin: 0;
}

footer div.terms {
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
	position: relative;
}

footer div.terms ul {
	clear: both;
}	

footer div.terms ul li {
	padding: 0;
	background: none;
	float: left;
	margin-right: 20px;
}	

div.one.terms a.facebook,
div.one.terms a.twitter {
	position: absolute;
	top: 20px;
	right: 0px;
}

div.one.terms a.twitter {
	right: 40px;
}

.accreditations .logos {
	height: 33px;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #CCC;
}

.accreditations .logos img {
	margin: 0 20px 0 0;
}

/* Basket in the header
--------------------------------------------*/

.commerceInfo {
	position: absolute;
	right: 0px;
	top: 0px;	
	width: 220px;
	background: #ee0109;	
	z-index: 200;
	height: 40px;
}

.commerceInfo .ci-item a {
	display: block;
	/*padding: 10px;*/
	text-align: left;
	position: relative;	
	font-size: 16px;	
	line-height: 16px;
	color: #FFF;
}

.commerceInfo .ci-item .biQuantity {
	position: absolute;
	right: 20px;
	top: 11px;
}


/*.commerceInfo .infoCheckout a,
.jshover .ci-item a,
.commerceInfo .ci-item a:hover {	
	background: #660000;  Old browsers 
	text-decoration: none;
	color: white;
}*/


.commerceInfo .ci-item .biQuantity {
	padding-left: 5px;
} 

.commerceInfo .ci-item .biSeparator,
.commerceInfo .ci-item .biItem,
.commerceInfo .ci-item .biAmount {
	display: none;
}

.commerceInfo .ci-menu {
	display: none;
	position: absolute;	
	right: 0;
	top: 40px;
	width: 220px;
	/*border: solid 1px #aaa;*/
	background: #ee0109;
	z-index: 160;
	color: #FFF;	
}

.commerceInfo .ci-menu a {
	color: #FFF;
}

.commerceInfo .ci-menu ul {
	margin: 5px 10px;
}

.commerceInfo .ci-menu li {	
	
}

span.biLabel {
	/*background: url(images/basket.png) no-repeat;*/
	display: block;
	height: 29px;
	/*line-height: 40px;*/
	padding: 11px 0 0 0;
	margin: 0 0 0 20px;
}

.commerceInfo .infoBasket .biLabel {
	display: block;
	margin: 15px 10px 10px 10px;
	font-size: 14px;
	line-height: 21px;
	padding: 5px 10px;
	font-weight: normal;	
	color: white;	
	text-decoration: none;
	background: #45484d; 
	display: none;	
}

.commerceInfo .infoBasket  a:hover .biLabel {
	color: white;
}

.commerceInfo .infoBasket .biQuantity {
	padding-left: 10px;
}

.commerceInfo .infoCheckout {
	padding: 10px 10px 0px 10px;
}

.commerceInfo .infoCheckout input {
	width: 180px;
	padding: 5px;
}

.commerceInfo .infoCustomer {	
	border-top: solid 1px #aaa;
	margin: 0 10px;
	padding: 10px 0px 5px 0;
}

.commerceInfo .infoUser {	
	padding: 0 10px 10px 7px;
}

.jshover .ci-menu {
	display: block;	
}

.slot {
	width: 220px;
	height: 124px;
	float: left;
}

.banner,
.banner img {
	width: 220px;
	height: 151px;
	margin-right: 0px;
}

.banner img {
	display: block;
}

.slot.delivery {
	margin: 0 20px 0 0;
}

.funnySign,
.funnySign img {
	width: 270px;
	height: 152px;
}

.funnySign img {

}

.funnySign {
	position: relative;
	margin: 5px 0px 0px 10px;
}

.funnySign h3 {
	position: relative;
	width: 250px;
	background: red;
	color: white;
	top: 0px;
	padding: 10px 10px;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
	line-height: 1;
	font-size: 22px;
}

.funnySign img {
	display: block;
}

/*.slot img {
	width: 220px;
	height: 124px;	
}*/



/* Basket
-------------------------------------------*/

.sidebarBasket {
	width: 200px;	
	float: right;
	padding-left: 20px;
}

.sidebarBasketMain {
	width: 720px;
	float: right;	
}

.commerceBasket {
	font-size: 12px;
	line-height: 16px;
}

.basketHeader .basketColumn {
	min-height: 0;
}

.basketHeader h4 {
	margin: 0;
	font-size: 12px;
	line-height: 16px;
}

.basketHeader .basketDescription {
	width: 435px;
	padding-left: 10px;
}


.basketColumn {
	float: left;
	
	padding: 10px;
	min-height: 80px;		
}



.basketSection {
	clear: both;		
}

.basketItems {
	border-top: solid 1px #ccc;
	margin: 0;
}

.basketItem,
.basketAdjustment {
	background: #eee;
	border: solid 1px #ccc;	
	border-top: none;
	margin: 0 0 0 0;
}

.basketDescription {
	width: 345px;		
	padding-left: 100px;
	padding-right: 0;
	position: relative;
}

.basketProduct h4 {
	font-size: 14px;
	line-height: 16px;
	margin: 4px 0 5px 0;
}

.basketImage {
	float: none;
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 0;
	min-height: 0;
}

.basketImage  * {	
	height: 70px;
	margin: 0;
	padding: 0;
	display: block;
}

.basketImage a {
	display: block;
	padding: 5px 2px;
	background: white;
	border: solid 1px #ccc;	
}


.basketImage .bottleThumbnail {	
	padding: 0 16px 0 15px;
}

.basketProduct ul {
	margin: 0;
}

.basketQuantity form {
	
}

.basketQuantity input.input_quantity {
	width: 30px;
	font-size: 12px;
	text-align: center;
	margin-bottom: 3px;
	margin-right: 5px;
}

.basketQuantity form input.submit_link {
	display: none;
}


.basketPrice,
.basketAmount {
	text-align: right;
	width: 60px;	
	padding-right: 5px;
	line-height: 22px;

}

.basketQuantity {
	text-align: right;
	width: 65px;	
	padding-right: 0;
	line-height: 22px;	
}



.basketItem .basketPrice,
.basketItem .basketAmount {
		
}

.basketItem .item_price_was {
	display: block;
	text-decoration: line-through;
}

.basketItem .item_price_now {
	display: block;
	margin-top: -6px;
}

.basketItem .item_price_now,
.basketItem .item_saving {
	color: #263F8C;	
	font-weight: bold;
	white-space:nowrap;	
}





.basketItemFooter {
	clear: left;
	border-top: solid 1px #ccc;
}

.basketItemFooter .basketColumn {
	min-height: auto;
}

.basketFooter {
	
}


div.basketAdjustment .basketTotalAmount h4 {
	font-size: 14px;
	color: #bb0000;
}

div.basketAdjustment .basketTotal h4 {
	font-size: 14px;
	font-weight: normal;	
}


.basketFooter .basketColumn {
	min-height: auto;	
	padding: 10px;

}

.basketFooter .basketTotal { 	
 	text-align: right;
 	width: 560px;
 }

 .basketFooter .basketColumn h4 { 
 	margin: 0;
 }

 .basketFooter .basketTotalAmount { 	
 	text-align: right;
 	width: 80px; 	
 }

 .basketBackToShop,
 .basketPromoCode {
 	width: 560px; 	
 	padding-left: 0;
 	position: relative;
 }

 .basketPromoCode form {
 	width: auto;
 }

 .basketPromoCode .inputPromo {
 	width: 200px;
 }

 #basketPromoCodeMessage {
 	position: absolute;
 	top: 0;
 	margin-top: -18px;
 	color: #bb0000;
 }

 .basketCheckoutButton { 	
 	width: 100px; 	
 	padding-right: 0;
 	text-align: right;
 }


#commerceBasketSummary {
	
	padding : 10px;
}

#commerceBasketSummary .amounts {
	text-align: right;
 	font-weight: bold;
}

#commerceBasketSummary .summarySavings td {
	color: #bb0000;
	font-weight: bold;	
	padding-bottom: 10px;
}

#commerceBasketSummary .summaryTotal td {
	padding-top: 10px;
	text-align: right;
}

#commerceBasketSummary .totals td {
	border-top: solid 1px black;	
	padding-top: 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;	
}


.postLink {
	width: auto;
	margin: 0;
	padding: 0;	
}

.postLink input.submit_link {
	display: inline;
	border: none;
	background: none;
	color: #666;
	padding: 0;
	font-size: 12px;
	text-transform: lowercase;
	margin: 0;
	font-family: Arial, sans-serif;
}

.postLink input.submit_link:hover {
	text-decoration: underline;
}




/* payment Message
---------------*/

.commercePaymentMessage {
	background: #880000;
	margin: 10px 0;
}

.commercePaymentMessage p {
	color: white;	
	padding: 10px 15px;
	margin: 0;
}

/* The filters down the side of the shop search
-------------------------------------------*/

.category-filter-container {
	background: #eee;
	padding: 0 0 0px 0;
}

.commerceFilter {
	padding-bottom: 8px;
	
	border: none;
	background: #eee;
	margin-bottom: -1px;
}

.commerceFilter a {
	color: #650205;
	color: #520003;
	color: rgb(136, 63, 63);
	color: #263F8C;
	font-size: 14px;
	line-height: 14px;
}

.commerceFilter h3 {
/*	font-size: 20px;
	line-height: 26px;
	margin: 0 -1px 0px -1px;*/
	background: #0e419a;
	color: white;
	padding: 5px 10px;
	font-weight: normal;
	font-size: 16px;/*
		
	

	font-weight: 700;

	text-transform: uppercase;*/
}

.commerceFilter ul {
	margin: 10px 0 10px 0;
}

.commerceFilter ul li,
.commerceFilter .filterMoreLess {
	display: block;
	font-size: 12px;
	line-height: 12px;
	position: relative;
	padding: 3px 2px 3px 15px;	

}

.commerceFilter ul li span.filterCount {	
	display: none;
	position: absolute;
	left: -40px;
	width: 30px;
	text-align: right;
	bottom: 0;
	color: #eee;
	font-size: 12px;
}

.commerceFilter ul li {
	margin-bottom: 3px;
}

.commerceFreeTextFilter {
	clear: left;
}

.commerceFreeTextFilter .searchInput {
	width: 200px;
}


/* Search bread crumbs
-------------------------------*/

.storeSearchCrumbs {	
	height: 35px;
	clear: both;
	background: #eee;
	padding: 0;	
	width: 100%;
	display: table;
	border-spacing: 0;
	border-collapse: collapse;	
	margin: 0 0 10px 0;
	color: #000;
	line-height: 14px;
}

/*.storeSearchCrumbs:before,
.storeSearchCrumbs:after {
    content: " "; 
    display: table;
}

.storeSearchCrumbs:after {
    clear: both;
}*/

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.storeSearchCrumbs {
    *zoom: 1;
}

.storeSearchCrumbs .crumbsHeading {
	
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	color: white;
	font-weight: normal;	
	padding: 0px 10px;
	font-size: 14px;
	line-height: 14px;
	width: 60px;
	background: #0e419a;	
}

html.ie7 .storeSearchCrumbs .crumbsHeading {
	*clear: expression(
		style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
		style.clear = "none", 0
	);
}

.storeSearchCrumbs ul {
	margin: 0;
	display: table-cell;
	width: 100%;
}

.storeSearchCrumbs li {
	float: left;
	padding: 5px 10px 2px 5px;
	
}	

.storeSearchCrumbs li.activeFilterNone {
	padding: 10px 10px 2px 10px;
}

.storeSearchCrumbs .activeFilterHeading,
.storeSearchCrumbs .activeFilterName {
	display: none;
}

.storeSearchCrumbs .activeFilterRemove {
	display: none;
}

.storeSearchCrumbs .activeFilterValue {
	
	
}

.storeSearchCrumbs .activeFilterX {
	text-transform: uppercase;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 19px;
	font-size: 10px;
	vertical-align: top;
	display: inline-block;
	border-radius: 9px;
	
	background: #FFF;	
	color: #114293;	
	margin-top: -2px;
	margin-left: 8px;

}

.storeSearchCrumbs .activeFilterX:hover {
	text-decoration: none;	
}


/* results bar
--------------------------------------------*/
.resultsBar {
	clear: left;
	background: #eee;
	padding: 5px 8px 0px 8px;
	margin: 10px 0;

	border: solid 1px #ccc;

}

/* order by
---------------------------------------*/

.commerceOrderBy {
	padding: 2px 5px 10px 10px;
}

.commerceOrderBy label {
	width: auto;
	font-size: 12px;
	padding: 2px 15px 0 0;
}
.commerceOrderBy select {
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* result view
-------------------------------------------*/

.commerceResultStyles {	
	position: absolute;
	top: 0;
	right: 0;	
	padding: 0px 0px 0px 0;
}

.commerceResultStyles ul {
	margin: 0;
}

.commerceResultStyles .resultStyle {		
	float: left;	
}

.commerceResultStyles .resultStyleLink {
	color: #888;
	width: 33px;
	height: 33px;
	display: block;
	padding: 0;
	margin-left: 10px;
	font-size: 0px;	
	line-height: 16px;	
	/*border: solid 1px #eee;*/
	background-image: url('images/grid_list_view.png');
	background-repeat: no-repeat;	
}

.commerceResultStyles .resultStyleLink:hover {
	color: black;	
	background-color: white;
	text-decoration: none;
	/*border: solid 1px #263F8C;*/
}

.commerceResultStyles .active-style .resultStyleLink:hover {
	border-color: transparent;
	background-color: transparent;
	cursor: default;
}

.commerceResultStyles .active-style {
	color: black;	
}

.active-style .style-grid,
.style-grid:hover {
	background-position: 0px 0px;
	color: black;
}

.style-grid {
	background-position: 0px -33px;
}

.active-style .style-list,
.style-list:hover {
	background-position: 0px -66px;
	color: black;
}

.style-list {
	background-position: 0px -99px;
}



/* Shop search results
------------------------------------------*/

/*#commerceResults li  {
	clear: left;
	height: 140px;
	margin: 0;
	padding: 0;
}

#commerceResults li h4 {
	padding: 10px 20px 10px 20px;
	margin-right: 90px;
}

#commerceResults li p {
	text-align: right;
}

#commerceResults li img {	
	float: left;
	width: 120px;
	height: 120px;
	padding: 0px 20px 20px 0;
}*/



#commerceResults {
	clear: left;
}

.grid .result,
.commerceShovelerItem  {
	float: left;					
	margin: 0;		
	padding: 0;	
	position: relative;	
	text-align: center;
}

.result {
	border-bottom: solid 1px #ccc;

}

.grid .result.grid-overhang {
	border-bottom: none;
	margin: 0 0 30px 0;
}

.result.grid-overhang.list-overhang {
	border-bottom: none;
}

.grid .result {
	margin-bottom: 10px;
}

/* default for all stores, drink is overridden */
.productResult {
	display: block;
	width: 155px;
	height: 195px;
	position: relative;
	margin: 10px 10px 0 10px;
}

.productResult .image-holder {
	width: 155px;
	height: 155px;
	position: relative;	
	text-align: center;
}

.productResult h3 {
	padding: 5px 5px 0px 0px;
	margin: 0;	
	font-size: 12px;
	line-height: 14px;
	height: 45px;	
	text-align: center;	
}

.customerViewedEntry .productResult h3,
.grid .productResult h3 {
	display: none;
}

.productTagline,
.productSummary {
	display: none;
}


.productResult .pricing {	
	position: relative;
	height: 25px;

}

.pricing .priceLabel {
	display: none;
}

.productResult .productPrice {
	color: #000;
	position: absolute;
/*	right: 10px; */
	bottom: 0;
	font-size: 16px;
	line-height: 16px;
	/*font-weight: bold;*/
	text-align: center;
	width: 100%;


}

.productPrice .from {
	color: #808080;
	font-size: 12px;


}

.productPrice .wasPrice,
.productPrice .wasLabel {
	color: #bb0000;
	text-transform: lowercase;
	font-size: 13px;
	line-height: 13px;
}



.productPrice .nowLabel {
	display: none;
}

.productPrice .nowPrice {
	display: block;
}


.productResult img {		
	width: 135px;	
	height: 135px;	
	/*border: solid 1px #eee;*/
}

.sku {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}



/* list style */

.list .result {
	float: none;
	margin-bottom: 0px;
}

.list .image-holder {
	height: 200px;
	width: 200px;
	position: absolute;
	left: 0;
	top: 10px;
}

.list .productResult {	
	width: auto;
	height: 200px;
	min-height: 200px;
	height: auto;
	margin-top: 0;
	padding: 20px 0px 0px 230px;		
}










.list .productResult h3 {	
	font-size: 16px;
	line-height: 20px;
	padding: 10px 0 5px 0;	
	margin-top: 0;
	height: auto;
	text-align: left;
}

.list .productTagline {
	display: block;
}

.productTagline q {
	font-style: italic;
	color: #263F8C;	
}

.list .productSummary {
	display: block;
	text-align: left;
	font-size: 14px;
	line-height: 18px;


}



/*.list .pricing {
	position: absolute;
	right: 0;
	top: 0px;
	bottom: auto;
	width: 180px;
	height: 120px;
	border: solid 1px #ccc;
	background: #eee;
	border: solid 1px #ddd;
}*/

.list .productPrice {
	position: static;
	text-align: right;
	font-size: 24px;
	line-height: 24px;
}

.list .productPrice .from {
	font-size: 16px;
	line-height: 24px;
}

.list .priceLabel {
	display: block;
	margin-left: 15px;
	margin-top: 22px;
}

.list .badges {
	top: 0;
	left: 0;	
	z-index: 10;
}






.badges {
	position: absolute;
	margin: 0;
}

.badges li {
	line-height: 15px;
	font-size: 12px;
	color: white;
	background: #263F8C;
	width: 50px;
	height: 30px;
	padding: 10px 0 10px 0;	
	border-radius: 25px;
	text-align: center;
	margin-bottom: 5px;
}

.mainImage,
.mainDrinksImage {

}

.resultsSubBar {
	height: 30px;
	clear: left;
	position: relative;
}


/* Per page control
-------------------------------------------*/

.commercePerPage {
	float: left;
	border-left: solid 1px black;
	padding-left: 10px;
}

.commercePerPage * {
	display: inline;	
	font-size: 13px;	
}
.commercePerPage ul li {
	padding: 0 3px;	
}

.commercePerPage ul li a:hover {

}

/* Previous, Page 1 of 3, Next
-------------------------------------------*/

.commerceSimplePaginator {
		float: right;
		margin: 0px 0px;
		padding: 0px 0px 0px 0px;						
		clear: left;
		text-align: right;
	}

.commerceSimplePaginator ul,
.commerceSimplePaginator ul li {
	display: inline;	
	font-size: 13px;
	padding: 0px 3px;	
}

.commerceSimplePaginator ul li a {
		display: inline;
		padding: 0px 3px;
	}

.commerceSimplePaginator ul li.currentPage {
	border-right: solid 1px black;
	border-left: solid 1px black;
	padding: 0px 3px 0px 6px;
}

/* < 1 .. 5 6 .. 10 > paginator
-------------------------------------------*/

.commerceNumericPaginator {
		float: right;
		margin: 5px 20px 5px 0;
		padding: 9px 0 5px 0;						
		
		
	}

.commerceNumericPaginator ul {
		height: 30px;
		margin: 0px;
		padding: 0px;
	}
	
.commerceNumericPaginator ul li {
		display: block;
		float: left; 		
		text-align: center;
		padding: 0px 0px;
		font-size: 12px;
	}


.commerceNumericPaginator .prevPage *,
.commerceNumericPaginator .nextPage * {
	padding: 2px 5px 1px 5px;
	display: block;
}



.commerceNumericPaginator .showPage a,
.commerceNumericPaginator .firstSeparator span,
.commerceNumericPaginator .lastSeparator span,
.commerceNumericPaginator .page span,
.commerceNumericPaginator .page a {
		display: block;
		padding: 1px 0px 0px 0px;		
		margin: 0px 0px;
		width: 30px;
		color: black;
		
		font-weight: bold;
		text-align: center;	
		text-decoration: none;
		border: solid 1px #eee;		

	}

.commerceNumericPaginator .showPage a {
	width: auto;
	padding: 1px 5px 0px 5px;
	display: block;
}	
	
.commerceNumericPaginator .page span {		
		border: solid 1px #0e419a;
		background: #0e419a;
		color: #fff;		
	}
	
.commerceNumericPaginator .firstSeparator span,
.commerceNumericPaginator .lastSeparator span {
		color: black;
		display: block;
		width: 30px;
		color: #aaa;
	}

	
.commerceNumericPaginator  a:hover {
		
		
		color :black;
		text-decoration: none;
	}
	
.commerceNumericPaginator .firstPage a,
.commerceNumericPaginator .lastPage a {

	}
	
.commerceNumericPaginator .firstPage a:hover,
.commerceNumericPaginator .lastPage a:hover {
		
	}
	
.commerceNumericPaginator .prevPage span,
.commerceNumericPaginator .nextPage span {		
		color: #aaa;
		font-weight: bold;		
		height: 22px;
		border: solid 1px #eee;
	}

	
.commerceNumericPaginator .prevPage a,
.commerceNumericPaginator .nextPage a {		
		font-weight: bold;
		color: black;
		border: solid 1px #eee;
	}	

.commerceNumericPaginator .showPage a:hover,
.commerceNumericPaginator .page a:hover,	
.commerceNumericPaginator .prevPage a:hover,
.commerceNumericPaginator .nextPage a:hover {		
		border: solid 1px #aaa;
		box-shadow: 0 0 3px #ccc;
		background: white;
	}

/* Shoveler
------------------------*/

.commerceShoveler {
	clear: both;
	margin: 0px 0px 20px 0px;
	position: relative;
	/*border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;*/
}

.commerceShoveler .commerceShovelerHeading {
	height: 25px;
	background: #eee;
	color: white;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0;

}

.commerceShovelerPagination {
	position: absolute;
	right: 0;
	top: 0;
}

.commerceShovelerPagination p {
	height: 25px;
	font-size: 14px;
	line-height: 18px;
	color: white;
	background: none;
	padding: 5px 20px;
}


.commerceShovelerBody {
	position: relative;	
}


.commerceShovelerItem {
	float: left;	
	width: 175px;
	height: 225px;

}	

.commerceShovelerItem .shovelerSpinner {
	width: 128px;
	height: 128px;
	padding: 58px 33px 138px 33px;

}

.commerceShovelerList {		
	padding: 0 85px;	
	margin: 0;
}

.commerceShovelerList:before,
.commerceShovelerList:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.commerceShovelerList:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.commerceShovelerList {
    *zoom: 1;
}


.commerceShovelerNav {
	position: absolute;
	width: 44px;
	height: 100%;	
	top: 0;
}

.commerceShovelerNav a {
	position: absolute;
	top: 97px;
	height: 32px;
	width: 32px;
	display: block;
}

.commerceShovelerNav a:hover {
	text-decoration: none;
}

.commerceShovelerBack {
	left: 10px;	
}

.commerceShovelerBack a {
	background: url(images/shoveler_previous.jpg) no-repeat;
}

.commerceShovelerNext {
	right: 0;	
	
}

.commerceShovelerNext a {
	background: url(images/shoveler_next.jpg) no-repeat;
}

/* customer recently viewed
---------------*/

.commerceCustomerRecentlyViewed {
	clear: both;
	height: 250px;
}

.commerceCustomerRecentlyViewed .customerViewedEntries {
	overflow: scoll;
	padding-left: 20px;
}

.commerceCustomerRecentlyViewed .customerViewedHeading {
	background: #0e419a;
	color: white;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0;
}

.commerceCustomerRecentlyViewed li {
	float: left;
}


/* Product Pages
-----------------*/

#commerceProductImageSlider {
	float: left;
	width: 300px;
	padding: 0 10px 30px 50px;	
}

#commerceProductImageSlider .productImages img {
	width: 300px;
	/*border: solid 1px #ccc;*/
}

#commerceProductImageSlider .productImages a,
#commerceProductImageSlider .productImages img {	
	display: block;
}

#commerceProductImageSlider .productImages {
	/*height: 300px;*/
}

#commerceProductImageSlider .productThumbs {
	height: 100px;
	margin: 20px 0 0 -20px;
}

#commerceProductImageSlider .productThumbnail {
	float: left;
	display: block;
	text-decoration: none;
	padding: 0 0 15px 20px;
}

.productThumbnail img {
	width: 58px;
	border: solid 1px #ccc;
}

.productThumbnail:hover img {
	border-color: #093c8f;
}

.activeThumb img,
.activeThumb:hover img {
	border-color: #263F8C;
}



.share-container {
	margin: 0 0 30px 0;
	height: 30px;
	display: none;

}

.productPage h1 {
	padding : 10px 0 0 0;
	font-size: 20px;
	line-height: 130%;
}



.productFeatures {	
	margin-left: 480px;
}


.productFeatures .summary {
	margin: 0 0 10px 0;
}

.productFeatures .productTagline {
	display: block;
}

.productFeatures h3,
.productDescription h3 {
	padding-bottom: 5px;
	border-bottom: solid 1px #ccc;
}

.productFeatures h3 {
	margin-top: 20px;
}

.productDescription {	
	clear: left;
	padding: 20px 0;
}

.productDescription li {
	list-style: disc inside;
}	

.productDescription ol li {
	list-style: decimal inside;
}	


/*.searchOptions {
	margin-top: -3px;
	margin-bottom: 20px;
}

.searchOptions p {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	position: relative;
	padding-left: 150px;
	border-bottom: 1px solid #ccc;

}

.searchOptions span {
	position: absolute;
	left: 5px;
}

.searchOptions a {	
	padding-left: 0px;
}*/

.searchOptions {
	padding-bottom: 10px;
}

.searchOptions a {
	font-style: italic;
}

.commerceProductSimilarItems {
	display: inline;

}

.commerceProductSimilarItems span {
	display: none;
}



.commerceAddToBasket,
.deliveryInfo,
#commerceProductInBasket {	
	margin: 0 0 20px 0;
	background: #eee;
	border: 1px solid #CCC;
	padding: 20px 20px 44px 20px;
}

#commerceBuyItemPrice {
	position: relative;	
}

#commerceBuyItemPrice .productPrice {
/*	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
*/
}

#commerceBuyItemPrice h3 {
	border: none;
	font-size: 24px;
	line-height: 130%;
	margin: 0;
	color: #ee0109;
}

#commerceBuyItemPrice .productPriceLabel {
	display: none;
}

#productBuySelect {
	/*width: 180px;*/
	font-size: 16px;
	padding: 4px 5px;
	width: 100%;
}

.commerceAddToBasket {
	
	position: relative;
	
}


#commerceBuyForm {

}


#commerceBuyForm .commercePrice {
	display: none;
}

#commerceProductBuyStock {
	display: none;
}

#commerceBuyForm .form-row-buttons,
#commerceBuyForm .form-row {
	float: left;
	width: 50%;
	padding: 10px 0;
	text-align: right;

}

#commerceBuyForm label,
.commerceChooser label {
	width: 147px;
	text-align: left;
	padding: 0px 5px;
	background: #ddd;
	border: solid 1px #ddd;
}

.commerceProductBuyQuantity {
	height: 15px;
	margin: 10px 0;
}

/*.commerceProductBuyQuantity:before,
.commerceProductBuyQuantity:after {
    content: " ";
    display: table;
}

.commerceProductBuyQuantity:after {
    clear: both;
}

.commerceProductBuyQuantity {
    *zoom: 1;
}*/

#buttonBuy {
	margin-bottom: 0;
}	

#commerceBuyForm select {
	width: 50px;
	text-align: right;	
}

.commerceChooser {
	margin: 0 0 15px 0;
}

.commerceChooser label {
	width: 168px;
	float: none;
	display: block;
	border-bottom: none;
}

.commerceChooser select {
	width: 180px;
	text-indent: 3px;
}	

.oneChoice select {
	background-image: none;
}


div.productInBasketButtons input,
#commerceBuyForm input {
	width: 180px;
	padding: 5px;
}

div.productInBasketButtons .buttonLink {
	width: 170px;
	padding: 5px;
}

.commerceItemPrice {
	position: relative;
	padding: 0 0 5px 0;
}

.commerceItemPrice .productPrice {
	position: absolute;
	right: 0;
	top: 0;
}

.commercePrice {
	position: relative;
	padding: 20px 0 5px 0;
}

#commercePrice {
	position: absolute;
	right: 0;
}


#commerceProductInBasket h4,
#commerceProductInBasket li {
	font-size: 12px;
	clear: right;
	line-height: 14px;
}

#commerceProductInBasket li.productInBasket {
	border-top: solid 1px #ccc;
	padding-top: 3px;
	padding-bottom: 10px;
}

#commerceProductInBasket .quantityInBasket {
	float: right;
	text-align: right;
	font-size: 14px;
	line-height: 20px;	
}

#commerceProductInBasket .basketRemove {
	padding-top: 5px;
}

/*--Formalize---------------------------------------------*/
	
/* `Widths
----------------------------------------------------------------------------------------------------*/

.input_tiny {
  width: 50px;
}

.input_small {
  width: 100px;
}

.input_medium {
  width: 150px;
}

.input_large {
  width: 200px;
}

.input_xlarge {
  width: 250px;
}

.input_xxlarge {
  width: 300px;
}

.input_full {
  width: 100%;
}

/*
  Added via JS to <textarea> and class="input_full".
  Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
  display: block;
  padding-right: 8px;
}

/* `UI Consistency
----------------------------------------------------------------------------------------------------*/

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input,
button,
select,
textarea {
  margin: 0;
  vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  vertical-align: top;
  top: 3px;
  /* IE8, IE9, IE10 */
  top: 0\0;
  /* IE7 */
  *top: -3px;
  margin: 5px 0 10px 0;
}

/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 2px;
  }
}

/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

.buttonLink {
	display: inline-block;
	margin: 0 0 15px 0;
	text-align: center;
	text-decoration: none;
}

.buttonLink:hover {
	text-decoration: none;		
}

button,
.buttonLink,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background: #ddd url(../img/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  /*
    Helvetica Neue present, because it works better
    for line-height on buttons than Arial, on OS X.
  */
  font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  text-shadow: #fff 0 1px 1px;
  width: auto;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;

  /* override */

  background: #0e419a;
  color: white;
  font-weight: normal;
  text-shadow: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  line-height: 18px;
  height: auto;
  border: none;
  border-radius: none;  
  -moz-border-radius: 0;
  -webkit-border-radius: 0;

}

button {
  /* IE7 */
  *padding-top: 1px;
  *padding-bottom: 1px;
}

button a {
	color: white;
}

button a:hover {
	color: white;
	text-decoration: none;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  /*
    Leaving out Helvetica Neue, to not throw off size="..."
    on inputs. Arial is more reliable, on Windows and OS X.
  */
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
  height: 1.8em;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;

  border-color: #ccc;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
  color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}

:invalid {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  /*-moz-box-shadow: #aaa 0 0 7px;
  -webkit-box-shadow: #aaa 0 0 7px;
  box-shadow: #aaa 0 0 7px;*/

  /* for Opera */
  z-index: 1;


}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url(../img/select_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    display: none;
  }

	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
	    -webkit-appearance: none;
	    margin: 0;
	}

}

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/* `IE6
----------------------------------------------------------------------------------------------------*/

/*
  Everything below this line is for IE6.
  Delete it if you don't support it! :)

  Classes are added dynamically via JS,
  because IE6 doesn't support attribute
  selectors: .ie6_button, .ie6_input, etc.

  Note: These style rules are somewhat
  duplicated because IE6 bombs out when
  it sees attribute selectors. Example:

  .ie6_button {
    This works in IE6.
  }

  .ie6_button,
  input[type=submit] {
    This doesn't work.
  }
*/

.ie6_button,
* html button {
  background: #ddd url(../img/button.png) repeat-x;
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  overflow: visible;
  width: auto;
}

* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
  background: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #888;
}

.ie6_input_disabled {
  background: #eee;
}	


@media print {

	body {
		height: 100%;
		font-family: arial, sans-serif;
	}

	.commerceInfo,
	div.nav_wrapper,
	#footer-wrapper .twoB,
	#footer-wrapper .terms,
	#orderStatus,
	#basket,
	#primary {
		display: none;
	}	

	header h1{
		position: static;
		margin: 0;
		width: auto;
		margin-left: 150px;
		margin-top: 25px;
	}

	h2.accountHeading {
		display: none;
	}

}