/* @override 
	http://localhost:8000/css/magnet09-screen.css */

@charset "utf-8";

/*
-----------------------------------------------------------------------------------------
MAGNET 2009 - SCREEN

--------------
CONTENTS
--------------
## RESET BROWSER DEFAULT CSS
## SITE STRUCTURE
## TYPOGRAPHY
## HEADER
## PERSONALISATION
## MODAL LOGIN
## SITE SEARCH
## KITCHENS NAV
## PROMO
## NAV
## CONTENT
## FOOTER
## PAGE LAYOUT
## TYPOGRAPHY
## BASE FORM LAYOUT
## LINK STYLES

## ACCESSIBLE HIDE

-----------------------------------------------------------------------------------------
*/


/* ## RESET BROWSER DEFAULT CSS ---------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, em, font, img, small, strike, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body.ranges div#content div.section
{
    margin-bottom: 0px !important;
}

body.ranges div#content div.landing-secondary div.section {
    margin-top: 0px !important;
}
/* ## SITE STRUCTURE --------------------------------------------------------------*/
body {
	background-color: #0D0D0D;
	color: #FFFFFF;
/*	font-family: 'Gill Sans MT', 'Gill Sans', Arial, Verdana, sans-serif; */
	font-family: 'Gill Sans MT', 'Gill Sans', Arial, Verdana, sans-serif;
	position: relative;
	text-align: center;/* padding: 0 0 40px; */
}

.container {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 990px;
}

.header, #nav, #content {
	display: inline;
	margin: 0 35px;
	float: left;
	width: 920px;
}

.footer {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	width: 920px;
}

.promo {
	width: 990px;
	overflow: hidden;
	clear: both;
}

body.buildstore .promo {
	height: 100px;
}

#image-holder div#images .image {
	position: relative;
}

#thismorningbtn {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 1000;
	width: 188px;
	height: 94px;
	text-indent: -9999px;
	background: url(../images/thismorning/thismorningbtn.png);
}

#content {
	/* min-height: 450px; */
	padding: 0;
    padding-bottom:20px;
}

#offersheading { 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	color:#fff; float:left; 
	width:916px; 
	margin:20px 0 0 35px; 
	font-weight:lighter; 
	text-transform: uppercase; 
	padding: 5px 0 5px 5px;
}


/* ## HEADER ----------------------------------------------------------------------*/
.header {
	height: 78px;
	clear: both;
}

/* ## BRANDING --------------------------------------------------------------------*/
.branding {
	width: 222px;
	float: left;
}

.branding a {
	background: url(/stat/logo_wob.gif) no-repeat 0 0;
	display: block;
	width: 222px;
	height: 77px;
}

.branding a img {
	visibility: hidden;
}

/* ## PERSONALISATION -------------------------------------------------------------*/
div.personalisation {
	left: 315px;
	position: absolute;
	top: 11px;
	width: 300px;
	z-index: 200;
}

div.personalisation p {
	font-size: 62.5%;
	letter-spacing: 1px;
	margin: 0;
	line-height: 1;
	text-transform: uppercase;
}

p.login-register {
	overflow: hidden;
	padding-bottom: 1px;
	width: 300px;
}

p.login-register a, p.login-register span {
	border: 1px solid #333;
	display: block;
	float: left;
	height: 14px;
	padding: 0 3px;
}

p.login-register a.login:hover, p.login-register a.login:focus, p.login-register a.login:active {
	border: 1px solid #333;
	outline: none;
	text-decoration: none;
}

p.login-register a.register, p.login-register span {
	border: 1px solid #0D0D0D;
}

p.login-register a.register {
	padding: 0;
}

p.wish-list {
	padding-left: 1px;
}

/* ## MODAL LOGIN -----------------------------------------------------------------*/
#modal-login {
	background: transparent url(/stat/bg-modal-login.png);
	border: 1px solid #333;
	left: 0;
	padding: 10px;
	position: absolute;
	top: 15px;
	width: 210px;
	z-index: 200;
}

#modal-login div {
	padding-bottom: 10px;
	width: 210px;
}

#modal-login div label {
	display: block;
	font-size: 62.5%;
	padding: 2px 0 3px 0;
	text-transform: uppercase;
}

#modal-login label.hidden {
	overflow: hidden;
	text-indent: -3000em;
}

#modal-login form fieldset input {
	border: 1px solid #808080;
	font-size: 11px;
	padding: 2px 3px;
	width: 202px;
}

#modal-login form div.signup input {
	background-color: transparent;
	border: 0;
	margin-right: 5px;
	width: auto;
}

/* ## USER NAV ----------------------------------------------------------------*/


/*  ## USER NAV  ----------------------------------------------------------------*/


/*#user-nav {
	margin-top: 20px;
	float: right;
	position: relative;
}

#user-nav ul {
	height: 15px;
}

#user-nav li {
	float: left;
	border-left: 1px solid white;
}

#user-nav li a {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	background: #000;
	margin-right: 1px;
	padding: 0 10px;
	outline: none;
}

#user-nav li.search {
	border: none !important;
}

#user-nav li.search a {
	padding: 5px;
	margin: -7px 0 0 0;
	background: #444;
}

#user-nav li.search a span {
	font-size: 12px;
}

#user-nav li.search a:hover {
	background: #666;
	text-decoration: none;
}

#user-nav {
	margin-top: 20px;
	float: right;
	position: relative;
}

#user-nav ul {
	height: 15px;
}

#user-nav li {
	float: left;
	border-left: 1px solid white;
}

#user-nav li a {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	background: #000;
	margin-right: 1px;
	padding: 0 10px;
	outline: none;
}*/

#searchdropdown {
	display: none;
	z-index: 20000;
	top: 40px;
	width: 450px;
	right: 36px;
}

#search-form {
	padding: 10px;
	border: 1px solid #4D4D4D;
	background: #000;
	overflow: auto;
}

#search-form label {
	font-size: 12px;
	text-transform: uppercase;
	color: #DDA400;
	margin: 8px 10px 0 0;
	float: left;
}

#search-form input {
	padding: 5px;
	font-size: 12px;
}

#search-form input:focus {
	outline: none;
}

#searchfield {
	margin-right: 5px;
	background: #000;
	border: 1px solid #4D4D4D;
	width: 150px;
	color: #ccc;
	float: left;
}

#submit {
	background: none;
	border: none;
	text-transform: uppercase;
	font-size: 12px !important;
	margin: 3px 0 0 0;
	color: #DDA400;
	float: right;
}

#submit:hover {
	color: #fff;
	cursor: pointer;
}


 /* header section */
 
 
 
#wrap {
	width:930px;
	margin:0 auto;
}
    


#new_header ul {
    margin: 0;

}

   
#new_header{ height:100px;
/* overflow: hidden;*/
 background:black;}

#new_header h1 a {
    background: url(/stat/logo_wob.gif) no-repeat center;
    width: 222px;
    height: 100px;
    text-indent: -9999em;
    display: block;
    float: left;
}

#new_header #navSection{ 
    height: 81px;
    margin-left: 242px;
    padding-top: 19px;
   
}

#new_header #navSection a{
	text-decoration:none; 
	color:#FFF;
}

#new_header #navSection a:hover {
	text-decoration:underline;
}

#new_header #navSection #user-nav{
    text-align: right;
    margin-bottom: 20px;
    position: relative;
}

#new_header #navigation {
text-align: left;
}

#new_header #navSection #user-nav li,
#new_header #navSection #navigation li  {
        line-height:1.23em !important;
    display: inline-block;
    *display: inline;
	text-transform:uppercase;
	border-right:1px solid #fff;
}

#new_header #navSection #user-nav li.no_border {
    border: none;
}

#new_header #navSection #user-nav li {
	padding-left: 24px;
	padding-right: 24px;
}

#new_header #navSection #navigation li {
	padding-left: 14px;
	padding-right: 14px;
}

#new_header #navSection #user-nav li.last {
    padding-right: 0;
}

#new_header #navSection #navigation li.last {
    padding-right: 0;
}

#new_header #navSection #user-nav li {
	font-size:10px;
}

#new_header #navSection #navigation li {
	font-size: 14px;
}

#new_header #navSection #user-nav li a {
	color:#DDA400;

}
       
#new_header #navSection #navigation{
    text-align: right;
}

#new_header .last {
	border:none !important;
	margin-right: 0 !important;
}

#new_header #user-nav li#search_button a:hover{
    text-decoration: none;
    background: #666666;
}

#new_header #user-nav li#search_button a {
  color: #dda400;
  background: #444;
	padding: 5px;

}

#new_header div#searchdropdown {
    position: absolute;
}

#new_header #searchdropdown {
    
    display: none;
    right: 0px;
    top: 40px;
    width: 450px;
    z-index: 20000;
    text-align:left;
}

 
  /* end header section*/
  
















/* ## KITCHENS NAV ----------------------------------------------------------------*/
div.master-nav {
	background: #000 !important;
	height: 15px !important;
	float: right;
	margin-top: 12px;
}

.master-nav ul li {
	display: block;
	float: left;
	border-left: 1px solid #fff;
}

.master-nav li:first-child {
	border: none;
}

.master-nav li.nav-home a {
	padding: 0 10px 0 0;
	width: 22px;
	background: url(/stat/homepage-tabs/home-icon.gif) no-repeat;
	text-indent: -1500px;
}

div.master-nav li a {
	display: block;
	color: #fff;
	float: left;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 22px;
	margin-right: 1px;
	padding: 0 12px;
}

/* ## NAV -------------------------------------------------------------------------*/
#nav {
	width: 920px;
	margin-top:7px !important;
	position:relative;
}

#nav li {
	display: inline;
}

#nav li a {
	display: block;
	float: left;
	overflow: hidden;
	text-decoration: none;
	background: #DDA400;
	color: #000;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 24px;
	width: 33%;
	text-align: center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	behavior: url(/css/PIE.htc);
    position:relative;
        z-index:0;

    
}

#nav li.tab2 a {
	background: #dda400;
	margin: 0 0 0 6px;
}

#nav li.tab3 a {
	background: #B5D334;
	margin: 0;
	float: right;
	font-size: 12px;
    width:  301px;
    
}

#nav form.tab3 {
	float:right;
	position:absolute;
	bottom:0;
	right:0;
	background:#DDA400;
	width: 32.9%;
	height:60px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	behavior: url(/css/PIE.htc);
   
        z-index:0;
}

#nav form.tab3 img {
	position:absolute;
	right:0px;
	bottom:15px;
}

#nav form.tab3 #email {
	position:relative;
	z-index:1000;
	margin:13px 0 0 10px;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:175px;
	height:14px;
	behavior: url(/css/PIE.htc);
    
}

#nav form.tab3 #submit {
	position:absolute;
	top:34px;
	right:9px;
	z-index:1000;
	width:100px;
	height:16px;
	line-height:0.8;
	text-transform:capitalize;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#fff;
	background:#8FC01D;
	behavior: url(/css/PIE.htc);
    
}

