/* Import the text styles on load ------ */
@import "typography.css";


/*NOTE: Body is now in Typography Stylesheet so it can work with FCK ------- */


/* Curved Edges bit ----------------- */

.nw {
	position:absolute;
	background-position:left top;
	left:0;
	top:0;
	width: 4px;
	height: 4px;
	background: url('/images/c2.gif') no-repeat;
	margin: 0 0 0 0;
}
.ne {
	position:absolute;
	background-position:right top;
	right:0;
	top:0;
	width: 4px;
	height: 6px;
	font-size: 0.1em;
	background: url('/images/c2-ne.gif') no-repeat;
	margin: 0 -1px 0 0;
}
.sw {
	position:absolute;
	background-position:left bottom;
	bottom:0;
	left:0;
	width: 4px;
	height: 4px;
	font-size: 0.1em;
	margin-bottom: -1px;
	background: url('/images/c2-sw.gif') no-repeat;
}
.se {
	position:absolute;
	background-position:right bottom;
	bottom:0;
	right:0;
	width: 4px;
	height: 4px;
	font-size: 0.1em;
	margin: 0 -1px -1px 0;
	background: url('/images/c2-se.gif') no-repeat;
}


/* Template Layout Styles (For internal content pages see further down)
----------------------------------------------------------------------------------*/

/* Header Styles ------------ */

#header {
	width: 940px;
	text-align: left;
	float: left;
	position: relative;
	background: #2E72B9;
	position:relative;
}

#header h1 {
	background: #2E72B9;
	margin: 0;
	color: #FFF;
}

#header img#LOGO { 
	float: left; 
	margin: 0 0 0 5px; 
}

#header img#HEADBANNER { 
	float: right; 
}

#header div.stores {
	float:right;
	padding:0pt 5px 0pt 0pt;
	text-align:right;
	width:150px;
}

#header div.stores p {
	width:130px;
	color: #FFF !important;
	font-size:1.3em;
	font-weight:bold;
	margin:0pt !important;
	padding:7px 5px;
	text-align:right;
}

#header div.stores p a{
	color: #FFF;
}

#header a img{
	float: left;
}

/* Top Bar Styles ------------- */

#topBar {
	width: 940px;
	background-color: #003b67;
	float: left;
	clear: both;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

#topMenu { 
	float: left; 
	margin: 0; 
	padding: 6px 0 0 10px;
	list-style: none;
}
 
#topMenu li {
	display: inline;
	color: white;
	font-family: Georgia;
	font-style: oblique;
	font-weight: normal;
	padding: 0 15px 0 0;
	font-size: 1.1em;
}

#topMenu li a{
	color: #fff;
}

#search { 
	float: right; 
	margin: 5px 0px; 
}
#search *{ 
	float: left; 
	margin: 0 2px 0 0 ;
}
#search label { 
	font-size: 0.7em; 
	color: white; 
	margin: 5px 10px 0 0 
}

/* Left Column Styles ------------- */

#leftCol {
	background: #1A4F75;
	width: 145px;
	float: left;
	clear: both;
}

#leftMenu {
	width: 125px;
	padding:0 10px 0 10px;
	margin:0;
	float: left;
	list-style: none;
	background: #1A4F75;
}

#leftMenu li {
	width: 125px;
	color: white;
	background: #1A4F75;
	padding: 5px 0;
	margin: 2px 0;
	font-size: 0.85em;
	font-weight: bold;
	float: left;
	clear: left;
}

#leftMenu li a{
	color: #FFF;
}

#leftMenu li a:hover {
	color: #FFFF00;
	font-weight: bold;
	font-size: 1.0em;
}

#leftMenu li ul {
	background: #1A4F75;
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
}

#leftMenu li ul li {
	color: #ccc;
	font-weight: normal;
}

#leftMenu li ul li a {
	color: white;
	font-weight: normal;
	background: url(/images/bullet-menu.gif) no-repeat left;
	padding: 0 0 0 15px !important;
	margin: 0 0 0 5px!important;
	width: 105px !important;
	font-size: 1.2em;
}

#leftMenu li ul li a:hover {
	color: yellow;
	font-weight: normal;
	background: url(/images/bullet-menu.gif) no-repeat left;
	padding: 0 0 0 15px !important;
	margin: 0 0 0 5px!important;
	width: 105px !important;
	font-size: 1.2em;
}

