/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* CSS Document */
body
{
	font: 62.5%/1.6em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
}

html{
	overflow:-moz-scrollbars-vertical;
}

#root
{
	position:relative;
	left:0px;
	top:0px;
	width:950px;
	text-align:left;
	margin:0 auto 0 auto;
	background:url(public/images/site/header.gif) no-repeat;
	font-size:1.2em;
}

#header
{
	height:342px;
	width:100%;
	background:url(public/images/site/man_standing.jpg) no-repeat 0px 46px;
}

#header_couple
{
	position:absolute;
	left:480px;
	top:53px;
	height:278px;
	width:470px;
	background:url(public/images/site/couple.jpg) no-repeat;
}

#page
{
	width:950px;
}

#footer
{
	font-size:10px;
	text-align:center;
	padding:10px;
	color:#ccc;
}

#footer a
{
	color:#ccc;
	text-decoration:none;
}

#footer a:hover
{
	color:#0091de;
	text-decoration:underline;
}


div.main_sections
{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:335px;
	background:url(public/images/site/main_sections.jpg) no-repeat;
}

div.context
{
	width:100%;
	background:url(public/images/site/news_bg.gif) repeat-y right top;
	margin-bottom:10px;
	border-bottom:1px solid #FFF;
}

div.context div.corner
{
	width:100%;
	background:url(public/images/site/gray_corner.gif) no-repeat right bottom;
}

div.context div.left
{
	float:left;
	padding:15px;
	width:522px;
}

div.context div.right
{
	float:left;
	width:398px;
}

div.latest_news
{
	width:358px;
	padding:15px 20px;
	background:url(public/images/site/heading_latest_news.gif) no-repeat 0px 0px;
}

div.latest_news div.news_items
{
	padding-left:150px;
}

div.latest_news div.news_items ul li
{
	display:inline;
}

div.latest_news div.news_items ul li a
{
	display:block;
	padding-left:35px;
	background:url(public/images/site/arrow.gif) no-repeat;
	margin-bottom:8px;
}

a
{
	color:#0091de;
	text-decoration:none;
}

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

p
{
	margin-bottom:15px;
}

p.nomargin
{
	margin-bottom:0px;
}

.clr
{
	clear:both;
}

a#lnkPortable, a#lnkTotalCare, a#lnkStockists, a#lnkBuiltIn
{
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:230px;
	height:332px;
}

a#lnkBuiltIn
{
	left:240px;
	top:0px;
}

a#lnkTotalCare
{
	left:480px;
	top:0px;
}

a#lnkStockists
{
	left:720px;
	top:0px;
}

a#lnkLogo
{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:52px;
}


/* Menu styles */

div.hmenu
{
	padding:8px 15px 0 100px;
	text-align:right;
	font-family:Helvetica, Arial, sans-serif;
}

div.hmenu ul li
{
	display:inline;
}

div.hmenu ul li a
{
	float:right;
	padding:10px 13px;
	font-size:14px;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	background:url(public/images/site/menu_sep.gif) right center no-repeat;
}

div.hmenu ul li a.first
{
	background:none;
}

div.hmenu ul li a:hover
{
	text-decoration:none;
}


/* product menu */

div.cat_menu
{
	position:absolute;
	top:54px;
	left:0px;
	font-family:Helvetica, Arial, sans-serif;
}

div.cat_menu ul li
{
	display:inline;
}

div.cat_menu ul li a
{
	display:block;
	height:33px;
	width:182px;
	background-color:#aad200;
	float:left;
	margin-right:10px;
	text-decoration:none;
}

div.cat_menu ul li a.mnuToilets
{
	background:url(public/images/site/product_menu.gif) no-repeat;
}

div.cat_menu ul li a.mnuToilets:hover, div.cat_menu ul li.current a.mnuToilets
{
	background:url(public/images/site/product_menu.gif) no-repeat 0 -33px;
}

div.cat_menu ul li a.mnuBuiltIn
{
	background:url(public/images/site/product_menu.gif) no-repeat 0 -66px;
}

div.cat_menu ul li a.mnuBuiltIn:hover, div.cat_menu ul li.current a.mnuBuiltIn
{
	background:url(public/images/site/product_menu.gif) no-repeat 0 -99px;
}


