/* ---------------------------------------------------

  CSS Reset by:
  Copyright (c) 2009, Yahoo! Inc. All rights reserved.
  Code licensed under the BSD License:
  http://developer.yahoo.net/yui/license.txt
  version: 2.7.0
  
------------------------------------------------------ */

  html {overflow: scroll;}
  html, body {background-color: #cdcccb; color: #6c6c6c; height: 100%;}
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{font-family: Arial, san-serif; margin:0; padding:0;}
  table {border-collapse:collapse;border-spacing:0;}
  fieldset,img {border:0;}
  address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:inherit;font-weight:inherit;}
  del,ins {text-decoration:none;}
  li {list-style:none;}
  caption,th {text-align:left;}
  h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
  q:before, q:after {content:'';}
  abbr,acronym {border:0;font-variant:normal;}
  sup {vertical-align:baseline;}
  sub {vertical-align:baseline;}
  legend{color:#000;}
  input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
  input,button,textarea,select {*font-size:100%;}
  div {margin:0;padding:0;}
  

/* ---------------------------------------------------

   ////////////////////////////////
    Kdzines | www.kevinfarrar.com 
   ////////////////////////////////

   CSS Type     :   Global Stylesheet 
   Version      :   1.5
   Last Update  :   2009/04/06
   Copyright    :   (c) CosMedix LLC 2009
  
------------------------------------------------------ */


/* -------------<  BASE STYLES  >------------- */
  
  p {font-size: 12px; line-height: 14px;}
  h3 {font-family: Georgia, Times New Roman, serif; font-size: 28px; letter-spacing: 1px; text-transform: uppercase;}
  strong {font-weight: bold;}
  
  select {color: #6c6c6c;}
  
  input.InputNewletter, input.InputSearch,
  input.ProductQty, input.InputPromo,
  input.BillingInput, input.CreditInput,
  input.RegInput, input.LoginInput,
  input.NewInput, input.FindZip,
  input.FindName, input.PInput,
  input.StatusInput {border-top: 1px solid #979696; border-left: 1px solid #979696; border-right: 1px solid #e8e7e7; border-bottom: 1px solid #e8e7e7; padding: 1px; vertical-align: middle; margin: 0; padding: 0;}

  a, a:visited {text-decoration: none; color: #762432;}
  a:hover {text-decoration: underline; color: #413C6C;}
  
  .SearchHeader {width: 958px; text-align: center; margin: 0 auto 1px; padding: 8px 0; background-color: #597A99; color: #fff; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; font-family: georgia, serif;}
  .SearchHeader span {color: #bfeaff;}
  
  .ClearBoth {clear: both; padding: 0; margin: 0;}
  .ClearLeft {clear: left; padding: 0; margin: 0;}
  .ClearRight {clear: right; padding: 0; margin: 0;}
  
  .Float-L {float: left;}
  .Float-R {float: right;}
  
  .Required {color: #d94747;}
  
  .hidden {display: none;}
  
  .BGColor1 {background-color: #679797;}
  .BGColor2 {background-color: #413c6c;}
  .BGColor3 {background-color: #5e8c43;}
  .BGColor4 {background-color: #597a99;}
  .BGColor5 {background-color: #cd8451;}
  .BGColor6 {background-color: #762432;}
  .BGColor7 {background-color: #9ca18d;}
  
  .flash_notice {width: 958px; text-align: center; margin: 0 auto 1px; padding: 8px 0; background-color: #66999a; color: #fff; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; font-family: georgia, serif;}
  .flash_error {width: 958px; text-align: center; margin: 0 auto 1px; padding: 8px 0; background-color: #762432; color: #fff; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; font-family: georgia, serif;}
  .flash_error2  {width: 612px; text-align: center; margin: 10px 0 0 23px; padding: 5px 0; color: #762432; font-size: 14px; font-weight: bold; text-transform: uppercase; background-color: #FFD0D2;}
  .flash_warning {width: 958px; text-align: center; margin: 0 auto 1px; padding: 8px 0; background-color: #CCB63E; color: #fff; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; font-family: georgia, serif;}
  
  .fieldWithErrors input {border: 1px solid #b6485b;}
  .fieldWithErrors input:hover,
  .fieldWithErrors input:focus {border: 1px solid #b6485b; background-color: #ffe6ea;}
  
  #Content .errorExplanation {width: 400px; margin: 20px 0 30px 10px; color: #b6485b;}
  #Content .errorExplanation h2 {font-size: 18px; color: #762432; text-transform: capitalize;}
  #Content .errorExplanation p {font-family: "Arial", san-serif; font-weight: bold; font-size: 12px;}
  #Content .errorExplanation ul {margin: 10px 0 10px 40px; font-size: 12px; font-style: italic;}
  #Content .errorExplanation li {line-height: 20px; list-style-image: url('/assets/2/original/bullet_error-x.gif'); list-style-position: outside;}
  
  .NoResults {font-size: 12px; font-style: italic; font-family: "Arial", san-serif; font-weight: bold; color: #4a4a4a; margin: 10px 0 0 130px;}
  
  
/* -------------<  MASTHEAD  >------------- */
  
  #Container {width: 960px; border: 5px solid #666666; border-bottom: none; margin: 20px auto 0; background-color: #fff;}
  
  #Masthead {width: 960px; height: 100%;}
  
  #TopLeft {float: left;}
  #TopLeft #Logo {background: url("/assets/2/original/logo_CosMedix_tagline.gif") no-repeat left top; width: 137px; height: 111px; margin: 12px 16px;}
  /*  #### OLD LOGO ####
  #TopLeft #Logo {background: url('/assets/2/original/logo_gray.gif') top left no-repeat; width: 137px; height: 101px; margin-top: 8px; margin-left: 12px;} */
  /* Plain text replacement for logo image */
  #TopLeft #Logo h1 a {display: block; height: 101px;}
  #TopLeft #Logo h1 a:hover {text-decoration: none;}
  #TopLeft #Logo h2 {height: 0; margin: 0; overflow: hidden; padding: 0; text-indent:-99999px; width: 0;}
  
  #TopRight {float: right; width: 700px; padding: 20px 10px 0 0;}
  #TopRight ul {display: block; text-align: right;}
  #TopRight ul li {display: inline; text-align: center; cursor: default; vertical-align: middle;}
  
  #TopRight #LoginInfo {width: 700px; font-size: 11px; font-family: Arial, san-serif;}
  #TopRight #LoginInfo span {font-family: Arial, san-serif; color: #649865; font-weight: bold;}
  #TopRight #LoginInfo a,
  #TopRight #LoginInfo a:visited {color: #6c6c6c; padding: 0 4px;}
  #TopRight #LoginInfo a:hover {color: #000;}
  #TopRight #LoginInfo img {display: inline; vertical-align: middle;}
  
  #TopRight #MyProfessional {width: 700px; font-size: 12px; margin-top: 30px; text-align: right;}
  #TopRight #MyProfessional a {color: #6c6c6c;}
  #TopRight #MyProfessional a:hover {color: #762432;}
  #TopRight #MyProfessional span.BestText {font-weight: bold;}
  #TopRight #MyProfessional span.UpperText {text-transform: uppercase;}
  
  #TopRight #AboutCosMedix {width: 700px; font-size: 11px; margin-top: 8px; text-transform: uppercase;}
  #TopRight #AboutCosMedix a,
  #TopRight #AboutCosMedix a:visited {color: #989898; padding: 0 4px; font-family: Helvetica, Arial, san-serif;}
  #TopRight #AboutCosMedix a:hover {color: #000;}
  
  #TopRight #SearchBlock {width: 700px; margin-top: 6px;}
  
  #SearchBlock input.InputSearch {width: 150px; float: right; font-size: 11px; color: #989898; margin: 1px 0 0 10px; padding: 2px 1px 2px 6px; font-family: Arial, san-serif; vertical-align: middle;}
  
  #SearchBlock input.InputSearchBtn {float: right; margin: 0px 0 0 6px;}
    
  #SearchBlock .OurScience {float: right; font-size: 14px; font-family: Arial, san-serif; margin: 4px 0 0 0; color: #989898; text-transform: uppercase;}
  #SearchBlock .OurScience a {color: #989898;}
  
  
/* -------------<  NAVIGATION  >------------- */

  #TopNav {width: 960px; color: #fff; text-align: center;}
  #TopNav ul {width: 100%; margin-left: 1px;}
  #TopNav ul li {float: left; font-size: 12px; font-family: Arial, san-serif; font-weight: bold; position: relative; text-align: center; cursor: default;}
  #TopNav ul li a,
  #TopNav ul li a:visited {width: 130px; padding: 6px 3px; margin: 0; display: block; color: #fff; background-color: #9fb589;}
  #TopNav ul li a:hover {color: #fff; background-color: #4a4a4a; text-decoration: none;}

  
  /*  ------  Category Color Styles  ------  */
  
  #TopNav .NCategory1 .active a,
  #TopNav .NCategory1 a:hover {background: url('/assets/2/original/bg_nav_gradient.gif') top left repeat-x; background-position: 0px -27px;}
  #TopNav .NCategory2 .active a,
  #TopNav .NCategory2 a:hover {background: url('/assets/2/original/bg_nav_gradient.gif') top left repeat-x; background-position: 0px -54px;}
  #TopNav .NCategory3 .active a,
  #TopNav .NCategory3 a:hover {background: url('/assets/2/original/bg_nav_gradient.gif') top left repeat-x; background-position: 0px -81px;}
  #TopNav .NCategory4 .active a,
  #TopNav .NCategory4 a:hover {background: url('/assets/2/original/bg_nav_gradient.gif') top left repeat-x; background-position: 0px -108px;}
  #TopNav .NCategory5 .active a,
  #TopNav .NCategory5 a:hover {background: url('/assets/2/original/bg_nav_gradient.gif') top left repeat-x; background-position: 0px -135px;}
  #TopNav .NCategory6 .active a,
  #TopNav .NCategory6 a:hover {background: url('/assets/2/original/bg_nav_gradient.gif') top left repeat-x; background-position: 0px -162px;}
  #TopNav .NCategory7 .active a,
  #TopNav .NCategory7 a:hover {background: url('/assets/2/original/bg_nav_gradient.gif') top left repeat-x; background-position: 0px -189px;}
  
  .NavBreak {width: 1px; height: 27px; background: url('/assets/2/original/bg_nav-break.gif') top left no-repeat;} 
  
/* -------------<  PROMO BANNER & SEARCH BAR  >------------- */

  #SubArea {width: 960px;}
  #SubArea #MarketingBanner {width: 545px; height: 40px; background-color: gray; float: left; border-left: 2px solid #fff; border-top: 1px solid #fff;}
  #SubArea #Search {width: 410px; height: 40px; background: #efefef; float: right; border-right: 2px solid #fff; border-top: 1px solid #fff;}
  
  
/* -------------<  HOME / INDEX  >------------- */
  
  #Content {width: 956px; border: 1px solid #fff; border-bottom: none;}
  #MainStage {width: 956px; height: 317px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
  
  
/* -------------<  FEATURED PRODUCTS  >------------- */

  #FeaturedProducts {width: 572px; height: 130px; margin: 1px 0 0 1px; background-color: #f1f2ec; float: left;}
  .FeaturedHeader {width: 177px; height: 20px; padding: 0; margin: 3px 4px 0; background-color: #94ac7d;}
  
  .FeaturedHeader img {margin-top: 5px; margin-left: 14px;}
  .FeaturedBox {width: 175px; height: 100px; border: 1px solid #cdcccb; background: #fff; margin: 3px 4px 2px; float: left;}
  .FeaturedBox .FeatureTitle {width: 110px; height: 32px; margin-left: 2px; margin-top: 10px; font-size: 15px; float: left;}
  .FeaturedBox .FeatureTitle a {font-family: arial, san-serif;}
  .FeaturedBox .FeatureBrief {width: 100px; height: 26px; margin-left: 2px; font-size: 12px; color: #4c4c4c; font-style: italic; float: left; font-family: arial, san-serif;}
  .FeaturedBox .FeatureDetails {margin-top: 4px; margin-left: 2px; font-size: 10px; float: left;}
  .Box1 {color: #8683ad;}
  .Box1 a, .FeaturedBox .Box1 a:visited {color: #8683ad;}
  .Box2 {color: #88a56f;}
  .Box2 a, .FeaturedBox .Box2 a:visited {color: #88a56f;}
  .Box3 {color: #5b86a0;}
  .Box3 a, .FeaturedBox .Box3 a:visited {color: #5b86a0;}
  
  .FeaturedBox a {font-family: Arial, san-serif;}
  .FeaturedBox a:hover {color: #000;}
  
  
/* -------------<  LEARN MORE  >------------- */
  
  #LearnMore {width: 382px; height: 130px; float: left; margin: 1px 0 0 1px;}
  
  
/* -------------<  NEWSLETTER SIGNUP  >------------- */

  #NewslettersSignup {width: 958px; margin: 0; padding: 4px 0; border: 1px solid #fff; background-color: #dfdfdf; float: left;}
  #NewslettersSignup p.SignupCopy {color: #4a4a4a; font-size: 13px; font-family: Times New Roman; padding: 4px 0px 4px 14px; display: block; text-transform: uppercase; letter-spacing: 1px; float: left;}
  #NewslettersSignup p.SignupCopy2 {color: #4a4a4a; font-size: 13px; font-family: Times New Roman; padding: 4px 0px 4px 14px; display: block; text-transform: uppercase; letter-spacing: 1px; float: left; position: relative; top: 3px;}
  #NewslettersSignup input.InputNewletter {width: 150px; float: left; font-size: 11px; color: #989898; margin: 4px 0 0 14px; padding: 2px 1px 2px 6px; font-family: Arial, san-serif; vertical-align: middle;}
  #NewslettersSignup input.InputSignup {float: left; margin: 4px 0 0 6px;}
  

/* -------------<  CATEGORIES  >------------- */
  
  #CategoryGroup {width: 958px;}
  #CategoryHeader {width: 958px; height: 308px;}
  
  .CategoryTitle {background-color:#999999; color: #2F2C2C; height: 26px; margin:1px auto 0; width: 958px;}
  .CategoryTitle h5 {font-family: "Georgia","Times New Roman",serif; font-size: 18px; letter-spacing: 1px; padding: 0 20px; position: relative; text-transform: uppercase; top: 3px;}
  .CategoryGroup .alt {background-color: #cccacb;}
  
  .CategoryBlock {width: 280px; height:190px; margin-top: 10px; padding: 0px 0px 30px 23px; float: left;}
  .CategoryBlock .main {width: 112px; height: 160px; float: left; margin-right: 10px; margin-bottom: 20px;}
  
  .CategoryBlock .CTitle {font-size: 16px; margin-top: 28px; font-weight: bold;}
  .CategoryBlock .CHeader {font-size: 12px; height: 12px; margin-top: 4px; font-style: italic;}
  .CategoryBlock .CPrice {font-size: 16px; height: 14px; margin-top: 8px;}
  .CategoryBlock .CShort {font-size: 11px; margin-top: 8px; font-weight: bold; height: 50px;}
  .CategoryBlock .CDetail {font-size: 10px; margin-top: 4px;}
  .CategoryBlock .CDetail a {text-decoration: underline;}
  
  .CatColor1 a, .CatColor1, a.CatColor1, a:hover.CatColor1 {color: #679797;}
  .CatColor2 a, .CatColor2, a.CatColor2, a:hover.CatColor2 {color: #413c6c;}
  .CatColor3 a, .CatColor3, a.CatColor3, a:hover.CatColor3 {color: #5e8c43;}
  .CatColor4 a, .CatColor4, a.CatColor4, a:hover.CatColor4 {color: #597a99;}
  .CatColor5 a, .CatColor5, a.CatColor5, a:hover.CatColor5 {color: #cd8451;}
  .CatColor6 a, .CatColor6, a.CatColor6, a:hover.CatColor6 {color: #762432;}
  .CatColor7 a, .CatColor7, a.CatColor7, a:hover.CatColor7 {color: #9ca18d;}
  .CatColor8 a, .CatColor8, a.CatColor8, a:hover.CatColor8 {color: #945454;}
  
  form.AddtocartForm {float: right; width: 120px; margin-top: 4px; margin-right: 38px;}
  input.ProductAdd {float: left; margin: 4px 8px; padding: 4px; position: relative; bottom: 1px;}
  input.ProductQty {width: 18px; height: 16px; float: left; margin-top: 8px; font-size: 12px; text-align: center; vertical-align: middle;}
    
  
/* -------------<  PRODUCTS  >------------- */
    
  #ProductGroup {width: 600px; margin: 10px 0 0 40px;}
  
  .ProductBlock {width: 600px; margin-top: 20px; float: left;}
  .ProductBlock .EnlargeBox {width: 250px; float: left; text-align: center; display: block;}
  .ProductBlock .main {width: 210px; height: 300px; float: left;}
  .ProductBlock .Title {font-size: 18px; margin: 28px 0 10px; font-weight: bold;}
  .ProductBlock .Header {font-size: 14px; margin-top: 4px; font-style: italic;}
  .ProductBlock .Price {font-size: 16px; margin-top: 10px;}
  .ProductBlock .Short {font-size: 12px; margin-top: 8px; font-weight: bold;}
  .ProductBlock .Detail {font-size: 10px; margin-top: 4px;}
  .ProductBlock .Detail a {text-decoration: underline;}
  .ProductBlock .PriceRow {height: 10px;}
  
  .ProductBlock .PRow1 {height: 26px; margin: 0; padding: 0;}
  .ProductBlock .PRow1 p {font-size: 14px; font-weight: normal; font-style: italic; padding: 9px 10px 0 0; float: left;}
  .ProductBlock .PRow1 .ProductQty {color: #6c6c6c;}
  
  .ProductBlock form.AddtocartForm {width: 200px; float: left; margin-top: 4px; margin-right: 38px;}
  .ProductBlock input.ProductAdd {float: left; margin: 4px 10px;}
  .ProductBlock input.ProductQty {width: 18px; height: 16px; float: left; margin-top: 8px; font-size: 12px; text-align: center;}
  
  #CrossSellBox {width: 230px; border: 1px solid #e6e6e6; float: right; margin: 10px 20px 10px 0; padding-bottom: 20px; text-align: center;}
  #CrossSellBox .Title {width: 230px; background: url('/assets/2/original/bg_CrossSales_header.gif') top left repeat-y; color: #000; padding: 4px 0; text-transform: uppercase; font-size: 12px; font-family: "Times New Roman", Times, serif; letter-spacing: 1px;}
  #CrossSellBox .Content {width: 220px; margin: 0 4px;}
  
  #CrossSellBox .CrossSellItem {margin-top: 15px;}
  #CrossSellBox .CrossSellPic {width: 63px; height: 90px; display: block; margin: 0 auto; font-size: 12px;}
  #CrossSellBox .CrossSellTitle {height: 20px; margin-top: 4px; font-size: 14px; font-weight: bold;}
  #CrossSellBox .CrossSellBrief {height: 16px; font-size: 12px; color: #4c4c4c; font-style: italic;}
  #CrossSellBox .CrossSellDetails {margin-top: 4px; font-size: 10px; text-transform: uppercase;}
  
  #PeelGroup {width: 570px; margin: 10px 0 0 50px;}
  .PeelBlock {width: 570px; margin: 20px 0; float: left;}
  .PeelBlock .EnlargeBox {width: 250px; float: left; text-align: center; display: block;}
  .PeelBlock .PeelIcon {margin-right: 10px; float: left;}
  .PeelBlock .PeelIntro {color: #576743; margin-top: 2px;}
  .PeelBlock .PeelIntro span {text-transform: uppercase; font-size: 16px; font-family: georgia, serif; letter-spacing: 1px;}
  .PeelBlock .main {width: 210px; height: 300px; float: left;}
  .PeelBlock .Title {font-size: 18px; margin: 28px 0 10px;}
  .PeelBlock .Header {font-size: 14px; margin-top: 4px; font-style: italic;}
  .PeelBlock .Price {font-size: 16px; margin-top: 10px;}
  .PeelBlock .Short {font-size: 12px; margin-top: 8px; font-weight: bold;}
  .PeelBlock .Full {font-size: 13px; margin-top: 8px; line-height: 18px;}
  .PeelBlock .Detail {font-size: 10px; margin-top: 4px;}
  .PeelBlock .Detail a {text-decoration: underline;}
  .PeelBlock .PriceRow {height: 10px;}
  .PeelBlock .BackBtn {margin-top: 20px;}
  
  .BABox {width: 90px; margin: 15px 10px 0 0; padding: 2px; float: left;}
  .BABox img {width: 86px; margin: 2px 0 6px; padding: 1px; float: left;}
  .BABox p {font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase;}
  
  #TabBox {width: 590px; margin: 20px 0; float: left;}
  #TabBox2 {width: 900px; margin: 40px 0; margin-left: -15px;}
  
  .TabInfo {width: 558px; border: 1px solid #676767; padding: 10px;}
  .TabInfo2 {width: 850px; border: 1px solid #676767; padding: 30px 20px;}
  
  .shadetabs {padding: 3px 0; margin-bottom: 1px; font: bold 12px Verdana; list-style-type: none; text-align: left;}
  .shadetabs li {display: inline; margin: 0;}
  .shadetabs li a,
  .shadetabs li a:visited {width: 100%; text-decoration: none; position: relative; padding: 4px 25px; margin-right: 3px; color: #6c6c6c; background: url('/assets/2/original/bg_TabBox_Inactive.gif') top left repeat-y;}
  .shadetabs li a:hover {text-decoration: underline; color: #4a4a4a;}
  .shadetabs li a.selected,
  .shadetabs li a.selected:visited {width: 100%; background: url('/assets/2/original/bg_TabBox_Active.gif') top left repeat-y; color: #5b6453; border: 1px solid #676767; border-bottom: 1px solid #fff;}
  .shadetabs li a.selected:hover {text-decoration: none;}
  
  .tabcontent {display:none;}
  
  .Question {font-weight: bold; color: #4a4a4a; margin-bottom: 4px;}
  .Answer {color: #6c6c6c; margin-bottom: 16px;}
  
  .EnlargeText {float: left; font-size: 12px;}
  .EnlargeText a {color: #6c6c6c;}
  .EnlargeText img {margin-right: 10px;}
  
  
/* -------------<  CHECKOUT CART  >------------- */

  #CheckoutBox {width: 900px; margin: 0 auto;}
  
  #CheckoutHeader {width: 119px; height: 32px; margin: 10px 0; background: url('/assets/2/original/header_Checkout.gif') top left no-repeat;}
  #CheckoutStatus {width: 900px; height: 26px; background: url('/assets/2/original/Checkout_Banner.jpg') top left no-repeat; margin-bottom: 10px;}
  #CheckoutAddress {padding: 2px; font-size: 13px; font-weight: bold;}
  #CheckoutCredit {}
  
  #CartTitle {width: 900px; height: 24px; background: url('/assets/2/original/bg_summary_header.gif') top left repeat-y;}
  #CartTitle h5 {padding: 3px 10px; font-family: "Georgia", serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;}
  #CartTitle div {float: left; position: relative; top: 1px;}
  #CartTitle input {float: left; margin-top: 1px; padding: 0; position: relative; top: 1px; left: 10px;}
  #CartTitle label {font-family: "Georgia", serif; text-transform: uppercase; font-size: 14px; display: inline; position: relative; top: 4px; left: 20px;}
  
  #CartSummaryBox {margin-bottom: 20px;}
  #CartSummaryBox .CartCol1 {width: 380px; text-align: left;}
  #CartSummaryBox .CartCol2 {width: 150px; text-align: center;}
  #CartSummaryBox .CartCol2 p {padding-top: 40px;}
  #CartSummaryBox .CartCol3 {width: 130px; text-align: center;}
  #CartSummaryBox .CartCol4 {width: 130px; text-align: center;}
  #CartSummaryBox .CartCol4 img {padding-top: 40px;}
  #CartSummaryBox .CartCol5 {width: 100px; text-align: center;}
  #CartSummaryBox .CartCol5 p {padding-top: 40px; font-weight: bold;}
  
  #CartSummaryBox .PromoRow .CartCol1 {width: 500px;}
  #CartSummaryBox .PromoRow .CartCol2 {width: 400px;}
  
  .HeaderRow {border-bottom: 1px solid #dfdfdf; height: 50px;}
  .HeaderRow li {float: left; font-size: 13px; font-weight: bold; color: #366433; padding-top: 25px;}
  .HeaderRow .CartCol1 span {padding-left: 10px;}
  
  .ProductRow {height: 100px; border-bottom: 1px solid #dfdfdf;}
  .ProductRow li {float: left;}
  .ProductRow .CartCol1 .ProductTitle {margin-top: 40px; font-size: 14px; font-weight: bold;}
  .ProductRow .CartCol3 .ProductQty {margin: 40px 0 0 58px;}
  .ProductRow .CartCol3 p {margin: 40px 0 0 0;}
  .ProductRow .ProductPic {width: 63px; height: 90px; float: left; margin: 4px 6px;}
  .ProductRow .ProductSku {font-size: 12px; padding-top: 2px; color: #9ba89b;}
  
  .PromoRow {background-color: #dbe7cf; height: 100px; color: #4a4a4a;}
  .PromoRow li {float: left;}
  
  .PromoRow .PromoTitle {margin: 30px 0 0 20px; font-size: 14px; font-weight: bold;}
  .PromoRow .PromoText {margin: 6px 0 0 20px; font-size: 11px;}
  .PromoRow .PromoBtn {float: right; margin: 30px 26px 0 0;}
  .PromoRow .InputPromo {text-align: center; float: right; font-size: 12px; margin: 25px 25px 0 0; padding: 2px; color: #6c6c6c;}
  .PromoRow .InputSubmit {float: right; margin: 10px 25px 0 0; padding: 0 0 0 40px;}
  
  #SubmitBox {width: 352px; height: 67px; float: right; background: url('/assets/2/original/bg_continue_btn.gif') top left no-repeat;}
  #SubmitBox .UpdateBtn {margin: 2px 48px 0 0; float: right;}
  
  .GiftRow {height: 100px; border-bottom: 1px solid #dfdfdf; background-color: #FFF9D7;}
  .GiftRow li {float: left;}
  .GiftRow .CartCol1 .ProductTitle {margin-top: 40px; font-size: 14px; color: #6c6c6c; font-weight: bold;}
  .GiftRow .CartCol5 p {font-weight: bold; color: #6c6c6c;}
  .GiftRow .CartCol3 p {margin: 40px 0 0 0; font-weight: bold; color: #6c6c6c;}
  .GiftRow .ProductPic {width: 63px; height: 90px; float: left; margin: 4px 6px;}
  .GiftRow .ProductSku {font-size: 12px; padding-top: 2px; color: #6c6c6c;}
  
  /*   Summary Display     */
  
  #SummaryBox {margin-bottom: 20px;}
  #SummaryBox .CartCol1 {width: 380px; text-align: left;}
  #SummaryBox .CartCol2 {width: 150px; text-align: center;}
  #SummaryBox .CartCol2 p {padding-top: 13px;}
  #SummaryBox .CartCol3 {width: 130px; text-align: center;}
  #SummaryBox .CartCol3 p {padding-top: 13px;}
  #SummaryBox .CartCol4 {width: 130px; text-align: center;}
  #SummaryBox .CartCol4 img {padding-top: 8px;}
  #SummaryBox .CartCol5 {width: 100px; text-align: center;}
  #SummaryBox .CartCol5 p {padding-top: 13px; font-weight: bold;}
  
  .SummaryRow {height: 40px; border-bottom: 1px solid #dfdfdf;}
  .SummaryRow li {float: left;}
  .SummaryRow .CartCol1 .ProductTitle {padding-top: 5px; font-size: 12px; font-weight: bold;}
  .SummaryRow .CartCol3 .ProductQty {margin: 0;}
  .SummaryRow .CartCol3 p {margin: 0;}
  .SummaryRow .ProductPic {width: 22px; height: 31px; float: left; margin: 4px 10px 4px 4px;}
  .SummaryRow .ProductSku {font-size: 10px; padding-top: 1px; color: #9ba89b;}
  
  .SummaryGiftRow {height: 40px; border-bottom: 1px solid #dfdfdf; background-color: #FFF9D7;}
  .SummaryGiftRow li {float: left;}
  .SummaryGiftRow .CartCol1 .ProductTitle {padding-top: 5px; font-size: 12px; color: #6c6c6c; font-weight: bold;}
  .SummaryGiftRow .CartCol5 p {font-weight: bold; color: #6c6c6c;}
  .SummaryGiftRow .CartCol3 p {margin: 0; font-weight: bold; color: #6c6c6c;}
  .SummaryGiftRow .ProductPic {width: 22px; height: 31px; float: left; margin: 4px 10px 4px 4px;}
  .SummaryGiftRow .ProductSku {font-size: 10px; padding-top: 1px; color: #6c6c6c;}
  
  .SameAddress {font-size: 12px; font-weight: bold; padding: 10px 0; margin-left: 100px;}
  
  .CheckoutDivider {float: left; width: 2px; height: 200px; display: block; background-color: #dfdfdf; margin: 20px 4px 20px 2px;}
  
  .BillingInfo {width: 444px; float: left; margin: 20px 0; text-align: right;}
  .BillingInfo .BillRow {height: 30px; margin-right: 20px;}
    
  .CreditInfo {width: 444px; float: left; margin-top: 20px; text-align: right;}
  .CreditInfo .CreditRow {height: 36px; margin-right: 10px;}
  
  .CreditLink {padding-bottom: 20px; background: url('/assets/2/original/creditcard-options.jpg') bottom right no-repeat; background-position: 30px 18px; position: relative;}
  
  .CreditInfo .CreditRow label,
  .BillingInfo .BillRow label {margin-right: 6px;}
  .CreditInfo .CreditRow span,
  .BillingInfo .BillRow span {color: #d94747;}
  
  .BillingInput {font-weight: normal; color: #4a4a4a;}
  .BillingInput:focus {border: 1px solid #4a4a4a; background-color: #e5f9e5;}
  .BillingInput:hover {border: 1px solid #346635;}
  
  .CreditInput {font-weight: normal; color: #4a4a4a;}
  .CreditInput:focus {border: 1px solid #4a4a4a; background-color: #e5f9e5;}
  .CreditInput:hover {border: 1px solid #346635;}
  
  .CartTotal {float: right; text-align: right; font-size: 12px; margin: 20px 20px 10px;}
  .CartTotal li {margin-top: 4px;}
  .CartTotal .TotalCost {font-size: 14px; font-weight: bold; color: #4a4a4a; margin-top: 6px;}
  
  /*  BUTTONS  */
  #CartContinueBox {float: right; margin: 10px 0 30px;}
  .CartBtn {float: left; background-color: #a0b288; color: #fff; font-family: "Arial", san-serif; font-weight: bold; text-transform: capitalize; font-size: 12px; margin-left: 1px; border: 1px solid #7f8d6a;}
  #CartContinueBox .CartBtn a,
  #CartContinueBox .CartBtn a:visited {display: block; background-color: #a0b288; color: #fff; padding: 4px 20px;}
  #CartContinueBox .CartBtn a:hover {background-color: #346635; border-color: #346635; text-decoration: none;}
  .CartBtn input {height: 23px; display: block; background-color: #9eb38a; color: #fff; padding: 4px 20px; background: none; border: none; cursor: pointer; color: #fff; font-weight: bold;}
  .CartBtn input:hover {background-color: #346635;}
  .CartBtn span {position: relative; top: 1px;}
  
  #CartContinueBox .CartBtn #success_url {display: none;}
  
  
/* -------------<  LOGIN / REGISTER  >------------- */
  
  #RegLogFrame {width: 900px; margin: 30px auto 0;}
  
  #RegisterBox {width: 420px; min-height: 600px; float: left; padding: 10px 20px; font-size: 14px;}
  #RegisterBox h3 {width: 108px; height: 28px; margin-top: 21px; background: url('/assets/2/original/header_register.gif') top left no-repeat; text-indent: -9999px; overflow : hidden;}
  #RegisterBox p {margin-top: 10px; font-size: 14px; line-height: 18px;}
  #RegisterBox .RegisterForm {margin: 30px 0; float: left;}
  #RegisterBox .RegRow {margin-bottom: 14px; float: left;}
  #RegisterBox .RegRow li {float: left; margin-right: 14px;}
  #RegisterBox .RegCol1 {width: 130px; text-align: right;}
  #RegisterBox .RegCol2 {width: 200px; text-align: left;}
  #RegisterBox .RegCol3 {width: 20px;}
  
  .RegInput {font-weight: normal; font-size: 12px; color: #4a4a4a;}
  .RegInput:focus {border: 1px solid #4a4a4a; background-color: #e5f9e5;}
  .RegInput:hover {border: 1px solid #346635;}
  
  #LoginBox {width: 350px; float: right; background-color: #cccccc;}
  
  #LoginContent {margin: 10px; font-size: 12px;}
  #LoginContent h3 {width: 84px; height: 27px; margin: 20px 0 0 14px; background: url('/assets/2/original/header_login.gif') top left no-repeat; text-indent: -9999px; overflow : hidden;}
  #LoginContent .LoginText {margin: 10px 20px 0;}
  #LoginContent .green {font-weight: bold; color: #356535;}
  #LoginContent .LoginRow {margin-top: 10px;}
  #LoginContent .LoginInput {color: #6c6c6c; font-size: 11px; margin-top: 4px;}
  #LoginContent .LoginCol1 {margin-left: 20px;}
  #LoginContent .LoginCol1 label {font-size: 12px;}
  #LoginContent .LoginBtn {margin: 10px 16px; padding: 0;}
  
  .WhiteBG {width: 330px; margin: 10px auto; background-color: #fff; border: 1px solid; border-color: #bdbdbd;}
  
  .ForgotPass {margin: 10px; background-color: #dbe7cf; color: #676767; border: 1px solid #666666;}
  .ForgotPass h5 {font-size: 14px; font-weight: bold; padding: 20px 20px 0; color: #4D4413;}
  .ForgotPass p {font-size: 12px; padding: 10px 20px 4px;}
  .ForgotPass label {margin-left: 20px; font-size: 12px; font-weight: 700;}
  .ForgotPass .LoginInput {margin-left: 20px; font-size: 12px; color: #6c6c6c;}
  .ForgotPass .LoginInput:focus,
  .ForgotPass .LoginInput:hover {border: 1px solid #4D4413;}
  .ForgotPass .LoginCol1 {margin-top: 6px;}
  .ForgotPass .LoginBtn {margin: 10px 0 10px 20px;}
  
  .EmailCheckBox {vertical-align: middle; width: 100%; margin-top: 10px; font-size: 12px;}
  .EmailCheckBox input {margin: 0 8px 0 134px; float: left;}
  .EmailCheckBox label {width: 220px; display: block; float: left;}
  .EmailCheckBox .RegisterBtn {margin: 20px 0 0 120px; float: left;}
  
  #RegisterBox .SkincareProfText {width: 240px; margin: 20px 0 0 134px; font-size: 12px; font-family: Arial, san-serif; color: #679797; float: left;}
  
  .ApprovedCheck {width: 20px; height: 20px; margin-top: -2px; margin-left: 30px; background: url('/assets/2/original/checkmark_green.gif') top left no-repeat; position: relative;}

  
/* -------------<  FOOTER  >------------- */
  
  #Footer {width: 960px; border: 5px solid #666666; border-top: none; margin: 0px auto 20px; padding: 0; background-color: #fff; font-family: "Arial", san-serif;}
  
  #CopyContact {height: 40px; font-size: 12px;}
  #CopyContact #CopyrightInfo {padding: 12px 15px; float: left;}
  #CopyContact #CopyrightInfo p {color: #676667; font-size: 12px;}
  #CopyContact #ContactInfo {float: right; padding: 12px 10px;}
  #CopyContact #ContactInfo ul {float: right;}
  #CopyContact #ContactInfo ul li {float: left;}
  #CopyContact #ContactInfo ul li a,
  #CopyContact #ContactInfo ul li a:visited {color: #676667; font-size: 12px;}
  #CopyContact #ContactInfo ul li a:hover {color: #000;}
  
  #FooterLinks {width: 960px; margin: 0 auto; padding-bottom: 20px; text-align: center; font-size: 11px;}
  #FooterLinks a,
  #FooterLinks a:visited {color: #4a4a4a;}
  #FooterLinks a:hover {color: #000;}


/* -------------<  PLAIN TEXT CONTENT PAGES  >------------- */
  
  #BodyContent #PrivacyCopy p span {font-size: 14px; color: #4a4a4a;}
  .EmptyCopy {font-family: georgia, serif; font-size: 28px; padding: 20px; color: #5E8C43;}

  
/* -------------<  SKIN CONDITIONS  >------------- */
  
  #CategoryGroup {width: 958px;}
  #SkinConHeader img {width: 958px; height: 308px;}
  .SkinConGroup #SkinCond {font-size: 12px;}
  .SkinConGroup .SkinConTitle {background-color:#999; color: #2F2C2C; margin:1px auto 0; padding:5px 0; width:958px;}
  .SkinConGroup label {font-family: "Georgia","Times New Roman",serif; font-size: 18px; letter-spacing: 1px; padding: 4px 20px; position: relative; text-transform: uppercase; top: 1px;}
  
  #ProfessionalBar {width: 310px; min-height: 300px; float: right; border: 1px solid #cdcdcd; margin: 10px 10px 10px 0;}
  #ProfessionalBar .ProfessionalHeader {width: 310px; height: 30px; background: url('/assets/2/original/bg_peel_header.gif') top left repeat-y;}
  #ProfessionalBar .ProfessionalHeader h5 {padding: 6px 20px; font-size: 14px; font-family: Times New Roman, serif; text-transform: uppercase; letter-spacing: 1px; color: #000;}
  .ProfessionalSelected {width: 280px; margin: 20px auto; font-size: 12px; line-height: 16px;}
  .ProfessionalSelected .ProfTitle {font-weight: bold; color: #000;}
  #ProfessionalBar .PeelHeader {width: 310px; height: 61px; background: url('/assets/2/original/peel_banner.gif') top left no-repeat #f0eceb;}
  #ProfessionalBar .PeelBox {width: 280px; height: 196px; margin: 4px auto; padding: 1px;}
  #ProfessionalBar .PeelPic {width: 112px; height: 180px; margin: 8px; float: left;}
  #ProfessionalBar .PeelTitle {margin-top: 40px;}
  #ProfessionalBar .PeelTitle a {color: #945454; font-weight: bold;}
  #ProfessionalBar .PeelBrief {width: 140px; height: 40px; font-size: 12px; margin-top: 10px; float: left; color: #4a4a4a;}
  #ProfessionalBar .PeelMore,
  #ProfessionalBar .PeelMore a {font-size: 11px; color: #620c0b;}
  
  #ResultsBlock {width: 600px; min-height: 300px; float: left; margin: 10px 0 20px 20px;}
  
  .SkinConIntro h4 {font-size: 24px; color: #9ca18d; padding: 10px 10px 0;}
  .SkinConIntro p {font-size: 13px; padding: 10px; line-height: 18px; color: #4a4a4a;}
  .SkinConIntro img {float: left; padding: 10px 10px 0;}
  
  #ResultsBlock .AddAll {width: 600px; padding: 6px 10px 0; font-size: 15px; color: #868f6c;}
  #ResultsBlock .AddAllBtn {position: relative; top: 5px; left: 4px;}
  
  #ResultsBlock .SkinConGroup {width: 600px; margin: 20px 0 0; float: left;}
  #ResultsBlock .SkinConBanner {width: 600px;}
  #ResultsBlock .SkinConBanner h5 {padding: 4px 20px; font-family:"Georgia","Times New Roman",serif; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; color: #fff;}
  #ResultsBlock .SkinConBlock {width: 280px; float: left; margin: 10px;}
  #ResultsBlock .SkinConName {font-size: 16px; margin-top: 28px; font-weight: bold;}
  #ResultsBlock .SkinConPic {width: 112px; height: 160px; margin: 10px 4px 20px; float: left;}
  #ResultsBlock .SkinConHeader {font-size: 12px; margin-top: 4px; height: 14px; font-style: italic;}
  #ResultsBlock .SkinConPrice {font-size: 16px; margin-top: 8px;}
  #ResultsBlock .SkinConShort {font-size: 11px; margin-top: 8px; font-weight: bold; height: 50px;}
  #ResultsBlock .SkinConDetail {font-size: 10px; margin-top: 4px;}
  #ResultsBlock .SkinConDetail a {text-decoration: underline;}
  

/* -------------<  LAYOUTS  >------------- */
  
  /*  ------  Single Column  ------  */
  
  #Layout_Full {width: 902px; margin: 20px auto;}
  #Layout_Full #TopHeader {width: 900px; height: 200px; background-color: #808080; margin: 1px auto 0; color: #fff;}
  #Layout_Full #TopHeader p {padding: 100px 20px; font-size: 32px; text-transform: uppercase; text-align: center;}
  
  #Layout_Full #BodyContent {width: 900px; padding-bottom: 20px;}
  #Layout_Full #BodyContent p {padding: 10px 20px 0; line-height: 18px;}
  #Layout_Full #BodyContent ul {margin: 0 0 10px 30px; font-size: 11px;}
  #Layout_Full #BodyContent h3 {padding: 20px 20px 10px; color: #5E8C43;}
  #Layout_Full #BodyContent h5 {font-size: 14px; padding: 20px 20px 0; color: #597A99; font-weight: bold;}
  #Layout_Full #BodyContent .Intro {width: 800px; margin: 0 20px 10px; line-height: 22px; color: #6c6c6c; font-family: georgia, serif; font-style: italic; font-size: 16px;}
  
  #SideImage {width: 200px; height: 250px; margin: 20px 20px 20px 0; float: left; background-color: #6c6c6c; padding: 0;}
  
  /*  ------  2 Column with 300px Right Sidebar  ------  */
  
  #Layout_2Col {width: 902px; margin: 20px auto;}
  #Layout_2Col .TopHeader {width: 902px; margin: 20px auto;}
  #Layout_2Col .TopHeader p {padding: 100px 20px; font-size: 32px; text-transform: uppercase; text-align: center;}
  
  #Layout_2Col #Sidebar {width: 299px; float: left; margin: 1px 0 1px 1px;}
  #Layout_2Col #Sidebar h5 {padding: 20px 20px 0; color: #597A99; font-weight: bold;}
  #Layout_2Col #Sidebar p {padding: 20px;}
  #Layout_2Col #BodyContent {width: 600px; float: left; margin: 1px 0 1px 1px;}
  #Layout_2Col #BodyContent h3 {padding: 20px; color: #5E8C43;}
  #Layout_2Col #BodyContent p {padding: 10px 20px; line-height: 20px;}
  #Layout_2Col #BodyContent span {color: #5E8C43; font-family: georgia, serif; font-style: italic; font-size: 16px;}
  
  /*  ------  2 Column 50%  ------  */
  
  #Layout_50 {width: 902px; margin: 20px auto;}
  #Layout_50 h3 {padding: 20px 20px 10px; color: #5E8C43;}
  #Layout_50 h5 {font-size: 14px; padding: 10px 20px; color: #597A99; font-weight: bold;}
  #Layout_50 p {padding: 20px; line-height: 18px;}
  #Layout_50 span {color: #5E8C43; font-family: georgia, serif; font-style: italic; font-size: 16px;}
  
  #Layout_50 .TopHeader {width: 902px; margin: 20px auto;}
  #Layout_50 .TopHeader p {padding: 100px 20px; font-size: 32px; text-transform: uppercase; text-align: center;}
  
  #Layout_50 #ContentA {width: 450px; float: left; margin: 1px 0 1px 1px;}
  #Layout_50 #ContentB {width: 450px; float: left; margin: 1px 0 1px 1px;}
  
  
/* ------------- MY ACCOUNT ------------- */

  .modernbricksmenu2{position: relative; z-index: 1000; margin: 20px auto 0; padding: 0; width: 922px; height: 24px; background: transparent; voice-family: "\"}\""; voice-family: inherit;}
  .modernbricksmenu2 ul {margin:0; margin-left: 0px; padding: 0; list-style: none; text-align: center;}
  .modernbricksmenu2 li {display: inline; margin: 0 2px 0 0; padding: 0;}
  .modernbricksmenu2 a {float: left; display: block; font: 14px Arial; text-transform: capitalize; color: #6c6c6c; text-decoration: none; margin: 0; width: 220px; padding: 4px 0 4px 10px; background: url('/assets/2/original/bg_TabBox2_Inactive.gif') top left #f5f5f3; background-position: 100% 100%;}
  .modernbricksmenu2 a:hover {background: url('/assets/2/original/bg_TabBox2_Active.gif') top left #e3ecd9; color: #4a4a4a;}
  .modernbricksmenu2 a.selected {background: url('/assets/2/original/bg_TabBox2_Active.gif') top left #e3ecd9; color: #4a4a4a; border-color: #e3ecd9; border: 1px solid #6c6c6c; border-bottom: none;}
  
  .modernbricksbox {border: 1px solid #6c6c6c; border-top: none; margin: 0 auto; width: 910px; padding-top: 1px;}
  .modernbricksbox .tabcontent {font-size: 12px; clear: both;}
  
  .modernbricksmenu3{position: relative; z-index: 1000; margin: 20px auto 0; padding: 0; width: 922px; height: 24px; background: transparent; voice-family: "\"}\""; voice-family: inherit;}
  .modernbricksmenu3 ul {margin:0; margin-left: 0px; padding: 0; list-style: none; text-align: center;}
  .modernbricksmenu3 li {display: inline; margin: 0 2px 0 0; padding: 0;}
  .modernbricksmenu3 a {float: left; display: block; font: 14px Arial; text-transform: capitalize; color: #6c6c6c; text-decoration: none; margin: 0; width: 142px; padding: 4px 3px 4px 8px; background: url('/assets/2/original/bg_TabBox2_Inactive.gif') top left #f5f5f3; background-position: 100% 100%;}
  .modernbricksmenu3 a:hover {background: url('/assets/2/original/bg_TabBox2_Active.gif') top left #e3ecd9; color: #4a4a4a;}
  .modernbricksmenu3 a.selected {background: url('/assets/2/original/bg_TabBox2_Active.gif') top left #e3ecd9; color: #4a4a4a; border-color: #e3ecd9; border: 1px solid #6c6c6c; border-bottom: none;}
  
  #HistoryBox {width: 912px; font-size: 14px;}
  #HistoryBox li {float: left;}
  
  #HistoryBox {width: 912px; font-size: 14px;}
  #HistoryBox li {float: left;}
  
  .LabelRow {width: 912px;}
  .LabelRow li {padding: 15px 0 6px; font-weight: bold; color: #4a4a4a;}
  
  .Row1 li {background-color: #f4f6f3;}
  .Row2 li {background-color: #fff;}
  
  .DateCol {width: 140px; padding: 6px 0; text-align: center;}
  .NumberCol {width: 140px; padding: 6px 0; text-align: center;}
  .StatueCol {width: 140px; padding: 6px 0; text-align: center;}
  .ViewCol {width: 490px; padding: 4px 0 1px; text-align: left;}
  .ViewCol img {padding-left: 20px;}
  
  #MyAccountHeader {margin: 20px 0 0 20px; padding: 0; width: 138px; height: 30px; background: url('/assets/2/original/header_MyAccount.gif') top left no-repeat;}
  #MyAccountHeader span {display: none;}
  
  #MyAccountBanner1 {width: 912px; height: 27px; margin: 10px auto 0; background: url('/assets/2/original/bg_my-account.gif') no-repeat; background-position: 0 0;}
  #MyAccountBanner2 {width: 912px; height: 27px; margin: 10px auto 0; background: url('/assets/2/original/bg_my-account.gif') no-repeat; background-position: 0 -28px;}
  #MyAccountBanner3 {width: 912px; height: 27px; margin: 10px auto 0; background: url('/assets/2/original/bg_my-account.gif') no-repeat; background-position: 0 -56px;}
  #MyAccountBanner4 {width: 912px; height: 27px; margin: 10px auto 0; background: url('/assets/2/original/bg_my-account.gif') no-repeat; background-position: 0 -84px;}
  
  #TheScienceHeader {width: 386px; height: 30px; margin: 20px 0 0 20px; padding: 0; background: url('/assets/2/original/header_the_science.gif') top left no-repeat;}
  #TheScienceHeader span {display: none;}
  
  #TheScienceBanner1 {width: 912px; height: 27px; margin: 10px auto 0; background: url('/assets/2/original/bg_the-science.gif') no-repeat; background-position: 0 0;}
  #TheScienceBanner2 {width: 912px; height: 27px; margin: 10px auto 0; background: url('/assets/2/original/bg_the-science.gif') no-repeat; background-position: 0 -28px;}
  #TheScienceBanner3 {width: 912px; height: 27px; margin: 10px auto 0; background: url('/assets/2/original/bg_the-science.gif') no-repeat; background-position: 0 -56px;}
  #TheScienceBanner4 {width: 912px; height: 27px; margin: 10px auto 0; background: url('/assets/2/original/bg_the-science.gif') no-repeat; background-position: 0 -84px;}
  
  .HiddenNav {width: 912px;}
  .HiddenNav li {float: left;}
  .HiddenNav li a, 
  .HiddenNav li a:visited {width: 228px; height: 26px; display: block;}
  .HiddenNav li a:hover {text-decoration: none; outline: none;}
  
  #MyAccountIntro {margin: 6px 0 0 22px; font-size: 12px;}
  #MyAccountIntro span {color: #9fb589; font-weight: bold;}
  
  #ProfessionalBox {width: 900px; margin: 0 auto; padding: 0;}
  #ProfileBox {width: 900px; margin: 0 auto;}
  
  .CurrentInfo {width: 500px; margin: 10px 0 0 20px; padding: 10px; font-size: 12px;}
  .CurrentInfo span {font-weight: bold;}
  .CurrentInfo li {height: 25px; margin-left: -80px;}
  .CurrentInfo h5 {font-size: 18px; margin: 6px 0; font-family: Times New Roman, serif; text-transform: uppercase; letter-spacing: 1px;}
  .CurrentInfo .PersonalFull {width: 600px; margin-top: 10px;}
  .CurrentInfo .PersonalRow {margin-top: 10px;}
  .CurrentInfo .PersonBtn {margin-left: 208px;}
  .CurrentInfo .PLabel {width: 200px; margin: 2px 10px 0 0; text-align: right; float: left; font-weight: 700;}
  .CurrentInfo .PInput {width: 280px; font-size: 12px; padding: 1px; color: #6c6c6c;}
  .CurrentInfo .PInput:focus {border: 1px solid #4a4a4a; background-color: #e5f9e5;}
  .CurrentInfo .PInput:hover {border: 1px solid #346635;}
  .CurrentInfo .PCheck {margin: 1px 10px 0 208px; float: left;}
  .CurrentInfo .NLabel {width: 300px;}
  
  .MyHistoryBox {width: 880px; margin: 0 auto; padding: 20px 0;}
  .MyHistoryBox p {line-height: 18px;}
  .MyHistoryBox a {text-decoration: underline; color: #4a4a4a;}
  .MyHistoryBox a:hover {color: #762432;}
  
  .ScienceText {width: 650px; margin-left: 20px; float: left;}
  .ScienceText h4 {font-size: 13px; font-weight: bold; color: #356533;}
  .ScienceText h5 {font-size: 12px; font-weight: bold; padding-top: 10px; color: #356533;}
  .ScienceText span {font-weight: bold; color: #356533;}
  .ScienceText p {padding-bottom: 15px; line-height: 16px;}
  .ScienceText a {font-weight: bold;}
  .ScienceAddress {font-size: 12px;}
  .ScienceImage {margin-top: 15px;}
  
  p.SubHeader {margin: 0; padding: 0;}
  
  .WhyCosmedixList {width: 180px; font-size: 14px; float: left; margin-left: 20px;}
  .WhyCosmedixList ul {margin-top: 10px;}
  .WhyCosmedixList li {list-style-image: url('/assets/2/original/bullet_why-cosmedix.gif'); margin: 6px 26px;}
  .WhyCosmedixHeader {font-size: 14px; font-weight: bold; color: #000; margin-top: 4px;}
  
  .PInfoBox {width: 850px; margin: 10px auto; font-size: 13px; line-height: 18px;}
  .PaymentBox {width: 425px; margin: 10px 0 10px 15px; font-size: 13px; float: left;}
  .PaymentBox a {color: #395628; text-decoration: underline;}
  .PaymentBox a:hover {color: #762432; text-decoration: underline;}
  .PaymentBox li {padding-left: 10px;}
  .PaymentBox li ul {margin: 0; padding: 0;}
  .PaymentBox li ul li {margin: 2px 0 0; padding: 0;}
  
  .TopBtn {margin-top: -6px; position: relative; top: -2px; left: 10px;}
  .CenteredBtn {margin-top: -6px; position: relative; top: 4px; left: 10px;}
  .BottomBtn {margin-top: -6px; position: relative; top: 2px; left: 10px;}
  
  .InputRow {margin-bottom: 10px; padding: 0;}
  .SelectRadio {margin-left: -12px; position: relative; left: -207px;}
  
  .RowA {width: 20px; height: 21px; float: left;}
  .RowB {width: 280px; height: 21px; float: left;}
  .RowC {width: 100px; height: 21px; float: left;}
  
  .PadLeft20 {padding-left: 20px;}
  
/* ------------- SHOPPING CART ------------- */
  
  #CheckoutPersonal {width: 900px; height: 26px; background: url('/assets/2/original/bg_checkout_tabs.gif') top left no-repeat; background-position: 100% 0; margin-bottom: 10px;}
  #CheckoutProfessional {width: 900px; height: 26px; background: url('/assets/2/original/bg_checkout_tabs.gif') top left no-repeat; background-position: 100% -27px; margin-bottom: 10px;}
  #CheckoutShipping {width: 900px; height: 26px; background: url('/assets/2/original/bg_checkout_tabs.gif') top left no-repeat; background-position: 100% -54px; margin-bottom: 10px;}
  #CheckoutBilling {width: 900px; height: 26px; background: url('/assets/2/original/bg_checkout_tabs.gif') top left no-repeat; background-position: 100% -81px; margin-bottom: 10px;}
  #CheckoutConfirm {width: 900px; height: 26px; background: url('/assets/2/original/bg_checkout_tabs.gif') top left no-repeat; background-position: 100% -108px; margin-bottom: 10px;}
  
  #PersonalLogin {width: 900px; margin: 0 auto; font-size: 14px;}
  #PersonalLogin h3 {margin-top: 20px; font-size: 18px;}
  #PersonalLogin p {margin-top: 2px;}
  #NewAddressBox {width: 900px; margin: 10px auto 0; font-size: 14px;}
  #AddNewAddress {width: 900px; margin: 20px auto; font-size: 14px;}
  
  .RadioBtn {float: left; margin: 0 10px; position: relative; top: 3px;}
  
  #AddressCards {width: 900px; float: left; font-size: 14px;}
  #AddressCards .ActiveColor {background-color: #597A99; border-color: #597A99;}
  
  .AddressBox {width: 280px; height: 120px; background-color: #679797; float: left; margin: 6px 0; padding-top: 12px; margin-left: 10px; color: #fff; border-left: 3px solid #413C6C;}
  .AddressBox:hover {background-color: #413C6C;}
  .AddressBox .formatted_address {width: 80%; margin: 4px auto 0; line-height: 20px;}
  .AddressBox .address_label {font-family: georgia; font-size: 18px; text-transform: uppercase;}
  .AddressBox .address_name {font-family: georgia;}
  .AddressBox .address_line_1 {font-family: georgia;}
  .AddressBox .address_line_2 {font-family: georgia;}
  .AddressBox .address_local {font-family: georgia;}
  
  .AddNewBox {font-size: 12px;}
  .AddNewBox li {margin-top: 10px; padding: 4px;}
  .AddNewBox .NewLabel {width: 160px; float: left; text-align: right; margin-right: 10px; padding: 1px; color: #4a4a4a;}
  .AddNewBox .NewRow1 h3 {font-size: 18px;}
  .AddNewBox .NewRow1 label {font-size: 16px;}
  .AddNewBox .NewRow2 .SubRow1 {padding: 0; margin: 0; float: left;}
  .AddNewBox .NewRow3 {margin: 20px 0; float: right;}
  
  .AddNewBox .SelectState {width: 260px;}
  .AddNewBox .NewInput {color: #6a6a6a;}
  .AddNewBox .NewInput:hover {color: #6a6a6a; background-color: #FFFCDF; border-color: #4a4a4a;}
  .AddNewBox .NewInput:focus {color: #6a6a6a; background-color: #FFFCDF; border-color: #346635;}

  .AddNewBox .fieldWithErrors .NewInput input {border: 1px solid #b6485b;}
  .AddNewBox .fieldWithErrors .NewInput:hover,
  .AddNewBox .fieldWithErrors .NewInput:focus {border: 1px solid #b6485b; background-color: #ffe6ea;}
  .AddNewBox .NewRow2 .SubRow1 .fieldWithErrors {padding: 0; margin: 0; float: left;}
  .AddNewBox .fieldWithErrors .NewSelect {background-color: #ffe6ea;}
  .AddNewBox .fieldWithErrors .SelectState {background-color: #ffe6ea;}
  
  .BottomFade900 {width: 900px; height: 7px; background: url('/assets/2/original/bg_fade-bottom.jpg') top left no-repeat;}
  .BottomFade700 {width: 700px; height: 7px; background: url('/assets/2/original/bg_fade-medium.jpg') top left no-repeat;}
  
  #FindLocation {width: 850px; font-size: 12px; height: 30px; padding: 10px 40px;}
  #FindLocation .FindZip {font-size: 12px; color: #6c6c6c; margin-right: 20px; padding: 1px 2px;}
  #FindLocation .FindRadius {font-size: 12px; color: #6c6c6c;}
  
  #FindProName {width: 850px; font-size: 12px; height: 30px; padding: 10px 40px;}
  #FindProName .FindName {font-size: 12px; color: #6c6c6c; padding: 1px 2px;}
  
  .SubmitPro {position: relative; top: 6px; left: 12px;}
  
  #ProTitle {width: 700px; height: 24px; background: url('/assets/2/original/bg_summary_header.gif') top left repeat-y;}
  #ProTitle h5 {padding: 3px 20px; font-family: georgia, serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;}
  
  #CurrentBox {width: 200px; height: 186px; float: left; background: url('/assets/2/original/bg_current_professional.gif') top left no-repeat; margin: 20px 0;}
  #CurrentBox .CurrentProf {margin: 50px 15px 0;}
  #CurrentBox .ProfInfo {width: 170px;}
  
  #FindProBox {width: 600px; float: left; margin: 20px 0;}
  
  #ProfessionalCardBox {width: 902px; margin: 0 auto; padding-bottom: 5px; float: left;}
  .ProfessionalCard {width: 280px; height: 140px; float: left; margin-top: 5px; margin-left: 8px; background: url('/assets/2/original/bg_ProfessionalCard2.gif') top left no-repeat;}
  .ProfessionalCard .ProfessionalSelected {width: 230px; margin: 20px 0 0 45px;}
  .ProfessionalCard .ProfTitle {width: 180px; color: #6a6a6a; margin-bottom: 4px;}
  .ProfessionalCard .ProfInfo {margin-top: -13px;}
  .ProfessionalCard .ProfInfo li a {color: #6a6a6a;}
  .ProfessionalCard .ButtonPro {margin-top: 6px;}
  .ProfessionalCard .ProfRadio {position: relative; top: 1px; left: -34px;}
  .ProfessionalCard .ProfBtn {margin-top: 8px;}
  
  .Frame {border: 1px solid #6c6c6c; float: left; padding-bottom: 20px; width: 898px;}
  
  #NoProfBox {}
  #NoProfBox .NoProfSelect {}
  
  .MethodBox {width: 300px; height: 160px; float: left; margin: 20px 0 0 10px;}
  .MethodBox p {font-size: 14px; padding: 6px 10px; text-transform: uppercase; font-weight: bold;}
  .MethodBox .ShippingChoices {font-size: 12px; padding: 10px 0 0 50px;}
  .MethodBox .ShippingChoices li {margin-top: 6px;}
  .MethodBox .ShippingChoices .ShipRadio {margin-right: 10px; position: relative; top: 1px;}
  .MethodBox .ShippingChoices label:hover {color: #000;}
  
  .SpecialBox {width: 500px; height: 160px; float: left; margin-top: 20px;}
  .SpecialBox .InstructionInput {width: 400px; height: 100px; margin-bottom: 10px; font-size: 12px; color: #6c6c6c; padding: 4px; border: 1px solid #6c6c6c;}
  .SpecialBox p {font-size: 14px; padding: 6px 0px 10px; text-transform: uppercase; font-weight: bold;}
  
  .ShippingContent {width: 860px; float: left; padding: 10px 20px;}
  .ShippingContent h5 {margin-top: 20px; font-size: 12px; font-weight: bold;}
  .ShippingContent p {margin-top: 4px; line-height: 16px;}
  
  .LowerStates {width: 344px; font-size: 12px; float: left; margin-left: 20px;}
  .LowerStates p {font-size: 12px; padding: 20px 0 10px; font-weight: bold;}
  .LowerStates .TitleRow {border-top: 1px solid; font-size: 12px; color: #4a4a4a; font-weight: bold;}
  .LowerStates .TitleRow li {height: 50px; background-color: #e5eadf; padding-top: 4px; float: left; text-align: center;}
  .LowerStates .ShipRow li {float: left;}
  
  .UpperStates {width: 455px; font-size: 12px; float: left; margin-left: 50px;}
  .UpperStates p {font-size: 12px; padding: 20px 0 10px; font-weight: bold;}
  .UpperStates .TitleRow {border-top: 1px solid; font-size: 12px; color: #4a4a4a; font-weight: bold;}
  .UpperStates .TitleRow li {height: 50px; background-color: #e5eadf; float: left; text-align: center;}
  .UpperStates .ShipRow li {float: left;}
  
  .ShipCol1 {width: 120px; text-align: center; padding: 2px 0 2px; border-left: 1px solid; border-bottom: 1px solid;}
  .ShipCol2 {width: 110px; text-align: center; padding: 2px 0; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid;}
  .ShipCol3 {width: 110px; text-align: center; padding: 2px 0; border-right: 1px solid; border-bottom: 1px solid;}
  .ShipCol4 {width: 110px; text-align: center; padding: 2px 0; border-right: 1px solid; border-bottom: 1px solid;}
  
  .ShipNotes {width: 374px; float: left; margin: 20px 0;}
  
  .SubText {font-size: 11px; color: #4a4a4a; font-weight: normal;}
  
  /*          Summary Page         */
  .SmallSummaryBox {width: 900px; margin: 20px 0; font-size: 14px;}
  .SummaryTitle {width: 900px; height: 24px; background: url('/assets/2/original/bg_summary_header.gif') top left repeat-y;}
  .SummaryTitle h5 {padding: 3px 10px; font-family: georgia, serif; text-transform: uppercase; letter-spacing: 1px;}
  .SummaryLabel {width: 140px; float: left; text-align: right; margin-right: 10px; color: #4a4a4a; font-weight: bold;}
  
  .AddNewBoxA {width: 400px; margin: 10px 0 10px 30px; float: left; font-size: 12px;}
  .AddNewBoxA p {width: 160px; float: left;}
  .AddNewBoxA li {padding: 2px 4px; clear: left;}
  
  .AddNewBoxB {width: 400px; margin: 10px 20px; float: left; font-size: 12px;}
  .AddNewBoxB li {padding: 2px 4px; clear: left;}
  .AddNewBoxB p {width: 200px; float: left;}
  
  .AddNewBoxA h5, .AddNewBoxB h5 {font-size: 14px; color: #5E8C43;}
  
  .SideInfo {float: left;}
  
  
/* ------------- CUSTOMER SERVICE ------------- */

  #CustomerHeader {width: 192px; height: 30px; margin: 20px 0 0 20px; padding: 0; background: url('/assets/2/original/header_customer_service.gif') top left no-repeat;}
  #CustomerHeader span {display: none;}
  
  #CustomerNav {width: 912px; margin: 20px auto 0; color: #4a4a4a; text-align: center;}
  #CustomerNav ul {width: 100%;}
  #CustomerNav li {float: left; font-size: 12px; font-family: Arial, san-serif; text-align: center;}
  #CustomerNav li span {display: none;}
  #CustomerNav li a,
  #CustomerNav li a:visited {width: 152px; height: 27px; padding: 0; margin: 0; display: block; color: #4a4a4a;}
  
  .NavLink1 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: 0px -27px;}
  .NavLink1 a:hover,
  .CustomerActive1 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: 0px 0px;}
  .NavLink2 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -152px 0px;}
  .NavLink2 a:hover,
  .CustomerActive2 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -152px -27px;}
  .NavLink3 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -304px 0px;}
  .NavLink3 a:hover,
  .CustomerActive3 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -304px -54px;}
  .NavLink4 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -456px 0px;}
  .NavLink4 a:hover,
  .CustomerActive4 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -456px -81px;}
  .NavLink5 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -608px 0px;}
  .NavLink5 a:hover,
  .CustomerActive5 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -608px -108px;}
  .NavLink6 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -760px 0px;}
  .NavLink6 a:hover,
  .CustomerActive6 {width: 152px; height: 27px; background: url('/assets/2/original/bg_customer_service.gif') top left no-repeat; background-position: -760px -135px;}
  
  .CustomerText {line-height: 16px;}
  .CustomerText a {font-weight: bold; color: #4a4a4a;}
  
  .FAQHeader {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
  
  /*      CHECK ORDER STATUS        */
  
  #COSHeader {width: 250px; height: 30px; margin: 20px 0 0 0px; padding: 0; background: url('/assets/2/original/header_order-status.gif') top left no-repeat;}
  #COSHeader span {display: none;}
  
  .StatusCheckBox {margin-top: 20px; float: left;}
  .StatusCheckBox p {width: 400px; font-size: 12px;}
  .StatusCheckBox ul {margin-top: 20px; font-size: 12px; font-weight: bold;}
  .StatusCheckBox li {margin-top: 10px; margin-left: 12px;}
  .StatusCheckBox label {width: 150px; padding-right: 10px; text-align: right; float: left;}
  .StatusCheckBox .StatusInput {width: 200px; float: left; color: #6c6c6c; margin: 0px; padding: 0 2px; float: left;}
  .StatusCheckBox .StatusBtn {margin-top: 20px; margin-left: 289px; float: left;}
  
  
/*  ---------------- THANK YOU PAGES ----------------  */
  
  .ThanksPic {float: right; margin-right: -2px;}
  .ThanksBox {width: 450px; margin: 20px 0 0 70px; float: left;}
  .ThanksBox h3 {width: 121px; height: 25px; margin-top: 20px; background: url('/assets/2/original/header_thank-you.gif') top left no-repeat; text-indent: -9999px; overflow : hidden;}
  .ThanksBox p {font-size: 12px; margin-top: 16px; line-height: 18px;}
  .ThanksBox ul {font-size: 12px; margin: 16px 0 0 6px; list-style-type: disc; font-weight: bold;}
  .ThanksBox li {line-height: 16px; color: #013300;}
  
  #ThxContinueBox {float: left; margin: 20px 0 30px;}
  #ThxContinueBox .CartBtn a,
  #ThxContinueBox .CartBtn a:visited {display: block; background-color: #a0b288; color: #fff; padding: 6px 12px;}
  #ThxContinueBox .CartBtn a:hover {background-color: #346635; border-color: #346635; text-decoration: none;}
  
  
/*  ---------------- PRESS PAGES ----------------  */
  
  #Headlines {width: 650px; padding: 0px; margin: 50px auto 20px;}
  
  .HeadlineBox {padding: 5px; margin-top: 30px; float: left;}
  .HeadlineBox h5 {font-size: 16px; text-transform: uppercase; color: #5e8c43; padding: 16px 0px; margin: 0px;}
  .HeadlineBox p {font-size: 12px; line-height: 16px; padding: 0px; margin: 0px;}
  .HeadlineBox img {width: 136px; height: 167px; margin: 10px; padding: 2px; float: left; border: 1px solid #888;}
  .HeadlineBox span {font-style: italic; color: #222;}
  
  .HeadlineText {width: 450px; padding: 0px; margin: 20px 0 0 10px; float: left;}
  .HeadlineIntro {width: 600px; margin-left: 48px; float: left;}
  .HeadlineIntro h4 {font-size: 13px; font-weight: bold; color: #356533; padding-bottom: 10px;}
  
  
  /*  ---------------- NEWLETTER PAGE ----------------  */
  
  #NewletterBox {width: 900px; margin: 20px;}
  #NewletterBox h3 {width: 150px; height: 29px; margin: 20px 0 0 18px; background: url('/assets/2/original/header_email-signup.gif') top left no-repeat; text-indent: -9999px; overflow : hidden;}
  #NewletterBox .RegCol1, 
  #NewletterBox .RegCol2 {margin-top: 6px;}
  
  
/* --------------- 2009.11.02 Auto Ship ----------- */
  
  .AutoShipBox h4 {width: 266px; height: 34px; background: url('/assets/2/original/header_about-auto-ship.gif') top left no-repeat; margin: 0; padding: 0;}
  .AutoShipBox h4 span {display: none;}
  .AutoShipBox h5 {margin: 0; padding: 10px 0 4px; color: #707070;}
  .AutoShipBox p {margin: 0; padding: 0 0 10px;}
  .AutoShipBox ol {font-size: 12px; color: #707070; font-weight: bold; line-height: 10px; margin: 10px 0 10px 75px; padding: 0;}
  .AutoShipBox ol p {font-weight: normal;}
  .AutoShipBox .promoBox {width: 100%; line-height: 24px; margin: 20px 0; color: #551d02; font-weight: bold; background-color: #e9dec8; text-transform: capitalize;}
  .AutoShipBox .promoBox span {font-size: 18px;}
  .AutoShipBox .tsmall {font-size: 15px; text-align: left; padding: 5px 10px;}
  .AutoShipBox .tbig {font-size: 22px; text-align: center; padding: 15px 10px;}
  .AutoShipBox .autoIcon {float: left; padding: 5px 10px 5px 0;}
  .AutoShipBox a.detailLink {font-weight: bold; color: #707070;}
  .AutoShipBox .hints {margin: 0 0 0 23px; font-size: 14px; line-height: 18px; color: #999;}
  .AutoShipBox .agreeBox {width: 570px; margin: 10px 0 0 20px;}
  .AutoShipBox .agreeBox input {margin: 2px 0 0 0; padding: 0;}
  .AutoShipBox .agreeBox label {margin: 0 8px; padding: 0; color: #cc0001; font-size: 12px;}
  
  #cartDisplay {width: 95%; margin: 0 auto; font-size: 12px;}
  #cartDisplay .plabels {padding-bottom: 10px; color: #5A1F00; font-weight: bold; text-align: center;}
  #cartDisplay .plabels .first {text-align: left;}
  #cartDisplay .pRow td {height: 36px; border-bottom: 2px solid #e9dec8; text-align: center;}
  #cartDisplay .pRow td p {padding: 8px 0 0; font-weight: bold; text-align: left; color: #343434;}
  #cartDisplay .disclaimer {padding: 10px 0 0; text-align: center;}
  #cartDisplay .disclaimer strong {color: #cc0003;}
  #cartDisplay .oneTime {font-style: italic;}
  
  #cartDisplay td.clearBorder {border: none;}
  
  .conditionBox {width: 570px; height: 90px; margin-left: 23px; padding: 10px 20px; overflow: auto; border: 1px solid #6c6c6c;}
  .conditionBox h5 {color: #343434;}
  .conditionBox h5, .conditionBox p {width: 550px;}
  
  .completeBox {margin-left: 20px;}
  .completeBox p {font-size: 14px; font-weight: bold; line-height: 18px;}
  .completeBox .autoCancel {margin: 10px 0 0 -4px;}
  .completeBox .autoSubmit {margin: 10px 0 0 20px;}
  
  .ShipBillTableNoBorder ul {list-style-type: none; margin: 0 0 0 20px; padding: 0 0 0 20px;}
  .savedAddressItem {min-height: 100px; margin-top: 10px; position: relative;}
  input.SavedRadio {padding: 0; margin: 0; position: absolute; left: -5px;}
  
  html* input.SavedRadio {padding: 0; margin: 0; position: absolute; top: 12px; left: -5px;}
  *html input.SavedRadio {padding: 0; margin: 0; position: absolute; top: 12px; left: -5px;}
  
  
  /*  ---------------- ARTICLE PAGE ----------------  */
  
  #ArticleBox {width: 958px; margin-top: 20px; margin-left: 20px;}
  
  #ArticleContent {padding: 20px 50px 30px;}
  #ArticleContent img {padding: 0 16px 16px;}
  #ArticleContent p {margin-bottom: 10px;}
  #ArticleContent blockquote {font-size: 24px; font-style: italic; font-family: "Times New Roman", serif; color: #5e8c43; padding: 20px 0;}
  #ArticleContent h3 {font-size: 28px; font-family: "Arial", san-serif; color: #72795a; font-weight: normal; text-transform: none; letter-spacing: 0;}
  #ArticleContent h5 {margin-bottom: 10px; font-weight: bold;}
  #ArticleContent ul {margin: 20px 0 14px 20px; font-size: 12px;}
  #ArticleContent li {list-style-type: circle; padding-bottom: 6px;}
  
  .SkinConTitle select {font-size: 14px;}
  
  .ArticleLinks {width: 350px; margin-left: 40px; float: left;}
  .ArticleLinks a,
  .ArticleLinks a:visited {font-size: 20px; color: #72795a; text-decoration: underline;}
  .ArticleLinks a:hover {color: #762432;}
  .ArticleLinks ul {margin-bottom: 50px;}
  .ArticleLinks li a:visited,
  .ArticleLinks li a {font-size: 14px; color: #6c6c6c; line-height: 18px;}
  .ArticleLinks li a:hover {color: #762432;}
  
  .ArticleHeader {width: 958px; height: 118px;}
  
  
  /*  ---------------- AUTO-SHIP ----------------  */
  
  /*  About Page  */
  
  .autoshipBlock {width: 275px; margin: 0; padding: 0; float: left;}
  .autoshipBlock a:link,
  .autoshipBlock a:visited {font-size: 11px; text-transform: uppercase; color: #808080; font-weight: normal; text-decoration: underline;}
  .autoshipBlock a:hover {color: #762432; text-decoration: none;}
  .autoshipBlock p {font-size: 11px; font-weight: bold; color: #90a779;}
  
  .autoshipBtn {margin: 0; padding: 10px 10px 10px 50px; background: url('/assets/2/original/icon_auto-ship.gif') 5px 8px no-repeat;}
  
  .AutoShipBox h4 {width: 344px; height: 27px; background: url('/assets/2/original/header_about-auto-ship.gif') bottom left no-repeat; margin: 0; padding: 20px 0 0;}
  .AutoShipBox h4 span {display: none;}
  .AutoShipBox h5 {margin: 0; padding: 0; color: #707070;}
  .AutoShipBox strong {font-weight: bold;}
  .AutoShipBox .autoIcon {float: left; padding: 5px 10px 5px 0;}
  
  /*  Setup Page  */
  
  .autoProductBox {width: 900px; height: 50px; margin: 30px auto;}
  .autoProductBox h4 {width: 193px; height: 29px; background: url('/assets/2/original/header_auto-ship-setup.gif') top left no-repeat;}
  .autoProductBox h4 span {display: none;}
  .autoProductBox p {margin: 10px 0 0 50px; padding: 0;}
  .autoProductBox a {font-weight: bold;}
  
  .Frequency strong {font-weight: bold;}
  .Frequency strong.red {color: #cb0101;}
  
  .Text1 {margin: 20px 27px 0;}
  .Text2 {margin: 20px 27px; font-weight: bold;}
  
  .conditionBox {width: 570px; height: 90px; margin-left: 23px; padding: 10px 20px; overflow: auto; border: 1px solid #6c6c6c;}
  .conditionBox h5 {color: #343434; margin-bottom: 2px; font-weight: bold;}
  .conditionBox h5,
  .conditionBox p {width: 550px; font-size: 12px;}
  .conditionBox p {margin-bottom: 10px;}
  .conditionBox ul {padding: 0 0 10px 25px;}
  .conditionBox li {font-size: 11px; list-style-type: disc;}
  
  .agreeBox {width: 570px; margin: 10px 0 30px 20px;}
  .agreeBox input {margin: 3px 0 0 0; padding: 0;}
  .agreeBox label {margin: 0 8px; padding: 0; color: #cb0101; font-size: 11px;}
  
  
  /*  ---------------- AHA CHECKOUT OPTIONS ----------------  */
  
  .AHA-Option {margin: 6px 0; padding: 40px 10px 20px 85px; font-size: 12px; color: #6c6C6C; background: url('/assets/2/original/logo_go-red.jpg') 8px 15px no-repeat;}
  .AHA-Option a:link,
  .AHA-Option a:visited {font-weight: bold; color: #4a4a4a; text-decoration: underline;}
  .AHA-Option a:hover {color: #762432; text-decoration: none;}
  
  
  /*  ---------------- AHA INNER PAGE ----------------  */
  
  .AHA-Block {width: 590px; margin: 50px auto 0; padding: 0; float: left;}
  .AHA-Block strong {color: #ef412d; font-weight: bold;}
  .AHA-Block img {margin: 0; padding: 0 0 10px;}
  .AHA-Block h5 {font-size: 14px; margin: 0 0 4px; padding: 0; color: #ef412d; font-weight: bold;}
  .AHA-Block p {margin: 0; padding: 0 0 20px; line-height: 18px;}
  .AHA-Block a:link,
  .AHA-Block a:visited {color: #ef412d; font-weight: bold; text-decoration: underline;}
  .AHA-Block a:hover {color: #000; text-decoration: none;}
  .AHA-Block ul {margin: 0 0 0 15px; padding: 0 0 20px; list-style-position: inherit;}
  .AHA-Block li {font-size: 12px; margin-top: 6px; padding: 0; list-style-type: disc;}
  
  .AHA-pic {float: left; margin: 30px 20px; padding: 0;}
  
  /*  AHA Video Update  */
  
  .AHA-Block2 {width: 432px; margin: 30px auto; padding: 0; float: right;}
  .AHA-Block2 strong {color: #ef412d; font-weight: bold;}
  .AHA-Block2 img {margin: 0; padding: 0 0 10px;}
  .AHA-Block2 h5 {font-size: 14px; margin: 0 0 4px; padding: 0; color: #ef412d; font-weight: bold;}
  .AHA-Block2 p {margin: 0; padding: 0 0 20px; line-height: 18px;}
  .AHA-Block2 a:link,
  .AHA-Block2 a:visited {color: #ef412d; font-weight: bold; text-decoration: underline;}
  .AHA-Block2 a:hover {color: #000; text-decoration: none;}
  .AHA-Block2 ul {margin: 0 0 0 15px; padding: 0 0 20px; list-style-position: inherit;}
  .AHA-Block2 li {font-size: 12px; margin-top: 6px; padding: 0; list-style-type: disc;}
  
  .AHA-Player {width: 496px; margin: 30px 0 0 25px; padding: 0; float: left;}
  .AHA-Player span {width: 475px; margin: 10px 0 0; padding: 0; display: block; font-size: 11px; font-weight: bold; color: #6c6c6c; text-align: center;}
  .AHA-Player h5 {width: 453px; margin: 0 0 -1px; padding: 6px 10px 5px; font-size: 12px; font-weight: bold; background: url('/assets/2/original/bg_AHA_video-header.gif') top left repeat-x;
  border: 1px solid #787878; color: #fff;}
  
  
  /*  ---------------- STORE LOCATOR ----------------  */
      
  .recommendation-box {width: 200px; background: url("/assets/2/original/bg_locator_recommedation.gif") no-repeat scroll left top transparent; float: left; height: 186px; margin: 20px 0;}
  .recommendation-box .CurrentProf {margin: 50px 15px 0;}
  .recommendation-box .ProfInfo {width: 170px;}
  
  .retailer-intro {margin: 20px 0 0 10px; padding: 0;}
  
  .retailer-wrap {width: 680px; margin: 30px 0 0 10px;}
  
  .retailer-box {width: 250px; height: 260px; margin-right: 70px; float: left;}
  .retailer-box p {margin-top: 10px; line-height: 18px; color: #8f8f8f;}
  .retailer-box a,
  .retailer-box a:visited {color: #40663f;}
  .retailer-box a:hover {color: #762432;}
  
  .store-results {width: 660px; margin: 10px 0 20px 20px;}
  .store-results li {height: 40px; line-height: 18px; font-size: 12px;}
  .store-results strong {width: 28%; color: #536a32; display: block; float: left;}
  .store-results span {width: 72%; display: block; float: left;}
  
  
  /* ------<  2010.06.03 PBS FACE FACTS  >------ */
  
  .PBS-block {width: 700px; margin: 0 auto; padding: 0 0 40px;}
  .PBS-block .AboutBar {width: 100%; margin: 0; padding: 40px 0 20px;}
  .PBS-block p {line-height: 18px;}
  .PBS-block p.intro {width: 630px; margin: 30px 0 0 50px; font-size: 12px;}
  .PBS-block strong {font-size: 13px; color: #343434;}
  .PBS-block .meet {margin: 20px 0 0 50px; padding: 0; font-size: 12px; font-weight: bold; color: #581f01;}
  
  .PBS-block .expert-box {width: 100%; margin: 5px 0 20px; padding: 0; overflow: hidden;}
  .PBS-block .expert-box img {margin: 4px 0 0 50px; padding: 0; float: left;}
  .PBS-block .expert-box p {width: 500px; margin: 0 0 0 20px; padding: 0; float: left;}
  
  .PBS-block span.experts {font-size: 13px; font-weight: bold; color: #581f01;}
  
  
  /*  -----------<  2010.07.15 EVENTS PAGE  >----------  */
  
  .StoreBox {width: 900px; margin: 0 auto -1px; padding: 0; position: relative; overflow: hidden;}
  
  .StateLinks {width: 700px; margin: 15px auto 20px; font-weight: bold; overflow: hidden;}
  .StateLinks a,
  .StateLinks a:visited {margin: 0 0 4px 4px; padding: 6px; text-align: center; font-size: 15px; border: 1px solid #6c6c6c; background: url('/assets/2/original/btn_events_state-select.jpg') top left repeat-x; display: block; float: left;}
  .StateLinks a:hover {color: #fff; border: 1px solid #6F1B1B; background-position: 0 -34px; text-decoration: none;}
  
  .StateLabel {width: 900px; background: url('/assets/2/original/bg_event-header-bar.jpg') left top repeat-y; color: #2F2C2C; text-transform: uppercase; font-family: "Georgia","Times New Roman", serif; letter-spacing: 1px; font-size: 14px; margin: 0; padding: 6px 10px;}
  
  .EventsHeader {width: 958px; height: 316px; background: url('/assets/2/original/header_Events.jpg') left top no-repeat; position: relative;}
  .EventsHeader p {width: 450px; padding: 2px; font-family: helvetica; font-size: 17px; line-height: 20px; position: absolute; top: 190px; left: 130px; color: #565656;}
  .EventsHeader span {width: 400px; padding: 2px; font-size: 11px; font-style: italic; text-align: right; position: absolute; top: 270px; right: 370px;}
  
  .EventsPage {width: 900px; margin: 0; padding: 0; overflow: hidden;}
  .EventsPage strong {color: #536c30;}
  .EventsPage .TableEvents {width: 100%; cellpadding: 0px; cellspacing: 0px; margin: 0; padding: 0;}
  .EventsPage .TableEvents p {line-height: 18px;}
  .EventsPage .TableEvents td {vertical-align: top;}
  .EventsPage .TableEvents .Row {padding: 20px 0 20px 20px; border-bottom: 1px solid #eeeeee;}
  .EventsPage .TableEvents .A {width: 25%;}
  .EventsPage .TableEvents .B {width: 45%;}
  .EventsPage .TableEvents .C {width: 30%;}
  
  .disclaimer-green {width: 958px; margin-top: 1px; text-align: center;}
  .disclaimer-green p {padding: 7px 0; font-size: 14px; font-style: italic; font-weight: bold; color: #536A36;}