#leftMenu li ul a {
	display: block;
	width: 100%;
}

#leftBanners { 
	background: #FFF; 
	clear: left; 
	padding: 5px 0;
}

#leftBanners img { 
	text-align: center; 
	padding: 5px 0 5px 5px; 
}




/* Center Column Styles ------------------ */
#center {
	float: left;
	width: 635px;
	padding: 20px 10px 10px 10px;
	position: relative;
	background: white url('/images/cbg.png') repeat-x top;
}

/*Right Col Styles ------------------- */

#right { 
	width: 140px;
	float: left;
	padding: 20px 0px 0px 0px;
	position: relative;
	background: white url('/images/cbg.png') repeat-x top;
}

#cc {
	position: absolute;
	top: 0;
	right:0;
	width: 20px;
	height: 20px;
	background: white url('/images/cbgc.png') no-repeat;
	font-size: 0.1em;
}
#right div.rightImg{
	padding: 0 0 10px 0;
}

/* Footer Styles ---------------- */

#footer { 
	clear: both;
	float: left;
	font-size: x-small;
	width: 100%;
	background-color: silver;
}

/* End of Template Layout
----------------------------------------------------------------------------------- */





/* Internal Content Page styles
----------------------------------------------------------------------------------- */


/*Product layout styles ----------- */

#product {
	position: relative;
}

#productHeader {
	position: relative;
	clear: left;
}

#productHeader #image{
	width: 260px;
	text-align: center;
	float: left;
}

#productHeader #image p{
	width: 260px;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 0.8em;
	text-align: center;
}
#productHeader #image p a{
	color: #1a4f75;
	text-decoration: underline;
}

#product input {
	float: left;
}
.price, .wasprice, .saveprice {
	font-size: 17pt;
	font-weight: bold;
	color: #000;
}
#product h1 {
	float: left;
	margin: 0 0 12pt 0;
}

#product #info {
	float: right;
	width: 58%;
}

#product #buy {
	float: left;
	height: 86pt;
}
#product #buy .price {
	font-size: 24pt;
}
#product .longWebDescription {
	clear: both;
	margin: 0 18% 12pt 0;
	font-size: 1.1em;
	font-weight: lighter;
}

#product .features {
	float: left;
	clear: both;
	width: 254px;
	background: #fff;
	padding: 0;
	margin: 0;
}

#product .features h2{
	float: left;
	clear: left;
	margin: 0;
	padding: 0 10px;
	font-size: 1.2em;
	color: #0083C1;
	font-weight: normal;
}

#product .features ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	width: 194px;
	margin: 10px 15px;
}

#product .features ul li{
	background: url(/images/bullet.png) no-repeat left;
	font-size: 0.8em;
	padding: 3px 15px;
}

#product .features li {
	float: left;
	width: 100%;
}

#product .infotxt {
	width: 13em; 
}
#productFoot {
	float: right;
	width: 365px;
	margin: 0 0 0 0;
	background: #fff;
}

#product #guarantees {
	font-size: small;
	float: left;
	background-color: #B2D4E9;
	margin: 0;
	width: 200pt;
	min-height: 80pt; 
	position: relative;
}
#cfix{
	background-color: #B2D4E9;
	position: absolute;
	right: 0;
	width: 6px;
	height: 80pt; 
}

#product #guarantees h4 {
	padding: 0;
	margin: 4px; 
	float: left;
}


#product .priceButton {
	float: left;
	clear: both;
	width: 366px;
	height: 102px;
	background: url(/images/price_button.gif) no-repeat;
	padding: 0 0 0 0;
	margin: 0;
}

#product .priceButton div.compare{
	color: #000;
	margin: 5px 0 5px 5px;
	clear: left;
	float: left;
	text-align: right;
	font-size: 1.0em;
}

#product .priceButton div.compare label{
	text-align: left;
	font-size: 0.9em;
	padding: 2px 0 0 15px;
}

#product .priceButton p.buyForPrice{
	float: left;
	clear: both;
	font-size: 1.1em;
	width: 350px;
	background: transparent;
	margin: 0;
	padding: 15px 0 0 15px;
}

#product .priceButton h2{
	width: 325px;
	float: left;
	clear: both;
	margin: 0 0 0 0;
	padding: 5px 40px 0 0;
	font-size: 1.7em;
	color: #2E72B9;
	font-weight: normal;
	text-align: right;
}

