@charset "utf-8";

/*
-----------------------------------------------------------------------------------------
MAGNET 2009 - HOMEPAGE

--------------
CONTENTS
--------------
## COLUMN STRUCTURE
## PROMO BANNER
## GENERIC ITEM
## NEWS ITEMS
## TRENDS & INNOVATIONS ITEMS

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


/*  ## COLUMN STRUCTURE  ------------------------------------------------------------*/
#content .section {
/*border-top: 10px solid red;*/
clear: none;
display: inline;
float: left;
margin: 0 19px 0 0;
padding: 0;
width: 294px;
}
#content div.news {
margin: 0 18px 0 0;
}
#content .get-in-touch {
/*border-top: 10px solid green;*/
margin: 0;
}


/*  ## PROMO BANNER  ------------------------------------------------------------*/
.banner {
position: relative;
}
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* VERY IMPORTANT!!! REMEBER TO UPDATE THE IE6.CSS FIX WHEN ADDING PNG SALE MESSAGES */
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
.homepage .banner div#welcome-message {
background: url(/stat/homepage-banners/welcome-message.png) no-repeat 0 0;
height: 345px;
left: 55px;
overflow: hidden;
position: absolute;
text-indent: -3000em;
top: 20px;
width: 197px;
z-index: 2;
}
.homepage .banner div#sale-message {
background: url(/stat/homepage-banners/half-price-sale.png) no-repeat 0 0;
height: 159px;
left: 65px;
overflow: hidden;
position: absolute;
text-indent: -3000em;
top: 20px;
width: 290px;
z-index: 2;
}
.homepage .banner div#sale-message a {
display: block;
height: 159px;
left: 0;
overflow: hidden;
position: absolute;
text-indent: -3000em;
top: 0;
width: 290px;
}
.homepage .banner div#sale-message-spring,
.homepage .banner div#sale-message-spring-alternative {
background: url(/stat/homepage-banners/homepage_sale_message.png) no-repeat 0 0;
height: 344px;
left: 65px;
overflow: hidden;
position: absolute;
text-indent: -3000em;
top: 20px;
width: 197px;
z-index: 2;
}

.homepage .banner div#sale-message-spring-alternative {
background: url(/stat/homepage-banners/homepage_sale_message_alt.png) no-repeat 0 0;
height: 344px;
overflow: hidden;
position: absolute;
text-indent: -3000em;
top: 20px;
width: 197px;
z-index: 2;
}




.homepage .banner div#sale-message-spring a.offers {
display: block;
height: 197px;
left: 0;
overflow: hidden;
position: absolute;
text-indent: -3000em;
top: 0;
width: 197px;
}
.homepage .banner div#sale-message-spring a.pricing-guide {
display: block;
height: 140px;
right: 0;
overflow: hidden;
position: absolute;
text-indent: -3000em;
top: 205px;
width: 140px;
}


#smartcare-logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../stat/homepage-banners/homepage_smartcare_logo.png) no-repeat 0 0;
	position: absolute;
	font-size: 2px;
	text-indent: -3000px;
	width: 75px;
	height: 75px;
	top: 20px;
	right: 70px;
	z-index: 1000;
	font-size: 2px;
}

#smartcare-content {
	display: none;
	position:absolute;
	top:20px;
	right:55px;
	z-index:900;
	width:373px;
	height:315px;
	background:url(../../stat/smartcare-content-bg.png);
}

#smartcare-content h4 {
	font-size:18px;
	text-transform:uppercase;
	font-weight:300;
	line-height:1.2;
	width:150px;
	text-align:right;
	margin:90px 0 0 205px;
}

#smartcare-content p {
	font-size:12px;
	line-height:1.3;
	width:300px;
	margin:25px 0 0 55px;
	text-align:right;
}

.wrap {
	display: block;
}



