/* Import CSS files: Begin */
@import url('reset.css');
/* Import CSS files: End */

/* HTML Definitions: Begin */
html{  }
body{ width: 800px; margin: 10px auto 10px auto; position: relative; background-image: url("/library/images/structure/background-lockedrings.gif"); background-repeat: repeat-x; }
/* HTML Definitions: End */

/* DIV Structure: Begin */
.clear{ clear: both; }
h1 span{ text-transform: lowercase; }
span{ color: inherit; }

div#header{ height: 108px; background-color: #fff; }
div#header h1{ position: absolute; left: 0px; top: 24px; width: 231px; height: 46px; text-indent: -9999px; background-image: url("../../library/images/structure/logo-ageloc.gif"); }
div#header h1 a{ display: block; height: 46px; }

div#header h2{ position: absolute; left: 716px; top: 20px;  width: 100px; height: 70px; text-indent: -9999px; background-image: url("http://www.nuskin.com/microsites/ageloc/library/images/structure/eu_logo_ns_micro.png"); background-repeat: no-repeat; }
div#header h2 a{ display: block; height: 53px; }

div#header ul#gwpContact{ position: absolute; left: 10px; top: -5px; }
div#header ul#gwpContact li  { display: inline; float: left; margin: 0 0px 0 0; color: #008ab0; }

ul#navigation{ position: absolute; top: 80px; background-color: #fff;}
ul#navigation li{ margin-right: 20px; display: inline; float: left; }
ul#navigation li a{ text-decoration: none; text-transform: uppercase; }
ul#navigation li a span{ text-transform: lowercase; }
ul#navigation li a:hover{ color: #008ab0; }
ul#navigation li#current a{ color: #008ab0; }
ul#navigation li#current a:hover{ color: #919195; }

div#wrapper{ height: 100%; background-color: #fff; background-image: url("/library/images/structure/background-lockedrings-green.gif"); background-repeat: repeat-y; }

div#content{  min-height: 380px; }
div#content div#banner{ height: 377px; }
div#banner.landingpage { background-image: url("/library/images/content/banner-globallandingpage.jpg"); }
div#banner div#marketdropdown { position: absolute; top: 350px; left: 350px; color: #008ab0; text-transform: uppercase; }
div#banner div#marketdropdown select{ margin: 0 0 0 25px; }
div#banner div#marketdropdown option{ margin: 5px 20px 5px 4px; }

div#subcontent li{ display: inline; float: left; width: 266px; }

div#footer{ background-color: #fff; margin-top: 10px; font-size: 9px; clear: both; }

ul#sidenav{ display: inline; float: left; width: 139px; padding: 35px 15px 0 18px; font-size: .9em; }
ul#sidenav li{ margin: 0 0 15px 0; text-transform: uppercase; }
ul#sidenav li span{ text-transform: lowercase; }
ul#sidenav li a{ text-decoration: none;  }
ul#sidenav li a:hover{ text-decoration: none; color: #008ab0; }
ul#sidenav li a:hover span{ color: #008ab0; }

div#main{ display: inline; float: left; width: 480px; margin: 27px 15px 27px 0; background-color:#fff;}
div#main h1, div#weekly-poll h1{ color: #008ab0; font-size: 1.8em; line-height: 1.5em; margin: 0 0 0 0; text-transform: uppercase;  }
div#main h1 span, div#weekly-poll h1 span{ color: #008ab0; font-size: inherit; line-height: inherit; }
div#main h2{ color: #008ab0; font-size: 14px; }
div#main p{ margin: 0 0 15px 0; line-height: 1.8em; }
div#main p span{ color: #008ab0; font-size: 1.2em; }
div#main p span span{ font-size: .9em; text-transform: uppercase; }
div#main ol li, div#main ul li{ margin: 10px 0 15px 25px; }
div#main ul li{ list-style: circle; }
div#main ol li{ list-style: decimal; }

div#secondary{ display: inline; float: left; width: 170px; padding-top: 55px; }
div#secondary img{ margin: 0 0 36px 0; }

div#banner.polls div#weekly-poll{ position: absolute; top: 180px; left: 200px; }
/* DIV Structure: End */