html,body{margin:0;padding:0;height:100%;}
body{background:#877513 url('images/subBG2.jpg') no-repeat center 800px;text-align:center;}
#wrapper{width:100%;background:url('images/subpagebg2.jpg') no-repeat center 34px;text-align:center;min-height:100%;position:relative;}
#header,#topNavBar,.content,#footer{margin:0 auto;width:900px;height:auto;text-align:left;}
#header{padding:0px;}
.logo{float:left;width:190px;height:100px;background:transparent url('images/4melogo.jpg') no-repeat;margin-left:135px;}
.logo b{display:none;}
a{outline:none;}
.clearfix{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#globalNav{float:right;margin:42px 0px 0 0;width:auto;height:22px;}
#globalNav ul{margin:0;padding:0;list-style:none;}
#globalNav li{float:left;}
#globalNav li a,
#globalNav li a:visited,
#globalNav li a:active{padding:0 12px;color:#dad0a1;text-decoration:none;line-height:11px;text-transform: uppercase;border-left: 1px solid #dad0a1;font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;}
#globalNav li a:hover{color:#dad0a1;text-decoration:underline;}
#globalNav li.first a{background:none;border-left: 0;}
 
#topNavBar{clear:both;width:900px;padding-top:25px;}
#topNavBar ul.rootGroup {position:relative;top:0;left:85px;width:580px;height:25px;}
#topNavBar .rootGroup{border:0;list-style:none;}
#topNavBar .rootGroup li{display:inline;margin:0;padding:0;border:0;position:relative;}
#topNavBar .rootGroup li:hover{white-space:normal;}
#topNavBar .rootGroup ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0;}
#topNavBar .rootGroup li:hover>ul{visibility:visible;left:100%;}
#topNavBar .rootGroup:after, #topNavBar .rootGroup ul:after{display:block;visibility:hidden;clear:both;height:0;overflow:hidden;content:".";}
#topNavBar .rootGroup, #topNavBar .rootGroup ul{min-height:0;}

#topNavBar .rootGroup, #topNavBar .rootGroup ul li{}
#topNavBar .rootGroup a,
#topNavBar .rootGroup a:visited,
#topNavBar .rootGroup a:active,
#topNavBar .rootGroup a:hover{display:inline;padding:0 8px;line-height:12px;font-weight:400;color:#736944;text-decoration:none;font-family:"Garamond", Georgia, "Times New Roman", Times, serif;font-size:14px;}
#topNavBar .rootGroup a:hover, #topNavBar .rootGroup li:hover>a{color:#fff;}
#topNavBar .rootGroup li:hover>ul {top:16px;left:0%;}
#topNavBar a.selected{color:#fff;}


.content{min-height:680px;height:auto !important;height:680px;margin-top:10px;padding-bottom:20px;}
.content .sidebar{display:inline;float:left;width:175px;margin:35px 5px 0 0;}
.content .sidebar#tell{padding-top:20px;}
ul#secondNav {list-style:none;}
ul#secondNav li {display:inline;}
ul#secondNav li a{text-indent:-9999px;display:block;height:37px;width:175px;float:left;margin-bottom:35px;}
ul#secondNav li a img{text-indent:0;margin-left:30px;}
ul#secondNav li a.products{background:url('images/sidenav/products.gif') no-repeat left bottom;}
ul#secondNav li a.analysis{background:url('images/sidenav/analysis.gif') no-repeat left bottom;}
ul#secondNav li a.tips{background:url('images/sidenav/tips.gif') no-repeat left bottom;}
ul#secondNav li a.faqs{background:url('images/sidenav/faqs.gif') no-repeat left bottom;}
ul#secondNav li a.demo{background:url('images/sidenav/blendingdemo.gif') no-repeat left bottom;}
ul#secondNav li a.spas{background:url('images/sidenav/spas.gif') no-repeat left bottom;}
ul#secondNav li a.refer{background:url('images/sidenav/referafriend.gif') no-repeat center top;height:41px;}
ul#secondNav li a.why{background:url('images/sidenav/why4me.gif') no-repeat left bottom;}
ul#secondNav li a.favBlends{background:url('images/sidenav/favoriteblends2.gif') no-repeat left bottom;}

ul#secondNav li a.products:hover, .content .sidebar ul#secondNav li a.products:active{background-position:left center;}
ul#secondNav li a.analysis:hover, .content .sidebar ul#secondNav li a.analysis:active{background-position:left center;}
ul#secondNav li a.tips:hover, .content .sidebar ul#secondNav li a.tips:active{background-position:left center;}
ul#secondNav li a.faqs:hover, .content .sidebar ul#secondNav li a.blend:active{background-position:left center;}
ul#secondNav li a.demo:hover, .content .sidebar ul#secondNav li a.ingredients:active{background-position:left center;}
ul#secondNav li a.spas:hover, .content .sidebar ul#secondNav li a.spas:active{background-position:left center;}
ul#secondNav li a.why:hover, .content .sidebar ul#secondNav li a.why:active{background-position:left center;}
ul#secondNav li a.favBlends:hover, .content .sidebar ul#secondNav li a.favBlends:active{background-position:left center;}
ul#secondNav li a.refer:hover, .content .sidebar ul#secondNav li a.refer:active{background-position:center bottom;}

body#products .content .sidebar ul#secondNav li a.products{background-position:top left;}
body#analysis .content .sidebar ul#secondNav li a.analysis{background-position:top left;}
body#tips .content .sidebar ul#secondNav li a.tips{background-position:top left;}
body#blend .content .sidebar ul#secondNav li a.blend{background-position:top left;}
body#ingredients .content .sidebar ul#secondNav li a.ingredients{background-position:top left;}
body#spas .content .sidebar ul#secondNav li a.spas{background-position:top left;}

.UserInfoSubmit{float:left;color:#fff;padding-top:5px;text-align:center;width:75px;height:29px;}
.section{border-top:none 0px transparent;}

.content .main .pictureArea{height:300px;width:685px;padding:5px 5px 1px 5px;border:solid 1px #ffffff;}
.content .main .caption{margin-left:75px;width:525px;}
.content .main .tabs{}
#tabNav{}
#tabNav ul{background:#E9E1C7;height:50px;margin:0 5px 0 6px;}
#tabNav ul li{float:left;margin-left:0;margin-bottom:0;max-width:120px;}
#tabNav ul li.selected{background:#FFF;border-top:#E9E1C7 1px solid;}
#tabNav ul li a{display:block;padding:1.5em 20px 1.5em;text-decoration:none;text-transform:uppercase;}
#tabNav ul.span-7 li{max-width:160px;}
#tabNav ul.span-7 li a{padding:1.5em 24px;}
.UniqueNeeds #tabNav ul li{max-width:200px;}
.UniqueNeeds #tabNav ul li a{padding:1.5em 6px;}
#tabNav ul.span-5 li{max-width:160px;}
#tabNav ul.span-5 li a{padding:1.5em 38px;}

#tabNav .navItem1 a {color:#4C2B15;}
#tabNav .navItem2 a {color:#9B7D0D;}
#tabNav .navItem3 a {color:#6F8C3B;}
#tabNav .navItem4 a {color:#B67529;}
#tabNav .navItem5 a {color:#E86D1F;}
#tabNav .navItem6 a {color:#B93028;}
#tabNav .navItem7 a {color:#E9282F;}

#tabSection{border:solid 1px #FFF;padding:0 5px 5px 5px;width:675px;}
#tabSection #TabContentZone{background:#FFF;padding:0 20px 20px;position:relative;width:635px;}
#WebPart_gwpNewPlaceHolder{display:none;}
#tabSection .new{background:url('../../shared/images/NewTo4ME.jpg') left top no-repeat;border:0 none;float:right;height:72px;line-height:0;position:relative;right:5px;text-indent:-5000px;top:20px;width:150px;z-index:100;}
#tabSection .blend{position:absolute;right:15px;top:110px;}
#tabSection p{width:450px;}
#tabSection p:first-child{margin-top:0;padding-top:10px;}

.content .main #MainZone table tbody tr td{padding:10px 0;vertical-align:middle;}

.SkincareRegime #tabSection ul{display:table;width:460px;}
.SkincareRegime #tabSection ul li{float:left;text-align:center;width:140px;}
.SkincareRegime #tabSection ul li p{text-align:center;width:140px;margin:10px 0 0 0;}

#userInfoPanel{float:left;}
#userInfo{float:left;display:inline;padding:5px;}
.clear{clear:both;}

.content .main{float:left;width:685px;margin:25px 0 0 0;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#736944;}
.content .main div.mainImage{background:url('images/subpagemainimgbg.gif') no-repeat center;height:300px;width:470px;}
.content .main div.mainImage img{margin:4px;}
.content .main div.titleArea{}
.content .main div.header{margin:0 40px 0 40px;}
.content .main div.topRow{}
.content .main div.centerLeftColumn,
.content .main div.centerColumn,
.content .main div.centerRightColumn{display:inline;float:left;width:32%;height:auto;margin-right:10px;}
.content .main div.centerRightColumn{margin-right:0;}
.content .main div.footer{clear:both;height:auto;}
.content .main p{font-size:12px;line-height:20px;margin:0 0 20px 0}
.content .main h1{font-weight:bold;font-family:"Garamond", Georgia, "Times New Roman", Times, serif;font-size:22px;text-transform:uppercase;margin-bottom:20px;}
.content .main h2{margin-top:20px;font-weight:700;font-size:16px;}
.content .main ul{list-style:none;}
.content .main li{margin-bottom:5px;margin-left:17px;}
.content .main li a{color:#cc3300;}
.content .main a{color:#cc3300;}

.content .main div.form{clear:both;background:#dbd0a2 url('images/productbuilderbg.gif') no-repeat center;height:300px;width:470px;}
.content .main div.form .mixForm{width:470px;height:300px;}
.content .main div.form .mixForm .control{margin-left:170px;}
.content .main div.form .mixForm .control select{width:175px;height:20px;font-size:10px;}
.content .main div.form .mixForm .control select.basic{border:1px solid #aa812e;margin-top:80px;}
.content .main div.form .mixForm .control select.booster1{border:1px solid #807424;margin-top:38px;}
.content .main div.form .mixForm .control select.booster2{border:1px solid #807424;margin-top:36px;}
.content .main div.form .mixForm .control p{width:175px;height:30px;border:1px solid #da652e;background:#fff;margin-top:36px;margin-top:30px;font-size:9px;line-height:11px;padding:3px;}
.content .main div.form .mixForm .navigation input{float:left;background:#da652e;border:none;color:#fff;margin:-40px 0 0 370px;padding:2px;text-align:center;width:75px;height:25px;}

.FAQList{margin-left:10px;line-height:16px;}
.FAQList span{display:none;margin-left:20px;}
.FAQList li{marker-offset:5px;}
.FAQList a{padding-left:4px;}

.section{float:left;}
.section.controls{float:left;}
.inputForm .section,.inputForm .section .title h3{background:none;}
.inputForm .section{width:100%;}
.inputForm .section .controls .control {color:#525252;font-family:tahoma;font-size:8pt;white-space:nowrap;}
.inputForm .section .controls .control label{font-size:8pt}
.inputForm .navigation{text-align:left;}
.inputForm .navigation input {width:auto;}
.inputForm .section .controls .label img{vertical-align:middle;}
.infoMessage{margin:8px 0;padding:8px;border:solid 1px #ccc;background:#ffffe1;}

#footer{background:transparent url('images/footerbg.jpg') no-repeat center;height:70px;padding:0;bottom:0;left:0;width:100%;}
#footer ul.footwrap{width:775px;text-align:center;margin:0 auto;padding-top:20px;}
#footer ul.footwrap li{display:inline;padding:5px;}
#footer ul.footwrap li a, 
#footer ul.footwrap li a:visited,
#footer ul.footwrap li a:active{font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-seriffont-size:10px;font-weight:normal;color:#dad0a1;text-decoration:none;}
#footer ul.footwrap li a:hover{text-decoration:underline;}
.bbLogo{margin-left:225px;margin-top:20px;}

#tell{margin-top:30px;}