#nav form.tab3 h3 {
	color:#000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight:lighter;
	line-height: 24px;
	margin-left:10px;
}

#nav form.tab3 p {
	color:#000;
	font-size:12px;
	font-weight:lighter;
	margin-left:10px;
}

#nav form.tab3 p strong {
	font-weight:bold;
}

#nav.twoTabs li a {
	display:  block;
	float:    left;
	overflow: hidden;
	text-decoration: none;
	background: #DDA400;
	color:      #000;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 24px;
	width: 49.8%;
	text-align: center;
}

#nav.twoTabs li.tab2 a {
	background: #8fc01d;
	margin: 0 0 0 0;
}

#nav.twoTabs li.tab3 a {
	margin: 0;
	float: right;
}

#nav.pricing-guideNonSale{
	margin-top: 150px;
	
}




/*  ## PROMO  -----------------------------------------------------------------------*/
.promo {
	position: relative;
	z-index: 0;
}

.promo .short {
	height: 25px;
}

.screen-content img {
	float: left;
	clear: both;
}

.banner img, .banner object {
	float: left;
	margin-left: 35px;
}

#offerspage .header {
	height: 100px;
}

/*body.offerspage h1 {
	font-size: 11.4em;
	font-weight: 400;
	width: 50px;
	line-height: 0.8;
	text-transform: uppercase;
	letter-spacing: -5px;
	margin: 0 0 25px 0;
}
*/

#panel1, #panel2 { position:absolute; width:916px; height:510px; }


#offers h3 {
width: 295px;
height: 290px;
margin-top: 20px;
z-index: 10;
background: #ffffff;
-moz-border-radius: 0 60px 0 60px;
-webkit-border-top-right-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
border-radius: 0 60px 0 60px;
behavior: url(/css/PIE.htc);
text-indent: -10000px;
    position:relative;
 
}


#offers div#panel1 a.n2, #offers div#panel1 p.n6, #offers div#panel1 a.main-offer, #offers div#panel1 p.n5 {
width: 130px;
height: 130px;
position: absolute;
background-repeat: no-repeat;
-moz-border-radius: 0 20px 0 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
border-radius: 0 20px 0 20px;
behavior: url(/css/PIE.htc);
text-indent: -10000px;

        z-index:0;
}

#offers div#panel1 p.n3, #offers div#panel1 a.n4 {
width: 130px;
height: 130px;
position: absolute;
background-repeat: no-repeat;
-moz-border-radius: 20px 0 20px 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
border-radius: 20px 0 20px 0;
behavior: url(/css/PIE.htc);
text-indent: -10000px;


        z-index:0;
}


#offers { border-bottom:1px solid #808080; height:510px; }
#panel2 { display:none; }

#panel2 .offerlozenge.n1, #panel1 .offerlozenge.n2 { cursor:pointer; }


#panel1 h3.n1 { background: #9e1f62 url(../stat/offers/half-price-sale.gif) 14px 7px no-repeat; }
#panel1 a.n2 { position:absolute; top:180px; left:318px; background: #ffffff url(../stat/offers/vat-free.gif) 12px 15px no-repeat; display: block; width: 130px; height: 130px; overflow: hidden;}

#panel1 a.n3 { position:absolute; top:25px; left:472px; background: #aaa; display: none;}
#panel1 a.n4 { position:absolute; top:180px; left:472px; background: #ED1C24 url(../stat/offers/50percentoff.gif) 9px 7px no-repeat; display: block; width: 130px; height: 130px; overflow: hidden;}
#panel1 p.n5 { position:absolute; top:335px; left:472px; background: url(../stat/offers/essentially-offerpic.jpg) 0px 0px no-repeat; }
#panel1 p.n6 { position:absolute; top:25px; left:625px; background: #aaa;  display: none;}
#panel1 p.n7 { position:absolute; top:165px; left:625px; background: #aaa; }

#panel2 p.n2 { position:absolute; top:180px; left:318px; background: #aaa; }
#panel2 p.n3 { position:absolute; top:25px; left:472px; background: #aaa; }
#panel2 p.n4 { position:absolute; top:180px; left:472px; background: #aaa; }
#panel2 p.n5 { position:absolute; top:335px; left:472px; background: #aaa; }
#panel2 p.n6 { position:absolute; top:25px; left:625px; background: #aaa; }
#panel2 p.n7 { position:absolute; top:165px; left:625px; background: #aaa; }



#offers div#panel1 a.main-offer {
width: 290px;
height: 285px;
position: absolute;
right: 0;
top: 180px;
background: #92012F url(../stat/offers/essentially-magnet.png) no-repeat 20px 40px;
color: #92012F;
-moz-border-radius: 0 60px 0 60px;
-webkit-border-top-right-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
border-radius: 0 60px 0 60px;
behavior: url(/css/PIE.htc);


        z-index:0;
}




.infotext { position:absolute; top:390px; bottom:25px; width:452px; font-size:10px; font-weight:lighter; width: 450px!important; background: none!important; height: auto!important; text-indent: 0px!important;}
#infon4, #infon7 {
	display: none;
}


#essentiallymagnet h1 {
	font-size: 7em;
	line-height: 0.9;
}

#offers {
	color: #fff;
	font-size: 62.5%;
	font-family: 'Gill Sans MT', 'Gill Sans', Arial, Verdana, sans-serif;
	width: 916px;
	height: 480px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

#offers .text {
	float: left;
	width: 900px;
	;
}

#offers .text p {
	font-size: 1em;
	margin-top: 30px;
	width: 370px;
}

#offers .promos {
	width: 516px;
	height: 450px;
	position: absolute;
	top: 0;
	right: -20px;
}

#offers .lozenge {
	position: absolute;
	display: none;
	width: 1px;
	height: 1px;
}

#halfprice, #essentiallymagnet {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	font-size: 1.2em;
}

#promo1 {
	bottom: 287px;
	right: 350px;
}

#promo2 {
	top: 175px;
	left: 175px;
}

#promo3 {
	bottom: 287px;
	left: 330px;
}

#promo4 {
	bottom: 287px;
	right: 200px;
}


/*   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.essentially-offer #content {
	background: #92022F;
	height: 570px;
	padding-left: 18px;
}

.essentially-offer #content ul#essentially-offers {
	margin: 0 0 20px 0;
	overflow:hidden;
	z-index: 10;
	}

.essentially-offer #content ul#essentially-offers li {
	position: relative;
	height: 480px;
	float: left;
	margin: 0;
}



.essentially-offer #content ul#essentially-offers li div {
	height: 375px;
	width: 280px;
	background: #fff;
	border-radius:0 30px 0 30px;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius:0 30px 0 30px;
	behavior: url(/css/PIE.htc);
	z-index: 10;
}


.essentially-offer #content ul#essentially-offers h2 {
	position: relative;
	height: 40px;
	margin: 0 0 10px 0;
	width: 920px;
}

.essentially-offer #content ul#essentially-offers h2 span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(/images/kitchens/essentially-offers/essentially-offer-title.gif) no-repeat;
}


.essentially-offer #content ul#essentially-offers li.panel2  {
	margin: 0 25px;
}

.essentially-offer #content ul#essentially-offers li img {
	position: absolute;
	top: 20px;
	left: 20px;
}


.essentially-offer #content ul#essentially-offers li h3 {
	position: absolute;
	top: 145px;
	left: 20px;
	width: 243px;
	height: 213px;
	margin: 0;
}

.essentially-offer #content ul#essentially-offers li p.pricepoint {
	position: absolute;
	top: 20px;
	left: 145px;
	width: 115px;
	height: 116px;
}

.essentially-offer #content ul#essentially-offers li h3 span,
.essentially-offer #content ul#essentially-offers li p.pricepoint span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.essentially-offer #content ul#essentially-offers li.panel1 h3 span {
background: url(../images/kitchens/essentially-offers/panel1kitchen.jpg) no-repeat;
}
.essentially-offer #content ul#essentially-offers li.panel1 p.pricepoint span {
background: url(../images/kitchens/essentially-offers/panel1price.gif) no-repeat;
}

.essentially-offer #content ul#essentially-offers li.panel2 h3 span {
background: url(../images/kitchens/essentially-offers/panel2kitchen.jpg) no-repeat;
}
.essentially-offer #content ul#essentially-offers li.panel2 p.pricepoint span {
background: url(../images/kitchens/essentially-offers/panel2price.gif) no-repeat;
}

.essentially-offer #content ul#essentially-offers li.panel3 h3 span {
background: url(../images/kitchens/essentially-offers/panel3kitchen.jpg) no-repeat;
}
.essentially-offer #content ul#essentially-offers li.panel3 p.pricepoint span {
background: url(../images/kitchens/essentially-offers/panel3price.gif) no-repeat;
}


.essentially-offer #content ul#essentially-offers li p.inc {
color: #fff;
font-size: 11px;
position: absolute;
top: 385px;
display: block;
margin-left:  24px;
}

.essentially-offer #content p.plus {
color: #fff;
clear: both;
text-align: center;
font-size: 12px;
padding: 0;
margin: 0 0 0 -20px;
}


/*  ## PAGE CONTENT 'NON-SALE'  --------------------------------------------------*/
.offerspage #content #main-content h2 {
color:#DDA400;
border:0;
margin-bottom:1em;
padding:0;
width:60%;
}
.offerspage #content #main-content h3 {
	color:#DDA400;
margin:1em 0;
  text-transform: none;
  padding:0;
}

.offerspage #content #main-content p {

margin:1em 0 !important;
 
}

.offerspage #content #main-content a {

margin:1em 0 !important;
 
}


/*   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

.essentially-offer #left-col {
	width:478px;
	float:left;
}

.essentially-offer #left-col .face,
.essentially-offer #right-col .face {
	clear:both;
	margin-top:9px;
}

.essentially-offer #left-col .face {
	float:right;
}

.essentially-offer #right-col .face {
	float:right;
}

.essentially-offer #left-col #banner {
	margin-bottom:9px;
}

.essentially-offer #sub-col-1 a {
	position:relative;
	display:block;
	background:url(/stat/essentially-innsbruck-feature.png);
	width:239px;
	height:192px;
}

.essentially-offer #sub-col-2 a {
	position:relative;
	display:block;
	background:url(/stat/essentially-tatton-feature.png);
	width:233px;
	height:192px;
}

.essentially-offer #right-col {
	width:433px;
	float:right;
}

.essentially-offer #left-col a {
	display:block;
	position:relative;
	text-decoration:none;
}

.essentially-offer #left-col a span.price {
	position:absolute;
	bottom:8px;
	left:165px;
	font-family:"Helvetica", Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#fff;
}

.essentially-offer #right-col a {
	display:block;
	position:relative;
	width:433px;
	height:385px;
	text-decoration:none;
	background:url(/stat/essentially-faro-feature.png);
}

.essentially-offer a span.name {
	display:none;
}

.essentially-offer #right-col a span.price {
	position:absolute;
	bottom:10px;
	left:323px;
	font-family:"Helvetica", Arial, sans-serif;
	font-weight:bold;
	font-size:26px;
	color:#fff;
}

.essentially-offer #sub-col-1 {
	float:left;
	width:239px;
}

.essentially-offer #sub-col-2 {
	float:right;
}

.essentially-offer #terms {
	float:left;margin-top:10px;
	font-size:10px;
}

 */
 
 .essentially-offer #content .small-print {
     margin-top: 10px;
     float: right;
     font-size: 6pt;
 }
 