#tab-nav {
width: 224px;
height: 200px;
position: absolute;
left: 731px;
overflow: hidden;
top: 238px;
z-index: 100;
}
#tab-nav li,
#tab-nav a {
float: left;
display: block;
margin: 0;
padding: 0;
width: 224px;
}
#tab-nav li {
padding-bottom: 10px;
}
#tab-nav a {
height: 34px;
background: transparent 0 0;
overflow: hidden;
text-indent: -3000em;
text-decoration: none;
}
#tab-nav li.tab-prices a {
background: transparent url(/stat/homepage-tabs/tab-01-prices.png) no-repeat 0 0;
}
#tab-nav li.tab-visit a {
background: transparent url(/stat/homepage-tabs/tab-01-visit.png) no-repeat 0 0;
}
#tab-nav li.tab-mands a {
background: transparent url(/stat/homepage-tabs/tab-01-mands.png) no-repeat 0 0;
}
#tab-nav li.tab-newsletter a {
background: transparent url(/stat/homepage-tabs/tab-01-newsletter2.png) no-repeat 0 0;
}

#tab-nav ul li a:hover {
background-position: 0 -34px;
}
#tab-nav li.tab-newsletter a {
height: 47px;	
}
#tab-nav ul li.tab-newsletter a:hover {
background-position: 0 -47px;
}
#tab-nav li.tab-newsletter a {
height: 47px;	
}
#tab-nav ul li.tab-newsletter a:hover {
background-position: 0 -47px;
}
div#image-holder {
margin-left:35px;
position:relative;
overflow: hidden;
width: 920px;
}
div#image-holder div {
float: left;
margin-left: 0;
position: relative;
}
div#image-holder div span {
position: absolute;
bottom: 30px;
left: 30px;
z-index: 1;
padding: 5px 28px;
background-color: #C70047;
color: #FFFFFF;
text-transform: uppercase;
font-size: 87.5%;
}
.in-sale div#image-holder div span {
background-color: #90BF2F;
}
div#image-holder div a,
div#image-holder div a:hover,
div#image-holder div a:active,
div#image-holder div a:focus {
text-decoration: none !important;
}
div#image-holder img {
float: left;
margin-left: 0;
}


/*  ## GENERIC ITEM  ------------------------------------------------------------*/
.item {
border-bottom: 1px solid #333333;
float: left;
margin-bottom: 10px;
padding: 5px 0;
width: 294px;
position: relative;
}
.item div.text {
float: left;
width: 145px;
padding: 14px 10px 20px;
}
.item div.text h3 a {
line-height: 1.3;
color: #E2E1DE;
}
.item div.img {
float: left;
width: 129px;
}
.item div.img img {
margin: 0;
}
.item p.more a {
text-transform: uppercase;
}
.last {
margin-right: 0 !important;
}
.homepage #content h2,
.wish-list #content h2,
.kitchen-landing #content h2,
.kitchen-detail #content h2 {
background: #000000 url(/stat/bg-h2-294x13.gif) top left no-repeat;
border-bottom: 1px solid #808080;
margin: 0 0 10px;
padding: 10px 10px 10px 15px;
}
.homepage #content h3,
.wish-list #content h3,
.kitchen-landing #content h3,
.kitchen-detail #content h3 {
color: #E2E1DE;
line-height: 1.2;
margin: 0;
position:relative;
z-index:2;
}
.homepage #content p,
.wish-list #content p,
.kitchen-landing #content p,
.kitchen-detail #content p {
color: #AEAEAE;
line-height: 1.2;
margin: 0.4em 0;
}


/*  ## NEWS ITEMS  --------------------------------------------------------------*/
.tell-magnet div.text {
float: right;
}
.sale-start {
	
}
.js-active .offer div.img {
margin-top: 10px;
padding-left: 6px;	
width: 123px;
}


div.smartcare h3 {
	position: relative;
	width: 189px;
	height: 70px;
	margin-bottom: 15px!important;
	}

div.smartcare h3 a {
	font-size: 2px;
	color: #000!important;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/stat/smart_care_logo.png) top left no-repeat;
}
	

div.smartcare h2 {
	width: 74px;
	height: 73px;
	padding: 0!important;
	background: pink;
	position: absolute;
	top: 60px;
	right: 0;
	border: 0!important;
}

div.smartcare h2 span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: url(/stat/smart_care_new_roundel.gif) top left no-repeat;
}


div.smartcare div.text {
	width: 200px;
}

div.smartcare div.text p.intro {
text-transform: uppercase;
color: #DDA400!important;
}