div.cat_menu ul li a.mnuCare
{
	background:url(public/images/site/product_menu.gif) no-repeat 0 -132px;
}

div.cat_menu ul li a.mnuCare:hover, div.cat_menu ul li.current a.mnuCare
{
	background:url(public/images/site/product_menu.gif) no-repeat 0 -165px;
}

div.cat_menu ul li a.mnuRefrigerators
{
	background:url(public/images/site/product_menu.gif) no-repeat 0 -330px;
}

div.cat_menu ul li a.mnuRefrigerators:hover, div.cat_menu ul li.current a.mnuRefrigerators
{
	background:url(public/images/site/product_menu.gif) no-repeat 0 -363px;
}

div.cat_menu ul li a.mnuStockist
{
	background:url(public/images/site/product_menu.gif) no-repeat 0 -264px;
	margin-right:0px;
}

div.cat_menu ul li a.mnuStockist:hover, div.cat_menu ul li.current a.mnuStockist
{
	background:url(public/images/site/product_menu.gif) no-repeat 0 -297px;
}


div.product_container
{
	float:left;
	width:145px;
	height:224px;
	margin-right:15px;
	background:url(public/images/site/product_container.gif) no-repeat;
}



div.product_container h5
{
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	padding:32px 5px 5px 10px;
	height:22px;
}

div.product_container h5.multi
{
	padding-top:8px;
	height:47px;
	line-height:100%;
}

div.product_container img
{
	padding:0 1px;
}

div.product_container a.details
{
	display:block;
	padding-right:8px;
	text-align:right;
	color:#858585;
	font-weight:bold;
	text-transform:uppercase;
}

div.product_container a.details:hover
{
	color:#0091de;
	text-decoration:none;
}


div.product_container h5.gold
{
	background:url(public/images/site/product_title_bg.gif) no-repeat 0px -60px;
}

div.product_container h5.pink
{
	background:url(public/images/site/product_title_bg.gif) no-repeat 0px -120px;
}

div.product_container h5.dark_pink
{
	background:url(public/images/site/product_title_bg.gif) no-repeat 0px -180px;
}

div.product_container h5.violet
{
	background:url(public/images/site/product_title_bg.gif) no-repeat 0px -240px;
}

div.product_container h5.red
{
	background:url(public/images/site/product_title_bg.gif) no-repeat 0px -300px;
}


div.product_desc
{
	position:absolute;
	left:0px;
	top:0px;
	padding-top:15px;
	width:360px;
	border:2px solid #CCC;
	background:#FFF;
	display:none;
	z-index:100;
}

div.product_desc a.close
{
	position:absolute;
	top:3px;
	font-weight:bold;
	right:5px;
}

div.product_desc h5
{
	text-align:right;
	padding:8px 5px 0px 5px;
	height:240px;
	color:#d7df23;
	font-weight:bold;
	font-size:50px;
	text-transform:uppercase;
	line-height:45px;
}

div.product_desc h5 span
{
	display:block;
	font-size:12px;
}

div.product_desc img
{
	position:absolute;
	left:5px;
	top:10px;
}

div.product_desc div.grid
{
	border-top:1px solid #ededed;
	
	background:#FFF;
}

div.product_desc div.grid table
{
	padding:0;
	margin:0;
	border:0;
	width:100%;
}

div.product_desc div.grid table tr td.title
{
	font-weight:bold;
}

div.product_desc div.grid table tr td
{
	padding:8px 10px;
}

div.product_desc div.grid table tr.alt td
{
	background-color:#EDEDED;
}


h1
{
	font:32px Helvetica, Arial, sans-serif;
	color:#0091de;
	text-transform:uppercase;
}

h1.title
{
	background:url(public/images/site/porta_potti.gif) no-repeat;
	padding:5px 0px 0px 175px;
	padding-bottom:25px;
}


h2
{
	font:16px Helvetica, Arial, sans-serif;
	color:#0091de;
	font-weight:bold;
	margin-bottom:5px;
}

h2.title
{
	padding:0px 40px;
	background:url(public/images/site/arrow.gif) no-repeat;
	margin-bottom:10px;
}

.upper
{
	text-transform:uppercase;
}