.screen  {
clear: both!important;
float: none!important;
}

.appliances #offersheading, #kitchenheading {
clear: both!important;

}

#disclaimer {
	font-style:italic;
}

/*-- Prev & next buttons --------------*/
.screen-content a.browse {
	cursor: pointer;
	display: block;
	height: 39px;
	left: 0px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: -3000em;
	top: 206px;
	width: 20px;
	z-index: 1000;
}

.screen-content a.prevPage {
	background: url(/stat/arrow-left.gif) no-repeat 0 0;
	left: 0px;
}

.screen-content a.prevPage:hover {
	background: url(/stat/arrow-left.gif) no-repeat 0 -39px;
}

.screen-content a.nextPage {
	background: url(/stat/arrow-right.gif) no-repeat 0 0;
	left: 970px;
}

.screen-content a.nextPage:hover {
	background: url(/stat/arrow-right.gif) no-repeat 0 -39px;
}

.screen-content a.disabled {
	display: none;
}

.promo div.magnet-me {
	width: 149px;
	height: 149px;
	position: absolute;
	top: 270px;
	right: 60px;
}

.promo div.magnet-me a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.promo div.magnet-me a span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/stat/magnet_me_cta.png) no-repeat 0 0;
	display: block;
	width: 100%;
	height: 100%;
}



.kitchens .screen,
.kitchens .screen-content {
	position: relative;
}

.qqq {
    
	z-index: -10;
}



#offersheading,
#kitchenheading { 
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
color:#DDA400; float:left; 
width:916px; 
margin:20px 0 0 35px; 
font-weight:lighter; 
text-transform: uppercase; 
padding: 5px 0 5px 5px 
}


.appliances #offersheading,
#kitchenheading { 
margin-bottom: 10px;
background: url(../stat/title-arrow-link.png) no-repeat 0 49%;
padding-left: 25px;
width: 895px;
}

.landing-page #offersheading, #kitchensheading {
	background:none !important;
}
	
h2#kitchenheading a { 
display: block;
}



/*  ## KITCHEN DETAIL  ----------------------------------------------------------*/
div.kitchen-detail {
background: url(/stat/loading-01.gif) center center no-repeat;
height: 452px;
margin: 0 35px;
overflow: hidden;
position: relative;
width: 920px;
clear: both;
}
div.kitchen-detail img.kitchen-image {
height: 452px;
left: 0;
position: absolute;
top: 0;
width: 920px;
}
js.active div.kitchen-detail img.kitchen-image {
display: none;	
}





.kitchen-info {
left: 20px;
/*position: absolute;*/
top: 20px;
width: 150px;
height:150px;
 border-radius: 0 30px 0 30px;
    position: relative;
    z-index: 20000;
overflow:hidden;
cursor:pointer;
}

.kitchen-info h1 span {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 150px;
z-index: 50;
}


.uniquely-magnet-kitchens .kitchen-info h1 span {
background: url(../stat/kitchen-uniquely-logo.png) no-repeat;
}

.purely-magnet-kitchens .kitchen-info h1 span {
background: url(../stat/kitchen-purely-logo.png) no-repeat;
}

.essentially-magnet-kitchens .kitchen-info h1 span {
background: url(../stat/kitchen-essentially-logo.png) no-repeat;
}


/* .uniquely-magnet-kitchens #retail {
	background:#A7A9AC;
}

.purely-magnet-kitchens #retail {
	background:#4D9FA5;
}

.essentially-magnet-kitchens #retail {
	background:#B30F25;
}
*/


.kitchen-info {
border-radius:0 30px 0 30px;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius:0 30px 0 30px;
behavior: url(/css/PIE.htc);


    position: relative;
    z-index: 20000;
}

.kitchen-info .kitchen-name {
	text-transform:uppercase;
	z-index: 50;
	font-size: 14px;
	line-height: 18px;
}

.kitchen-info h1 {
	text-indent:-9999px;
	display:block;
	margin:10px 0 5px 10px;
}

.purely-magnet-kitchens .kitchen-info h1 {
	background:url(/stat/purely-magnet-bg.png) no-repeat;
	width:87px;
	height:66px;
}

.uniquely-magnet-kitchens .kitchen-info h1 {
	background:url(/stat/uniquely-magnet-bg.png) no-repeat;
	width:116px;
	height:66px;
}

.essentially-magnet-kitchens .kitchen-info h1 {
	background:url(/stat/essentially-magnet-bg.png) no-repeat;
	width:113px;
	height:66px;
}

.purely-magnet-kitchens .kitchen-info {
	background:#4D9FA5;
}

.uniquely-magnet-kitchens .kitchen-info {
	background:#B6B8BA;
}

.essentially-magnet-kitchens .kitchen-info {
	background:#B30F25;
}

.kitchen-info p {
	margin-left:10px;
	line-height:1;
}

.kitchen-info div {
	display:none;
	width:390px;
	margin-top:5px;
}

.kitchen-info div p {
	margin:0;
	font-weight:lighter;
}

.kitchen-info div ul {
	margin-bottom:10px;
}

div.kitchen-detail .kitchen-info ul {
padding-top: 0.5em;
}
div.kitchen-detail .kitchen-info ul li {
list-style: disc outside;
margin: 0.5em 0 0 1.5em;
}
div.kitchen-detail .kitchen-info p.add-to-wishlist {
text-transform: uppercase;
}
div.kitchen-detail .kitchen-info p.remove-from-wishlist {
text-transform: uppercase;
}
div.kitchen-detail a.badge {
background: url(/stat/hdr-kitchens-uniquely-02-120x120.png) no-repeat 0 0;
bottom: 20px;
display: block;
height: 150px;
left: 20px;
overflow: hidden;
position: absolute;
text-indent: -3000em;
width: 150px;
z-index: 1;
}
.uniquely-magnet-kitchens div.kitchen-detail a.badge {
background: url(/stat/uniquely-kitchen-150.png) no-repeat 0 0;
}
.purely-magnet-kitchens div.kitchen-detail a.badge {
background: url(/stat/purely-kitchen-150.png) no-repeat 0 0;
}
.essentially-magnet-kitchens div.kitchen-detail a.badge {
background: url(/stat/essentially-kitchen-150.png) no-repeat 0 0;
}
.wish-list div.kitchen-detail a.badge {
background: url(/stat/hdr-wish-list-02-120x120.png) no-repeat 0 0;
}
div.kitchen-detail .kitchen-info div {
padding: 0 20px 10px 15px;
font-size: 11px;
margin-top:5px;
width: auto;
}
div.kitchen-detail .kitchen-info div p,
div.kitchen-detail .kitchen-info div li {
line-height: 1.2;
}

#bookappt {
	position:absolute;
	bottom:20px;
	right:20px;
	background:url(/stat/book-design-appt-btn.png) no-repeat;
	width:179px;
	height:24px;
	text-indent:-9999px;
}

.js-active div.kitchen-detail h1 small {
display: block;
position: absolute;
top:23px;
right:15px;
width:17px;
background: url(/stat/arrow-down-grey.gif) no-repeat 0 -12px;
text-indent: -3000em;
text-decoration: none;
overflow: hidden;
height:12px;
outline: none;
}
.js-active div.open h1 small {
background: url(/stat/arrow-down-grey.gif) no-repeat 0 0;
}
.js-active p.loading {
padding-left: 20px;
background: url(/stat/loading-02.gif) bottom left no-repeat;
}
.js-active div.kitchen-detail img.kitchen-image {
display: none;
}


/*  ## HOTSPOTS  ----------------------------------------------------------------*/
.hotspot {
height: 50px;
left: 100px;
position: absolute;
top: 100px;
width: 50px;
z-index: 1;
}
.hotspot a.btn {
background: transparent url(/stat/hotspot.png) no-repeat 0 0;
display: block;
height: 50px;
left: 0;
overflow: hidden;
position: absolute;
text-indent: -3000em;
top: 0;
width: 50px;
}
.hotspot a.open {
background: transparent url(/stat/hotspot.png) no-repeat -50px 0;
}

.hotspot a.btn:hover,
.hotspot a.btn:focus,
.hotspot a.btn:active {
outline: none;
}
.hotspot a.btn:hover {
background: transparent url(/stat/hotspot.png) no-repeat 0 -50px;
}
.hotspot a.open:hover {
background: transparent url(/stat/hotspot.png) no-repeat -50px -50px;
}
.hotspot div.content {
background: transparent url(/stat/bg-kitchen-hotspot.png) no-repeat 0 0;
left: 30px;
padding: 10px;
position: absolute;
top: 30px;
width: 170px;
}




.hotspot_video div.content {
width: 330px;

}
.hotspot_video div.text {
float: left;
width: 175px;
}
.hotspot_video div.video {
float: right;
width: 150px;
}
.hotspot div h3 {
font-size: 75%;
font-weight: normal;
margin-bottom: 0.5em;
}
.hotspot div p {
font-size: 67.25%;
margin-bottom: 0.5em;
}
.hotspot div li {
font-size: 67.25%;
list-style: disc outside;
margin: 0.1em 0 0 1.5em;
}
.hotspot div a.close {
color: #FFFFFF;
position: absolute;
right: 3px;
top: 7px;
width:11px;
height:11px;
text-indent:-3000em;
text-decoration: none;
overflow: hidden;
display: none;
}








/* ## FOOTER ----------------------------------------------------------------------*/
.footer {
	background-color: #000000;
	width: 920px;
}

.footer ul {
	position: relative;
	float: left;
	padding: 10px;
	width: 900px;
}

.footer ul li {
	float: left;
	list-style: none!important;
	margin: 0 40px 0  0!important;
    

    text-align:center;
}

.footer ul li a {
	color: #DDA400;
	/*float: left;*/
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
      text-align:center;
}

.footer ul li a:hover {
	text-decoration: underline;
}

/*.footer li.careers {
	width: 165px;
}

.footer li.trade {
	width: 142px;
}

.footer li.contact-us {
	width: 165px;
}

.footer li.sitemap {
	width: 145px;
}

.footer li.magnet-corporate {
	width: 165px;
}

.footer li.accessibility {
	float: right;
	text-align: right;
}

.footer li.accessibility a {
	float: right;
}*/

/* ## PAGE LAYOUT -----------------------------------------------------------------*/

/*-- Columns --------------*/
#content {
}

#content .main-content {
	/*border-top: 10px solid red;*/
	display: inline;
	float: left;
	padding: 0 0 0 163px;
	position: relative;
	width: 287px;
}

.trends #content .main-content {
	width: 275px;	
	padding:0;
}

#content .secondary-content {
	/*border-top: 10px solid blue;*/