#product .priceButton p.reserveNow{
	width: 345px;
	float: left;
	clear: both;
	font-size: 1.0em;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0 20px 0 0;
}

#product .priceButton p.reserveNow a{
	color: #1a4f75;
}

#guaranteeDesc .guaranteeDesc {
	display: none;
}
#product #guarantees .field {
	clear: both;
	float: left;
}

#linkedProducts {
	width: 635px;
	clear: both;
	float: left;
	background: #fff; 
	padding: 10px 0 0 0;
}

#linkedProducts h3.linked{
	width: 615px;
	background: #2E72B9;
	color: #fff;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}

h3 {
	clear: both;
	float: left;
	margin: 16pt 0 0 0;
}
#productList {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 12pt 0;
}

.productListEntry {
	clear: left;;
	float: left;
	width: 635px;
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	background: #fff;
	border-bottom: solid 2px #1A4F75;
}

.productListEntry .imageBox{
	float: left;
	width: 180px;
	background: #fff;
	text-align: center;
}

.productListEntry div.Details{
	width: 320px;
	float: left;
	background: #fff;
}

.productListEntry div.Details h2{
	float: left;
	margin: 0;
	padding: 5px 10px;
	font-size: 0.8em;
}

.productListEntry div.Details h3{
	float: right;
	clear: both;
	margin: 0;
	padding: 5px 10px;
	font-size: 0.8em;
	text-decoration: underline;
}

.productListEntry div.Details p{
	float: left;
	clear: both;
	width: 300px;
	padding: 0px 10px;
	font-size: 0.7em;
}

.priceBox{ 
	float: left;
	font-size: 1.0em;
	background: url(/images/detailsBox.gif) no-repeat;
	color: #fff;
	height: 96px;
	width: 96px;
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 20px;
}

.priceBox p.price{
	color: #fff;
	margin: 0;
	padding: 0;
	width: 86px;
	text-align: right;
	float: left;
	clear: left;
} 


div.priceBox div.compare{
	color: #000;
	margin: 5px 0 5px 5px;
	clear: left;
	float: left;
	text-align: right;
	width: 90px;
	font-size: 0.8em;
}

.priceBox div.compare label{
	text-align: right;
	font-size: 0.9em;
	padding: 2px 0 0 15px;
}

.priceBox p.moreInfo{
	width: 90px;
	clear: both;
	float: left;
	font-size: 0.8em;
	text-align: right;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
}

.priceBox p.moreInfo a{
	color:#2E72B9;
}

.productListEntry .info { 
	float: left;
	border-top: 3px solid #B2D4E9;
	width: 60%;
	padding: 0 0 0 0.25em;
	font-size: 9pt;
	background: #ccc;
}
.productListEntry .info .features {
	float: left;
	width: 67%
}

.productListEntry .price { 
	font-size: 16pt;
}
.productList .action {
}

.action { 
	float: left;
	font-size: 10pt;
	position: relative;
	background-color:#B2D4E9;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	height: 72pt;
	width: 72pt;
	padding: 4pt;
}
.action div {
	clear: both;
	float: left;
}
.moreinfo {
	text-align: right; 
	padding: 2em 0 0 0;
	width:100%;
}
.moreinfo a {
	text-decoration: underline; 
}
.action .price {
	font-size:175%;
	width:100%;
	text-align:right;
}
.buy {
	position: relative;
	font-weight: bold;
	color: #5F8FC9;
}
.productListEntry h2 {
	padding: 0;
	margin: 0;
	font-size: 12pt;
}
.productListEntry p {
	padding: 0 ;
	margin:0;
	font-size: small;
}
.productListEntry ul {
	font-size: small;
	float: left;
	padding: 0 0 0 1em ;
	margin: 2pt ;
}

.pence {
	font-size: 70%;
	
}

.productGroups {
	margin: 0;
	padding: 0 0 4pt 0 ;
	font-size:10pt;
	list-style: none;
	background-color: #B2D4E9;
	float: left;
	width: 100%;
	position: relative;
}
.productGroups h1 {
	color: #003B67;
	font-size: 16pt;
	padding: 2pt;
	margin: 0; 
}
.pgroup { 
	height: 200px;
	font-weight: bold;
	width: 100%;
	float: left;
}
.productGroups ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: circle;
	float: left;
	width: 600px;
}

