@charset "utf-8";
html { height:100%; overflow-y:scroll; }
body { margin:0px; padding:0px; background:url('../../images/layout/fm_bg.jpg') repeat; font-family:Arial, sans-serif; font-size:13px; line-height:20px; }

form { margin:0px; padding:0px; }
img { border:0px; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.t-left { text-align:left; }
.t-center { text-align:center; }
.t-right { text-align:right; }

a { color:#4379A3; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }

.hidden { display:none; }

#wrapper { margin:0 auto; background:#FFF; width:932px; border:5px #FFF solid; overflow:auto; margin-top:50px; -moz-box-shadow: 2px 2px 10px #333; -webkit-box-shadow: 2px 2px 10px #333; box-shadow: 2px 2px 10px #333; }
#header { background:#000; height:110px; }
#logo { width:247px; height:42px; background:url('../../images/layout/fm-logo.png') no-repeat; float:left; margin:40px 0px 0px 35px; }
#logo a { display:block; width:100%; height:100%; text-indent:-2000px; }

#nav { color:#FFF; font-size:12px; float:right; margin-top:60px; }
#nav ul { margin:0px; padding:0px; list-style:none; }
#nav ul li { float:left; border-right: 1px #C1C1C1 solid; height:10px; padding:0px 5px; margin:0px 5px; }
#nav ul li.end { border-right:0px; }
#nav a { display:block; width:100%; height:100%; text-indent:-2000px; }
#about, #press, #investors, #contact, #enviro, #support, #where_to_buy { background-position:0px 0px; }
#about a, #press a, #investors a, #contact a { display:block; height:10px; overflow:hidden; }

#about:hover, #press:hover, #investors:hover, #contact:hover, #enviro:hover, #support:hover, #where_to_buy:hover { background-position:0px -10px; }

#flag { color:#FFF; font-size:10px; float:right; margin: 56px 20px 0px 5px; }
#flag select { font-size:10px; }

#content { border-bottom:1px #FFF solid; border-top:1px #FFF solid; margin:0px 20px 50px 20px; overflow:auto; }
#main-links { float:left; width:338px; margin:25px 0px 0px 25px; }
.main-link { clear:both; width:338px; height:30px; }
.main-link a { display:block; width:100%; height:100%; text-indent:-2000px; }
.divider { width:338px; height:15px; margin:10px 0px; background:url('../../images/layout/div.png') no-repeat; } 

#bath, #indoor, #outdoor, #food { background-position:0px 0px; }
#bath:hover, #indoor:hover, #outdoor:hover, #food:hover { background-position:0px -30px; }

#main-img { float:right; width:534px; height:295px; }

#breadcrumbs { color:#FFF; padding:10px 0px 0px 20px; }
#breadcrumbs a { color:#E9E6DE; } 


#side_menu { float:left; width:193px; background:#E9E6DE; }
#side_menu ul { margin:0px; padding:0px; list-style:none; }
#side_menu ul li { padding:10px 15px 10px 20px; border-bottom:2px #FFF solid; background:url('../../images/layout/tab_arrow.gif') no-repeat; height:21px; width:158px; }
#side_menu ul li a { font-size:14px; color:#000; display:block; width:100%; height:100%; text-decoration:none; }
#side_menu ul li a:hover { text-decoration:none; }
#side_menu ul li.active {  }
#side_menu ul li.active a { color:#333; }
#side_menu ul li.down { background:url('../../images/layout/tab_arrow_down.gif') no-repeat; }
#side_menu ul li.down a { color:#333; }
#side_menu ul.sub { background:#FFF; }
#side_menu ul.sub li { border-bottom:1px #E9E6DE solid; width:100%; padding:5px 0px 5px 20px; background:none; width:158px; }
#side_menu ul.sub li.active { background-position:0px -5px; }

#side_menu ul.sub li a { font-size:12px; color:#4379A3; }
#side_menu ul.sub li a:hover { text-decoration:underline; }

#sub_content { border-top:1px #FFF solid; overflow:auto; margin:0px; width:932px; }
#content_wrapper { background:#E9E6DE; overflow:hidden; min-height:200px; margin:0px; }
#section { float:right; width:738px; background:#FFF; }
#section_title { background:#5C5C5C; height:41px; margin-bottom:1px; }
#section_title h1 { margin:0px; padding:10px; font-size:16px; color:#FFF; font-weight:normal; float:left; min-width:280px;  }

#section_content { padding:20px 20px 100px 20px; overflow:hidden; }
#section_content ul { margin:15px; padding:0px; list-style:square; }

#section_img { }
#section_content h1 { font-size:20px; }
#section_content h2 { font-size:18px; color:#c6c0b6; }
#section_content h2.em { font-style:italic; }

.square { list-style:square; margin:0px; padding:0px; }
.square li { margin:0px 0px 10px 20px; } 

#footer {
	margin:0 auto;
	margin-top:10px;
	padding-bottom:30px;
	width:943px;
	font-size: 10px;
	color: #616161;
}

.field { clear:both; min-height:40px; margin-top:10px; }
.field label { float:left; width:60px; margin-right:20px; }
.field input { float:left; width:150px; }
.field textarea { height:125px; width:400px; }

#e404 { margin:0 auto; width:400px; padding:100px 0px 150px 0px; text-align:center; }


/* BATH */

#subnav { height:27px; background:#FFF; }
#subnav ul { margin:0px; padding:0px; list-style:none; }
#subnav ul li { float:left; height:27px; overflow:hidden; background-position:0px 0px; text-indent:-2000px; background-repeat:no-repeat; border-right:1px #000 solid; }
#subnav ul li.end { border-right:0px; }
#subnav ul li:hover { background-position:0px -27px; }
#subnav ul li a { display:block; width:100%; height:100%; }
#subnav ul li a h1 { margin:0px; padding:0px; }
#section #subnav { margin-bottom:2px; }

#bath_main { clear:both;}
#soma_main { float:left; margin:5px 2px 5px 0px; }
#contrac_main { float:left; margin:5px 0px 5px 0px; }
#water_main { float:left; margin:5px 0px 5px 2px; }

.green-box { clear:both; width:100%; padding-bottom:150px; }
.green-box h3 { color:#798F0D; font-size:14px; font-weight:bold; border-bottom:1px #798F0D solid; }
.green-box .green-pic { float:left; width:100px; margin:25px 40px 0px 20px; }
.green-box .green-info { float:left; width:500px; }

.prod { float:left; width:190px; margin:0px 20px 20px 20px; }
.prod .pic { width:170px; height:167px; border:2px #F5F5F5 solid; border-bottom:0px; background:#FFF; padding:10px;  border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; }
.prod .pic img { display:block; margin:0 auto; max-width:150px; max-height:167px; }
.prod .info { width:170px; height:60px; padding:0px 10px 10px 10px; font-size:11px; text-align:center; background:#FFF; border:2px #F5F5F5 solid; border-top:0px;  border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; }
.prod .sku { font-size:10px }

.indoor-prod {float:left; margin:0px 20px 20px 20px; border:1px solid #ccc;}

#prod_image { width:300px; float:left; margin:20px; }
#prod_image img { margin:0 auto; display:block; }
#prod_details { float:left; width:300px; margin:20px; }
#prod_details h1 { font-size:16px; color:#5C5C5C; border-bottom:1px #E9E6DD solid; }
#prod_dims { font-weight:bold; font-size:11px; }
#prod_desc { font-size:11px; }
#prod_desc ul { margin:15px; padding:0px; list-style:square; }


#rebate-panel { clear:both; padding:20px 40px 40px 40px; border-top:1px #CCC soild; }

.new_section { width:180px; float:left; margin:0px 20px 20px 20px; }
.new_section .heading { font-weight:bold; font-size:14px; }
.new_section .list { font-size:11px; }

.faq { margin-bottom:20px; }

#collection_img { height:130px; }
#collection_bar {  width:430px; height:41px; float:right; background: #E9E6DD url('../../images/layout/icon_bg.gif') no-repeat; }
#collection_bar .icon { float:right; margin:6px 8px; }
#collection_desc { clear:both; width:620px; margin-bottom:20px; padding:10px; }


.loc { width:220px; margin:10px 5px; float:left; height:100px; border-bottom:1px #F1F1F1 solid; font-size:11px; }
.loc h3 { margin:0px; padding:0px; }

#calc { padding-bottom:30px; border-bottom:1px #F5F5F5 solid; overflow:auto; }
#savings .val { font-weight:bold; }
#savings .total { font-weight:bold;	color:#060;	font-size:14px; }
#calc .note { font-size:11px; font-weight:normal; }
#calc .field { clear:none; float:left; width:320px; margin-right:20px; }
#calc .field label { width:250px; font-weight:bold; }
#calc .field input { width:30px; text-align:right; }
#savings { clear:both; }
#savings h2 { color:#060; } 
#savings .field { clear:none; float:left; width:320px; margin-right:20px; }

.style-guide { clear:both; border:2px solid #E9E6DD; margin-bottom:20px; height:350px; }
.style-guide img { float:left; width:288px; }
.style-guide .heading { font-weight:bold; font-size:16px; }
.style-guide .box { float:left; margin-left:20px; }

.availableIn { margin-top:4px; }
.availableIn a { margin-right:40px; color:#666; }
.availableIn img { border:1px solid #999; }

.store { float:left; margin-right:52px; }