display: inline;
	float: right;
	width: 445px;
}

.trends #content .secondary-content {
	width:610px;
}

#content .tertiary-content {
	display: inline;
	float: left;
	width: 100%;
	padding: 50px 0 30px;
}

/*-- Header block --------------*/
#content div.hgroup {
	background: #DDA400;
	height: 150px;
	left: 0;
	position: absolute;
	top: 0;
	width: 150px;
	border-radius:0 25px 0 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius:0 25px 0 25px;
	behavior: url(/css/PIE.htc);

        z-index:0;
}

.trends #content div.hgroup {
	background:#C5C02F;
	position:relative;
	float:left;
	margin-bottom:10px;
	clear:both;
}

#content div.hgroup div {
	bottom: 10px;
	left: 10px;
	position: absolute;
	width: 130px;
}

#content div.hgroup div h1 {
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
}

#content div.hgroup div h2 {
	color: #FFFFFF;
	font-size: 61.25%;
	line-height: 1.3;
	margin: 0.4em 0 0;
}



.uniquely-magnet-kitchens #content div.hgroup {
	background: #B6B8BA;
}

.purely-magnet-kitchens #content div.hgroup {
	background: #4D9FA5;
}

.essentially-magnet-kitchens #content div.hgroup {
	background: #B30F25;
}






/*-- kitchen landing page --------------*/

body.landing h2, body.ranges h2 {
	clear: both;
	color: #DDA400;
	text-transform: uppercase;
	font: 18px/45px "Gill Sans", Arial, Helvetica, sans-serif;
	border: 1px solid #7F7F7F;
	border-width: 1px 0 1px 0;
	padding-left: 15px;
}

body.landing .header {
	height: 85px;
}

body.landing div#content ul.collections {
	padding-top: 20px;
	overflow: hidden;
}

body.landing div#content ul.collections li {
	list-style: none!important;
	width: 295px;
	float: left;
	position: relative;
	margin: 0!important;
	position: relative;
}

body.landing div#content ul.collections li.pm {
	margin: 0 15px!important;
}


body.landing div#content ul.collections li h3 {
	position: relative;
	margin: 0 0 30px 0;
	background-repeat: no-repeat;
	width: 295px!important;

}

body.landing div#content ul.collections li p.title-image {
position: absolute;
top: 0;
left: 0;
border-bottom: 5px solid #000;
background: #0D0D0D;
}

body.landing div#content ul.collections li h3 a {
	position: absolute;
	top:0;
	left:0;
	display: block;
	height:301px;
	width:297px;
	text-indent: -10000px!important;
	z-index:1000;
}

body.landing div#content ul.collections li h3 a span {
display: block;
border-bottom: 5px solid #000;
height: 130px;
background-color: #0D0D0D!important;
}

body.landing div#content ul.collections li.um h3 { background: #A7A9AC url(../stat/landing_uniquely.gif) no-repeat; }
body.landing div#content ul.collections li.pm h3 { background: #4D9FA5 url(../stat/landing_purely.gif) no-repeat; }
body.landing div#content ul.collections li.em h3 { background: #B30F25 url(../stat/landing_essentially.gif) no-repeat; }





body.landing div#content ul.collections li h4 {
	width: 250px;
}

body.landing div#content ul.collections li.um h4 {
	color: #7F7F7F;
}

body.landing div#content ul.collections li.pm h4 {
	color: #4D9FA5;
}

body.landing div#content ul.collections li.em h4 {
	color: #B30F25;
}

body.landing div#content ul.collections li p {
	font-size: 12px;
}

body.landing div#content div.secondary-content {
	position: relative;
	width: 920px;
	min-height: 880px;
}

body.brochures div#content div.secondary-content, body.newsletter div#content div.secondary-content {
	position: relative;
	width: auto;
	min-height: 880px;
}

body.landing div#content div.secondary-content p {
	width: 280px;
	font-size: 12px;
	margin: 30px 0 0 0;
	color: #fff;
}

body.landing div#content div.secondary-content p {
	width: 197px;
	font-size: 12px;
	margin: 30px 0 0 0;
	color: #fff;
}

body.landing div#content div.secondary-content p.btn {
	width: 197px;
	height: 41px;
	font-size: 12px;
	margin: 30px 0 0 0;
	color: #0D0D0D;
	position: relative;
	cursor: pointer;
}

body.landing div#content div.secondary-content p.btn a {
	color: #0D0D0D;
	cursor: pointer;
}

body.landing div#content div.secondary-content p.btn span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/stat/kitchen_landing_order_brochure_btn.gif) no-repeat;
}

body.landing div#content div.secondary-content table {
	margin-top: 30px;
	float: right;
	border: 1px solid #000;
	border-width: 0 0 2px 2px;
}

body.landing div#content div.secondary-content table td, body.landing div#content div.secondary-content table th {
	padding-right: 0;
	border: 1px solid #000;
	border-width: 2px 2px 0 0;
	font-size: 10px;
	text-transform: Capitalize;
}

body.landing div#content div.secondary-content table td {
	font-size: 20px;
	line-height: 20px;
}

body.landing div#content div.secondary-content table td.um {
	color: white;
	background:#b5b7bc;
}

body.landing div#content div.secondary-content table td.pm {
	color: white;
	background:#529ba4;
}

body.landing div#content div.secondary-content table td.em {
	color: white;
	background:#b30227;
}

/*-- kitchen range pages --------------*/

#sidebar-content {
	float: left;
	width: 315px;
}

body.ranges div.section {
	width: 300px!important;
	float: left;
	margin-top: 30px!important;
}

body.ranges div.section h3,
body.landing div#content ul.collections li h3 {
	position: relative;
	width: 300px;
	height: 300px;
	color: #0D0D0D;
	text-indent: -10000px;
}


body.ranges.uniquely-magnet-kitchens div.section h3 {
	background: #A7A9AC url(/stat/landing_uniquely_big.gif) no-repeat;
}

body.ranges.purely-magnet-kitchens div.section h3 {
	background: #4D9FA5 url(/stat/landing_purely_big.gif) no-repeat;
}

body.ranges.essentially-magnet-kitchens div.section h3 {
	background: #B30F25 url(/stat/landing_essentially_big.gif) no-repeat;
}

body.ranges div.section p.cta {
	color: #000;
	text-transform: uppercase;
	padding: 20px 35px 0 25px;
	font-size: 16px!important;
	background: #BBC2C9;
	position: relative;
	width: 100px;
	height: 125px;
	border-radius:0 25px 0 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius:0 25px 0 25px;
behavior: url(/css/PIE.htc);


        z-index:0;
}



body.ranges #content ul.kitchen-range {
	width: 600px;
	float: right;
	overflow: hidden;
	margin-top: 30px;
}

body.ranges #content ul.kitchen-range li {
	float: left;
	margin: 0;
	width: 290px;
	height: 145px;
	list-style: none;
}

body.ranges #content ul.kitchen-range li.odd {
	margin: 0 10px 10px 0!important;
}

body.ranges #content ul.kitchen-range li.even {
	margin: 0 0 10px 0!important;
}

body.ranges #content ul.kitchen-range li a {
	display: block;
	float: left;
	width: 285px;
	height: 20px;
	padding: 125px 5px 0 0;
	color: #fff;
	text-align: right;
}

body.ranges.uniquely-magnet-kitchens #content ul.kitchen-range li a {
	background: url(../stat/strip-uniquely.png) repeat-x 0 122px;
}

body.ranges.purely-magnet-kitchens #content ul.kitchen-range li a {
	background: url(../stat/strip-purely.png) repeat-x 0 122px;
}

body.ranges.essentially-magnet-kitchens #content ul.kitchen-range li a {
	background: url(../stat/strip-essentially.png) repeat-x 0 122px;
}

body.ranges #content div.landing-secondary {
	width: 920px;
	overflow: hidden;
	padding-left: 310px;
	clear: left;
}

body.ranges #content div.landing-secondary p {
	clear: both;
}

body.ranges #content div.landing-secondary div.section {
	width: 300px!important;
	float: left;
	clear: none;
	margin-right: 22px;
}

body.ranges #content div.landing-secondary div.included {
	width: 270px!important;
}

body.ranges #content div.landing-secondary div.section p {
	height: auto!important;
	width: auto;
}

body.ranges #content div.landing-secondary div:last-child {
	margin-right: 0;
}

/*-- left-hand subnav --------------*/
#subnav {
	position: absolute;
	left: 0;
	top: 180px;
}

ul#subnav {
	padding: 0;
}

#content ul#subnav li {
	list-style: none;
	padding: 0;
	margin: 0 0 0.5em 0;
}

#content ul#subnav li a {
	text-transform: uppercase;
}

#content ul#subnav li a.selected {
	color: #FFF;
}

/*-- Content blocks --------------*/
.section {
	clear: both;
}

/*-- Secondary content images --------------*/
.secondary-content img {
	margin: 0 12px 12px 0;
	float: left;
}

.secondary-content img.last {
	margin: 0 0 12px 0;
}

table img {
	margin: 0 !important;
	padding: 0 !important;
}

/* ## TYPOGRAPHY ------------------------------------------------------------------*/
#content h1 {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 0.3em;
	text-transform: uppercase;
}

#content h2 {
	color: #DDA400;
	font-size: 112.5%;
	font-weight: normal;
	margin: 0 0 0.2em;
	text-transform: uppercase;
}

#content h3 {
	font-size: 87.5%;
	font-weight: normal;
	margin: 0 0 0.8em;
	text-transform: uppercase;
}

#content h4 {
	font-size: 14px;
	font-weight: 100;
	text-transform: uppercase;
	line-height: 18px;
	color: #DDA400;
	margin-bottom: 10px;
}

body.appliances #content h4 {
	color: #fff;
	margin: 4px 0 0 0;
	font-size: 18px;
	margin-right: 7px;
}




#content p {
	font-size: 75%;
	margin-bottom: 1.3em;
}

#content ul {
	font-size: 75%;
	margin-bottom: 1.3em;
}

#content ul li {
	margin: 0 0 0.9em 2em;
	list-style: disc outside;
}

#content ol {
	font-size: 75%;
	margin-bottom: 1.3em;
}

#content ol li {
	margin: 0 0 0.9em 2em;
	list-style: decimal outside;
}

#content ol.legal li {
	list-style: lower-roman outside;
}

#content dl {
	font-size: 75%;
	margin-bottom: 1.3em;
}

#content dl dd {
	margin: 0 0 0.9em 2em;
}

#content dl dt {
	margin: 0 0 0.9em 2em;
}

#content dl.data {
	float: left;
	font-size: 75%;
	margin-bottom: 1.3em;
	width: 287px;
}

#content dl.data dt {
	display: block;
	float: left;
	margin: 0 0 0.4em 0;
	width: 100px;
}

#content dl.data dd {
	display: block;
	float: left;
	width: 187px;
	margin: 0 0 0.4em 0;
}

#content .contact-details p {
	margin-bottom: 0.3em;
}