/*  ## TRENDS & INNOVATIONS ITEMS  ----------------------------------------------*/
.appliances {
border-bottom: 0;
margin: 0;
}
div.trends {
margin: 0;
background: #000000 url(/stat/bg-h2-294x13.gif) top left no-repeat;
padding: 10px 10px 20px;
width: 274px;
border-bottom: none;
}
#content .trends h3 {
padding: 4px 0 10px;
}
#content .trends div.main-image {
float:left ;
width: 274px;
margin-bottom: 5px;
}
#content .trends div.main-image img {
float:left ;
width: 274px;
margin: 0 0 3px;
}
#content .trends div.main-image p {
float:left ;
width: 155px;
}
#content .trends div.main-image p.more {
float:left ;
text-align: right;
width: 119px;
}
#content .trends ul.small-images {
float: left;
overflow: hidden;
width: 274px;
}
#content .trends ul.small-images img {
margin: 0 10px 15px 0;
}
#content .trends ul.small-images li,
#content .trends ul.small-images li img {
float: left;
}
#content .trends h4 {
clear: both;
color: #FFFFFF;
margin: 15px 0 0;
}
#content .trends ul {
margin: 0;
padding: 0;
}
#content .trends ul li {
list-style: none;
margin: 0;
padding: 0;
}


/*  ## GET IN TOUCH ITEMS  ------------------------------------------------------*/
.order-brochure div.text h3 {
padding-right: 30px;
}
#content .find-a-showroom form label {
display: none;
}
#content .find-a-showroom form div {
padding: 8px 0;
width: auto;
}
#content .find-a-showroom form input.text {
width:130px;
}
#content .find-a-showroom form div.form-buttons {
margin-top:-10px;
}
.sign-up {
padding-bottom: 10px;
}


/*  ## KITCHEN LANDING  ---------------------------------------------------------*/
.screen {
position: relative;
}
.screen-content {
height: auto;
}
.wish-list #nav,
.uniquely-magnet-kitchens #nav,
.purely-magnet-kitchens #nav,
.essentially-magnet-kitchens #nav {
margin-top: -8px;
}
.kitchen-detail #nav {
margin-top: 0;
}
.kitchens-list {
margin: 0 31px 0 35px;
min-height: 452px;
overflow: hidden;
position: relative;
width: 928px;
}
.kitchens-list .hgroup {
display: inline;
float: left;
height: 222px;
margin: 0 8px 8px 0;
overflow: hidden;
text-indent: -3000em;
width: 224px;
}
.kitchens-list .hgroup a {
position: absolute;
top: 0;
left: 0;
height: 222px;
margin: 0 8px 8px 0;
overflow: hidden;
text-indent: -3000em;
width: 224px;
}
.kitchens-list ul.items li {
background-color: grey;
display: inline;
float: left;
height: 222px;
margin: 0 8px 8px 0;
position: relative;
width: 224px;
}
.kitchens-list .last {
margin: 0 0 8px 0;
}
.kitchens-list .bottom li {
margin: 0 8px 0 0;
}
.kitchens-list .bottom li.last {
margin: 0;
}
.kitchens-list ul.items li a {
float: left;
}
.uniquely-magnet-kitchens div.hgroup {
background: url(/stat/hdr-kitchens-uniquely-02-224x222.gif) no-repeat 0 0;
}
.purely-magnet-kitchens div.hgroup {
background: url(/stat/hdr-kitchens-purely-02-224x222.gif) no-repeat 0 0;
}
.essentially-magnet-kitchens div.hgroup {
background: url(/stat/hdr-kitchens-essentially-02-224x222.gif) no-repeat 0 0;
}
.wish-list div.hgroup {
background: url(/stat/hdr-wish-list-01-224x222.gif) no-repeat 0 0;
}


.wish-list div.wishlist-intro {
top: 0;
left: 232px;
position: absolute;
padding: 50px 80px 0 50px;
}

body.wish-list div.wishlist-intro h2 {
font-size: 150%;
font-weight: normal;
color: #DDA400;
text-indent: 0;
}

body.wish-list div.wishlist-intro p {
text-indent: 0;
}


body.wish-list div.wishlist-intro ol {
margin: 20px 0 0 30px;
}

body.wish-list div.wishlist-intro ol li {
margin-bottom: 15px;
color: #DDA400;
line-height: 15px;
list-style-position: inside;
text-indent: -19px
/* padding-left: 30px; */
}