.productGroups ul li{
	width: auto;
	float: left;
	padding: 10px 0; 
	margin: 0 15px; 
}

.productGroupEntry {
	float: left;
	width: 33%;
	font-weight: normal;
}

.offer {
	width: 49%;
	color:#000; 
	float: left;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 10pt;
	position: relative;
	border: 1px solid #003B67;
}

.offer .image {
	float: left;
	margin: 4px; 
}

.offer .buy {
	position: relative;
	bottom: 4px; 
	right: 4px;
	font-size: 11pt; 
	font-weight: bold;
}
.offer .moreinfo {
	position: relative;
	bottom: 4px; 
	left: 138px;
	font-size: 10pt;
	font-weight: normal;
}

.offer .price {
	margin: 4pt 0 0 0;
	font-size: 250%;
}

/* ODD and EVEN Styles
------------------------------------------ */

.even{
	border: 1px solid #446174;
	width: 310px;
	height: 250px;
	float: left;
	padding: 0;
	margin: 0 0 10px 11px;
}

.even a img{
	width: 170px;
	margin: 0;
	padding: 10px 0 0 0;
	border: none;
	float: left;
}

.even div.title{
	float: left;
	clear: none;
	width: 130px;
	padding: 20px 0 0 5px;
}

.even div.title h2{
	float: left;
	font-size: 1.0em;
	display: block;
	margin: 0;
	padding: 0;
}


.even div.title h3{
	float: left;
	font-size: 2.1em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	color: #446174;

}

.even div.title p.infotban{
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

.even ul{
	width: 300px;
	float: left;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 0.9em;
}

.even ul li{
	width: 100px;
	float: left;
	clear: left;
	text-align: center;
	margin: 0;
	padding: 0 0 0 45px;
}

.even ul li a{
	color: #5F8FC9;
	text-decoration: underline;
}

.even p{
	float: left;
	clear: left;
	width: 300px;
	margin: 0;
	padding: 10px 5px 0 5px;
	text-align: center;
	font-size: 0.7em;
	color: #446174;
	font-weight: bold;
}

.odd{
	border: 1px solid #446174;
	width: 310px;
	height: 250px;
	float: left;
	clear: left;
	padding: 0; 
	margin: 0 0 10px 0;
}

.odd a img{
	width: 170px;
	margin: 0;
	padding: 10px 0 0 5px;
	border: none;
	float: left;
}

.odd div.title{
	float: left;
	clear: none;
	width: 130px;
	padding: 20px 0 0 5px;
}

.odd div.title h2{
	float: left;
	font-size: 1.0em;
	display: block;
	margin: 0;
	padding: 0;
}


.odd div.title h3{
	float: left;
	font-size: 2.1em;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	color: #446174;
}

.odd div.title p.infotban{
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

.odd ul{
	width: 300px;
	float: left;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 0.9em;
	font-weight: normal;
}

.odd ul li{
	width: 100px;
	float: left;
	clear: left;
	text-align: center;
	margin: 0;
	padding: 0 0 0 45px;
}

.odd ul li a{
	color: #5F8FC9;
	text-decoration: underline;
}

.odd p{
	float: left;
	clear: left;
	width: 300px;
	margin: 0;
	padding: 10px 5px 0 5px;
	text-align: center;
	font-size: 0.7em;
	color: #446174;
	font-weight: bold;
}

.odd p, .even p{
	height: 60px;
	overflow: hidden;
}

/* End of ODD and EVEN 
------------------------------------------ */

#firstoffer{
	width: 633px;
	border: 1px solid #000;
	float: left;
	margin: 10px 0;
	padding: 0 0 10px 0;
}

#firstoffer div.leftDetail{
	float: left;
	width: 300px;
}

#firstoffer div.leftDetail h2{
	font-size: 1.2em;
	padding: 10px 0 0 25px;
	margin: 0;
}

#firstoffer div.leftDetail h3{
	font-size: 1.0em;
	padding: 5px 0 0 25px;
	margin: 0;
}

#firstoffer div.leftDetail p{
	font-weight: bold;
	clear: left;
	color: #446174;
	font-size: 0.8em;
	padding: 10px 0 0 25px;
	width: 250px;
	margin: 0;
}


#firstoffer .rightDetail{
	float: left;
	width: 330px;
}

