/* zHealth Magento Theme
   Updated: Thu 03.18.10
   Author: Bear Ideas, www.bearideas.com
----------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  }   

.clear {clear: both;}

/* =Layout
----------------------------------------------------------------------------------*/ 

.wrap {background: url(images/bg.gif) top left repeat-x;}

#page {
  margin: 0 auto;
  width: 920px;
  }

#header {
  height: 120px;
  background: url(images/header.jpg) top center no-repeat;
  }

#container {
  width: 690px;
  border-left: 210px solid #FFFFFF;
  border-right: none;
  }

#container.withright {
  width: 480px;
  border-right: 210px solid #FFFFFF;
  }

#main-content {
  float:left;
  width: 690px;
  margin-right: -690px;
  margin-bottom:40px;
  position:relative;
  }

#container.withright #main-content {
  width: 480px;
  margin-right: -480px;
  }

.content-wrap {margin: 20px;}

#sidebar-left {
  float:left;
  width: 210px;
  margin-left: -210px;
  position: relative;
  margin-bottom: 40px;
  }

#sidebar-right	{
  float: right;
  width: 210px;
  margin-right: -210px;
  position: relative;
  }

#footer {clear: both; float: left; margin-bottom: 20px;}

/* zHealth - Styles
----------------------------------------------------------------------------------*/

body {  
  background: #FFFFFF;
  font: 12px/16px Arial, Helvetica, sans-serif;
  color: #666666;
  text-align: left;
  }

h2, h3, h4, p {padding-bottom: 10px;}

h2.title {color: #062151; font-size: 26px; font-weight: normal; line-height: 30px;}
h3 {color: #062151; font-size: 16px; font-weight: normal; line-height: 20px;}

a, a:visited {color:#044e8c; text-decoration:none;}
a:hover {text-decoration: underline; color: #044e8c;}

a.add-to-cart, a.add-to-cart:visited, a.add-to-cart:hover {text-decoration:none;}

a.go {
  color: #535353; 
  font-weight: bold; 
  font-style: italic; 
  font-size: 12px;;
  background: url(images/bullet.gif) center right no-repeat;
  padding: 0 15px 0 0;
  }

a.go:hover {color: #9ABC66; text-decoration: none;}

.fl {float: left;}
.fr {float: right;}

/* =Header / Footer
----------------------------------------------------------------------------------*/

#header #branding {
  width: 226px;
  height: 73px;
  background: url(images/logo.gif) top left no-repeat;
  position: relative;
  margin: 10px 15px 15px 15px;
  float: left;
  display: inline;
  }

#header #logo {
  width: 226px;
  height: 73px;
  position: absolute;
  top: 0px;
  left: 0px;
  text-indent: -5000px;
  }

/* =Main Navigation
------------------------------------------*/

#mainNav {font-size: 14px;}
#mainNav ul.links li {margin: 0; padding: 0; display: inline;}
#mainNav ul {float: left; margin: 25px 0 0 66px;}
#mainNav ul a, #mainNav ul a:visited {color: #FFFFFF; text-transform: uppercase;}
#mainNav ul a.active, #mainNav ul .active-trail a {
  color: #062151; 
  text-decoration: none;
  background-color: #9abc66;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:medium;
  }

#mainNav ul a:focus, #mainNav ul a:active, #mainNav ul a:hover {color: #9abc66; text-decoration: none;}
#mainNav ul a.active:hover, #mainNav ul .active-trail a:hover {color: #062151;}

#mainNav ul a {
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  padding: 3px 7px;
  }
  
/* =Quick Links
------------------------------------------*/

#block-menu-menu-quick-links {float: left; width: 395px; margin: 27px 0 0 115px; border: none;}
#block-menu-menu-quick-links h3 {
  color: #FFFFFF; 
  font-size: 12px;
  line-height: 16px; 
  font-weight: normal; 
  float: left; 
  padding-right: 15px;
  }

#block-menu-menu-quick-links ul {float: left;}
#block-menu-menu-quick-links ul.menu li {display: inline; list-style-type: none; margin: 0 15px 0 0;}
#block-menu-menu-quick-links ul.menu li a, #block-menu-menu-quick-links ul.menu li a:visited {color: #9abc66;}
#block-menu-menu-quick-links ul.menu li a:hover, #block-menu-menu-quick-links ul.menu li a.active {text-decoration: none; color: #FFFFFF;}

.block ul {padding: 0 0 0.25em 1em;}
li.leaf {padding:0.2em 0.5em 0 0;}


/* =Search
------------------------------------------*/

#search {float: left; margin: 26px 0 0 0;}
#search input.form-text {
  border: none; 
  background: url(images/search.gif) top left no-repeat; 
  width: 140px; 
  height: 21px;
  color: #878787;
  font-size: 11px;
  font-style: italic;
  padding: 3px 6px;
  }
  
@media screen and (-webkit-min-device-pixel-ratio:0){
  #search input.form-text {padding: 0 6px;}
  }

