@charset "utf-8";

/* ---------------------------------------------- reset */
body,p,h1,h2,h3,h4,ul,li,img,fieldset{
	margin:0;
	padding:0;
	border:none;
	/*list-style:none;*/}
/* ---------------------------------------------- text */
body{
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#5a5a5a;
	line-height:1.5;
	background:#ededed url(../../images/body.gif) no-repeat 50% 0;
}
h1{
	color:#578a8d;
	font-size:1.6em;
	font-weight:normal;}
	
h1#productTitle{
	font-size:2.5em;
	padding:0 0 15px 0;}
	
h2{
	color:#578a8d;
	font-size:1.5em;
	font-weight:normal;}
h3{
	color:#578a8d;
	font-size:1.3em;
	font-weight:normal;}
h4{}
p{
	font-size:1.1em;
	padding:0 0 10px 0;}
a{
	text-decoration:none;
	color:#578a8d;}

address{
	font-size:1.1em;
	font-style:normal;}
	
a:hover{text-decoration:underline;}

#features{font-size:1.2em;}

/* ---------------------------------------------- main */
#width{
	width:1006px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
}
#page{padding:0 8px;}
/* ---------------------------------------------- header */
#header{
	height:96px;
	position:relative;
}
#logo{
	position:absolute;
	top:10px;
	left:0;
	background:url(../../images/logo.gif) no-repeat;
	width:204px;
	height:71px;
	text-indent:-9999px;
	line-height:0;}
	
#strapline{
	position:absolute;
	top:25px;
	left:200px;
	color:#3183cb;
	font-size:1.7em;
	font-weight:normal;
	width: 475px;/* for Big Bonus header */
	text-align: center;/* for Big Bonus header */
	text-transform:uppercase;
}

#strapline a{
	color:#3183cb;}

#strapline span.subStrapRed{
	color:#cf1200;
}

#strapline span.subStrapPad{
	padding-left: 140px;
}

#bonusContainer {/* for Big Bonus header */
	position:absolute;
	top:1px;
	left:675px;
}

#tel{
	position:absolute;
	top:10px;
	left:820px;
	font-size:1.6em;}
#basket{
	position:absolute;
	top:40px;
	left:820px;
	background:url(../../images/icon-basket.gif) no-repeat 0 0;
	padding:2px 0 20px 50px;
	font-size:1.1em;}
/* ---------------------------------------------- nav */
#navL{
	height:42px;
	background:url(../../images/navL.jpg) no-repeat 0 0;
	padding-left:8px;}
#navR{
	height:42px;
	background:url(../../images/navR.jpg) no-repeat 100% 0;
	padding-right:8px;}
#nav{
	height:42px;
	background:url(../../images/nav.jpg) repeat-x 0 0;
	padding:0 10px;
	list-style:none;
	z-index: 100;
}
#nav li{
	float:left;
	line-height:42px;
	position:relative;
	z-index: 100;
}
#nav li span{
	display:none;
	z-index: 100;
}
#nav li a{
	color:#707070;
	text-decoration:none;
	font-size:1.2em;
	display:block;
	background:url(../../images/brd.gif) no-repeat 100% 0;	
	padding-right:10px;
	margin-right:10px;
	z-index: 100;
}
#nav li a:hover{color:#428cd8;}
#nav li ul li{
	line-height:25px;
	display:block;
	z-index: 100;
}
#nav li ul{
	background:#ebebeb;
	width:190px;
	display:none;
	z-index: 100;
}
#nav li ul li a{
	background:none;
	text-indent:10px;
	width:180px;
	z-index: 100;
}
#nav li ul li a:hover{background:#e7e6e6 url(../../images/nav-hover.gif) no-repeat 0 0;}
#nav li ul{
	position:absolute;
	top:40px;
	left:-5px;
	z-index: 100;
}
#nav li ul li ul{
	position:absolute;
	top:0;
	left:190px;
	z-index: 100;
}
#navR form{
	float:right;
	padding:10px 10px 0 4px;
	width:250px;
	height:32px;
	background:url(../../images/nav.jpg) repeat-x 0 0;}
#navR input#textInput{
	background:url(../../images/nav-search.jpg) no-repeat;
	width:154px;
	height:19px;
	border:none;
	padding:2px 0 0 24px;
	color:#5a5a5a;}
#navR input#submitForm{
	border:none;
	color:#707070;
	background:none;
	cursor:pointer;}