#firstoffer .rightDetail .imgBit{
	padding: 10px;
	border: 0;
	float: right;
	width: 185px;
}


#firstoffer .rightDetail h2{
	width: 100px;
	height: 30px;
	float: left;
	font-weight: bold;
	color: #5F8FC9;
	font-size: 0.8em;
	padding: 15px 0 0 15px;
	margin: 0;
}

#firstoffer .rightDetail h3{
	width: 100px;
	float: left;
	clear: left;
	font-weight: bold;
	color: #446174;
	font-size: 2.1em;
	margin: 0;
	padding: 0 0 50px 15px;
}

#firstoffer .rightDetail ul{
	width: 270px;
	clear: both;
	list-style: none;
	padding: 5px 0 0 60px;
	margin: 0;
}

#firstoffer .rightDetail ul li{
	float: left;
	width: 100px;
	padding: 0 10px;
}

#firstoffer .rightDetail ul li a{
	color: #5F8FC9;
	text-decoration: underline;
	font-size: 0.9em;
}

/* Sort By: Styles for prod display --------- */

#sortList {
	float: left;
	clear: left;
	margin: 0 0 5px 0;
	width: 630px;
}

#sortList h2 {
	display: inline;
	font-size: 0.8em;
}

#sortList ul {
	width: 550px;
	margin: 0;
	padding: 12px 0 0 10px;
	font-size: 0.8em;
	list-style: none;
	clear: none;
	float: left;
}

#sortList ul li { 
	display: inline;
	padding: 2px 10px; 
	border: 1px solid #B2D4E9;
	margin: 0 10px;
}

.sortPriceASC {
	padding-right: 20px;
	background-image: url('/images/up.png');
	background-position: center right;
	background-repeat: no-repeat;
}
.sortPriceDESC {
	padding-right: 20px;
	background-image: url('/images/down.png');
	background-position: center right;
	background-repeat: no-repeat;
}


/* Page info (numbers etc...) for product display -------------- */

#pageInfo{
	width: 635px;
	background: #eee;
	float: left;
	margin: 5px 0;
	padding: 2px 0;
}

.pageList {
	font-size: 0.8em;
	color: #eee;
	clear: both;
	float: left;
}
.pageList a {
	padding: 0 3px;
}

a.next {
	color: black;
	padding-right: 1em;
	background-image: url('/images/bullet.png');
	background-position: center right;
	background-repeat: no-repeat;
}
a.previous {
	color: black;
	padding-left: 1em;
	background-image: url('/images/prev.png');
	background-position: center left;
	background-repeat: no-repeat;
}
a.current {
	color: black;
	font-weight: bold; 
}

.compareList{
	float: right;
	font-size: 0.75em;
}

.compareList a{
	padding: 0 10px 0 0;
	text-decoration: underline;
}

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

.cartItem {
	clear: both;
	float: left; 
	border: 1px solid #003B67;
	margin: 5px 0 0 0;
	padding: 5px 0;
	width: 632px;
}
.cartItem .imageBox {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	width: 180px;
	text-align: center;
	background: #fff;
}

.cartItem .basketItemText{
	float: left;
	font-size: 1.2em;
	color:#5F8FC9;
	width: 320px;
	background: #fff;
}

.cartItem .basketItemText h2{
	text-align: left;
	margin: 0 0;
	padding: 0 0;
	font-size: 1.0em;
}
.cartItem .basketItemText h3{
	text-align: left;
	margin: 0 0;
	padding: 10px 0 0 0;
	font-size: 0.9em;
	color: #5F8FC9;
	font-weight: normal;
}

.cartItem .basketRightCol{
	float: left;
	width: 110px;
	background: #fff;
	margin: 0 auto;
}

.cartItem .basketRightCol input{
	margin: 0 0 0 5px;
	width: 40px;
}

.cartItem .basketRightCol ul.removeText{
	list-style: none;
	width: 110px;
	margin: 0 auto;
	padding: 10px 0;
	float: left;
	text-align: center;
}

.cartItem .basketRightCol ul.removeText li{
	float: left;
	clear: left;
	width: 110px;
	text-align: center;
	padding: 5px 0 0 0;
}

.cartItem .basketRightCol ul.removeText li a{ 
	text-decoration: underline;
	font-size: 0.7em;
	color: #5F8FC9;
}