/* =Section Header
----------------------------------------------------------------------------------*/

.section-tab {background: url(images/section.gif) top left no-repeat; width: 210px; height: 140px; float: left;}
.section-tab h2 {
  color: #FFFFFF; 
  font-size: 24px; 
  font-weight: normal;
  padding: 70px 0 0 20px;
  margin: 0;
  line-height: 16px;
  }

.section-tab p {color: #FFFFFF; font-size: 11px; padding: 8px 0 0 20px; line-height: 15px;}
.section-photo {float: left; width: 692px; height: 140px; margin: 0 0 0 5px;}

/* =Secondary Navigation
----------------------------------------------------------------------------------*/

#sec-nav {
  position:relative;
  margin: 0 10px 0 0;
  min-height: 325px;
  height: auto !important;
  height: 325px; /* IE Fast Hack */
  }
  
#sec-nav ul {padding: 15px 0 0 15px;}
#sec-nav ul li {list-style-type: none; padding: 7px 0;}
#sec-nav ul li a, #sec-nav ul li a:visited {
  color: #9abc66; 
  text-decoration: none; 
  display: block; 
  font-size: 16px;
  }

#sec-nav ul li a:hover, #sec-nav ul li.active a, #sec-nav ul li.active-trail a {color: #062151;}

.nav-container {background: none;}
#nav {width: auto; margin: 0;}
#nav li {float: none;}
#nav a {float: none; font-weight: normal;}
#nav span {white-space: normal;}
#nav li.over a, #nav a:hover {color: #082151;}

/* =Sidebar Blocks
----------------------------------------------------------------------------------*/

#sidebar-left .block {
  margin: 10px 0 0 5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  }