/* ---------------------------------------------- masthead */
#masthead{
	border:1px solid #d7d7d7;
	height:249px;
	position:relative;
	margin:15px 0 0 0;
	clear:both;
}
#smlMasthead{
	border:1px solid #d7d7d7;
	position:relative;
	margin:15px 0 0 0;
}
#smlMasthead.store-page{
	background:url(../../images/mastheadAldiss.jpg) no-repeat;
	height:177px;
}
#smlMasthead.about-page{
	background:url(../../images/mastheadAboutus.gif) no-repeat;
	height:177px;
}
#polaroid{
	background:url(../../images/polaroids.png) no-repeat;
	width:273px;
	height:195px;
	position:absolute;
	top:-20px;
	right:-22px;
}
#mastheadL{
	background:#b9b39d url(../../images/summer-mastheadL.jpg) no-repeat 100% 0;
	width:484px;
	height:243px;
	float:left;
	margin:3px 0 0 3px;}
#mastheadL h1{
	padding:80px 0 0 20px;
	color:#cf1200;
	font-size:3.2em;
	font-weight:normal;}
#mastheadL p{
	padding:5px 0 0 20px;
	font-size:1.1em;
	line-height: 1.1;
	width:330px;
	color:#868686;}
#mastheadL p a{
	color:#cf1200;}
#mastheadR{
	position:relative;
	background:url(../../images/mastheadR.jpg) no-repeat 0 0;
	width:484px;
	height:243px;
	float:right;
	margin:3px 3px 0 0;}

#mastheadR img.message{
	position:absolute;
	left:-5px;
	top:-10px;}

#mastheadR p.catLinks{
	position:absolute;
	left:15px;
	bottom:20px;
	font-size:17px;
	padding:0;}

#mastheadR p.catLinks a{
	text-decoration:underline;}

#badgeExperience{
	background:url(../../images/badge-experience.png) no-repeat;
	width:263px;
	height:82px;
	position:absolute;
	top:-10px;
	left:-6px;
	text-indent:-9999px;
	line-height:0;}
.badgeStyle{
	background:url(../../images/badge-style.png) no-repeat;
	width:123px;
	height:57px;
	position:absolute;
	top:75px;
	left:0;
	text-indent:-9999px;
	line-height:0;}

.staple{
	background:url(/images/badge-new.png) no-repeat;
	width:123px;
	height:57px;
	position:absolute;
	top:75px;
	left:0;}

#priceBox{
	width:231px;
	height:65px;
	background:url(../../images/black-box.png) no-repeat 0 0;
	position:absolute;
	bottom:30px;
	right:3px;
	color:#fff;
	padding:0 0 0 10px;}
#priceBox a{
	color:#fff;
	font-weight:bold;
	display:block;
	margin:8px 0 0 0;}
#priceBox strong{font-size:120%;}
#priceBox div{float:right;}
/* ---------------------------------------------- breadcrumb */
#breadcrumb{
	padding: 0 10px 10px 10px;
	display:block;
	overflow:hidden;
	list-style:none;}
#breadcrumb li{
	float:left; 
	font-size:1.1em;}
#breadcrumb li a{
	margin:0 15px 0 0;
	color:#7c7a7a;}
/* ---------------------------------------------- content */
#content{
	clear:both;}

#leftCol{
	width:230px;
	_width:220px;
	padding:0 0 0 10px;}

#leftCol h2{
	font-size:1.8em;}

#leftCol ul{
	padding:4px 0;
	list-style:none;}
#leftCol ul li a{
	color:#656565;
	font-size:1.2em;}
#leftCol ul li{padding:2px 0;}
#leftCol .line{margin:10px 0;}

#centerCol{
	width:480px;
	float:left;}
#centerCol p{
	padding:10px 0;}
#centerCol h2{
	padding:10px 0;}
#rightCol{
	width:240px;
	float:right;}
#main{
	width:730px;
	float:right;
	padding:0 10px 0 0;}

#main h1{
	font-size:2.5em;}

#fullColumn{
	padding-top:15px;}
/* ---------------------------------------------- category page */
#catMasthead{
	background:url(../../images/_tmp-catMasthead.jpg) no-repeat 3px 3px;
	height:173px;
	width:100%;
	padding:3px;
	border:1px solid #d8d8d8;
	position:relative;}