.cartItem .product {
	width: 300px;
	padding-left: 0;
	font-weight: bold;
	text-align: left;
}
.cartItemWarranty {
	border-top: none;
}
.cartItemWarranty .product {
	padding-left: 130px;
}
.cartItemWarranty .subtotal {
	padding-left: 70px;
}

.cartItem p{
	width: 630px;
	margin: 0;
	padding: 20px 0; 
	text-align: center;
}
.cartItem p a{
	color: #2E72B9;
}

#totals {
	width: 624px;
	margin: 15px 0 0 0;
	padding: 5px 5px;
	float: left;
	position: relative;
	background: #B2D4E9;
	color:#FFF;
	text-align: right;
}

#totals .label{
	font-size: 0.8em;
	font-weight: bold;
}

#totals .total{
	font-size: 1.5em;	
	font-weight: bold;
}

#tempting {
	clear:both;
	padding: 20px 0 0 0 
}

#Checkout{
	float: right;
	margin: 10px 0;
}


/* Checkout Forms ------------ */

#checkout{
	width: 500px;
	background: #fff;
	float: left;
	margin: 0;
	padding: 0;
}

#checkout fieldset{
	margin: 10px 0;
	padding: 10px 10px;
	width: 580px;
	float: left;
	clear: left;
}

#checkout fieldset p{
	font-size: 0.8em;
}

#checkout fieldset legend{
	color: #2E72B9;
	font-weight: bold;
}

#checkout .formComplete{
	width: 580px;
	clear: left;
	margin: 20px 10px;
	padding: 0;
}

#checkoutError {
	color: black;
	font-size: 12pt;
}
#checkoutError a {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}	
#checkout fieldset input.error {
	border: 1px solid red; 
	background: #FFFCE2 url('/images/warning_obj.gif') no-repeat right; 
	width: 15em;
	margin: 3px 0 0.5em 15px;
	margin-bottom: 0.5em;
	font-size: 0.75em; 
	float:left;
}
#checkout fieldset #delpostcode.error, #checkoutform #postcode.error, #checkoutform #title.error {
	border: 1px solid red;
	background: #FFFCE2 url('/images/warning_obj.gif') no-repeat right; 
	width: 6em; 
	margin: 3px 0 0.5em 15px;
	margin-bottom: 0.5em;
	font-size: 0.75em; 
	float:left;
}


.bullet { clear:none }

#checkout fieldset label, .warning, .bullet  {
	font-size: 0.75em;  
	font-weight: bold; 
	padding: 5px 0 0 5px; 
	float: left; 
	clear: left; 
	width: 270px;
}

#checkout fieldset label a{
	color: #2E72B9;
	text-decoration: underline;
}

#checkout fieldset .lblpostcode {
	font-size: 0.75em; 
	color: #555; 
	display: block; 
	font-weight: bold; 
	padding:  5px 0 0 5px; 
	float: left; 
	clear: none; 
	width: 100px; 
	text-align: right;
}

#checkout fieldset input.text, form#checkoutform select.text {
	border: solid #ccc 1px; 
	width: 15em; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em; 
	float:left;
}

#checkout fieldset input.checkbox {
	border: none; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em; 
	float:left;
}

#checkout fieldset input.text2 {
	border: solid #ccc 1px; 
	width: 6em; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em; 
	float:left; 
	clear:right
}
#checkout fieldset textarea {
	border: solid #ccc 1px; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em; 
	width: 31.0625em
}
#checkout fieldset .text, .text2 {
	font-size: 0.75em
}

#checkout fieldset .warning {
	color: red; 
}

#checkout fieldset .warning {
	color: #f00; 
	float:left; 
	width: 50%;
}
#checkoutnotice .notice {
	color: #f00; 
	font-size: 0.8em; 
	float:left
}
span.fieldreq { 
	font-size: 0.7em; 
	left:0.7em; 
	float:left; 
	padding: 0.35em 0 0 0.35em;
	color: #2E72B9;
}
span.uk { 
	width: 40%; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em;  
	float:left;
}
span.checkoutlast { 
	font-size: 0.7em; 
	float:left;
}
span.checkoutnext { 
	font-size: 0.7em; 
	float:right; 
	font-weight: bold;
}
#checkoutform input.checkoutnav {
	font-size: 1.3em;
}
#postcodeclick { 
	margin-left: 2em; 
}
#address_error { 
	clear:left; 
	font-size: 0.75em; 
	font-weight: bold; 
	padding:  0.35em 0 0 0.8em;
}