#content table {
	font-size: 75%;
	margin-bottom: 1.3em;
}

#content table td {
	padding-right: 15px;
}

#content table th {
	font-weight: normal;
}

/* ## BASE FORM LAYOUT ------------------------------------------------------------*/
#content form div {
	float: left;
	padding-bottom: 12px;
	width: 287px;
}

#content form div label {
	width: 95px;
	float: left;
	font-size: 62.5%;
	padding: 2px 5px 0 0;
	text-transform: uppercase;
}

#content form div#nearest-store label {
	width: 185px!important;
}

#content form div label strong {
	color: #CCA400;
}

#content form div label.hidden {
	overflow: hidden;
	text-indent: -3000em;
}

#content form div#manual-address-placeholder {
	text-align: right;
}

#content form fieldset input {
	border: 1px solid #808080;
	float: left;
	font-size: 11px;
	padding: 2px 3px;
	width: 179px;
}

#store_id {
	border: none !important;
}

#content form em {
	font-size: 10px;
	color: orange;
	font-style: normal;
	background: #666;
	padding: 2px 5px;
	display: block;
	clear: both;
	margin-bottom: 10px;
	width: 177px;
	float: right;
}

#content form fieldset input.invalid {
	background: #FFE8C5;
}

#content form fieldset select {
	/*background-color: #000000;
border: 1px solid #808080;
color: #FFF;*/
float: left;
	font-size: 11px;
	width: 187px;
}

select#id_enquiry {
	position: absolute;
	float: left;
	width: 222px !important;
	left: 226px;
}

#content form fieldset textarea {
	float: left;
	font-family: 'Gill Sans MT', 'Gill Sans', Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 3px;
	width: 279px;
}

input.new-field, select.new-field {
	background-color: #FF9
}

/*-- Signup --------------*/
#content form div.signup label {
	clear: both;
	display: block;
	float: none;
	margin-left: 100px;
	width: 187px;
}

#content form div.signup input {
	background-color: transparent;
	border: 0;
	margin-right: 5px;
	width: auto;
}

#content form div.signup p {
	font-size: 62.5%;
	margin: 0;
	padding-left: 0;
	text-transform: uppercase;
}

#content form div.optin label {
	clear: both;
	display: block;
	float: none;
	margin-left: 0;
	width: 287px;
}

#content form div.optin p {
	padding: 5px 0;
}

#content form div.optin input {
	float: none;
	padding: 0;
}

/*-- Long labels --------------*/
#content form div.long-label label {
	clear: both;
	display: block;
	float: none;
	line-height: 1.4;
	padding: 0 0 8px 0;
	width: 287px;
}

#content form div.long-label select {
	margin-left: 100px;
	float: none;
}

/*-- Form errors --------------*/
#content form div.error label {
	color: #DDA400;
}

#content form div.error .message {
	color: #DDA400;
	font-size: 10px;
	padding: 0 0 5px 100px;
	width: 187px;
}

#content form div.signup .message {
	color: #DDA400;
	font-size: 10px;
	padding: 0 0 5px 0;
	width: 287px;
}

#content form fieldset div.error input {
	border: 1px solid #DDA400;
}

/*-- Buttons --------------*/
#content div.form-buttons {
	padding-left: 100px;
	width: auto;
}

/*-- More --------------*/
#content form p {
	clear: both;
	padding-left: 100px;
	width: auto;
}

/*-- Enquiry details --------------*/
#content form p {
	clear: both;
	padding-left: 100px;
	width: auto;
}

/*-- More --------------*/
#content div.privacy {
	clear: both;
	padding: 20px 0 0;
	width: auto;
}

/*-- Newsletter dynamic form additions --------------*/
#content fieldset.options div.long-label select {
	margin-left: 0;
}

#content fieldset.your-details div.message p {
	font-size: 62.5%;
	margin-bottom: 0;
	padding: 10px 0 0;
	text-transform: uppercase;
}

.js-active #tandc {
	display: none;
}

/*-- BuildStore --------------*/
.buildstore #subnav {
	top: 230px;
}

#buildstore-logo {
	position: absolute;
	left: 0;
	top: 160px;
}

/* ## LINK STYLES -----------------------------------------------------------------*/
a {
	color: #DDA400;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #DDA400;
	text-decoration: underline;
}

/*-- btn --------------*/
p.more {
	overflow: hidden;
	width: 100%;
}

p.more a.btn {
	background-color: #DDA400;
	color: #000000;
	display: block;
	float: left;
	padding: 5px 15px;
	width: auto;
}

#postcode-div {
	padding-bottom: 5px!important;
}

#postcode-div label {
	width: 95px!important;
}

#postcode-div input {
	width: 75px!important;
}

#postcode-div a#postcode-search, #postcode-div a#postcode-search-mini {
	display: block;
	width: 93px;
	height: 22px;
	position: relative;
	float: right;
}

#postcode-div a#postcode-search span, #postcode-div a#postcode-search-mini span {
	display: block;
	background: red url(../stat/postcode_search.gif) no-repeat 0 -22px;
	position: absolute;
	width: 100%;
	height: 100%;
}

#postcode-div a#postcode-search:hover span, #postcode-div a#postcode-search-mini:hover span {
	background-position: 0 0;
}

#address-dropdown-placeholder {
	padding-bottom: 10px;
}

#postcode-anywhere-address {
	width: 285px!important;
}

#address-dropdown-placeholder label {
	display: none;
}

/* ## ACCESSIBLE HIDE -------------------------------------------------------------*/
legend, .hiddenFields, div.atlas-tracking, div.accessibility {
	display: block;
	left: -3000px;
	line-height: 0;
	position: absolute;
	text-decoration: none;
	top: -3000px;
	visibility: hidden;
}

/* ## THIS MORNING STYLES ----------------------------------------------------------------------*/

body.thismorning div#content {
	margin-bottom: 30px;
}

body.thismorning div.featured {
	margin-top: 10px;
	position: relative;
	z-index: 0;
	border: 4px solid #fff;
	width: 910px;
	height: 457px;
	background: url(/images/thismorning/CremeLineaire-large.jpg);
}

body.thismorning div.featured h3 {
	color: #ccc;
	font-size: 11px !important;
	position: absolute;
	z-index: 1000;
	right: 15px;
	bottom: 5px;
}

body.thismorning div.featured img.logo {
	position: absolute;
	z-index: 1000;
	left: 20px;
	top: -12px;
}

body.thismorning div.featured img.pic1 {
	position: absolute;
	z-index: 0;
	left: -15px;
	bottom: 0;
}

body.thismorning div.featured img.pic2 {
	position: absolute;
	z-index: 1100;
	left: 200px;
	bottom: -30px;
}

body.thismorning div.contentA {
	width: 320px;
	float: left;
}

body.thismorning div.contentA p.intro {
	color: #DDA400;
}

body.thismorning div.contentA blockquote {
	background: #DDA400;
	padding: 20px;
	height: 170px;
	position: relative;
}

body.thismorning div.contentA blockquote img {
	position: absolute;
	left: 10px;
	border: 2px solid #fff;
}

body.thismorning div.contentA blockquote p {
	font-size: 16px !important;
	color: #333;
	font-style: italic;
}

body.thismorning div.contentB {
	height: 300px;
	width: 260px;
	float: left;
	position: relative;
}

body.thismorning div.contentB p.note {
	width: 207px;
	height: 217px;
	position: relative;
	margin-left: 20px;
	z-index: 1000;
}

body.thismorning div.contentB p.note {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 207px;
	height: 217px;
	text-indent: -9999px;
	background: url(/images/thismorning/note.png) no-repeat;
}

body.thismorning div.contentB img.pic1 {
	position: absolute;
	left: 5px;
	top: 200px;
}

body.thismorning div.contentB img.pic2 {
	position: absolute;
	right: -40px;
	top: 235px;
}

body.thismorning div.contentC {
	width: 340px;
	float: left;
	position: relative;
	width: 340px;
}

body.thismorning div.contentC img.pic1 {
	position: absolute;
	z-index: 1100;
	top: 60px;
	left: -30px;
}

body.thismorning div.contentC img.pic2 {
	position: absolute;
	top: 0;
	right: -10px;
	z-index: 1000;
}

body.thismorning div.contentC div {
	margin-top: 220px;
	padding: 35px 5px 0 0;
	background: #fff url(/images/thismorning/rangemaster-base-bg.gif) no-repeat bottom left;
	width: 292px;
	overflow: hidden;
	float: right;
	position: relative;
}

body.thismorning div.contentC div h4 {
	width: 190px;
	float: right;
	color: #000!important;
	font-size: 14px;
	text-transform: none!important;
	margin: 0 0 4px 0!important;
}

body.thismorning div.contentC div img {
	position: absolute;
	top: 20px;
	left: 10px;
l
}

body.thismorning div.contentC div ul {
	float: right;
	width: 190px;
}

body.thismorning div.contentC ul li {
	color: #000;
	font-size: 10px;
	margin: 0 0 0 10px!important;
}

	
/* PRICING PAGE */




#secondary-content {
clear: both;
margin-bottom: 50px;
}



#content #secondary-content h2 {
margin-bottom: 20px;
}

#content #secondary-content p {
width: 600px;
margin-bottom: 15px!important;
}


body.landing #content ul {
	margin:0;
}


#content ul {
	margin: 0 20px 20px 0;
	float: left;
}


#content ul li {
list-style-type: none;
margin: 0 0 15px 0;
overflow: hidden;
}

#content ul li span {
list-style-type: none;
}


#content ul li img {
display: block;
float: left;
margin: 0 15px 0 0;
}


#content.pricing p {
margin: 0!important;
}




/*  Ideas & Inspiration Pages */

#content.ideas {
	position: relative;
}


#content.ideas p { color: #fff; font-size: 14px;}
#content.ideas p.intro { width: 285px; font-size: 14px; position: absolute;}

#content.ideas ul {
width: 930px;
height: 500px;
position: relative;
margin-top: -45px;
}

#content.ideas ul li { width: 294px; position: absolute; }

#content.ideas ul li a span {
display: block;
text-transform: uppercase;
color: #fff;
font-size: 15px;
line-height: 20px;
} 

#content.ideas ul li span {
display: block;
float: left;
background: #221f1f;
width: 136px;
height: 136px;
-moz-border-radius: 25px 25px 0 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
border-radius: 25px 25px 0 25px;
behavior: url(/css/PIE.htc);

    position:relative;
        z-index:0;
} 

#content.ideas ul li img { margin: 0; }

#content.ideas ul li.idea1 { position:absolute; top: 45px; left: 312px;}
#content.ideas ul li.idea1 a span{ margin-right: 20px; background: #25a9df; text-align: left; width: 116px; height: 71px; padding: 65px 10px 0 10px; -moz-border-radius: 25px 25px 25px 0; -webkit-border-top-left-radius: 25px; -webkit-border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; border-radius: 25px 25px 25px 0; behavior: url(/css/PIE.htc);
    position:relative;
        z-index:0;
}