#catMasthead #txt{
	position:absolute;
	top:13px;
	left:250px;
	width:160px;}
#catMasthead #txt p strong{
	color:#909fac;
	font-size:1.6em;
	line-height:normal;
	margin-bottom:8px;
	font-weight:normal;
	display:block;}
#catMasthead .save15{
	position:absolute;
	right:3px;
	bottom:20px;}
#catMasthead img{float:right;}

#catDesc{
	padding: 5px 0 0 0;
}
#catDesc h1{
	font-size:2.5em;
	color:#578a8d;
	/*margin-bottom:5px;*/
}
/* ---------------------------------------------- brand/range description on product-listing index page */
p.fullDesc {
	border:none;
	padding:0;
	line-height:1.4;
	color:#5A5A5A;
	font-weight:normal;
	font-size: 1.2em;
}
/* ---------------------------------------------- ranges on category page */
#rangesUL{
	clear:both;
	overflow:hidden;
	list-style:none;}
#rangesUL li{
	float:left;
	width:360px;
	height: 307px;
	margin:0 2px 5px 2px;
	position:relative;
	padding:0 0 5px 0;}
#rangesUL li:hover{
	background:#f5f5f5;	
}
#rangesUL li:hover a{
	background:#fff;
}
#rangesUL li:hover h2 a{
	background:#f5f5f5;
}
#rangesUL li a{
	display:block;
	width: 345px;
	height: 177px;
	border:1px solid #d1d1d1;
	padding:2px;
	text-align:center;
	position: relative;
	text-decoration: none;}
#rangesUL li p a,
#rangesUL li h2 a{
	display:inline;
	height:auto;
	border:none;
	padding:0;}
#rangesUL li p.shortDescriptionP{
	padding-bottom: 7px;
	line-height:1.5;
}
#rangesUL li img{
	width: 342px;
	height: 175.75px;
}
#rangesUL li h2{
	color:#578a8d;
	padding:4px 7px 0 7px;
	font-weight:normal;
	font-size: 1.4em;
	line-height: 1.3}
#rangesUL li p{
	color:#5a5a5a;
	padding:7px 7px 0 7px;
	height:2.5em}
/* ---------------------------------------------- brands on category page */
#brandsUL{
	clear:both;
	overflow:hidden;
	list-style:none;}
#brandsUL li{
	float:left;
	width:238px;
	height: 221px;
	margin:0 2px 5px 2px;
	position:relative;
	padding:0 0 5px 0;}
#brandsUL li:hover{
	background:#f5f5f5;	
}
#brandsUL li:hover a{
	background:#fff;
}
#brandsUL li:hover h2 a{
	background:#f5f5f5;
}
#brandsUL li a{
	display:block;
	width:225px;
	height:111px;
	border:1px solid #d1d1d1;
	padding:2px;
	text-align:center;
	position: relative;
	text-decoration: none;}
#brandsUL li p a,
#brandsUL li h2 a{
	display:inline;
	height:auto;
	border:none;
	padding:0;}
#brandsUL li p.shortDescriptionP{
	padding-bottom: 7px;
	line-height:1.5;
}
#brandsUL li img{
	width: 223.25px;
	height: 109.25px;
}
#brandsUL li h2{
	color:#578a8d;
	padding:4px 7px 0 7px;
	font-weight:normal;
	font-size: 1.4em;
	line-height: 1.3}
#brandsUL li p{
	color:#5a5a5a;
	padding:7px 7px 0 7px;
	height:2.5em}
/* ---------------------------------------------- products on category page */
#products{
	clear:both;
	overflow:hidden;
	list-style:none;}
/* Border around whole product
#products li{
	float:left;
	border:1px solid #d1d1d1;
	width:237px;
	margin:2px;
	position:relative;}
#products li a{
	display:block;
	height:120px;
	padding:2px;
	text-align:center;}
*/	
#products li{
	float:left;
	width:239px;
	margin:0 2px 5px 2px;
	position:relative;
	padding:0 0 5px 0;}
#products li:hover{
	background:#f5f5f5;	
}
#products li:hover a{
	background:#fff;
}
#products li:hover h2 a{
	background:#f5f5f5;
}
#products li a{
	display:block;
	height:120px;
	border:1px solid #d1d1d1;
	padding:2px;
	text-align:center;
	position: relative;
	text-decoration: none;}