.hotoffer { 
	text-align: center; 
	width:632px; 
	background-color: #003B67; 
	padding: 0; 
	border: 1px solid #003B67; 
	color:#FFF; 
	font-weight: bold; 
	margin: 0 0 0 0; 
}


/* Product Text Banner Classes */
.tbanred { color: red; }
.tbangreen { color: green; }
.tbansilver { color: silver; }
.tbanblack { color: black; }
.tbanyellow { color: yellow; }

#productBigPicture p a{
	color: #446174;
	font-size: 0.8em;
	float: left;
	clear: left;
	margin: 20px 0; 
}

#productBigPicture div#image{
	width: 630px;
	float: left;
	clear: left;
}


/* Product Compare-------- */

.compare {
	color: #000;
	margin: 0 0 0 1.5em;
	display: inline;
	width: 100%;
}
#compareproducts {
	font-size: 10pt;
	text-align: center;
}
.comparecol {
	font-weight: bold;
	border-style: none solid solid none;
	border-width: 0pt 1px 1px 0pt;
	border-color: #CCCCCC;
}
.featurecol {
	font-weight: normal;
	border-style: none solid solid none;
	border-width: 0pt 1px 1px 0pt;
	border-color: #CCCCCC;
}

#compare input {
	float: none;
}


/* Choose Branch Styles --------- */

#neareststore {
	float: left;
	clear: right;
}

#neareststore h1{
	font-size: 1.8em;
	color: #2E72B9;
	margin: 0;
	padding: 10px 0 0 0;
	clear: left;
}

#neareststore h2{
	clear: left;
	font-size: 0.9em;
	width: 95%;
}

#neareststore h3{
	clear: left;
	font-size: 1.0em;
	color: #1A4F75;
	width: 95%;
}

#neareststore p{
	font-size: 0.8em;
	font-weight: normal;
	clear: left;
	width: 95%;
}

#neareststore div.branchSelector{
	width: 600px;
	clear: left;
	margin: 10px 0;
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #000;
}

#neareststore div.branchSelector label{
	float: left;
	padding: 2px 10px 0 0;
	font-size: 1.0em;
}

#neareststore div.branchSelector select {
	float: left;
	padding: 0.1em 0 0 0;
	margin: 0 10px 0 0;
}



/* Compare Products Styles ---------------- */

div.comparefeatures{
	width: 640px;
	float: left;
	background: #fff;
}


table.compareRow {
	width: 635px;
	background: #fff;
	float: left;
	clear: left;
	margin: 20px 0;
}

table.compareRow tr{
	width: 620px;
}

table.compareRow td{
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0;
	text-align: center;
}

table.compareRow td.compareproduct{
	background: #eee;
	border-top: 1px solid #000;
}

table.compareRow td.compareproduct h2{
	font-size: 1.3em;
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}

table.compareRow td.compareproduct img{
	margin: 0 0 5px 0;
	
}

table.compareRow td.compareproduct p{
	margin: 0 ;
	padding: 0 0 5px 0;
	font-size: 0.8em;
	color: 1a4F75;
	width: 100%;
	text-align: center;
}

table.compareRow td.compareproduct p a{
	color: #1A4F75;
	text-decoration: underline;
}

table.compareRow td.header{
	background: #eee;
	font-weight: normal;
	font-size: 0.8em;
	padding: 5px 5px;
	width: 100px;
	border-left: 1px solid #000;
}

/* Printable Page styles --------------- */

#pagePrint{
	padding: 0 10px;
}

#pagePrint a img {
	float: left;
	display: block;
}

#pagePrint h2{
	float: left;
	clear: both;
}

#pagePrint fieldset{
	float: left;
	clear: left;
	margin: 10px 0;
	width: 500px;
}

#pagePrint p{
	float: left;
	clear: left;
	margin: 5px 0;
	padding: 0;
	font-size: 0.8em;
}

#pagePrint p a{
	text-decoration: underline;
	color: #1a4f75;
	font-size: 1.0em;
}

#pagePrint hr{
	width: 100%;
	float: left;
	clear: both;
}

/* Static Bits ---- */
div.static{
	float: left;
	width: 100%;
	clear: left;
}