#content.ideas ul li.idea2 { position:absolute; top: 201px; left: 312px;}
#content.ideas ul li.idea2 a span{ margin-left: 20px; background: #ef5a28; text-align: right; width: 116px; height: 89px; padding: 48px 10px 0 10px; -moz-border-radius: 25px 25px 0 25px; -webkit-border-top-left-radius: 25px; -webkit-border-top-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; border-radius: 25px 25px 0 25px; behavior: url(/css/PIE.htc);

    position:relative;
        z-index:0;}

#content.ideas ul li.idea3 { position:absolute; top: 357px; left: 312px;}
#content.ideas ul li.idea3 a span{ margin-left: 20px; background: #9e1f62; text-align: right; width: 81px; height: 126px; padding: 10px 10px 0 45px; -moz-border-radius: 25px 0 25px 25px; -webkit-border-top-left-radius: 25px; -webkit-border-bottom-left-radius: 25px; -webkit-border-bottom-right-radius: 25px; border-radius: 25px 0 25px 25px; behavior: url(/css/PIE.htc);}

#content.ideas ul li.idea4 { position:absolute; top: 357px; left: 624px;}
#content.ideas ul li.idea4 a span{ margin-right: 20px; background: #00a69c; text-align: left; width: 116px; height: 126px; padding: 10px 10px 0 10px; -moz-border-radius: 0 25px 25px 25px; -webkit-border-bottom-left-radius: 25px; -webkit-border-top-right-radius: 25px; -webkit-border-bottom-right-radius: 25px; border-radius: 0 25px 25px 25px; behavior: url(/css/PIE.htc);}


#content.ideas h1 span {
	position: absolute;
	display: block;
	background: #d91c5c; 
	text-align: right; 
	width: 174px; 
	height: 277px; 
	padding: 15px 20px 0 100px; 
	-moz-border-radius: 75px 0 75px 75px; 
	-webkit-border-top-left-radius: 75px; 
	-webkit-border-bottom-left-radius: 75px; 
	-webkit-border-bottom-right-radius: 75px; 
	border-radius: 75px 0 75px 75px; 
	behavior: url(/css/PIE.htc);
	font-size: 36px;
	line-height: 42px;
	top: 181px;
    

        z-index:0;
}

/*#content.ideas .ideaimage { 
	display: block; 
	top: 25px; 
	left: 624px; 
	position: absolute; 
	width: 294px; 
	height: 294px; 
	color: #000;
	font-size: 12px;
}*/
#content.ideas .ideaimage { 
	float: right;
	margin-top: -476px;
	margin-right: 2px;
}

#content.ideas .ideabody {
	clear: left;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	font-size: 16px;
}
#content.ideas .idea-left-col { width: 596px; float: left;}
#content.ideas .idea-left-col span{ width: 596px; background-color: #e1a200;}
#content.ideas .idea-right-col p span, #content.ideas .idea-right-col a { color: #e1a200; }
#content.ideas .idea-right-col p { width: 264px; }
#content.ideas .idea-right-col { padding: 10px; float: right; width: 274px; background-color: #1a1a1a; }
#content.ideas .idea-left-col h4, #content.ideas .idea-right-col h4 {font-size: 16px; }
#content.ideas .idea-left-col h2 span {
	display: block;
	line-height: 20px;
	color:#fff; 
	background-color:#DDA400; 
	float:left; 
	font-weight:lighter; 
	text-transform: uppercase; 
	padding: 5px 0 5px 10px;
	margin-bottom: 10px;
}

#content.ideas .idea-panel {
	clear: left;
	background-color: #1a1a1a;
	border-top: 1px solid #333;	
	border-bottom: 1px solid #333;	
	padding: 10px;
	margin-top: 10px;
	display: block;
	height: 121px;
	width: 586px;
	
}
#content.ideas .idea-panel img {
	padding-right: 20px;
	float: left;	
	height: 121px;
}

/*  Appliances Pages */


#content.appliances p {
width: 470px;
padding-top: 5px;
}


#content.appliances ul#landing {
width: 930px;
height: 500px;
position: relative;
margin-top: -100px;
}



#content.appliances ul#landing li {
width: 227px;
position: absolute;
}




#content.appliances ul#landing li span,
#content.appliances p.cta {
display: block;
float: left;
margin-right: 10px;
background: #404041;
width: 95px;
height: 25px;
text-transform: uppercase;
color: #fff;
text-align: right;
padding: 80px 10px 0 0;
-moz-border-radius: 0 25px 0 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
border-radius: 0 25px 0 25px;
behavior: url(/css/PIE.htc);

    position:relative;
        z-index:0;
} 


#content.appliances ul#landing li img {
margin: 0;
}

#content.appliances ul#landing li.app1 { top: 125px; left: 0; }
#content.appliances ul#landing li.app2 { top: 370px; left: 0; }
#content.appliances ul#landing li.app3 { top: 245px; left: 235px; }
#content.appliances ul#landing li.app4 { top: 370px; left: 235px; }
#content.appliances ul#landing li.app5 { top: 125px; left: 470px; }
#content.appliances ul#landing li.app6 { top: 370px; left: 470px; }
#content.appliances ul#landing li.app7 { top: 245px; right: 0; }
#content.appliances ul#landing li.app8 { top: 125px; right: 0; }
#content.appliances ul#landing li.app9 { top: 245px; right: 0; }

#content.appliances ul#landing li.app6 span,
#content.appliances ul#landing li.app7 span,
#content.appliances ul#landing li.app8 span,
#content.appliances ul#landing li.app9 span { padding: 63px 10px 0 0; height: 42px; }

#content.appliances ul#landing li.app7 span,
#content.appliances ul#landing li.app8 span,
#content.appliances ul#landing li.app9 span { padding: 63px 10px 0 20px; height: 42px; width: 75px; }

#content.appliances ul#landing li.app7 span { padding: 80px 10px 0 0; height: 26px; width: 95px; }

#content.appliances ul#landing li a span:hover { text-decoration: none; cursor: pointer; }

#content.appliances ul#landing li.app1 a span:hover { background: #D61E5D; }
#content.appliances ul#landing li.app2 a span:hover { background: #CA1C28; }
#content.appliances ul#landing li.app3 a span:hover { background: #1764AD; }
#content.appliances ul#landing li.app4 a span:hover { background: #8CC448; }
#content.appliances ul#landing li.app5 a span:hover { background: #564B98; }
#content.appliances ul#landing li.app6 a span:hover { background: #F8AE38; }
#content.appliances ul#landing li.app7 a span:hover { background: #D25439; }
#content.appliances ul#landing li.app8 a span:hover { background: #18A454; }
#content.appliances ul#landing li.app9 a span:hover { background: #37AADE; }

#content.appliances p.cta {
background: #E2A300;
float: right;
padding: 47px 10px 0 20px;
width: 75px;
height: 58px;
margin: -150px -3px 0 0;
 }

/* Individual Appliance Group pages */



body.appliances #content {
position: relative;
z-index: 10;
}

body.appliances #content #leftContent {
width: 295px;
height: 295px;
float: left;
position: relative;
}



body.appliances h3 {
width: 295px;
height: 295px;
text-align: right;
z-index: 10;
-moz-border-radius: 0 60px 0 60px;
-webkit-border-top-right-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
border-radius: 0 60px 0 60px;
behavior: url(/css/PIE.htc);

    position:relative;

}


body.appliances h3 a {
	color: #fff;
}


body.appliances h3 span {
display: block;
position: absolute;
bottom: 55px;
right: 15px;
width: 220px;
line-height: 32px!important;
font-size: 30px!important;
font-weight: lighter;
}