#products li p a,
#products li h2 a{
	display:inline;
	height:auto;
	border:none;
	padding:0;}
#products li p.moreinfo{float:right;}
#products li p.price{}
#products li p.price{
	font-size:1.4em;
	font-weight:normal;
	display:block;
	color:#578a8d;
	font-weight:bold;}

#products li p.price span.wasPrice{
	color:#578a8d;
	font-weight:normal;
	color:#5A5A5A;
	font-size:0.8em;
	float: left;
	display: block;
	height: 20px;
	width: 105px;
	vertical-align: middle;
	line-height: 1em;
}
#products li p.price span.nowPrice{
	float: left;
	display: block;
	height: 20px;
	width: 105px;
	text-decoration: line-through;
	font-size:0.8em;
	vertical-align: middle;
	line-height: 1em;
}
#products li p.price span.showDiscount{
	color:#487876;
	font-size:0.8em;
	float: left;
	display: block;
	height: 20px;
	width: 105px;
	vertical-align: middle;
	line-height: 1em;
}
#products li p.price span.ourPrice{
	float: left;
	display: block;
	height: 20px;
	width: 105px;
	font-size:0.8em;
	vertical-align: middle;
	line-height: 1em;
}
.saveBar{
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.discountRibbon {/* for discount ribbon image */
	position: absolute;
	right: 0px;
	top: 0px;
}
.savePriceMini{
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #B00C01;
	padding: 0 0 3px 6px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.5em;
}
#products li p.shortDescriptionP{
	padding-bottom: 7px;
	line-height:1.2;
}

#products li p.addToBasket{float:right;}
#products li p.addToBasket a{
	font-size:1.2em;
	font-weight:bold;
	background:url(../../images/addToBasket.gif) no-repeat 94% 50%;
	line-height:36px;
	display:block;
	padding:0 50px 0 0;}
#products li p a{
	font-size:1.2em; 
	line-height:36px;
	font-weight:bold;}
#products li img{/*display:none;*/}

#products li h2{
	color:#578a8d;
	padding:4px 7px 0 7px;
	font-weight:normal;
	height:2.5em;
	font-size: 1.4em;
	line-height: 1.3}
#products li p{
	color:#5a5a5a;
	padding:7px 7px 0 7px;
	height:2.5em}
#products li .save10,
#products li .save15,
#products li .save20{	
	position:absolute;
	top:60px;
	right:1px;
	text-indent:-9999px;
	line-height:0;}

#productDescription{
	font-size:1.1em;}

#productDescription p{
	margin-bottom:1em;
	padding:0;}

#productDescription ul, #productDescription ol{
	margin:0.5em 1em;
	font-size:1.1em;}

/* ---------------------------------------------- product page */
#image {
	border:1px solid #d9d9d9;
	padding:10px 0;}
#image a{
	display:block;
	text-align:center;}
#image a img{/*display:none;*/}
#zoom{
	background:url(../../images/zoom.gif) no-repeat 0 0;
	padding-left:25px;}

h4.blueyHeader{
	color:#487876;
}

.block{
	background:#f0f0f0;
	border:1px solid #d1d1d1;
	padding:10px;
	margin:0 0 10px 0;
	line-height:1.6;
	height: 231px;}