div.why_porta
{
	position:relative;
	width:374px;
	left:0px;
	top:0px;
	margin-left:80px;
	/*background:url(public/images/site/why_porta_bg.gif) no-repeat right top;*/
	background:url(public/images/site/section_bg.gif) no-repeat 0px 0px #EDEDED;
	margin-bottom:40px;
}

div.why_porta div.btm_bg
{
	width:100%;
	background:url(public/images/site/section_bg.gif) no-repeat -374px bottom;
}

div.why_porta img
{
	position:absolute;
	left:-70px;
	top:0px;
}

div.why_porta div.note
{
	position:absolute;
	left:158px;
	top:228px;
	font-size:11px;
	color:#999;
}


div.why_porta div.contents
{
	padding:5px 15px 15px 105px;
}

div.why_porta div.contents h2
{
	padding:0px 0px 0px 40px;
	color:#aad200;
	margin-bottom:1px;
}

div.why_porta div.contents ul
{
	padding-left:40px;
	list-style:disc;
}

div.why_porta div.contents ul li
{
	margin-left:18px;
}


p.note
{
	color:#999;
	font-size:11px;
}

p.last
{
	margin-bottom:0px;
}

h3
{
	font-weight:bold;
	font-size:12px;
	line-height:16px;
}


div.txt
{
	padding-left:40px;
	margin-bottom:40px;
}

div.txt ul
{
	margin-bottom:16px;
	list-style:disc;
}

div.txt ul li
{
	margin-left:16px;
}


.red
{
	color:#DA2128;
}

/*** Style for two column layout **/
body.two_col #root
{
	background:url(public/images/site/logo.gif) no-repeat;
}

body.two_col #header
{
	height:87px;
	background:none;
	margin-bottom:20px;
}

body.two_col #page #left_col
{
	float:left;
	width:480px;
	margin-right:16px;
}

body.two_col #page #center_col
{
	float:left;
	width:450px;
}

div.stocklist
{
	margin-bottom:16px;
}

div.stocklist table
{
	padding:0;
	border:0;
	margin:0;
}


div.stocklist div.group
{
	font-weight:bold;
	font-size:15px;
	padding:8px 5px;
	border-bottom:1px solid #EDEDED;
}

div.stocklist div.group span
{
	color:#999;
	font-size:12px;
	display:none;
}

div.stocklist table tr.group th
{
	font-weight:bold;
	font-size:15px;
}

div.stocklist table tr th
{
	font-weight:bold;
}

div.stocklist table tr.alt td
{
	background-color:#f4F4F4;
}

div.stocklist table tr td,div.stocklist table tr th
{
	padding:5px 8px;
	border-bottom:1px solid #EDEDED;
}

/* CSS Document */
div.progress, div.sticky_loading
{
	background:url(public/images/spinner.gif) no-repeat 10px;
	border:3px solid #9097a9;
	font-size:12px;
	padding:10px 10px 10px 32px;
	background-color:#FFF;
	color:#222;
}

div.blockUI
{
    background-color:#999999; 
    filter:alpha(opacity=50); 
    opacity:0.5;
    z-index:1000;
}

div.modal
{
	background:#ffffff none repeat scroll 0%;
	position:absolute;
	width:400px;
	border:5px solid #333333;
	z-index:9999;
	font-size:12px;
	padding:15px;
}

div.error
{
	border-top:2px solid #666;
	border-bottom:2px solid #666;
	padding:15px 25px 15px 25px;
	margin-bottom:16px;
	background-color:#FFF;
	font-size:90%;
	color:red;
}

div.error b
{
	display:block;
	margin-bottom:5px;
}

#page div.center div.error ul
{
	list-style:square;
	padding-left:15px;
	margin-bottom:0px;
}

div.error ul li
{
	line-height:16px;
}

div.message
{
	border-top:2px solid #8ac27e;
	border-bottom:2px solid #8ac27e;
	padding:15px;
	margin-bottom:16px;
	background-color:#FFF;
}

div.loading
{
	background-image:url(public/images/spinner_blue.gif);
	background-position:15px;
	background-repeat:no-repeat;
	padding:15px;
	padding-left:36px;
	/*border:1px solid #CCCCCC;*/
	color:#1752A4;
}

.note
{
	font-size:95%;
	color:#666;
}