body.appliances .ovens-and-microwaves h3 {background: #18A354; }
body.appliances .hobs h3 {background: #8CC448; }
body.appliances .dishwashers h3 {background: #564B98; }
body.appliances .fridge-freezers h3 {background: #37AADE; }
body.appliances .american-cooling h3 {background: #D25439; }
body.appliances .hoods h3 {background: #D61E5D; }
body.appliances .sinks-and-taps h3 {background: #1764AD; }
body.appliances .coffee-machines h3 {background: #F8AE38; }
body.appliances .laundry h3 {background: #CA1C28; }





body.appliances p#pdf-link {
position: absolute;
width: 150px;
top: 255px;
left: 130px;
z-index: 150;
}

body.appliances p#pdf-link a {
font-size: 14px;
line-height: 26px;
padding-left: 15px;
display: block;
color: #fff!important;
background: #666;
-moz-border-radius: 7px 7px 0 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
border-radius: 7px 7px 0 7px;
border: 1px solid #333;
-moz-box-shadow: 0px 0px 8px #444; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 8px #444; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 8px #444; /* Opera 10.5, IE 9 */
behavior: url(/css/PIE.htc);
text-decoration:  none;

    position:relative;
        z-index:0;
}

body.appliances p#pdf-link a:hover {
background: #888;
border: 1px solid #666;
-moz-box-shadow: 0px 0px 5px #0B532A; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 5px #0B532A; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 5px #0B532A; /* Opera 10.5, IE 9 */
behavior: url(/css/PIE.htc);

    position:relative;
        z-index:0;
}



body.appliances .applianceCategory canvas {
width: 295px;
height: 295px;
background: #000;	
}




body.appliances .secondaryContent {
clear: both;
overflow: hidden;
padding-top:  8px;
}


body.appliances .secondaryContent div {
float: left;
}

body.appliances .secondaryContent ul {
width: 295px;
float: left;

}



body.appliances .secondaryContent ul li {
margin: 0!important;
padding: 0;
text-align: right;
}


body.appliances .secondaryContent ul li a {
color: #fff;
text-transform: uppercase;
font-size: 11px;
line-height: 20px;
}





/* Standard, hover and selected states */

body.appliances .ovens-and-microwaves .secondaryContent ul li a:hover { color: #18A354; }
body.appliances .hobs .secondaryContent ul li a:hover { color: #8CC448; }
body.appliances .dishwashers .secondaryContent ul li a:hover { color: #564B98; }
body.appliances .fridge-freezers .secondaryContent ul li a:hover { color: #37AADE; }
body.appliances .american-cooling .secondaryContent ul li a:hover { color: #D25439; }
body.appliances .hoods .secondaryContent ul li a:hover { color: #D61E5D; }
body.appliances .sinks-and-taps .secondaryContent ul li a:hover { color: #1764AD; }
body.appliances .coffee-machines .secondaryContent ul li a:hover { color: #F8AE38; }
body.appliances .laundry .secondaryContent ul li a:hover { color: #CA1C28; }


body.appliances .ovens-and-microwaves .secondaryContent ul li.selected a { color: #18A354!important; }
body.appliances .hobs .secondaryContent ul li.selected a { color: #8CC448!important; }
body.appliances .dishwashers .secondaryContent ul li.selected a { color: #564B98!important; }
body.appliances .fridge-freezers .secondaryContent ul li.selected a { color: #37AADE!important; }
body.appliances .american-cooling .secondaryContent ul li.selected a { color: #D25439!important; }
body.appliances .hoods .secondaryContent ul li.selected a { color: #D61E5D!important; }
body.appliances .sinks-and-taps .secondaryContent ul li.selected a { color: #1764AD!important; }
body.appliances .coffee-machines .secondaryContent ul li.selected a { color: #1764AD!important; }
body.appliances .laundry .secondaryContent ul li.selected a { color: #CA1C28!important; }




body.appliances .ovens-and-microwaves .secondaryContent div p { color: #18A354; }
body.appliances .hobs .secondaryContent div p { color: #8CC448; }
body.appliances .dishwashers .secondaryContent div p { color: #564B98; }
body.appliances .fridge-freezers .secondaryContent div p { color: #37AADE; }
body.appliances .american-cooling .secondaryContent div p { color: #D25439; }
body.appliances .hoods .secondaryContent div p { color: #D61E5D; }
body.appliances .sinks-and-taps .secondaryContent div p { color: #1764AD; }
body.appliances .coffee-machines .secondaryContent div p { color: #F8AE38; }
body.appliances .laundry .secondaryContent div p { color: #CA1C28; }





body.appliances .secondaryContent div p { font-size: 14px!important; width: 570px!important; }


body.appliances .logos { clear: both; padding-left: 35px; margin-bottom:  20px; }




body.appliances div.tag {
position: relative;
width: 295px;
height: 300px;
float: left;
margin: 0 0 0 16px;
float: left;
}

body.appliances div.tag p {
position: absolute;
float: left;
width: auto!important;
background: #000;
padding: 5px 10px;
line-height: 16px;
bottom: 0;
left: 15px;
-moz-border-radius: 7px 7px 7px 0;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
border-radius: 7px 7px 7px 0;
opacity: 0.8;
behavior: url(/css/PIE.htc);


        z-index:0;
}




/*
-----------------------------------------------------------------------------------------
MAGNET 2009 - SCREEN

--------------
CONTENTS
--------------
## RESET BROWSER DEFAULT CSS
## SITE STRUCTURE
## TYPOGRAPHY
## HEADER
## PERSONALISATION
## MODAL LOGIN
## SITE SEARCH
## KITCHENS NAV
## PROMO
## NAV
## CONTENT
## FOOTER
## PAGE LAYOUT
## TYPOGRAPHY
## BASE FORM LAYOUT
## LINK STYLES

## ACCESSIBLE HIDE

-----------------------------------------------------------------------------------------
*/


/*  ## RESET BROWSER DEFAULT CSS  ---------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, em, font, img, small, strike, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  ## SITE STRUCTURE  --------------------------------------------------------------*/
body {
	background-color: #0D0D0D;
	color: #FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	/* padding: 0 0 40px; */
	position: relative;
	text-align: center;
}

.container {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 990px;
}

.header, #nav, #content {
	display: inline;
	margin: 0 35px;
	float: left;
	width: 920px;
}


.footer {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	width: 920px;
}

.promo {
	width: 990px;
	overflow: hidden;
	clear: both;
}

body.buildstore .promo {
	height: 100px;
}

div.container div#searchdropdown {
	position: absolute;
}

form#register_member_form fieldset p {
	padding-left: 0px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-size: 10px;
}

form#register_member_form fieldset p label {
	float: left;
	display: block;
	padding-right: 10px;
	width: 90px;
	text-transform: uppercase;
}

form#register_member_form fieldset p input#id_newsletter, form#register_member_form fieldset p input#id_tandc_agreement {
	margin-left: 100px;
	width: 20px;
	text-align: right;
}

form#login_member_form fieldset p {
	padding-left: 0px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-size: 10px;
}

form#login_member_form fieldset p label {
	float: left;
	display: block;
	padding-right: 10px;
	width: 90px;
	text-transform: uppercase;
}

form#login_member_form fieldset p input#id_newsletter, form#login_member_form fieldset p input#id_tandc_agreement {
	margin-left: 100px;
	width: 20px;
	text-align: right;
}

form#login_member_form a {
	margin-left: 100px;
	margin-bottom: 10px;
 #user-nav {
margin-top: 20px;
float: right;
position: relative;
}

#user-nav ul {
	height: 15px;
}

#user-nav li {
	float: left;
	border-left: 1px solid white;
}

#user-nav li a {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	background: #000;
	margin-right: 1px;
	padding: 0 10px;
	outline: none;
}

#col-1,  #col-2,  #col-3 {
	margin-top: 15px;
	height: 100%;
}

#col-1,  #col-2 {
	float: left
}

#col-1 {
	width: 234px;
	margin-right: 12px;
}

#col-2 {
	width: 332px;
	margin-right: 5px;
}

.brochures #col-2 {
	position: relative;
	width: 642px;
	margin-right: 0;
	padding: 15px;
	background: #222;
}

.brochures #col-2 #freeform #submit {
	float: right
}

.newsletter #content form div label {
	width: 80px
}

#brochureimg {
	position: absolute;
	top: 5px;
	right: -25px;
}

.brochures #col-2 #freeform {
	width: 330px
}

#col-3 {
	width: 315px;
	float: right;
}

#col-3 #freeform {
	background: #222;
	padding: 15px;
	overflow: hidden;
}

#col-3 .form-buttons, #col-3 .jqtransformdone {
	float: right !important;
}

#col-3 .jqTransformButton {
	float: right !important;
}

#enter-address-manually {
	text-decoration: underline;
}

#user-nav {
	margin-top: 20px;
	float: right;
	position: relative;
}

#user-nav ul {
	height: 15px;
}

#user-nav li {
	float: left;
	border-left: 1px solid white;
}

#user-nav li a {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	background: #000;
	margin-right: 1px;
	padding: 0 10px;
	outline: none;
}

.form-wrapper {
	padding-left: 100px;
}

.newsletter #content form div.signup label {
	width: 210px;
}

#store_id {
	width: 190px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 0;
	height: 21px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	font-size: 12px;
}

.newsletter #content form div.signup label, .brochures #content form div.signup label {
	margin-left: 45px;
	font-size: 10px;
	line-height: 3.1;
}

/*-- kitchen landing page --------------*/

body.landing h2,
body.ranges h2{
	clear: both;
	color: #DDA400;
	text-transform: uppercase;
	font: 18px/45px "Gill Sans", Arial, Helvetica, sans-serif;
	border: 1px solid #7F7F7F;
	border-width: 1px 0 1px 0;
	padding-left: 15px;
}
body.landing .header {
	height: 85px;
}
body.landing div#content ul.collections {
	padding-top: 20px;
	overflow: hidden;
}
body.landing div#content ul.collections li {
	list-style: none!important;
	width: 300px;
	float: left;
	position: relative;
	margin: 0;
}
body.landing div#content ul.collections li h3 {
	position: relative;
	width: 300px;
	height: 300px;
	margin-bottom: 30px;
}
body.landing div#content ul.collections li h3 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	display: block;
}
body.landing div#content ul.collections li.um h3 span {
	background: url(../stat/landing_uniquely.jpg) no-repeat;
	margin: 0;
}
body.landing div#content ul.collections li.pm {
	margin: 0 10px;
}
body.landing div#content ul.collections li.pm h3 span {
	background: url(../stat/landing_purely.jpg) no-repeat;
	margin: 0;
}
body.landing div#content ul.collections li.em h3 span {
	background: url(../stat/landing_essentially.jpg) no-repeat;
	margin: 0;
}
body.landing div#content ul.collections li h4 {
	width: 250px;
}
body.landing div#content ul.collections li.um h4 {
	color: #7F7F7F;
}
body.landing div#content ul.collections li.pm h4 {
	color: #4D9FA5;
}
body.landing div#content ul.collections li.em h4 {
	color: #B30F25;
}
body.landing div#content ul.collections li p {
	font-size: 12px;
}
body.landing div#content div.secondary-content {
	position: relative;
	width: 920px;
	min-height: 880px;
}
body.brochures div#content div.secondary-content,
body.newsletter div#content div.secondary-content {
	position: relative;
	width: auto;
	min-height: 880px;
}

body.landing div#content div.secondary-content p {
	width: 280px;
	font-size: 12px;
	margin: 30px 0 0 0;
	color: #fff;
}


body.landing div#content div.secondary-content p {
	width: 197px;
	font-size: 12px;
	margin: 30px 0 0 0;
	color: #fff;
}


body.landing div#content div.secondary-content p.btn {
	width: 197px;
	height: 41px;
	font-size: 12px;
	margin: 30px 0 0 0;
	color: #0D0D0D;
	position: relative;
	cursor: pointer;
}

body.landing div#content div.secondary-content p.btn a {
	color: #0D0D0D;
	cursor: pointer;
}



body.landing div#content div.secondary-content p.btn span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/stat/kitchen_landing_order_brochure_btn.gif) no-repeat;
}







body.landing div#content div.secondary-content table {
	margin-top:30px;
	float:right;
	border: 1px solid #000;
	border-width: 0 0 2px 2px;
}
body.landing div#content div.secondary-content table td, body.landing div#content div.secondary-content table th {
	padding-right:0;
	border: 1px solid #000;
	border-width: 2px 2px 0 0;
	font-size: 10px;
	text-transform: uppercase;
}

body.landing div#content div.secondary-content table td {
	font-size: 20px;
	line-height: 20px;
}
body.landing div#content div.secondary-content table td.pm {
	color: #4C9FA5;
}
body.landing div#content div.secondary-content table td.em {
	color: #B30F25;
}

/*-- kitchen range pages --------------*/

#sidebar-content {
	float:left;
	width:315px;
}

body.ranges div.section {
	width: 300px!important;
	float: left;
	margin-top: 30px!important;
}

body.ranges div.section h3 {
	position:relative;
	width: 300px;
	height: 300px;
	color: #0D0D0D;

}


body.ranges div.section h3 span {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
}

body.ranges.uniquely-magnet-kitchens div.section h3 span {
	background: url(/stat/landing_uniquely.gif) no-repeat;
}

body.ranges.purely-magnet-kitchens div.section h3 span {
	background: url(/stat/landing_purely.gif) no-repeat;
}


body.ranges.essentially-magnet-kitchens div.section h3 span {
	background: url(/stat/landing_essentially.gif) no-repeat;
}


body.ranges div.section p {
	position:relative;
	width: 149px;
	height: 150px;
}


body.ranges div.section p span {
	position: absolute;
	display: block;
	height: 100%;
	width: 110px;
	color: #000;
	text-transform: uppercase;
	padding: 20px 35px 0 15px;
	font-size: 16px;
}


body.uniquely-magnet-kitchens div.section p span {
	background: url(/stat/kitchen-range-cta-uniquely.gif) no-repeat;
}

body.purely-magnet-kitchens div.section p span {
	background: url(/stat/kitchen-range-cta-purely.gif) no-repeat;
}

body.essentially-magnet-kitchens div.section p span {
	background: url(/stat/kitchen-range-cta-essentially.gif) no-repeat;
}


body.ranges #content ul.kitchen-range {
	width: 600px;
	float: right;
	overflow: hidden;
	margin-top: 30px;
}