.block p.rrpPrice{
	font-size:1.3em;
	padding-bottom:0em;
	color:#578a8d;}

.block p.wasPrice{
	font-size:1.3em;
	padding-bottom:0em;
	color:#578a8d;
	text-decoration: line-through;}

.block p.nowPrice, .block p.ourPrice{
	font-weight:bold;
	font-size:1.9em;
	padding-bottom:0em;
	color:#487876;}

.block p.nowPrice span{
	font-weight:bold;
	font-size:0.9em;
	color:#578886;}

.block p.savePrice{
	font-weight:bold;
	font-size:1.6em;
	padding-bottom:0em;
	color:#c70000;}

.block p.showDiscount{
	font-weight:bold;
	font-size:1.1em;
	padding-bottom:0em;
	color:#487876;}

.block strong{font-size:1.2em;}

.block em{
	font-size:1.6em;
	color:#cb0303;
	font-weight:bold;
	font-style:normal;}
	
.block h3{
	font-size:1.4em;}
	
.block.offer{
	padding:0;}

.block.offer img{
	display:block;
	margin:2px;}
	
#features{
	margin:15px 0;}
#features td{
	padding:2px;}
#features tr.on{
	background:#f0f0f0;}

/* ---------------------------------------------- paging */
.paging {
	height:25px;
	padding:0 5px;
	background:url(../../images/paging.jpg) repeat-x 0 0;
	margin:15px 0;}
.paging li{
	display:inline;
	line-height:25px;
	margin:0 5px 0 0;}
.paging li a{
	font-size:1.1em;
	color:#5a5a5a;}
.paging li a.active{
	text-decoration: underline;}
.paging li.sortResults{float:right;}
.paging li.sortResults label{font-size:1.2em;}
.paging li.sortResults select{font-size:1.2em;}
.paging li.sortResults input{
	background:none;
	border:none;
	cursor:pointer;
	color:#578A8D;
	font-weight:bold;
	font-size:1.2em;}


/* ---------------------------------------------- heros */
#heros{
	clear:both;
	margin:25px 0 0 0;
	overflow:hidden;
	list-style:none;}
#heros li{
	float:left;
	width:240px;
	margin:0 9px 0 0;
	position:relative;}
#heros li img{
	border:1px solid #d1d1d1;
	padding:2px;}
#heros li h2{
	color:#578a8d;
	padding:4px 7px 0 7px;
	font-weight:normal;
	font-size:1.6em;}

#heros li h2 a:hover{
	text-decoration:none;}

#heros li p{
	color:#5a5a5a;
	padding:7px 7px 0 7px;}
#heros li .save10,
#heros li .save15,
#heros li .save20{	
	position:absolute;
	top:50px;
	right:2px;
	text-indent:-9999px;
	line-height:0;}
#footHeros{
	border:solid #e9e9e9;
	border-width:1px 0;
	height:118px;
	clear:both;
	margin:25px 0 0 0;}
#footHeros li{
	float:left;
	display:inline;
	width:240px;}
#footHeros li img{
	float:left;
	margin:0 20px 0 0;}
#footHeros li h3{
	color:#578a8d;
	padding:25px 0 0 0;}
#footHeros li p{
	color:#989898;}
#heros li.end{margin:0;}
/* ---------------------------------------------- panels */
.panel{
	padding:0 0 40px 0;
	clear:left;
	overflow:hidden;}
.panel img{
	float:left;
	margin:15px 3px 0 0;}
.panel h4{
	font-size:1.2em;
	padding:10px 0 0 10px;}
.panel p{padding:6px 0 2px 10px;}

/* ---------------------------------------------- footer */
#footer{
	height:20px;
	padding:20px 0 0 0;
	clear:both;
	list-style:none;}
#footer li{
	float:left;
	color:#9e9e9e;
	margin:0 10px 0 0;
}
#footer li#magic{float:right;}
#footer li a{color:#9e9e9e;}
/* ---------------------------------------------- save icons */
.save10{
	background:url(../../images/icon-save10.gif) no-repeat;
	width:65px;
	height:65px;
	text-indent:-9999px;
	line-height:0;}
.save15{
	background:url(../../images/icon-save15.gif) no-repeat;
	width:65px;
	height:65px;
	text-indent:-9999px;
	line-height:0;}
.save20{
	background:url(../../images/icon-save20.gif) no-repeat;
	width:65px;
	height:65px;
	text-indent:-9999px;
	line-height:0;}

/* categoryFilterPanel
--------------------------------------------------------------*/
a.categoryFilterRemove {
    color:#000;
    text-decoration: none;
    padding-right: 17px;
    background:url(/images/icon-x.png) no-repeat right center;}

.formButton{
	cursor:pointer;
	background:#428bd7 url(/images/formButton-grad-blue.gif) repeat-x left center;
	padding:3px 8px !important;
	color:#fff;
	border:1px solid #428bd7;
	width:auto;}

.formButton:hover{
	background:#2a7dd1;
	border:1px solid #0d5593;
	text-decoration:none;}

.formButtonGrey{
	cursor:pointer;
	background:#666 url(/images/formButton-grad-grey.gif) repeat-x left center;
	padding:3px 8px !important;
	color:#fff;
	border:1px solid #666;
	width:auto;}

.formButtonGrey:hover{
	border:1px solid #333;
	text-decoration:none;}

.formButtonGreen{
	cursor:pointer;
	background:#96b614 url(/images/formButton-grad-green.gif) repeat-x left bottom;
	padding:3px 8px !important;
	color:#fff;
	border:1px solid #96b614;
	width:auto;}

