/****************************************************************
  GLOBAL ELEMENTS
****************************************************************/
* {margin: 0; padding: 0}
html { height:100%; }
body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #656565;
  text-align: center;
}

#imposter {
  background: url("images/body_bg.jpg") repeat-x;
  height:100%; 
}

#container {margin: auto; padding: 0; width: 764px; text-align: left; background: url("images/container_bg.gif") repeat-y top left}

strong {color: #d9322e}

form, input, select, textarea {font-size: 12px; color: #656565; font-family: verdana, arial, helvetica, sans-serif; margin-left: 10px}

img.noBorder {border: 0px}
img.noFloat {float: none; margin: 0 0 8px 8px}
img.floatRight {float: right; border-left: 8px solid #ffffff; border-bottom: 0px solid #fff; padding-right: 22px}
img.floatLeft {float: left; border-right: 8px solid #ffffff; border-bottom: 8px solid #fff; margin-left: 10px}

a {color: #719ad0}
a:hover {color: #aa2d2b; text-decoration: none}

/****************************************************************
  HEADER ELEMENTS
****************************************************************/

#header {width: 764px; height: 315px; background: url("images/header_bg.jpg") no-repeat top center; clear: both}

#header ul {float: right; margin: 40px 20px 0 0; text-transform: uppercase; font-size: 13px; font-weight: bold}
#header ul li {display: inline; border-right: solid 2px #316185; padding: 14px 6px 0 6px;}
#header ul li.noBorder {border: 0px;}

#header ul li a {text-decoration: none; color: #000}
#header ul li a:hover {color: #aa2d2b}

#headermember {width: 764px; height: 315px; background: url("images/mem_header_bg.jpg") no-repeat top center; clear: both}

#headermember ul {float: right; margin: 40px 20px 0 0; text-transform: uppercase; font-size: 13px; font-weight: bold}
#headermember ul li {display: inline; border-right: solid 2px #316185; padding: 14px 6px 0 6px;}
#headermember ul li.noBorder {border: 0px;}

#headermember ul li a {text-decoration: none; color: #000}
#headermember ul li a:hover {color: #aa2d2b}

#headerFlashMain { width: 468px; height: 175px; margin: 36px 25px 0 0; float: right;} 

#phoneCode { width: 235px; height: 155px; margin: 75px 0 0 10px; text-align: center; float: left;}
#phoneCode p.number {font-size: 18px; color: #ffffff; font-weight:bold; margin: 30px 15px 0 0;}
#phoneCode p.affid {font-size: 18px; color: #D9322E; font-weight:bold; margin: 40px 34px 12px 0;}

#phoneCode div.ordnow {font-size: 11px; color: #ffffff; font-weight:bold; margin: 0 34px 0 0;}
#phoneCode div.ordnow a {color: #ffffff; text-decoration: none;}
#phoneCode div.ordnow a:hover {color: #ffff00; text-decoration: underline;}
#phoneCode div.ordnow a:visited {color: #ffffff; text-decoration: none;}

/****************************************************************
  CONTENT ELEMENTS
****************************************************************/

#content {width: 764px; height:100%; background: url("images/content_bg2.gif") no-repeat top left; margin-left: 4px; clear: both;}
#content div#copy {width: 500px; float: right}
#content div#copy h1 {padding: 16px 15px 10px 10px; color: #316185; font-size: 28px}
#content div#copy h2 {padding: 20px 15px 10px 10px; color: #316185; font-size: 18px}
#content div#copy h3 {padding: 20px 15px 10px 10px; color: #316185}
#content div#copy p {padding: 10px 15px 10px 10px}
#content div#copy p.quote {margin-left: 10px; display: block; width: 455px; padding: 10px 10px 0 10px; border: 1px solid #656565; border-bottom: none; margin-bottom: 0; font-weight: bold; background-color: #dbe9ef}
#content div#copy p.signature {margin: 0 0 15px 10px; display: block; width: 455px; padding: 0 10px 10px 10px; border: 1px solid #656565; border-top: none; margin-top: 0; font-style: italic; background-color: #dbe9ef}

#content div#copy ul {list-style-type: none; margin: 0 0 0 20px; padding: 10px; width: 464px}
#content div#copy ul li {background: url("images/bullet.gif") top left no-repeat; padding: 0 0px 10px 14px; margin: 5px}

#content div#copy ol {list-style-type: none; margin: 0 0 0 20px; padding: 10px; width: 464px}
#content div#copy ol li {background: url("images/bullet.gif") top left no-repeat; padding: 0 0px 10px 14px; margin: 5px}

#content div#copy div.testimonial {background: url("images/testimonial_bg.jpg") top right repeat-y; margin: 10px 8px; padding: 3px}
#content div#copy div.testimonial p {font-style: italic}
#content div#copy div.testimonial p.noFontStyle {font-style: normal}
#content div#copy div.testimonial img {float: right; margin: 4px 4px 8px 8px; border: 1px solid #719ad0}
#content div#copy div.testimonial a:hover img {border: 1px solid #aa2d2b}

#content div#copy div#featurebox {float: left;width: 485px; height: 245px; margin: 0 0 0 7px; padding: 0 0 0 0;}

#content div#copy div#ingredients p {margin-bottom: 40px}
#content div#copy div#ingredients img {float: right; margin: 0 8px 4px 8px}
#content div#copy div#ingredients a img {border: 1px solid #719ad0}
#content div#copy div#ingredients a:hover img {border: 1px solid #aa2d2b}

#content div#copy div.rated {width: 156px; height: 121px; overflow: hidden; border: 1px solid #656565; float: right; margin: 5px 8px 25px 17px}
#content div#copy div.rated img {margin: -1px 0 0 -1px}

#content div#copy div#orderIcons {height: 168px; text-align: left}
#content div#copy div#orderIcons div {text-align: center; width: 115px; margin: 8px 0 15px 8px; float: left}
#content div#copy div#orderIcons div a p {margin: 0; padding: 0; width: 115px}

#content div#copy div#ordnowlink {text-align: right;  margin: 5px 260px 0px 0px; float: right;}
#content div#copy div#ordnowlink a {font-size: 14px; color: #aa2d2b; text-decoration: underline; font-weight:bold;}
#content div#copy div#ordnowlink a:hover {font-size: 14px; solid #719ad0 text-decoration: underline; font-weight:bold;}

#content div#copy div#indexTopCallout {width: 492px; height: 126px; background: url("images/index_top_callout.gif"); float: left}

/****************************************************************
  SIDEBAR ELEMENTS
****************************************************************/

#content div#sidebar {width: 232px; margin: 0 24px 0 0; /*background: url("images/sidebar_bg.gif") repeat-y top right;*/ float: right; clear:right;}
#content div#sidebar ul {list-style-type: none; height: 230px; padding: 0; margin: 0 0 0 24px; font-size: 18px}
#content div#sidebar ul li {background-image: none; padding: 0; margin: 0}

#content div#sidebar ul li a {color: #316185; text-decoration: none}
#content div#sidebar ul li a:hover {text-decoration: underline}

#content div#sidebar ul.redbullets {list-style-type: none; margin: 0 0 0 10px; padding:0 10px 0 10px; font-size:12px; height:85px; width: 190px}
#content div#sidebar ul li.redbullets {background: url("images/bullet.gif") top left no-repeat; padding-left: 14px; margin:4px 0 4px 0; font-weight:bold;}

#content div#sidebar ul.menu {list-style-type: none; margin: 0 0 0 20px; padding:0 10px 0 20px; font-size:16px; height:100px; width: 190px}
#content div#sidebar li.menu {background: url("images/arrow.gif") 0px 5px no-repeat; padding-left: 14px; margin:4px 0 4px 0; font-weight:bold;}

#content div#sidebar ul.membersmenu {list-style-type: none; margin: 0 0 0 10px; padding:0 10px 0 10px; font-size:14px; height:100px; width: 190px}
#content div#sidebar li.membersmenu {background: url("images/arrow.gif") 0px 5px no-repeat; padding-left: 14px; margin:4px 0 4px 0; font-weight:bold;}

#content div#sidebar p {margin: 10px 22px 10px 22px; padding:0; width: 190px}
#content div#sidebar b {color:#656565;}

#content div#sidebar h2 {margin: 10px 22px 10px 22px; padding: 0; color: #316185; font-size: 18px}

/****************************************************************
  SIDEBAR MEMBER ELEMENTS
****************************************************************/

#content div#sidebarmember {width: 232px; margin: 0 20px 0 0; background: url("images/sidebar_bg.gif") repeat-y top right; float: right; clear:right;}
#content div#sidebarmember ul {list-style-type: none; height: 230px; padding: 0; margin: 0 0 0 24px; font-size: 18px}
#content div#sidebarmember ul li {background-image: none; padding: 0; margin: 0}

#content div#sidebarmember ul li a {color: #316185; text-decoration: none}
#content div#sidebarmember ul li a:hover {text-decoration: underline}

#content div#sidebarmember ul.redbullets {list-style-type: none; margin: 0 0 0 10px; padding:0 10px 0 10px; font-size:12px; height:85px; width: 190px}
#content div#sidebarmember ul li.redbullets {background: url("images/bullet.gif") top left no-repeat; padding-left: 14px; margin:4px 0 4px 0; font-weight:bold;}

#content div#sidebarmember ul.menu {list-style-type: none; margin: 0 0 0 20px; padding:0 10px 0 20px; font-size:16px; height:100px; width: 190px}
#content div#sidebarmember li.menu {background: url("images/arrow.gif") 0px 5px no-repeat; padding-left: 14px; margin:4px 0 4px 0; font-weight:bold;}

#content div#sidebarmember ul.membersmenu {list-style-type: none; margin: 0 0 0 10px; padding:0 10px 0 10px; font-size:14px; height:100px; width: 190px}
#content div#sidebarmember li.membersmenu {background: url("images/arrow.gif") 0px 5px no-repeat; padding-left: 14px; margin:4px 0 4px 0; font-weight:bold;}

#content div#sidebarmember p {margin: 10px 22px 10px 22px; padding:0; width: 190px}
#content div#sidebarmember b {color:#656565;}

#content div#sidebarmember h2 {margin: 10px 22px 10px 22px; padding: 0; color: #316185; font-size: 18px}

/****************************************************************
  FOOTER ELEMENTS
****************************************************************/

#footer {height: 149px; text-align: center; padding-bottom: 8px; margin-top: 40px; background: #fff url("images/footer_bg.gif") no-repeat bottom left;}
#footer a {text-decoration: none}
#footer img.orderNow {border: 0px; margin: auto;}
#footerBar {height: 34px; background: url("images/sidebar_bottom_cap.gif") top right no-repeat; background-position: 512px 0}

#seohead { font-size: 1em;}