﻿body { margin: 0; padding: 0; background: #ffffff url(images/bg-women.jpg) no-repeat top center; }

#shadow-box { width: 977px; padding: 0 10px 0 11px; background: transparent url(images/content-shadow-women.png) repeat-y top left; }
#shadow-box-bottom { width: 998px; padding: 5px 0 0 0; background: transparent url(images/content-shadow-women-bot.png) no-repeat top left; }

#site-container #header h1 {position: absolute; top: 0; left:0; height: 103px; text-indent: -9999px; background: transparent url(images/logo-women.gif) no-repeat 0px 25px; }

#site-container #header #utility-nav ul { font-size: 12px; font-weight: bold; }
#site-container #header #utility-nav ul li.arrow { text-transform: uppercase; font-weight: bold; color: #c71414; padding-left: 10px; background: transparent url(images/icon-arrow-red.gif) no-repeat left 3px; }
#site-container #header #utility-nav ul li.arrow a { color: #c71414; }
#site-container #header #utility-nav ul li a { color: #ffffff; }
#site-container #header #utility-nav ul li a:hover { text-decoration: underline; }

#content-container { background-color: #ffffff; padding: 0; border: solid 10px #ffffff; border-top: none; }

#content-container #sub-nav { height: 30px; background-color: #ffffff; text-align: right; margin: 0 0 0 0; }
#content-container #sub-nav ul li.on a { color: #4ca7d1; }

#content-container #features { height: 220px; border-bottom: solid 13px #ffffff; margin: 22px 0 0 0; background: none; }
#content-container #features p { color: #464646; }
#content-container #features .feature { position: relative; width: 202px; height: 220px; padding: 0 30px 0 30px; } /* 262px */
#content-container #features .feature.middle { width: 174px; padding: 0 20px 0 20px; background: #ffffff url(images/bg-features-women.jpg) repeat-y left 32px; border: none;  } /* 214px */
#content-container #features .feature.right { width: 370px; padding: 0 60px 0 30px;  } /* 460px */
#content-container #features .feature h2 { width: 262px; text-indent: -9999px; height: 38px; line-height: 38px; }
#content-container #features .feature h2 a { display: block; width: 262; height: 38px; }
#content-container #features .feature h3 { font-size: 14px; color: #f16767; margin: 12px 0 0 0; }
#content-container #features .feature h3 a { color: #f16767; }
#content-container #features .action { position: absolute; bottom: 10px; left: 30px; width: 170px; height: 22px; background-color: #ffffff; padding: 3px 0 0 0; }
#content-container #features .action a { font: 11px/18px helvetica; color: #f16767; font-weight: bold; text-transform: uppercase; }
#content-container #features .feature img.product { float: left; padding: 10px 20px 0 0; }

#site-container #header #top-nav ul li.aboutus { width: 89px; background: transparent url(images/nav-about-women.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.thebiosignaturemethod { width: 172px; background: transparent url(images/nav-method-women.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.picp  { width: 48px; background: transparent url(images/nav-picp-women.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.trainerdirectory  { width: 132px; background: transparent url(images/nav-trainerdirectory-women.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.forwomen { width: 91px; background: transparent url(images/nav-women.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.articlesmultimedia { width: 167px; background: transparent url(images/nav-articles-women.jpg) no-repeat top left; }

#site-container #header #top-nav ul li.aboutus:hover, #site-container #header #top-nav ul li.aboutus.on { background: transparent url(images/nav-about-on.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.thebiosignaturemethod:hover, #site-container #header #top-nav ul li.thebiosignaturemethod.on { width: 172px; background: transparent url(images/nav-method-on.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.picp :hover, #site-container #header #top-nav ul li.picp .on { width: 48px; background: transparent url(images/nav-picp-on.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.trainerdirectory :hover, #site-container #header #top-nav ul li.trainerdirectory .on { width: 132px; background: transparent url(images/nav-trainerdirectory-on.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.forwomen:hover { width: 91px; background: transparent url(images/nav-women-on.jpg) no-repeat top left; }
#site-container #header #top-nav ul li.forwomen.on { width: 91px; background: transparent url(images/nav-women-selected.jpg) no-repeat top left; }


#site-container #header #top-nav ul li.articlesmultimedia:hover, #site-container #header #top-nav ul li.articlesmultimedia.on { width: 167px; background: transparent url(images/nav-articles-on.jpg) no-repeat top left; }

#content-container #features .feature h2.healthfitness { background: transparent url(images/hdr-health-fitness.gif) no-repeat top left; }
#content-container #features .feature h2.askcharles { background: transparent url(images/hdr-ask-charles.gif) no-repeat top left; }
#content-container #features .feature h2.yourlifestyle { background: transparent url(images/hdr-your-lifestyle.gif) no-repeat top left; }
