* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/16px Arial,sans-serif; color: #666; text-align: left; background: #fff; }

a { color: #0B5993; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a:hover.coming-soon  { text-decoration: none; cursor: text; }

a.img img { border: 1px solid #999; }

input, select, textarea { font: 11px Arial, sans-serif; }
textarea { overflow: auto; }
fieldset { border: 0; }

li.page-result-item { margin: 5px 0px; }
div.javascript-off { width: 960px; margin-left: auto; margin-right: auto;  }
p.one-time-order-click { text-align: center; margin-top: 5px; }

input.field { background: #fff; border: 1px solid #ccc; padding: 4px 5px; height: 14px; }

.legal { margin-top: 10px; font-size: 9px; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }

.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right !important; display: inline; }
.fl { float: left !important; display: inline; }

.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 960px; }

h1,h2,h3,h4 { font-weight: normal; line-height: 100%; }
hr { display: block; position: relative; padding: 0; margin: 8px auto; height: 0; max-height: 0; width: 100%; clear: both; border: none; border-top: 1px solid #AAA; border-bottom: 1px solid #FFF; font-size: 1px; line-height: 0; } 

h1 { font-size: 28px; color: #7e9bc2; margin-bottom: 5px; }
h2 { font-size: 16px; color: #666; margin-bottom: 5px; line-height:1.375; }
h3 { font-size: 18px; color: #7e9bc2; margin-bottom: 15px; }
h4 { font-size: 13px; color: #333; margin-bottom: 5px; }

p {}
small { font-size: 12px; }


/*
	Header
*/

#header { height: 171px; }
#header .shell { position: relative; z-index: 100; }

.top-header { height: 105px; background: #eaeff7; position: relative; z-index: 100; }

#logo { position: absolute; top: 10px; left: 10px; z-index: 1; height: 89px; width: 339px; background: url(../images/logo.gif) no-repeat 0 0; }


.top-header-nav { float: right; display: inline; padding-top: 80px; position: relative; z-index: 2;  }
.top-header-nav ul.menu, .top-header-nav ul.dropdown { list-style: none outside none; }
.top-header-nav ul.menu li { float: left; display: inline; padding: 0 12px;  }
.top-header-nav ul.menu li a { font-size: 13px; line-height: 15px; color: #333; padding-left: 12px; background: url(../images/bullet1.gif) no-repeat 0 center; }
.top-header-nav ul.menu li a:hover, .top-header-nav ul.menu li a:active { text-decoration: none; }
/*.top-header-nav ul.menu a.active { background: url(../images/bullet1-down.gif) no-repeat 0 center; }*/
.top-header-nav ul.dropdown { background: #fff; border: 1px solid #999; position: absolute; z-index: 10; }
.top-header-nav ul.dropdown li a:hover, .top-header-nav ul.dropdown li a:active { text-decoration: underline; }
.top-header-nav ul.dropdown li { background: #fff; float: none; display: block; padding: 5px; }
.top-header-nav ul.dropdown li a { background: #fff; padding: 5px; font-size: 12px; line-height: 14px; color: #333; }

.top-header .follow { float: right; display: inline; padding-top: 78px; }
.top-header .follow span { float: left; display: inline; line-height: 20px; font-size: 13px; }
.top-header .follow a { float: left; display: inline; height: 20px; width: 21px; margin-left: 5px; }
.top-header .follow a.facebook { background: url(../images/facebook.gif); }
.top-header .follow a.twitter { background: url(../images/twitter.gif); }

.help-nav { position: absolute; top: 10px; right: 2px; z-index: 11; }
.help-nav ul { list-style: none outside none;  }
.help-nav ul li { float: left; display: inline; line-height: 22px; position: relative; z-index: 100; }
.help-nav ul li span.sep { padding: 6px 0; color: #999; float: left; display: inline;  }
.help-nav ul li a.link { color: #333; line-height: 22px; float: left; display: inline; padding: 6px 10px 0; border: 1px solid #eaeff7; border-bottom: 0; position: relative; }
.help-nav ul li a.link { z-index: 100; }
.help-nav ul li a.link-active { text-decoration: none; background: #fff; border: 1px solid #999; border-bottom: 1px solid #fff; }

.help-nav ul li a.cart { background: url(../images/icon-cart.gif) no-repeat 0 center; padding-left: 25px; margin-left: 6px; color: #333; line-height: 22px; float: left; display: inline; padding-top: 7px; padding-bottom: 7px; }
.help-nav ul li a.cart:hover {background: url(../images/icon-cart.gif) no-repeat 0 center; }

/*
	Help Navigation Popups
*/

.popup { position: absolute; background: #fff; border: 1px solid #999; padding: 19px; z-index: 10; top: 29px !important; right: 3px !important; }
.popup h4 { font-size: 12px; line-height: 14px; color: #86a5d1; margin-bottom: 7px; }
.popup p { color: #333; padding-bottom: 10px; }
.popup label { display: block; font-weight: bold; color: #666; padding-bottom: 5px; }
.popup .field { border: 1px solid #ccc; background: none; font-size: 12px; font-weight: bold; color: #666; padding: 2px 5px; }
.popup hr { display: block; height: 1px; width: 100%; background: #ccc; margin: 15px 0; border: 0; }
.popup .submit { display: block; height: 26px; width: 69px; background: url(../images/button1.gif); border: 0; cursor: pointer; font: bold 13px Arial, Sans-Serif; color: #fff; margin: 0 auto; }

#signin-popup { width: 283px; }
#signin-popup .wrapper { width: 283px; }
#signin-popup a { float: right; display: inline; color: #498dc1; font-size: 11px; }
#signin-popup .field { width: 120px; }
#signin-popup .col { width: 132px; }

#email-signup-popup { width: 300px; }
#email-signup-popup .wrapper {  width: 300px; }
#email-signup-popup .col { width: 140px; }
#email-signup-popup .field { width: 128px; }

#my-account-popup { width: 145px; }
#my-account-popup .wrapper { width: 145px; }
#my-account-popup a { padding-left: 10px; display: block; height: 26px; line-height: 26px; margin-bottom: 6px; color: #fff; }
#my-account-popup .dashboard { width: 137px; background: url(../images/button-my-dashboard.gif);  }
#my-account-popup .sign-out { width: 59px; background: url(../images/button1.gif);  }
#my-account-popup a:hover { text-decoration: none; }
#my-account-popup a.last { margin-bottom: 20px; }

#help-popup { width: 232px; }
#help-popup .wrapper { width: 232px; }
#help-popup a { display: block; height: 26px; width: 224px; line-height: 26px; color: #fff; background: url(../images/button1-expander.gif);  padding-left: 8px; margin-bottom: 6px; }
#help-popup a:hover { text-decoration: none; }
#help-popup a.last { margin-bottom: 20px; }
#help-popup a span { padding-left: 18px; }
#help-popup a span.phone { background: url(../images/icon-phone.gif) no-repeat 0 center; }
#help-popup a span.email { background: url(../images/icon-email.gif) no-repeat 0 center; padding-left: 27px; }

/*
	Main Navigation
*/

#main-navigation { height: 66px; background: url(../images/nav-bg.gif) repeat-x 0 0; position: relative; z-index: 99; }
#main-navigation ul { float: left; display: inline; list-style: none outside none; background: url(../images/nav-border.gif) no-repeat 0 0; }
#main-navigation ul li { float: left; display: inline; height: 59px; background: url(../images/nav-border.gif) no-repeat right 0; padding: 0 1px 0 0; }
#main-navigation ul li.first { padding: 0 1px !important; }
#main-navigation ul li a { display: block; padding: 15px 10px 12px; text-align: center; font-size: 13px; color: #0d68ac; }
#main-navigation ul li span { display: block; }
#main-navigation ul a.active { text-decoration: none; background: url(../images/nav-active.gif) repeat-x 0 0; }

#main-navigation ul.dropdown { background: #dee4f0 !important; border: 1px  solid #c6c6c6; border-top: 0px; position: absolute; z-index: 10; }
#main-navigation ul.dropdown li a:hover  { text-decoration: underline; }
#main-navigation ul.dropdown li { height: auto !important; float: none !important; display: block !important; padding: 2px 5px !important; }
#main-navigation ul.dropdown li a { text-align: left !important; padding: 5px !important; font-size: 12px !important; line-height: 12px !important; color: #333 !important; }
#main-navigation ul.dropdown li a:hover, #main-navigation ul.dropdown li a:active { background: #dee4f0 !important; }
#main-navigation ul.dropdown li a.dropdown-inactive { text-decoration: none; color: #666 !important; cursor: text; border-bottom: 1px solid #999 !important;  }

/*
	Search
*/

#search { float: right; display: inline; height: 26px; width: 215px; background: url(../images/search.gif); margin-top: 18px;  }
#search .field { float: left; display: inline; font-size: 12px; color: #000; border: 0; background: none; padding: 5px 0 0 10px; width: 163px; }
#search .submit { float: right; display: inline;  height: 21px; width: 21px; background: none; margin: 3px 6px 0 0; border: 0; cursor: pointer; }

/*
	Featured Content ( Top )
*/

#featured-content-top h1 { font-size: 32px; line-height: 34px; font-weight: normal; color: #7d9ac3; margin-bottom: 10px; letter-spacing: -1px; }
#featured-content-top .wrapper { height: 263px; padding: 25px 20px 0 30px; background: url(../images/featured-cnt-bg.gif) repeat-x 0 bottom; position: relative; z-index: 2; }
#featured-content-top .text-wrapper { float: left; display: inline; width: 475px; margin: 15px 0 0; }
#featured-content-top .lower-text-wrapper { bottom: 0px; position: absolute; }
#featured-content-top h2 { margin-bottom: 20px; font-size: 17px; line-height: 20px; }
#featured-content-top a.button { float: left; display: inline; height: 44px; width: 205px; color: #fff; font-weight: bold; text-align: center; font-size: 14px; padding-top: 8px; margin-right: 17px; }
#featured-content-top a.button:hover { text-decoration: none; }
#featured-content-top a.button { background: url(../images/button2.gif) no-repeat 0 0; }
#featured-content-top a.button2 { background: url(../images/button3.gif) no-repeat 0 0; }
/*#featured-content-top span.star { float: left; display: inline; background: url(../images/icon-star.gif) no-repeat 0 center; padding-left: 27px; margin: 7px 0 24px 222px; line-height: 19px; color: #333; }*/
#featured-content-top span.star { float: left; display: inline; padding-left: 27px; margin: 7px 0 24px 222px; line-height: 19px; color: #333; }

#featured-content-top #why-diy { height: 100%; }
#featured-content-top #why-diy .text-wrapper { width: 445px; }
#featured-content-top #why-diy .text-wrapper h2 { width: 400px; }
#featured-content-top #your-best .text-wrapper { width: 445px; }
#featured-content-top #your-best .text-wrapper h2 { width: 400px; }
#featured-content-top #health .text-wrapper { width: 520px; }
#featured-content-top #health .text-wrapper h2 { width: 500px; }

#featured-content-top .nav { border-bottom: 2px solid #333; position: relative; z-index: 1; height: 100%; }
#pointer { display: block; height: 15px; width: 17px; background: url(../images/pointer.png); position: absolute; bottom: 0px; left: 95px; z-index: 10; }

#featured-content-top .nav ul { list-style: none outside none; }
#featured-content-top .nav ul li { float: left; display: inline; height: 80px; border-right: 1px solid #CCE8FB; position: relative; margin-top: -3px; }
#featured-content-top .nav ul li.hover { background: url(../images/feat-cnt-nav-hover.gif) repeat-x 0 0; border: 1px solid #cdcdcd; height: 78px; }
#featured-content-top .nav ul li.last { border: none; }
#featured-content-top .nav ul li h4 { font-size: 13px; line-height: 15px; margin: 0; font-weight: normal; }
#featured-content-top .nav ul li p { font-size: 11px; margin: 2px 0; color: #999; }
#featured-content-top .nav ul li .hld { float: left; display: inline; padding: 10px 0 0; width:140px;}
#featured-content-top .nav ul li img { float: left; display: inline; }
#featured-content-top .nav ul li a.learn-more { display: block; height: 24px; width: 77px; background: url(../images/button-learn-more.png); }

#featured-content-top .nav ul li.why-diy { width: 204px; }
#featured-content-top .nav ul li.success-stories { width: 187px; }
#featured-content-top .nav ul li.your-best { width: 205px; }
#featured-content-top .nav ul li.health { width: 182px; }
#featured-content-top .nav ul li.health .hld{ width: 123px; }
#featured-content-top .nav ul li.free-consult { width: 177px; }
#featured-content-top .nav ul li.free-consult .hld{ width: 111px; }
#featured-content-top .nav ul li.why-diy img { height: 44px; width: 44px; background: url(../images/why-diy-thumb.png); margin: 20px 10px 0 10px; }
#featured-content-top .nav ul li.success-stories img { height: 68px; width: 39px; background: url(../images/success-stories-thumb.png); margin: 9px 2px 0 6px; }
#featured-content-top .nav ul li.your-best img { height: 62px; width: 65px; background: url(../images/your-best-thumb.png); margin: 18px 0 0 0; }
#featured-content-top .nav ul li.health img { height: 70px; width: 52px; background: url(../images/health-thumb.png); margin: 10px 7px 0px 0; }
#featured-content-top .nav ul li.free-consult img { height: 50px; width: 56px; background: url(../images/free-consult-thumb.png); margin: 30px 10px 0 0; }

.featured-content img.fr {  margin-top: 25px; }

/*
	Middle Featured Content
*/

.mid-feat-cnt { border-top: 1px solid #999; border-bottom: 1px solid #999; background: #f2f7f7; padding: 0 8px; margin: 20px 0; }
.mid-feat-cnt ul { list-style: none outside none; }
.mid-feat-cnt ul li { float: left; display: inline; width: 270px; padding-top: 20px; }
.mid-feat-cnt ul li h2 { font-size: 15px; line-height: 19px; font-weight: normal; }
.mid-feat-cnt ul li p { font-size: 11px; line-height: 14px; color: #333; margin: 7px 0; }
.mid-feat-cnt ul li a { color: #0d68ac; }
.mid-feat-cnt ul li a.pdf { background: url(../images/icon-pdf.gif) no-repeat 0 center; padding-left: 22px; padding: 3px 0 3px 22px; }
.mid-feat-cnt ul li img { float: left; display: inline;  margin-right: 23px;  }
.mid-feat-cnt ul li .hld  { float: left; display: inline; width: 170px; }

.mid-feat-cnt ul li.ecard { width: 350px; }
.mid-feat-cnt ul li.ecard img { border-left: 1px solid #999; margin-right: 20px; margin-top: 40px; }
.mid-feat-cnt ul li.ecard .hld { width: 220px; }

.mid-feat-cnt ul li.affiliate { width: 305px;  }
.mid-feat-cnt ul li.affiliate img {  border-left: 1px solid #999; margin: 40px 18px 0 0; }
.mid-feat-cnt ul li.affiliate .hld { width: 210px; }

/*
	Special  Report
*/

.special-report { float: left; display: inline; width: 305px; margin-top: 30px; }
.special-report .heading { background: url(../images/icon-book.gif) no-repeat 0 0; padding: 5px 0 5px 55px; margin-bottom: 5px; }
.special-report h3 { margin-bottom: 5px; }
.special-report h4 { font-size: 12px; line-height: 12px; font-weight: normal; }
.special-report .col { width: 140px; }
.special-report label { display: block;	padding-bottom: 8px; }
.special-report .field { width: 128px; margin-bottom: 8px; }
.special-report p { font-size: 11px; line-height: 13px; }
.special-report hr,
.get-free-consult hr { display: block; height: 1px; border: 0; background: #ccc; margin: 15px 0; }
#consultation-form .validation-advice,#email-signup-home-form .validation-advice,.get-free-consult .validation-advice { display: none; }

.special-report .btnh { width: 66px; margin: 0 auto; }
.special-report .btnh input.submit { padding: 0px 3px 2px 0px; display: block; height: 26px; width: 69px; background: url(../images/button1.gif); border: 0; cursor: pointer; font: bold 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #fff; margin: 0 auto; }



/*
	Get Free Consult
*/

.get-free-consult { float: left; display: inline; width: 315px; border-left: 1px solid #ccc; margin-top: 30px; padding-left: 20px; margin-left: 20px; }
.get-free-consult h3 { margin-bottom: 5px; padding-top: 5px; }
.get-free-consult span { float: left; display: inline; margin: 0 5px; line-height: 23px; }
.get-free-consult .col { float: left; display: inline; width: 190px; }
.get-free-consult label { display: block; padding-bottom: 8px; }
.get-free-consult .field { float: left; display: inline;  width: 158px; margin-bottom: 10px; }
.get-free-consult .field2 { width: 17px; }
.get-free-consult .field3 { width: 32px; }
.get-free-consult .mini-col { float: left; display: inline; width: 100px; }
.get-free-consult .mini-col-right { float: right; display: inline; width: 90px; }

.get-free-consult .col-right { float: right; display: inline; width: 125px; }
.get-free-consult .col-right .check-label { float: left; display: inline; margin-bottom: 14px; padding-bottom: 0; margin-right: 3px; }
.get-free-consult .col-right .check-label .radio { margin-right: 3px; }
.get-free-consult .btnh {  width: 79px; margin: 0 auto; }
.get-free-consult .btnh input.submit { padding-bottom: 2px; display: block; height: 26px; width: 69px; background: url(../images/button1.gif); border: 0; cursor: pointer; font: bold 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #fff; margin: 0 auto; }

.blue-btn,
.blue-btn span { float: left; display: inline; height: 26px; padding-left: 13px; background: url(../images/button1-expander.gif) no-repeat 0 0; font: bold 12px/26px "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #fff; }
.blue-btn span { padding-left: 0; padding-right: 13px; margin: 0; }
.blue-btn:hover,
.blue-btn:hover span { text-decoration: none; }


/*
	Video Box
*/

.video-box { float: right; display: inline; width: 245px; background: #f5f5f5; height: 170px; margin-top: 20px; padding: 20px 20px 40px 20px; }
.video-box h2 { margin-bottom: 15px; }
.video-link { float: left; display: inline; margin: 0 10px 0 0; }
.video-box p { font-size: 14px; line-height: 140%; }
.video-box ul { list-style: none outside none; }
.video-box ul li { line-height: 20px; background: url(../images/bullet2.gif) no-repeat 0 center; padding-left: 12px;  }
.video-box ul li a { color: #0d68ac; }


/*
	Certificate 
*/

.certificate { border: 1px solid #ccc; background: url(../images/icon-certificate.gif) no-repeat 0 0; padding: 18px 20px 5px 70px; margin-bottom: 30px; }
.certificate h3 { margin-bottom: 8px; }

.certificate h2,
.certificate p { margin-bottom: 10px; }

.certificate ul { float: left; display: inline; list-style: none outside none; width: 32%; }
.certificate ul li { background: url(../images/bullet3.gif) no-repeat 0 0; padding-left: 30px; }


/*
	Footer
*/

#footer { border-top: 1px solid #999; background: #f3f9f9; padding: 20px 0; }
#footer .col { float: left; display: inline; border-right: 1px solid #ccc; min-height: 117px; padding-right: 14px; padding-left: 14px; }
#footer .first { padding-left: 0; }
#footer .last { padding-right: 5px; border: 0; }
#footer ul { list-style: none outside none; }
#footer ul li { font-size: 11px; line-height: 180%; }

#footer .col-right { float: right; display: inline; width: 230px; }
#footer .col-right h4 { margin-bottom: 10px; }
#footer .facebook { background: url(../images/facebook.gif) no-repeat 0 center; padding: 4px 0 4px 27px; }
#footer .twitter { background: url(../images/twitter.gif) no-repeat 0 center; padding: 4px 0 4px 27px; }

#footer .join-community { margin: 10px 0 30px;  } 
#footer .join-community img { float: left; display: inline; margin: 5px 5px 0px 0px; }
#footer .join-community .community-submit { float: right; margin-right: 10px;  }
#footer .join-community .field { display: inline; margin-bottom: 5px; font-style: italic; width: 114px; }

span.white-btn,
button.button,
button.button span,
span.white-btn input { float: left; display: inline; height: 24px; border: 0; cursor: pointer; font: bold 11px/24px Arial, Sans-Serif; color: #0D70B9; background: url(../images/white-btn.gif) no-repeat 0 0; padding-right: 10px; }
button.button span,
span.white-btn input { position: relative; margin-left: 10px; background-position: right 0; margin-right: -13px; }

a.white-btn,
a.white-btn span { float: left; display: inline; height: 24px; padding-right: 10px; background: url(../images/white-btn.gif) no-repeat 0 0; font: bold 11px/24px Arial, Sans-Serif; color: #0D70B9; }
a.white-btn span { position: relative; margin-left: 10px; background-position: right 0; margin-right: -13px; background-position: right 0; }

#footer hr { display: block; height: 1px; border: 0; background: #ccc; margin: 15px 0; }
#footer .bottom { font-size: 11px; line-height: 14px; }

.print { float: right; display: inline; background: url(../images/icon-print.gif) no-repeat 0 center; padding-left: 20px; }

/*
	Consultation Result
*/

.consult-results {  }
.consult-results .right-side { float: right; display: inline; width: 220px; padding-bottom: 15px; }
.consult-results .right-side p { padding: 5px 0 20px; }
.consult-results .featured-products { padding-bottom: 10px; }

.consult-form {}
.consult-form .right-side { margin-bottom: 140px; float: right; width: 364px; height: 331px; background: url(../images/consultation-right.jpg) no-repeat top left; }
.consult-form .left-side { width: 313px; }
.consult-form .left-side h3 { color: #999; padding-bottom: 8px; border-bottom: 1px dotted #999; }
.consult-form .row { margin-bottom: 20px;  }
.consult-form .dashed-row { margin: 10px 0px; padding: 20px 0px; border-top: 1px dotted #999; }
.consult-form .field { margin-left: 5px;  }
.consult-form .field1 { width: 225px; }
.consult-form .field2 { width: 30px; margin-right: 5px; }
.consult-form .btnh { margin-top: 50px; }
.consult-form .submit { padding-bottom: 2px; border: 0px; display: block; height: 32px; width: 122px; line-height: 26px; color: #fff; background: url(../images/button-add-to-cart.gif);  cursor: pointer; font: bold 13px Arial, Sans-Serif; color: #fff; margin: 0 auto;  }

.results-list { float: left; display: inline; width: 470px; padding-bottom: 15px; }
.results-list .measurement { height: 52px; width: 60px; background: url(../images/measurement.gif) no-repeat 0 0; text-align: center;  }
.results-list .measurement strong { display: block; font-size: 18px; padding: 10px 0 5px; }
.results-list td { padding: 10px 0; border-bottom: 1px solid #ccc; }
.results-list td.spacer { padding: 0 10px; }
.results-list td.text { padding-right: 60px; }
.results-list tr.last td { border: 0; padding-bottom: 0; }

.results-note { padding: 15px 20px 25px 0; font-size: 10px; } 

/*
	Checkout New ( User )
*/

.checkout-new #checkout_methods_form label {font:12px/16px Arial,sans-serif; display: inline; margin: 0; font-weight:bold;}
.checkout-new { padding-bottom: 30px; }
.checkout-new select { height: 24px; padding: 3px; }
.checkout-new .nav { height:30px;line-height:30px; }
.checkout-new .nav strong { float: left; display: inline; padding: 0 20px; background: #f1f1f1; font-size: 11px; }
.checkout-new .nav a { float: left; display: inline; margin: 0 20px; text-decoration: underline; }
.checkout-new .nav a:hover { text-decoration: none; }

.checkout-new .col-left { float: left; display: inline; width: 216px; margin-right: 20px; }
.checkout-new .col-right { float: right; display: inline; width: 256px; }
.checkout-new label { display: block; margin-bottom: 5px; font-size: 14px; }
.checkout-new .access-account label { margin-top: 4px; }
.checkout-new .col-left .field { width: 204px; }
.checkout-new .col-left select { width: 216px; margin-bottom: 15px; }

.access-account { border-top: 1px solid #999; border-bottom: 1px solid #999; height: 134px; margin-bottom: 20px; }
.access-account .validation-advice { margin-top: 1px;}
.access-account .field-wrap { height: 66px;}
.checkout-new .access-account label.for_cpassword { margin-top:73px; }

.already-member { background: #f2f8f8; padding: 20px; }
.already-member h4 { margin-bottom: 8px; }

.shipping-address { margin-bottom: 20px; }

.shipping-method { margin-bottom: 20px; float: left; width:320px;}
.shipping-method p { padding: 4px 0; }

.checkout-new .wide-col { float: left; display: inline; width: 474px; }
.checkout-new .exp-date { float: left; display: inline; width: 153px; }
.checkout-new .mname { float: left; display: inline; width: 62px; }
.checkout-new .lname { float: right; display: inline; width: 153px; }
.checkout-new .exp-date select { float: left; display: inline; width: 65px; margin-right: 5px; }
.checkout-new .csv { float: right; display: inline; width: 62px; }
.checkout-new .csv .field { width: 50px; }
.checkout-new .po { margin: 29px 0 13px; }

/*
.checkout-new .wide-col .field { margin-bottom: 15px; }
.checkout-new .state { float: left;   }
.checkout-new .state #state { width: 60px; } 
.checkout-new .zip { float: left; display: inline; width: 84px; }
.checkout-new .zip .field { width: 74px; }
*/
.form-content-left{
	clear: left;
	margin-bottom: 10px;
}
.location-fields{ display:block; overflow: visible; }
.location-fields .city{ width: 150px; float: left; }
.location-fields .state{ width: 175px; float: left; }
.location-fields .state select{ width: 95%; }
.location-fields .zip{ width: 130px; float: left; }
.location-fields .zip .field { width: 74px; }

.cc_verification 					{ display:block; overflow: visible; }
.cc_verification .cc_month			{ float:left; width: 130px }
.cc_verification .cc_year			{ float:left; width: 120px }
.cc_verification .cc_year select	{ width: 100px }
.cc_verification .cc_cvs			{ float:left; width: 100px }
.cc_verification .cc_cvs input		{ width: 60px }

.login-fields						{ border:1px solid #999999; border-width:1px 0; margin-bottom: 8px;}
.password_confirmation .password	{ float:left; width: 150px }
.password_confirmation .cpassword	{ float:left; width: 150px }

.address-po-box .address	{ float:left; width: 220px }
.address-po-box .po-box		{ float:left; width: 150px }


.checkout-new .order-total { clear: both; border-top: solid 1px #999; border-bottom: solid 1px #999; margin: 6px 0 10px 0; }
.checkout-new .order-total td { text-align: right; font-size: 16px; line-height: 20px; padding: 15px 0; }
.checkout-new .order-total td.discount { background: #ddf0da; padding: 15px 25px; }
.checkout-new .order-total td.sub-total { padding: 15px 160px 15px 30px; }
.checkout-new .order-total td.sub-total strong { color: #000; }

#comment { height:150px;}

.checkout-new .button-blue-big { margin: 0 auto; display: block; }

.checkout-new #shipping-available-methods label{ display: inline; font:12px/16px Arial,sans-serif;}
#advice-required-entry-authorizenet_expiration, #advice-required-entry-cc_cid {display: none;}

.checkout-tips { border: 1px solid #f0f0f0; background: #ffffe5; padding: 2px 6px 4px 6px; margin-bottom: 4px; }
.checkout-tips h3 { background: url(../images/icon-tip.gif) no-repeat 0 center; padding: 7px 0 0 27px; color: #676566; }
.checkout-tips ul { list-style: none outside none; }
.checkout-tips ul li { background: url(../images/bullet1.gif) no-repeat 0 4px; padding: 0 0 0 12px; margin-bottom: 10px; }


.code { float: right; display: inline; width: 400px; }
.code .wrapper { background: #f2f8f8; padding: 10px; }
.code label { float: left; display: inline; width: 120px; text-align: right; line-height: 24px; margin: 0 8px 0 0; font-size: 11px; }
.code .field { margin-bottom: 6px; float: left; display: inline; margin-right: 10px; padding: 3px 2px; width: 100px;}
.code .white-btn { padding-right: 0; }
.code .white-btn input.submit { margin-left: 5px; margin-right:-7px; padding-right: 5px; }

#sidebar { float: left; display: inline; width: 200px; padding-top: 10px; }
#sidebar .spacer { padding-right: 20px; }
#sidebar h3 { font-size: 12px; text-transform: uppercase; padding: 7px 0; border-bottom: solid 1px #999; color: #666; margin-bottom: 0; font-weight: bold; }

#content { float: right; display: inline; width: 730px; padding: 27px 0 20px 29px; border-left: solid 1px #ccc; }

#breadcrumb { padding: 8px 0; border-bottom: solid 1px #ccc; }
#breadcrumb li { float: left; display: inline; list-style-type: none; margin-right: 8px; color: #b2b2b2; }
#breadcrumb li a { color: #0d68ac; margin-right: 7px; }
#breadcrumb li.last { color: #333; }

.sub-nav { margin-bottom: 29px; }
.sub-nav li { list-style-type: none; border-bottom: solid 1px #f0f0f0; }
.sub-nav li a { display: block; padding: 7px 25px 7px 10px; background: #fff url(../images/sub-nav-arr.gif) no-repeat right center; }
.sub-nav li a:hover,
.sub-nav li a.active { background-color: #f1f1f1; background-image: url(../images/sub-nav-arr-active.gif); text-decoration: none; color: #666; font-weight: bold; }

.become-affiliate { background: #f9f9fb; border: solid 1px #f1f1f1; padding: 10px 19px 19px; }
.become-affiliate h2 { font-weight: bold; color: #8ea6ca; line-height: 20px; margin-bottom: 15px; }
.become-affiliate p { padding-left: 10px; line-height: 26px; margin-top: 5px; text-align: center; color: #fff; }
.become-affiliate p,
.become-affiliate p span { background: url(../images/button-grey.gif) no-repeat 0 0; }
.become-affiliate p span { display: block; background-position: right 0; padding-right: 10px; }
.become-affiliate p .ico-phone { background: url(../images/icon-phone.gif) no-repeat 0 center; padding-left: 15px; padding-bottom: 2px; }
.become-affiliate p .ico-email { background: url(../images/icon-email.gif) no-repeat 0 center; padding-left: 23px; }
.become-affiliate p a,
.become-affiliate p a:hover,
.become-affiliate p a:active { font-weight: bold; text-decoration: none; color: #fff; }

#detailed { border-bottom: solid 1px #ccc; color: #b2b2b2; }
#detailed .image { float: left; display: inline; margin-right: 23px; }
#detailed .image img { padding: 5px; background: #f0f0f0; border: solid 1px #cdcdcd; display: block; }
#detailed .price { font-size: 15px; font-weight: bold; color: #666; margin: 10px 0; }

#detailed form.add { margin-top: 15px; }
#detailed form.add label,
#detailed form.add .field,
#detailed form.add .button { float: left; display: inline; }
#detailed form.add label { font-size: 17px; color: #666666; margin-right: 6px; line-height: 32px; }
#detailed form.add .field { font-size: 16px; font-weight: bold;  color: #666; padding: 8px 5px; width: 34px; text-align: right; margin-right: 10px; }
#detailed form.add .button { width: 122px; height: 32px; background: url(../images/button-add-to-cart.gif) no-repeat 0 0; border: 0; cursor: pointer; }
#detailed form.add .button { color: #fff; font-size: 16px; font-weight: bold; }

#detailed .share { padding: 10px 0; line-height: 20px; }
#detailed .share a, #detailed .share .tell { float: left; display: inline; margin-right: 25px; padding-left: 30px; white-space: nowrap; }
#detailed .share .tell { display: inline-block; font-size: 14px; font-weight: bold; margin-right: 50px; padding-left: 35px; background: url(../images/icon-tell.gif) no-repeat 0 center; }
#detailed .share a.facebook { background: url(../images/facebook.gif) no-repeat 0 center; }
#detailed .share a.twitter { background: url(../images/twitter.gif) no-repeat 0 center; }
#detailed .share a.email { background: url(../images/email.gif) no-repeat 0 center; margin-right: 0; }

.featured-products h2,
.featured-products .title { padding: 25px 0 5px; }
.featured-products .product { float: left; display: inline; width: 250px; padding: 10px 0; }
.featured-products .product .image { float: left; display: inline; margin-right: 20px; }
.featured-products .product .image img { padding: 4px; background: #f0f0f0; border: solid 1px #cdcdcd; }
.featured-products .product .content { float: left; display: inline; width: 140px; }
.featured-products .product h4 { font-size: 13px; font-weight: bold; }
.featured-products .product h5 { font-size: 12px; font-weight: normal; }
.featured-products .product .price { font-weight: bold; margin: 3px 0 4px; }
.featured-products .product-last { width: 230px; }
.featured-products .product-first { clear: both; }
.description{ padding: 8px 0}

.featured-products-vertical { width: 240px; min-height: 360px; float: right; padding: 0 0 20px 20px; border-left: solid 1px #ccc; }
.featured-products-vertical .product { border-bottom: solid 1px #ccc; width: 240px !important; }
.featured-products-vertical .product-last { border-bottom: 0; }

.text-block { padding: 25px 0 0 0; line-height: 18px; }
.text-block h2 { font-size: 18px; color: #86a0c5; margin-bottom: 15px; }
.text-block p { margin-bottom: 18px; }
.text-block ul { padding-left: 25px; margin-bottom: 18px; }
.text-block-left { float: left; display: inline; width: 450px; }

.cart-summary { width: 200px; margin-bottom: 10px; }
.cart-summary table { border-collapse: collapse; }
.cart-summary tr th { border-bottom: solid 1px #999; }
.cart-summary tr th,
.cart-summary tr td { padding: 6px 0 6px 10px; }
.cart-summary tr .last { padding-right: 10px; padding-left: 0; }
.cart-summary tr.last td { border-top: solid 1px #f0f0f0; }
.cart-summary tr.total th { background: #f1f1f1; border-top: solid 1px #999; }

.know-tip { padding-left: 32px; }
.know-tip h4 { color: #676767; font-size: 12px; font-weight: bold; padding-left: 23px; margin-left: -23px; position: relative; line-height: 16px; margin-bottom: 12px; }
.know-tip h4 { background: url(../images/know-tip.gif) no-repeat 0 0; }
.know-tip p { margin-bottom: 12px; }

.page-heading { margin-bottom: 20px; }
.page-heading h1 { margin-bottom: 13px; }
.page-heading h2 { margin-bottom: 20px; }

.shopping-cart table tr td,
.shopping-cart table tr th { padding: 20px 20px 20px 10px; border-bottom: solid 1px #cccccc; vertical-align: top; }
.shopping-cart table tr th { padding-bottom: 5px; }
.shopping-cart .field { border-color: #999999; font-size: 13px; font-weight: bold; padding: 4px 7px; }
.shopping-cart .quantity-field { width: 30px; text-align: right; float: left; display: inline; margin-right: 10px; }
.shopping-cart .ico-refresh { float: left; display: inline; margin-top: 6px; }
.shopping-cart .ico-remove { float: right; display: inline; }
.shopping-cart img { padding: 4px; background: #f0f0f0; border: solid 1px #cdcdcd; display: block; }
.shopping-cart .price { font-size: 16px; }
.shopping-cart .total-price { background: #f2f8f8; text-align: right; font-weight: bold; }
.shopping-cart .order-total { line-height: 32px; }
.shopping-cart .button-holder { padding-right: 0; }
.shopping-cart .button-checkout { padding-left: 20px; width: 102px; height: 32px; background: url(../images/button-add-to-cart.gif) no-repeat 0 0; border: 0; cursor: pointer; }
.shopping-cart .button-checkout a { text-decoration: none; color: #fff; font-size: 16px; font-weight: bold; width: 100%; height: 100%; display: block; }
.shopping-cart .button-checkout a:hover, .shopping-cart .button-checkout a:active { text-decoration: none; color: #fff; }
ul.errors{
	display: block;
	background-color: #ffe6e6;
	border: 1px solid #f52525;
	margin: 5px 0 10px 0;
}

ul.errors li{
	display: block;
	margin: 5px 0;
	font-weight: bold;
	padding: 10px;
}


.ico-refresh { border: 0px; cursor: pointer; display: block; width: 12px; height: 14px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/icon-refresh.gif); }
.ico-remove { display: block; width: 12px; height: 12px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/icon-remove.gif); }

.order-information { padding: 15px 0 30px; }
.order-information .cart-summary { float: left; display: inline; margin-right: 70px; }
.order-information .col { float: left; display: inline; width: 230px; line-height: 28px; }
.order-information .col p strong { font-size: 13px; }

.share-opts { padding: 0 20px; background: #f2f8f8; margin-bottom: 30px; }
.share-opts .option { padding: 20px 0; border-bottom: solid 1px #ccc; color: #666; }
.share-opts .last { border-bottom: 0; }
.share-opts .option h4 { font-size: 14px; font-weight: bold; color: #666; margin-bottom: 8px; }
.share-opts .option h4 span { font-size: 12px; font-weight: normal; }
.share-opts .option .right-rail { float: right; display: inline; margin-top: 14px; }
.share-opts .option form label { float: left; display: inline; line-height: 24px; margin-right: 5px; }
.share-opts .option form .field { float: left; display: inline; width: 455px; margin-right: 10px; color: #999; }

.hear-about { border-top: dotted 1px #ccc; padding: 10px 20px; background: #f7fbfc; margin-bottom: 20px; }
.hear-about label { float: left; display: inline; margin-right: 17px; line-height: 24px; }
.hear-about select { float: left; display: inline; width: 316px; }

.yellow-box { border: solid 1px #f0f0ee; background: #ffffe5; padding: 10px; margin-bottom: 16px; line-height: 24px; }
.yellow-box p { margin: 0 3px 8px 0 }
.button-blue-big { width: 248px; height: 32px; background: url(../images/button-blue-big.gif) no-repeat 0 0; cursor: pointer; border: 0; }
.button-blue-big { font-size: 14px; font-weight: bold; color: #fff; }

.rsv-error-field { border: 1px solid #ff0000 !important; }

.catalog-category-view { margin-bottom: 20px; }
.catalog-category-view .description { margin-top: 20px; }
.catalog-category-view .catalog-product-list { margin-bottom: 10px; }

.toolbar .pager{ border:1px solid #F0F0F0;margin:5px 0;padding:9px; text-align:center;}
.toolbar .pager .amount{ float:left; }
.toolbar .limiter{ float:right; }
.toolbar .pages{ margin:0 135px; }
.toolbar .pages ol, .toolbar .pages ol li { display:inline; }
.toolbar .sorter{ }


.messages li { list-style: none outside none; }
.messages li.notice-msg { background: #ffffd5; border: 2px solid #ccc; margin: 0px 0px 5px 0px; padding: 5px; display: block; }
.messages li.error-msg { background: #ffa8a8; border: 2px solid #990000; margin: 0px 0px 5px 0px; padding: 5px; display: block; }

/* Default Styles */
.nobr {white-space: nowrap;}
ul, ol { list-style:none outside none; }
.col2-set .col-1 { float:left; width:49%;}
.col2-set .col-2 { float:right; width:49%; }
.page-title { border-bottom:1px solid #DDDDDD; margin: 10px 0 10px; padding:0 0 5px; }
form{ display:inline; }
.form-list li, .group-select li, div.fields, div.field, ol li.item{ margin:0 0 9px; }
.form-list label { font-weight:bold; }
div.fields{ }
div.field{}
label.required em,p.required { display:none; }
.validation-failed { background:none repeat scroll 0 0 #FAEBE7 !important;border:1px solid #ff0000 !important;}
.checkout-new .col-left select.validation-failed, .checkout-new .col-left input.validation-failed {margin-bottom: 2px; }
.validation-advice {background:url("../images/validation_advice_bg.gif") no-repeat scroll 2px 1px transparent; clear:both; color:#FF0000; font-size:10px; line-height:13px; margin:3px 0 0; min-height:13px; padding-left:17px; }
.buttons-set { clear:both; margin:8px 0 0; padding:5px;overflow:hidden; border-top:1px solid #DDDDDD; }
.form-list input.input-text, .form-list textarea { width:250px; }
input.input-text, textarea { padding:2px; }
input.input-text, select, textarea { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; height:14px; padding:4px 5px; width:auto; }
input, select, textarea, button { color:#000000; font:12px Arial,Helvetica,sans-serif; vertical-align:middle; }
select { height:22px; padding:3px; }
.col2-set{ display: block; overflow: hidden; }
button.button{overflow:visible; width:auto; float: none; margin: 5px 5px 5px 0}
.buttons-set button.button { float:right; margin: 0 3px; }
.buttons-set .back-link { float:left; }
button.button span{
	background-position:right -1px;
	//background-position:right 0;
	margin-left:10px; 
	margin-right:-16px;
} 
button.button span span { background: none;	display:inline; float:none; position: relative; height: inherit; border:0 none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit;  margin:0; padding:0; vertical-align:baseline; white-space: nowrap;}
button.button:hover, button.button span:hover, button.button span span:hover { text-decoration: underline; }
.block{}
.block-title strong span, .box-head h2 { color:#666666; font-size:12px; font-weight:bold; text-transform:uppercase; }
.block-title, .box-head {clear: both; border-bottom:1px solid #999999; margin-bottom: 5px; padding:7px 0; text-transform:uppercase; }
.box-head {margin-top: 10px;border-bottom:1px solid #dae5f7; }
.box-head h2 { margin-right: 4px;}
.box-head a { text-transform: none;}
.block-content{ margin: 2px 0 15px 2px; }
#sidebar .block ul li{ border-bottom:1px solid #F0F0F0; list-style-type:none; }
#sidebar .block ul li a, #sidebar ul li.current strong{ background:url("../images/sub-nav-arr.gif") no-repeat scroll right center #FFFFFF; display:block; padding:7px 25px 7px 10px; }
#sidebar ul li.current strong, #sidebar ul li a:hover { background-color:#F1F1F1; background-image:url("../images/sub-nav-arr-active.gif"); color:#666666; font-weight:bold; text-decoration:none; }
table.data-table {width: 100%; margin: 5px 0;}
table.data-table,table.data-table th,table.data-table td { border: 1px solid #D4E0EE; border-collapse: collapse; color: #555; }
table.data-table td, table.data-table th { padding: 6px;}
table.data-table thead th { text-align: center; background: #E6EDF5; color: #4F76A3; font-size: 100% !important; font-weight: bold;}
table.data-table tbody tr { background: #FCFDFE; }
table.data-table tbody tr.odd { background: #F7F9FC; }


#loading-mask {
	color:#0D68AC;
	font-size:1.1em;
	font-weight:bold;
	opacity:0.8;
	position:absolute;
	text-align:center;
	z-index:500;
}
#loading-mask .loader {
	background:#def0fd;
	border:2px solid #2274b2;
	color:#0D68AC;
	font-weight:bold;
	left:50%;
	margin-left:-10px;
	padding:15px 10px;
	position:fixed;
	text-align:center;
	top:45%;
	width:200px;
	z-index:1000;
}
#loading-message{
	display: block;
	width: 200px;
	
}

.overlay {
	width: 100%;
	height: 100%;
	background: #fff;
	filter: alpha(opacity=40); /* internet explorer */
	-khtml-opacity: 0.4;      /* khtml, old safari */
	-moz-opacity: 0.4;       /* mozilla, netscape */
	opacity: 0.4;           /* fx, safari, opera */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 498;
}
.li-diy-hcg-affiliate-program a:hover { text-decoration: underline !important; }