a.formButton, a.formButtonGrey, a.formButtonGreen{
	color:#fff;}

.formButtonGreen:hover{
	background:#8aa810;
	border:1px solid #7c980d;
	text-decoration:none;}

/* basket
--------------------------------------------------------------*/
div.aboveBasket{
	padding:0 0 10px 0;
	text-align:right;
	width:100%;
	border-bottom:1px dotted #ccc;
	font-size:1.3em;}

table.basket{
	width:100%;
	margin:10px 0 25px 0;
	font-size:1.3em;}

table.basket thead tr{
	background:#428bd7 url(/images/formButton-grad-blue.gif) repeat-x left bottom;}

table.basket th{
	font-weight:bold;
	color:#fff;
	text-align:left;}

table.basket th{
	padding:3px 0;}

table.basket td{
	padding:5px 0;}

table.basket tr.productRow td{
	border-bottom:1px dotted #ccc;
	padding-top:10px;
	padding-bottom:10px;}

table.basket th.delete,
table.basket th.qty,
table.basket td.delete,
table.basket td.qty{
	width:50px;}

table.basket th.price,
table.basket th.total,
table.basket td.price,
table.basket td.total{
	text-align:right;}

table.basket th.price,
table.basket td.price{
	width:200px;}

table.basket th.total,
table.basket td.total{
	width:100px;}

table.basket th.product,
table.basket td.product{
	width:570px;}

table.basket th.total, table.basket td.total{
	padding-right:10px;}

table.basket td.delete{
	text-align:center;}

table.basket td.qty input{
	width:2.5em;
	border:1px solid #ccc;
	padding:1px;}

table.basket td.product img{
	width:50px;
	display:block;
	float:left;
	margin-right:10px;}

table.basket td.product .formButtonGreen{
	margin-top:5px;}

table.basket tr.promoCode td{
	vertical-align:bottom;}

table.basket tr.promoCode h4{
	margin-top:10px;}

table.basket td.delivery{
	text-align:right;
	padding:25px 10px 0 0;}

table.basket tr.addonsRow{
	background:#e1ffd1;}

table.basket tr.addonsRow td{
	padding:10px 20px;
	border-bottom:1px dotted #ccc;}

table.basket tr.addonsRow p.intro{
	color:#3d4f7a;
	font-size:1.2em;}

tr.addonsRow .accessories{
	width:600px;
	float:left;}

tr.addonsRow .warranties{
	width:325px;
	float:left;}

tr.addonsRow .warranties ul{
	list-style:none;
	margin:0;}

tr.addonsRow .warranties li{
	margin-bottom:20px;}

tr.addonsRow .warranties li a.formButtonGreen{
	float:right;
	margin-left:10px;}

div.promoCode{
	clear:both;
	float:left;
	padding:10px 45px 10px 45px;
	margin-top:10px;}

div.promoCode p{
	white-space:nowrap;
	margin:0;}

div.promoCode.success{
	color:#468d3f;
	background:#e1ffd1 url(/images/promo-success.gif) no-repeat 10px center;
	border:1px solid #c5f8ac;}

div.promoCode.fail{
	color:#ee7b61;
	background:#f8e5e5 url(/images/promo-fail.gif) no-repeat 10px center;
	border:1px solid #ee7b61;}

/* customerForm
--------------------------------------------------------------*/
div.login, div.personal, div.address, div.gateway{
	clear:both;
	overflow:hidden;
	background:#fcfcfc;
	border:1px solid #e7e7e8;
	padding:20px;
	margin:15px 0;}

div.login label{
	width:7em;}

div.login a.formButtonGreen{
	font-size:1.3em;}

div.personal label, div.address label{
	width:15em;}

div.login h2, div.personal h2, div.address h2, div.gateway h2{
	font-size:1.3em;
	line-height:1.6;
	margin:0 0 10px 0;
	color:#578A8D;}

div.personal p span{
	display:block;
	float:left;
	margin-right:2.5em;}

div.newsletterOptIn{
	clear:both;
	overflow:hidden;
	padding-top:15px;}

div.newsletterOptIn input{
	float:none;
	margin:0;}

.customerForm legend{
	font-size:1.3em;
	margin:0 0 10px 0;
	color:#578A8D;}

.customerForm label{
	display:block;
	float:left;}

.customerForm label.error{
	clear:left;
	width:auto;
	color:#ee7b61;
	padding:2px 5px 2px 35px;
	background:#f8e5e5 url(/images/promo-fail.gif) no-repeat 10px center;
	border:1px solid #ee7b61;
	white-space:nowrap;}

#loginForm{
	/*margin-top:25px;*/}

#loginForm label.error{
	margin:-5px 0 10px 7em;}

#addressForm label.error{
	margin:-5px 0 10px 15em;}

#addressForm fieldset.continue label.error{
	clear:none;
	float:none;
	display:inline;
	margin:0 0 0 1em;}

.customerForm label span{
	color:red;}

.customerForm input, .customerForm select, .customerForm textarea{
	float:left;
	padding:2px 3px;
	margin-bottom:10px;}

.customerForm input.formButtonGreen{
	clear:both;
	margin-top:10px;}

.customerForm br{
	clear:left;}
	
.infoNotice{
	overflow:hidden;
	padding:10px;
	margin-bottom:20px;
	color:#468d3f;
	background:#e1ffd1;
	border:1px solid #c5f8ac;}

.infoNoticeAlert{
	overflow:hidden;
	padding:10px 10px 10px 55px;
	margin-bottom:20px;
	color:#000;
	background:#ffc url(/images/icon-alert.gif) no-repeat 15px center;
	border:1px solid #fdc151;}

.previousAddress{
	overflow:hidden;
	background:#f7f7f7;
	border:1px solid #e7e7e8;
	padding:20px;
	margin-bottom:10px;}

.previousAddress address{
	float:left;
	margin:0;}

.previousAddress a.formButtonGreen{
	float:right;
	margin-top:25px;}

a.loginHelp{
	cursor:pointer;}

#loginHelp{
	clear:both;}

#loginHelp div{
	background:#f7f7f7;
	border:1px solid #e7e7e8;
	padding:20px 20px 10px 20px;
	margin-bottom:10px;}

#loginHelp h2{
	margin-bottom:0;}

#loginHelp h3{
	font-size:1.2em;
	line-height:1.6;
	margin-bottom:0;
	color:#42842C;}

.gatewayForm{
	width:100%;
	text-align:center;
	margin:25px 0 15px 0;}

.screenshot{
	float:left;
	margin:15px 0 25px 75px;
	position:relative;}
	
/* ---------------------------------------------- misc */
.clear{clear:both;}
.clearL{clear:left;}
.line{
	border-bottom:1px solid #eee;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;}
	
#norwichStore{float:left;}
#fakenhamStore{float:right;}
#norwichStore,
#fakenhamStore{
	width:45%;
	padding:0 0 20px 5px;}
#norwichStore ul,
#fakenhamStore ul{padding:0 0 20px 0;}

#norwichStore li,
#fakenhamStore li{
	font-size:1.1em;
	padding:2px 0;}
	
#norwichStore img,
#fakenhamStore img{
	border:1px solid #ccc;
	padding:2px;
}

/*Floats and Clearing
-------------------------------------------------------------- */
.fR{
	float:right;}

.fL{
	float:left;}

.clearfix:after{
    content: ".";
    display: block;
    height:0;
    clear:both;
    visibility: hidden;}

#floatClear{
	float:left;}

.clBoth{
	clear:Both;}

/* Some default classes
-------------------------------------------------------------- */
.small{
	font-size:.8em;
	margin-bottom:1.875em;
	line-height:1.875em;}

.large{
	font-size:1.2em;
	margin-bottom:1.25em;}

.bold{
	font-weight:bold;}

.normalText	{
	font-weight:normal;
	font-size:100%;}

.boldTitle{
	font-weight:bold;
	color: #3b3b3b;
	padding:1em 0 .5em 1em;
	display:block;
	margin:0;}

.red{
	color:#c80000;}

.blue{
	color:#3d4f7a;}

.green{
	color:#42842c;}

.white{
	color:#fff;}

.hide{
	display:none;}

.highlight{
	background:#ff0;}

.top{
	margin-top:0;
	padding-top:0;}

.bottom{
	margin-bottom:0;
	padding-bottom:0;}

.txtCenter{
	text-align:center;
	width:auto;
	display:block;}

.txtRight{
	text-align:right;}

.last, .noMargin{
	margin:0;}

.noPadding{
	padding:0;}