@charset "utf-8";
html { height:100%; overflow-y:scroll; }
body { margin:0px; padding:0px; background:url('../../images/layout/fm_bg.jpg') repeat; font-family:Gotham, "Helvetica Neue", Helvetica, 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; }

#wrapper { margin:0 auto; background:#000; 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; overflow:hidden; }
#nav ul li.end { border-right:0px; }
#nav a { display:block; width:100%; height:100%; text-indent:-2000px; }
#about, #press, #investors, #contact { background-position:0px 0px; }
#about:hover, #press:hover, #investors:hover, #contact: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; height:295px; }
#main-links { float:left; width:338px; margin:25px 0px 0px 0px; }
.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; }

#side_menu { float:left; width:193px; font-size:12px; background:#D5CFBF; }
#side_menu ul { margin:0px; padding:0px; list-style:none; }
#side_menu ul li { padding:10px 0px 10px 35px; border-bottom:2px #FFF solid; width:158px; }
#side_menu ul li a { color:#000; display:block; width:100%; height:100%; }
#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:158px; padding:5px 0px 5px 35px; }
#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; border-top:1px #FFF solid; margin:0px; overflow:auto; }
#content_wrapper { background:#D5CFBF; overflow:auto; }
#section { border-left:1px #FFF solid; 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; }
#section_img { }
#section_content h1 { font-size:20px; }
#section_content h2 { font-size:18px; color:#c6c0b6; }
#section_content h2.em { font-style:italic; }

#footer {
	margin:0 auto;
	margin-top:10px;
	padding-bottom:30px;
	width:943px;
	font-size: 10px;
	color: #616161;
}

.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; font-weight:bold; 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 }

.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; }

#login-box { border:2px #edf1fa groove; width:600px; padding:20px; background:#edf1fa; margin-top:40px; }

.bio { float:left; width:150px; margin:0px 0px 30px 20px; }
.bio .pic { width:120px; height:140px; border:1px #E4E4E4 solid; background:#F1F1F1; }
.bio .info { width:140px; }

.news { margin-bottom:30px; }
.news .news-title { font-weight:bold; font-size:14px; }
.news .news-teaser {}


/* IMAGE PRELOAD */

.bath { background-image:url('../../images/layout/main-bath.png'); }
.indoor { background-image:url('../../images/layout/main-indoor.png'); }
.outdoor { background-image:url('../../images/layout/main-outdoor.png'); }
.food { background-image:url('../../images/layout/main-food.png'); }