body.wish-list div.wishlist-intro ol li a {
color: #fff;
}


.js-active #nav {
margin-top: 0;
}
.js-active .kitchens-list {
visibility: hidden;
height: 452px;
}
.js-active .kitchens .section {
clear: none;
float: left;
width: 928px;
height: 452px;
margin-right: 8px;
}
.kitchens .items a,
.kitchens .row a {
display: inline;
float: left;
height: 222px;
margin: 0 8px 8px 0;
overflow: hidden;
position: relative;
text-decoration: none;
width: 224px;
}
.kitchens .items a span.name,
.kitchens .row a span.name {
background-color: #000000;
bottom: -26px;
color: #FFFFFF;
display: block;
font-size: 75%;
height: 20px;
padding: 4px 25px 2px;
position: absolute;
right: 0;
text-align: right;
text-transform: uppercase;
}
.uniquely-magnet-kitchens .kitchens a span.name {
background:transparent url(/stat/bg-swatch-80-uniquely.png);
}
.purely-magnet-kitchens .kitchens a span.name {
background:transparent url(/stat/bg-swatch-80-purely.png);
}
.essentially-magnet-kitchens .kitchens a span.name {
background:transparent url(/stat/bg-swatch-80-essentially.png);
}
.wish-list .kitchens a span.name {
background:transparent url(/stat/bg-swatch-80-wish-list.png);
}
.kitchens a:hover span.name,
.kitchens a:focus span.name,
.kitchens a:active span.name {
bottom: 0;
}
.js-active .kitchens a:hover span.name,
.js-active .kitchens a:focus span.name,
.js-active .kitchens a:active span.name {
bottom: -26px;
}
.activeScroller .kitchens-list {
width: 920px
}
.activeScroller .kitchens {
position: absolute;
width: 300000em;
height: 452px;
}
.activeScroller .kitchens .section {
width: 920px;
}


/*  ## 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;
}
div.kitchen-detail img {
height: 452px;
left: 0;
position: absolute;
top: 0;
width: 920px;
}
js.active div.kitchen-detail img {
display: none;	
}
div.kitchen-detail .kitchen-info {
left: 0;
position: absolute;
top: 0;
width: 299px;
z-index: 3;
}
div.kitchen-detail .kitchen-info h1 {
background: transparent url(/stat/bg-kitchen-h1.png) no-repeat 0 0;
font-size: 93.75%;
font-weight: normal;
padding: 19px 30px 17px 50px;
text-transform: uppercase;
}
div.kitchen-detail .kitchen-info p {
padding-top: 1em;
}
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 {
background: transparent url(/stat/bg-kitchen-info.png) no-repeat 0 0;
padding: 0 15px 15px;
font-size: 11px;
}
div.kitchen-detail .kitchen-info div p,
div.kitchen-detail .kitchen-info div li {
line-height: 1.2;
}
div.kitchen-detail .kitchen-price {
background: transparent url(/stat/bg-kitchen-info.png) left bottom repeat-x;
right: 20px;
position: absolute;
bottom: 20px;
z-index: 2;
}
.uniquely-magnet-kitchens div.kitchen-detail .kitchen-price {
background: rgb(168,168,173);
}
.purely-magnet-kitchens div.kitchen-detail .kitchen-price {
background: rgb(79,160,166);
}
.essentially-magnet-kitchens div.kitchen-detail .kitchen-price {
background: rgb(148,2,46);
}
.wish-list div.kitchen-detail .kitchen-price {
background: #DDA400;
}
div.kitchen-detail .kitchen-price p {
font-size: 75%;
padding: 10px;
text-transform: uppercase;
}
div.kitchen-detail .kitchen-price p a {
color: #FFFFFF;
}
div.kitchen-detail .kitchen-price p strong {
display: block;
font-weight: normal;
}
div.kitchen-detail .kitchen-price p span {
display: block;
font-size: 125%;
}
.js-active div.kitchen-detail .kitchen-info div {
display: none;
}
.js-active div.kitchen-detail h1 {
cursor: pointer;
}
.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 {
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;
background: url(/stat/bg-hotspot-close.png) no-repeat 0 0;
display: none;
}