.block-title, .block .block-title strong {color: #9ABC66;}
.block-cart .subtotal {background: #E7F0F8;}

/* =Landing Page
----------------------------------------------------------------------------------*/

.landing-home {margin: 10px 0 0 0;}
.landing-home div {width: 318px; float: left; padding: 10px;}
.landing-home .certification {border-left: 1px solid #CCC; padding-left: 20px;}
.landing-home h4 {font-size: 26px; font-weight: normal; color: #062151;}

/* =Product List View
----------------------------------------------------------------------------------*/

.category-title {margin-bottom: 0;}
.category-title h1 {font-size: 26px; color: #062151; font-weight: normal; margin: 20px 0 0 10px;}
.page-head h3, .page-head-alt h3 {
  color: #666666;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
  padding: 15px;
  }
  
table.view-by {display: none;}
.listing-type-list .listing-item {padding: 20px 10px 10px; border-bottom:1px solid #D9DDE3; float: left;}
.listing-type-list .product-image {margin: 5px 0 0 25px; width:297px; float: left;}
.listing-type-list .product-shop {float: left; width: 325px;}
.listing-type-list .product-shop .price-box {float:left; margin:3px 13px 5px 0; padding:0; text-align:left;}
.listing-type-list .product-shop .description {margin:0.5em 0 1.2em;}
.catalog-listing h5 {font-size: 16px;}
.catalog-listing h5 a, .catalog-listing h5 a:visited {color: #082151; text-decoration: none;}
.catalog-listing h5 a:hover {color: #9ABC66; text-decoration: none;}
.description h5 {font-size: 10px; text-transform: uppercase; color: #044e8c;}
p.go {margin-top: 10px;}
.regular-price .price {color: #9ABC66; font-size: 14px;}
.form-button, .form-button-alt, button.button span {background: #9ABC66; border: 1px solid #59b811;}
.cart-table .btn-continue span, .cart-table .btn-update span {background: #9ABC66; border-color: #59b811;}
#main-content .messages {width: auto; margin: 20px;}
.success-msg {border: 1px solid #9ABC66;}

/* =Product Detail
----------------------------------------------------------------------------------*/

h3.product-name {font-size: 26px; margin: 25px 0 0 20px; padding: 0; font-weight: normal;}
.product-info-box {border: none;}
.product-img-box {width: 367px; float: left;}
.product-img-box .product-image-zoom {width: 367px; height: 372px;}
.product-essential {background: none;}
.product-essential {padding: 0 25px 0 25px;}
.product-essential .product-shop {width: 250px; float: right;}
.product-info-box .price-box .regular-price .price {font-size: 18px;}

.product-info-box .product-name {
  color:#062151;
  font-size:22px;
  font-weight:normal;
  line-height:28px;
  }

.add-to-cart-box .qty-box label {color: #9ABC66;}
.add-to-cart-box .qty-box .qty {
  border: 1px solid #9ABC66; 
  color: #666666;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  }

.product-options {
  background-color:#FFFFFF;
  border:0 none;
  margin-bottom:5px;
  margin-top:0;
  padding:5px;
  }

.product-options dl.last dd.last {padding-left: 0;}
.product-info-box .availability {font-size: 10px; font-weight: bold; text-transform: uppercase; color: #044e8c;}

.product-options-bottom  {
  background-color:#FFFFFF;
  border:0 none;
  margin-bottom:30px;
  padding:5px 10px 5px 5px;
  }

div.product-options-bottom .add-to-cart-box {float:left; margin-left:20px;}
.add-to-cart-box .qty-box {float: left;}
.add-to-cart-box .qty-box .qty {margin:0 5px;}

.overview {font-size: 10px; text-transform: uppercase; color: #044e8c; padding-bottom: 5px;}
.product-collateral {background: none; border: none; padding: 0 25px;}
.product-collateral .head {border: none; margin: 0; padding: 0;}
.product-collateral .collateral-box h4 {font-size: 16px; color: #062151;}
.box-collateral h2 {display: none;}
.product-options-bottom  {
  background-color:#FFFFFF;
  border:0 none;
  margin-bottom:30px;
  padding:5px 10px 5px 5px;
  }
  
.product-collateral .std ul {list-style: disc; list-style-position: inside;}
.product-collateral .std ul li {padding: 5px 0 10px 10px;}

/* =Checkout
----------------------------------------------------------------------------------*/

.checkout-onepage-index #container {margin-top: 20px;}
.one-page-checkout-progress {margin: 10px;}
.block-progress .block-title strong span {font-size: 13px; text-transform: uppercase; color:#062151; font-weight:normal; line-height:20px;}
.opc .allow .step-title  {border: none;}
.opc .active .step-title {background: #E7F0F8; border: none;}
.opc .active .step-title h2 {color: #9ABC66; font-weight: normal;}
.opc .active .step-title .number  {background: #9ABC66; border: 1px solid #59b811;}
.opc .step {background: url(images/grey-gradient-med.gif) repeat-x; border: none;}
.opc .allow .step-title {border-bottom: 1px solid #CCC;}
.opc-progress ol li .content {background: #FFFFFF;}
#checkout-review-table strong {color: #9ABC66;}
#checkout-review-table td {padding: 4px;}
select.address-select {width: 560px;}

.cart .totals {width: 230px;}
.cart .discount button span, .cart .shipping button span {background-color:#9ABC66; border-color: #59B811;}

/* =Single Column
----------------------------------------------------------------------------------*/

.main-container {background: none;}
.main {
  border:1px solid #D5D5D5;
  margin-bottom:40px;
  position:relative;
  background: url(images/blue-gradient-large.jpg) repeat-x;
  width: 850px;
  }
  
.middle {background: none; width: auto; padding:25px 25px 80px;}
.col-main {float: none; width: auto;}

/* =Misc Store, Landing Pages, Account Pages
----------------------------------------------------------------------------------*/

.landing-menu {margin: 20px;}
.landing-menu li {position: relative; border:1px solid #D5D5D5; width: 400px; margin:20px 0 0 100px;}

.account-nav {border: none;}
.account-nav .head {background: #9ABC66;}
.account-nav .head h3 {padding: 5px 10px;}
.account-nav ul {background: none;}
.account-nav li.on {padding: 5px 20px; color:  #9ABC66; font-size: 14px;}
.account-box h4, .ad-account-info .head h4,
.primary-address-list h4, .address-list h4 
 {color: #9ABC66;}
.dashboard-welcome {padding: 20px 20px 0 20px;}

/* =Footer
----------------------------------------------------------------------------------*/

#copyright {
  clear: both;
  background: url(images/credits-bg.png) top left no-repeat;
  width: 923px;
  height: 65px;
  font-size: 10px;
  }

#copyright p {float: left; padding: 30px 0 0 50px;}

.credits {float: right; padding: 30px 20px 0 0}
.credits li {list-style-type: none; display: inline; padding-right: 10px;}

/* RustyDog Edits Begin Here
----------------------------------------------------------------------------------*/

div#copyright a:link, div#copyright a:hover, div#copyright a:visited, div#copyright a:active {text-decoration: none; color: #666;padding-left: 15px;}
.credits {padding-right: 15px;text-align:right;}
div#copyright .credits a:link, div#copyright .credits a:hover, div#copyright .credits a:visited, div#copyright .credits a:active {padding: 0 1px 0 1px;}
#mainNav ul a {-moz-border-radius:5px;-webkit-border-radius:5px;}
#sec-nav ul {padding: 15px 0 0 10px;}
#sec-nav ul li {list-style-type: none; padding: 5px 0;}
#sec-nav ul li a {padding:0 12px 0 8px;}

.landing-home .certification {border: none; padding-left: 20px;background: transparent url(images/v-rule.jpg) 0 0 no-repeat;}

/* To prevent product image from overlapping descenders of product titles */
h3.product-name {margin-bottom: 12px;}

strong.free-shipping {display:block;text-indent: -9999px;background: transparent url(images/free-shipping-icon.png) center center no-repeat;width:115px;height:40px;margin:10px 0px;}

div.layered-nav {display:none;}
/*
#sec-nav ul li.nav-3 a {color:#CD5033;}
#sec-nav ul li.nav-3 a:hover {color: #044E8C;}
*/