body.ranges #content ul.kitchen-range li {
	float: left;
	margin: 0;
	width: 290px;
	height: 145px;
	list-style: none;
	}

body.ranges #content ul.kitchen-range li.odd {
	margin: 0 10px 10px 0!important;
}

body.ranges #content ul.kitchen-range li.even {
	margin: 0 0 10px 0!important;
}


body.ranges #content ul.kitchen-range li a {
	display: block;
	float: left;
	width: 285px;
	height: 20px;
	padding: 125px 5px 0 0;
	color: #fff;
	text-align:right;
	}


body.ranges.uniquely-magnet-kitchens #content ul.kitchen-range li a {
	background: url(../stat/strip-uniquely.png) repeat-x 0 122px;
	}
body.ranges.purely-magnet-kitchens #content ul.kitchen-range li a {
	background: url(../stat/strip-purely.png) repeat-x 0 122px;
	}
body.ranges.essentially-magnet-kitchens #content ul.kitchen-range li a {
	background: url(../stat/strip-essentially.png) repeat-x 0 122px;
	}



body.ranges #content div.landing-secondary {
	width: 920px;
	overflow: hidden;
	padding-left: 310px;
}

body.ranges #content div.landing-secondary p {
clear: both;
}


body.ranges #content div.landing-secondary div.section {
	width: 300px!important;
	float: left;
	clear: none;
	margin-right: 22px;
}


body.ranges #content div.landing-secondary div.included {
	width: 270px!important;
}



body.ranges #content div.landing-secondary div.section p {
	height: auto!important;
	width: auto;
}




body.ranges #content div.landing-secondary div:last-child  {
	margin-right: 0;

}







/*-- left-hand subnav --------------*/
#subnav {
	position: absolute;
	left: 0;
	top: 180px;
}
ul#subnav {
	padding: 0;
}
#content ul#subnav li {
	list-style: none;
	padding: 0;
	margin: 0 0 0.5em 0;
}
#content ul#subnav li a {
	text-transform: uppercase;
}
#content ul#subnav li a.selected {
	color: #FFF;
}
/*-- Content blocks --------------*/
.section {
	clear: both;
}
/*-- Secondary content images --------------*/
.secondary-content img {
	margin: 0 12px 12px 0;
	float: left;
}
.secondary-content img.last {
	margin: 0 0 12px 0;
}

table img {
	margin:0 !important;
	padding:0 !important;
}

/*  ## TYPOGRAPHY  ------------------------------------------------------------------*/
#content h1 {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 0.3em;
	text-transform: uppercase;
}
#content h2 {
	color: #DDA400;
	font-size: 112.5%;
	font-weight: normal;
	margin: 0 0 0.2em;
	text-transform: uppercase;
}
#content h3 {
	font-size: 87.5%;
	font-weight: normal;
	margin: 0 0 0.8em;
	text-transform: uppercase;
}
#content h4 {
	font-size:14px;
	font-weight: 100;
	text-transform: uppercase;
	line-height: 18px;
	color: #DDA400;
	margin-bottom: 10px;
}
#content p {
	font-size: 75%;
	margin-bottom: 1.3em;
}
#content ul {
	font-size: 75%;
	margin-bottom: 1.3em;
}
#content ul li {
	margin: 0 0 0.9em 2em;
	list-style: disc outside;
}
#content ol {
	font-size: 75%;
	margin-bottom: 1.3em;
}
#content ol li {
	margin: 0 0 0.9em 2em;
	list-style: decimal outside;
}
#content ol.legal li {
	list-style: lower-roman outside;
}
#content dl {
	font-size: 75%;
	margin-bottom: 1.3em;
}
#content dl dd {
	margin: 0 0 0.9em 2em;
}
#content dl dt {
	margin: 0 0 0.9em 2em;
}
#content dl.data {
	float: left;
	font-size: 75%;
	margin-bottom: 1.3em;
	width: 287px;
}
#content dl.data dt {
	display: block;
	float: left;
	margin: 0 0 0.4em 0;
	width: 100px;
}
#content dl.data dd {
	display: block;
	float: left;
	width: 187px;
	margin: 0 0 0.4em 0;
}
#content .contact-details p {
	margin-bottom: 0.3em;
}
#content table {
	font-size: 75%;
	margin-bottom: 1.3em;
}
#content table td {
	padding-right: 15px;
}
#content table th {
	font-weight: normal;
}
/*  ## BASE FORM LAYOUT  ------------------------------------------------------------*/
#content form div {
	float: left;
	padding-bottom: 12px;
	width: 287px;
}
#content form div label {
	width: 95px;
	float: left;
	font-size: 62.5%;
	padding: 2px 5px 0 0;
	text-transform: uppercase;
}

#content form div#nearest-store label {
	width: 185px!important;
}


#content form div label strong {
	color: #CCA400;
}
#content form div label.hidden {
	overflow: hidden;
	text-indent: -3000em;
}

#content form div#manual-address-placeholder {
	text-align: right;
}

#content form fieldset input {
	border: 1px solid #808080;
	float: left;
	font-size: 11px;
	padding: 2px 3px;
	width: 179px;
}


#content form em {
font-size: 10px;
color: orange;
font-style: normal;
background: #666;
padding: 2px 5px;
display: block;
clear: both;
margin-bottom: 10px;
width: 177px;
float: right;
}

#content form fieldset input.invalid {
background: #FFE8C5;
}


#content form fieldset select {
	/*background-color: #000000;
border: 1px solid #808080;
color: #FFF;*/
float: left;
	font-size: 11px;
	width: 187px;
}
#content form fieldset textarea {
	float: left;
	font-family: 'Gill Sans MT', 'Gill Sans', Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 3px;
	width: 279px;
}
input.new-field, select.new-field {
	background-color: #FF9
}
/*-- Signup --------------*/
#content form div.signup label {
	clear: both;
	display: block;
	float: none;
	margin-left: 100px;
	width: 187px;
}
#content form div.signup input {
	background-color: transparent;
	border: 0;
	margin-right: 5px;
	width: auto;
}
#content form div.signup p {
	font-size: 62.5%;
	margin: 0;
	padding-left: 0;
	text-transform: uppercase;
}
#content form div.optin label {
	clear: both;
	display: block;
	float: none;
	margin-left: 0;
	width: 287px;
}
#content form div.optin p {
	padding: 5px 0;
}
#content form div.optin input {
	float: none;
	padding: 0;
}
/*-- Long labels --------------*/
#content form div.long-label label {
	clear: both;
	display: block;
	float: none;
	line-height: 1.4;
	padding: 0 0 8px 0;
	width: 287px;
}
#content form div.long-label select {
	margin-left: 100px;
	float: none;
}
/*-- Form errors --------------*/
#content form div.error label {
	color: #DDA400;
}
#content form div.error .message {
	color: #DDA400;
	font-size: 10px;
	padding: 0 0 5px 100px;
	width: 187px;
}
#content form div.signup .message {
	color: #DDA400;
	font-size: 10px;
	padding: 0 0 5px 0;
	width: 287px;
}
#content form fieldset div.error input {
	border: 1px solid #DDA400;
}
/*-- Buttons --------------*/
#content div.form-buttons {
	padding-left: 100px;
	width: auto;
}
/*-- More --------------*/
#content form p {
	clear: both;
	padding-left: 100px;
	width: auto;
}
/*-- Enquiry details --------------*/
#content form p {
	clear: both;
	padding-left: 100px;
	width: auto;
}
/*-- More --------------*/
#content div.privacy {
	clear: both;
	padding: 20px 0 0;
	width: auto;
}
/*-- Newsletter dynamic form additions --------------*/
#content fieldset.options div.long-label select {
	margin-left: 0;
}
#content fieldset.your-details div.message p {
	font-size: 62.5%;
	margin-bottom: 0;
	padding: 10px 0 0;
	text-transform: uppercase;
}
.js-active #tandc {
	display: none;
}
/*-- BuildStore --------------*/
.buildstore #subnav {
	top: 230px;
}
#buildstore-logo {
	position: absolute;
	left: 0;
	top: 160px;
}
/*  ## LINK STYLES  -----------------------------------------------------------------*/
a {
	color: #DDA400;
	text-decoration: none;
}
a:hover {
	color: #DDA400;
	text-decoration: underline;
}
/*-- btn --------------*/
p.more {
	overflow: hidden;
	width: 100%;
}
p.more a.btn {
	background-color: #DDA400;
	color: #000000;
	display: block;
	float: left;
	padding: 5px 15px;
	width: auto;
}
#postcode-div {
	padding-bottom: 5px!important;
}
#postcode-div label {
	width: 95px!important;
}
#postcode-div input {
	width: 75px!important;
}
#postcode-div a#postcode-search, #postcode-div a#postcode-search-mini {
	display: block;
	width: 93px;
	height: 22px;
	position: relative;
	float: right;
}
#postcode-div a#postcode-search span, #postcode-div a#postcode-search-mini span {
	display: block;
	background: red url(../stat/postcode_search.gif) no-repeat 0 -22px;
	position: absolute;
	width: 100%;
	height: 100%;
}

#postcode-div a#postcode-search:hover span, #postcode-div a#postcode-search-mini:hover span {
	background-position: 0 0;
}
#address-dropdown-placeholder {
	padding-bottom: 10px;
}
#postcode-anywhere-address {
	width: 285px!important;
}
#address-dropdown-placeholder label {
	display: none;
}

form#register_member_form fieldset p {
    padding-left: 0px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 10px;
}

form#register_member_form fieldset p label {
    float: left;
    display: block;
    padding-right:10px;
    width: 90px;
    text-transform: uppercase;
}
form#register_member_form fieldset p input#id_newsletter,
form#register_member_form fieldset p input#id_tandc_agreement {
    margin-left: 100px;
    width: 20px;
    text-align: right;
}
form#login_member_form fieldset p {
    padding-left: 0px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 10px;
}

form#login_member_form fieldset p label {
    float: left;
    display: block;
    padding-right:10px;
    width: 90px;
    text-transform: uppercase;
}
form#login_member_form fieldset p input#id_newsletter,
form#login_member_form fieldset p input#id_tandc_agreement {
    margin-left: 100px;
    width: 20px;
    text-align: right;
}

form#login_member_form a {
    margin-left: 100px;
    margin-bottom: 10px;
}

div.container {
position: relative;
}

div.container div#searchdropdown {
  position: absolute;
}


body.contact-us div.secondary-content p.number {
 margin-bottom: 0px !important;
}


body.contact-us div.secondary-content label {
 width: 160px;
 display: block;
 float: left;
}

.brochures #content form div.signup label {
	margin-left: 100px !important;
}

.homepage .banner div#welcome-message h3 a {
cursor:pointer;
display:block;
float:right;
height:140px;
margin-top:180px;
width:150px;
}

img.as-seen {
    position: relative;
    top: -20px;
    left: 200px;
}

.yellowText{color: #AEAEAE}

tr.features_table td.um {
    background:yellow !important;
}