﻿/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
html, body {
	color:#333;
	margin:0;
	padding:0;
	font-size:14px;
	font-family : Verdana, Arial, sans-serif;
	background:#fff;
	min-width:780px;
}
form {
	margin:0;
	padding:0;
}
.align-right {
	text-align:right;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a img {
	border:none;
}
.row-dark {
	background-color:#eeeeee;	
}
.row-light {
	background-color:#f5f5f5;	
}
a {
	color:#333;	
}
.highlight {
	background-color:#ffc;	
}
.selected {
	background-color:#ffa;	
}
.strike {
	text-decoration:line-through;
}
.special-offer {
	color:#F00;
}
.paypal-express-checkout {
	margin-top:60px;
	text-align:right;	
}
.paypal-express-checkout p{
	margin:0;
	padding:0;
}
.paypal-note {
	font-size:.8em;
	margin:0;
}
#get-1-free {
	margin-top:10px;
	font-size:.9em;
	background-color:#ffffb6;
	border:1px solid #c0c054;
	padding:6px; 
}
.get-free-offer {
	font-size:.9em;
	padding:6px; 
}
#get-1-free a:hover, .get-free-offer a:hover{
	text-decoration:none;	
}
#related {
	margin-top:10px;	
}
.related-product {
	font-size:.9em;
}
.related-product a {
	color:#8f62ec;
	font-weight:bold;
}
.related-product a:hover {
	text-decoration:none;
}
.botanical-name {
	margin:0;
	padding:0;
	font-size:.8em;	
}
.attribute {
	margin:0;	
}
.special-notice {
	text-transform:uppercase;
	font-size:.8em;
	color:#900;	
}
#checkout-payment-method {
	display:none;	
}
/*------------------- featured products---------------------*/
#featured-produts-wrapper {
	margin:0 auto;	
}
.featured-products {
	text-align:center;
	padding:6px;
	margin:4px;
	float:left;
	display:inline;
	width:30%;
	height:220px;
	background-color:#f1f1f1;
	border:1px solid #ddd;
}
.featured-product {
	height:198px;
}
.featured-product p {
	font-size:.9em;
	margin:5px 0;
}
.buttons {
	height:24px;
}
.buttons p{
	margin:0;
}
.disclaimer a{
	font-size:.7em;	
}
.poweredby a{
	font-size:.9em;	
}
.poweredby {
	margin-bottom:20px;	
}
/*------------------- clear edges---------------------*/
.break {
	clear:both;
	font-size:1px;
	height:1px;
	padding:0;
	margin:0;
}
.clear-left {
	clear:left;
	font-size:1px;
	height:1px;
	line-height:1px;
	padding:0;
	margin:0;
}
.clear-right {
	clear:right;
	font-size:1px;
	height:1px;
	line-height:1px;
	padding:0;
	margin:0;
}
/*------------------- header styles---------------------*/
#header {
	position:relative;
	width:100%;
	height:100px;
	background:#d6f1fb url(images/header.png) repeat-x;
}
#logo {
	position:absolute;
	top:0px;
	left:0px;
}
#logo a{
	outline:none;	
}
#company {
	position:absolute;
	right:0px;
	top:0px;
	width:694px;
	height:100px;
	background:url("images/company.png") right bottom no-repeat;
}
#company h1 {
	display:none;	
}

/*----------------- PAGES-----------------*/
#page {
	padding:10px;	
}
#page h3, #page h4, #page p {
	margin:0 0 8px 0;
}
#page ol, #page ul {
	margin-top:2px;
	margin-bottom:8px;
}

#page p {
	text-align:justify;
	font-size:.9em;
	line-height:170%;
}

#page li {
	font-size:.9em;
	line-height:170%;
}
#page li p{
	font-size:1em;
}
#page p img {
	padding:6px;	
}
#page h3 {
	color:#0084c0;
	font-size:1.2em;	
}
#page h4 {
	color:#83a605;
	font-size:1em;	
}
#page a {
	color:#0084c0;
	text-decoration:underline;
}
#page a:hover {
	text-decoration:none;	
}
/*----------------- PAGE STRUCTURE-----------------*/
#page-content {
	float: right;
	width: 79%;
}

#page-column-left {
	float: left;
	width: 20%;
	padding-left: 5px;
}

#page-block-left {
	float: left;
	width: 85%;
	margin: 10px 0 10px 0;
}

#page-column-right {
	float: right;
	width: 14%;
	margin: 10px 5px 10px 0;
}
h2.page-heading {
	font-size:1.2em;
	color:#83a605;
	margin:0 0 10px 0;
	padding:0 0 4px 0;
	border-bottom:1px dashed #999;
}
h3.section-heading {
	font-size:1em;
	color:#185cc2;
	margin:0 0 4px 0;
	padding:0 0 4px 0;
	position:relative;
}
.section {
	margin-bottom:20px;	
}
.section p{
	margin:0 0 10px 0;
}
.category-info {
	font-size:.8em;
}	
/*----------------- HORIZONTAL NAVIGATION BAR-----------------*/
#navigation-bar {
	position:relative;
	width:100%;
	height:36px;
	background:#74aa0c url("images/menu-bgd.jpg") left top repeat-x;
}
#account-navigation {
	position:absolute;
	top:0;
	left:0;
}
#cart-navigation {
	position:absolute;
	top:0;
	right:0;
}
#navigation-bar ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#navigation-bar ul li {
	float:left;	
}
#navigation-bar ul li a {
	font-size:.8em;
	padding:11px 8px 11px 26px;
	display:block;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#navigation-bar ul li a:hover {
	color:#50650d;
}
.home {
	background:url("images/home.png") 1px 6px no-repeat;
}
.contact-us {
	background:url("images/contact.png") 1px 6px no-repeat;
}
.how-to-shop {
	background:url("images/how-to-shop.png") 1px 6px no-repeat;
}
.offers {
	background:url("images/offers.png") 1px 6px no-repeat;
}
.shopping-cart {
	background:url("images/shopping-cart.png") 1px 6px no-repeat;
}
.checkout {
	background:url("images/checkout.png") 1px 6px no-repeat;
}
.myaccount {
	background:url("images/myaccount.png") 1px 6px no-repeat;
}
.login {
	background:url("images/login.png") 1px 6px no-repeat;
}
.create-account {
	background:url("images/create-account.png") 1px 6px no-repeat;
}
.logoff {
	background:url("images/logoff.png") 1px 6px no-repeat;
}

/*----------------- CATEGORY WRAPPER-----------------*/
#category-bar-wrapper {
	min-height:45px;
	border-bottom:1px solid #83a605;
}
#category-bar {
	margin:0;
	padding:0;
	list-style:none;
}
#category-bar li {
	float:left;
	padding:0;
	margin-right:1px;
}
#category-bar li a {
	font-size:.8em;
	color: #769c0c;
	display: block;
	margin: 0px;
	padding: 5px 8px 4px 16px;
	text-decoration: none;
	outline-style: none;
	background:transparent url("images/bullet.png") 4px center no-repeat;
}
#category-bar li a:hover {
	color: #8bbc01;
	text-decoration:underline;
}

/*---------------- Information Boxes ------------------------*/
.info-box,div.social-icons{
	padding:4px;
	margin-bottom:10px;
}
.info-box-category {
	border:1px solid #83a605;
}
.info-box-health-topic {
	border:1px solid #83a605;
}
.info-box-cart {
	background-color:#f5f5f5;
	border:1px solid #0084c0;
}
.info-box-misc {
	background-color:#ffffb6;
	border:1px solid #c0c054;
}
.info-box-search {
	background-color:#ffffb6;
	border:1px solid #c0c054;
}

.info-box-category h3, .info-box-health-topic h3 {
	background-color:#83a605;
}
.info-box-cart h3{
	background-color:#0084c0;
}
.info-box-misc h3{
	background-color:#c0c054;
}
.info-box-search h3{
	background-color:#c0c054;
}

.info-box h3, div.social-icons h3{
	color:#fff;
	font-size:.9em;
	margin:0 0 2px 0;
	padding:4px;
}
.info-box ul,div.social-icons ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.info-box li{
}
.info-box li a{
	color:#5b7209;
	display:block;
	padding:2px 2px 2px 16px;
	font-size:.9em;
	text-decoration:none;
	background:url("images/bullet.png") 4px 7px no-repeat;
}
.info-box li a:hover, .info-box li a.active-category {
	text-decoration:underline;
}

.info-box p{
	margin:4px 0;
	font-size:.8em;
}

.info-box a{
	color:#222;
}
.info-box a:hover{
	text-decoration:none;
}

.box-cart-total {
	padding:4px 0;
	border-top:1px solid #ddd;	
	border-bottom:1px solid #ddd;	
}
.box-review {
	padding:4px;
	text-align:center;	
}

.box-review a{
	font-size:.9em;
	text-decoration:none;
}
.box-review a:hover {
	text-decoration:underline;
}

/*----------------------- PRODUCTS LISTING ---------------------------*/
.product-list {
	width:100%;
	margin-bottom:20px;
}
.product-list th{
	font-size:.9em;
	color:#fff;
	background-color:#0084c0;
}
.product-list td {
	font-size:.9em;
	color:#333;	
}
.product-list td a {
	color:#333;	
}
.product-list td a:hover {
	color:#333;	
	text-decoration:none;
}

.product-sku {
	width:6%;	
}
.product-image {
	width:10%;	
}
.product-name {
	text-align:left;
	width:18%;	
}
.product-summary {
	text-align:left;
	width:46%;	
}
.product-summary1 {
	text-align:left;
	width:36%;	
}
.product-price {
	width:10%;	
}
.product-offer {
	width:200px;	
}
.product-buy {
	width:10%;	
}

.cart-remove {
	width:10%;
}
.cart-product-name {
	width:70%;
}
.cart-quantity {
	width:10%;
}
.cart-total {
	width:10%;
}

.product-quantity {
	width:30px;	
}

.address-book {
	width:50%;	
}
.address-book-name {
	width:30%;	
}
.address-book-manage {
	width:10%;	
}
/*----------------------- PRODUCTS INFO PAGE ---------------------------*/
#product-info {
	width:100%;	
}
#product-image-column {
	width:30%;
	vertical-align:top;
}
#product-info-column {
	padding-top:10px;
	vertical-align:top;
	width:70%;
}
#product-info-column p{
	font-size:.9em;
	margin:0 0 6px 0;
}
#product-info-description {
	clear:both;
}
#product-info-description h3{
	color:#0084c0;
	margin:10px 0;
	font-size:1.4em;
	padding-bottom:4px;
	border-bottom:1px solid #0084c0;
}
#product-info-description h4{
	color:#185cc2;
	margin:10px 0 0 0;
	font-size:1em;
	padding-bottom:4px;
}
#product-info-description .intro{
	padding:6px;
	margin:0 0 10px 0;
	font-size:14px;
	background-color:#eaf4f9;
	border:1px solid #aadff7;		
}
#product-info-description p{
	color:#333;
	margin:0 0 6px 0;
	line-height:180%;
	font-size:14px;
}
#product-info-description a{
	font-size:14px;
	color:#333;
}
#product-info-description a:hover{
	text-decoration:none;
}
#product-info-description ul, #product-info-description ol{
	margin:0 0 10px 30px;
	font-family:Verdana,Arial,sans-serif;
	line-height:180%;
}
#product-info-description ul li, #product-info-description ol li{
	font-size:14px;
	padding:6px 2px;
}
#product-info-description table{
	width:100%;
	border:none;
	padding:0;
	font-family:Verdana,Arial,sans-serif;
}
#product-info-description table tr td{
	font-size:14px;
}
#product-info-description table tr td.image{
	padding-top:10px;
	vertical-align:top;
	text-align:center;
	width:200px;
}
#product-info-description table tr td.image img{
	border:4px solid #c0c054;
}
#product-info-description table tr td.desc{
	vertical-align:top;
}
#product-info-description dl {
	margin-left:20px;
}
#product-info-description dl dt {
	font-size:14px;
	font-weight:bold;	
}
#product-info-description dl dd {
	font-size:14px;
}
#product-info-description p.product-disclaimer {
	font-size:12px;
	font-style:italic;
}

.button-bar {
	margin-top:6px;
	padding:4px;
	height:22px;
	background-color:#eee;
	border:1px solid #ddd;
}
.checkout-button-bar {
	margin-top:6px;
	padding:4px;

	background-color:#eee;
	border:1px solid #ddd;
}

.checkout-button-bar p, .button-bar p, .button-bar div{
	padding:0;
	margin:0;	
}
.cart-button-bar {
	margin-top:2px;
	padding:2px;
	height:22px;
}
.button-left {
	float:left;
}
.button-right {
	float:right;
}

/*----------------------- SHIPPING ADDRESS ---------------------------*/
#shipping-box {
	min-height:120px;
}
.change-address {
	width:45%;
	float:right;	
}
.shipping-address {
	width:35%;
	float:left;	
}
.selected-shipping-row {
}
.shipping-row {
	padding:2px;
	height:30px;
	margin-bottom:4px;
}

.shipping-name{
	float:left;
}
.shipping-total{
	text-align:right;
	float:right;
	width:200px;
}
/*----------------------- SHIPPING ADDRESS BOOK ---------------------------*/
.list-module {
	cursor:pointer;
	height:30px;
	margin-bottom:4px;
}
.list-module-name {
	cursor:pointer;
	float:left;
}
.select-module-radio {
	width:20px;
	float:right;	
}
.address-entry {
	font-size:.8em;
	margin-bottom:10px;
	padding:2px 2px 2px 20px;
}
.list-module-paypal_express {
	position:absolute;
	top:0;
	left:0;
}
/*----------------------- REVIEWS  ---------------------------*/
.product-review-image {
	float:left;
	width:100px;
	padding:10px;
}
.product-review-box {
	min-height:100px;
}
.product-review-info {
	float:left;
	margin-left:10px;
	padding:10px;
}

.review-info {
	width:100%;
	height:16px;	
}
.review-info p{
	margin:0;
	font-size:.8em;
}
.review-by {
	float:left;
}
.review-by  a:hover {
	text-decoration:none;
}
.review-date {
	float:right;
}
/*----------------------- Form BOX ---------------------------*/
.form-box {
	padding:4px;
	border:1px solid #aaa;
	margin-bottom:10px;
	background-color:#F9F9F9;	
}	
.form-box h3{
	color:#fff;
	padding:4px;
	margin:0 0 6px 0;
	font-size:.9em;		
	background-color:#aaa;
}
.form-box p {
	font-size:.9em;	
	margin:0;
	padding:6px;
}

.form-box label {
	width:160px;
	font-size:.9em;
	font-weight:bold;
	color:#777;
}	

.form-box label.gender {
	width:40px;
}
.form-box label.review-rating {
	width:20px;
}
.form-box label.tell-friend {
	width:200px;
}
/*----------------------- FORM STYLE ---------------------------*/
.form-row {
	width:99%;
	border-bottom:1px dashed #eee; 
}
.form-row p.column{
	float:left;	
}
.form-row input, .form-row select, .form-row textarea{
	margin-left:5px;
	float:left;		
}
.form-row label {
	float:left;
	padding-top:2px;
	height:18px;
}
.form-row label.error {
	width:auto;
	color:#900;
	font-weight:normal;
	margin-left:5px;
}
.form-row label.radio-label {
	width:100px;	
}
.submit-button p {
	margin:4px 0 0 164px;
}
.tell-friend-button p {
	margin:4px 0 0 204px;
}
.form-row p.captcha {
	margin:0;
	padding:0 20px 10px 170px;
}

.form-row p.captcha-tell-a-friend {
	margin:0;
	padding:0 20px 10px 210px;
}

/*----------------------- ERROR DISPLAY ---------------------------*/
.cart-info {
	margin-top:10px;
	width:100%;
	height:25px;	
}
.update-cart-message {
	display:none;
	float:left;
	font-size:.8em;
}
.cart-sub-total {
	float:right;
	font-size:.9em;
}	
/*----------------------- ERROR DISPLAY ---------------------------*/
.message-stack {
	margin:0 0 6px 0;
	padding:0;
	list-style-type:none;		
}

.message-stack li {
	padding:4px;
	font-size:.9em;	
}

.message-stack-error, .message-stack-warning {
	margin:10px 0;
	color:#fff;
	background-color:#ec7d80;	
	border:1px solid #d46e71;
}
.message-stack-success {
	margin:10px 0;
	padding:4px;
	color:#fff;
	background-color:#83a605;	
}
.warning {
	color:#900;
}
.hint {
	margin:0 0 6px 0;
	padding:2px;
	font-weight:normal;
	font-size:.8em;
}

.policy-highlight {
	color:#00C;
}
/*----------------------- PAGE FOOTER ---------------------------*/
#page-footer {
	clear: both;
	text-align:center;
}
#page-footer p{
	font-size:.9em;	
}
#footer-navigation {
	text-align:center;
	height:21px;
	margin:0;
	color:#fff;
	background-color:#0084c0;	
}
#footer-navigation a{
	font-size:.8em;
	margin:0;
	color:#fff;
	text-decoration:none;
}
#footer-navigation a:hover{
	text-decoration:underline;
}
.column-align-right{
	margin:0;
	padding:0;
	width:100px;
	position:absolute;
	right:0;
}
h3.section-heading{
	
}


/*New Styles For Social Icons & Add This Plugin  Date : 27 Oct, 2010*/
div.addthis_toolbox{
	width:40%;
	float:left;
	margin:2px 0 0 4px;
}
div.social-icons{
	background-color:#f1f1f1;
	height:86px;
	border:1px solid #aeaeae;
}
div.social-icons h3{
	background-color:#0084C0;
}
div.social-icons ul{
	padding:12px 0 0 0;
}
div.social-icons ul li{
	float:left;
	width:32px;
	height:46px;
	margin:0 20px 0 0;
}
div.social-icons ul li a{
	display:block;
	height:31px;
	text-indent:-99999px;
}
div.social-icons ul li.facebook{
	margin:0 20px;
    background:url("images/social-icons.png") left top repeat-x;

}
div.social-icons ul li.twitter{
    background:url("images/social-icons.png") -50px top repeat-x;
}
div.social-icons ul li.linkedin{
    background:url("images/social-icons.png") -100px top repeat-x;
}

/* NEW CHANGES IN FOOTER */
div#sub-box{
	height:75px;
	padding:10px 10px 10px 0;
}
div#sub-box div.right p{
	color:#2C3E49;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	text-align:right;
	padding:0;
	margin:0 0 6px 0;
}
div#sub-box div.right p a{
	color:#043FA0;
	text-decoration:underline;
}

div#sub-box div.right p a:hover{
	color:#2863C2;
	text-decoration:underline;
}
div#sub-box div.left{
	float:left;	
}
div#sub-box div.left p,div#sub-box div.left span,div#sub-box div.left p,div#sub-box div.left div.AuthorizeNetSeal{
	float:left;
}
div#sub-box div.left span#cccards {
	float:left;
	margin:15px 0 0 0;
	width:280px;
}
div#sub-box div.left p#siteseal{
	margin:0 5px 0 0;
}
div#sub-box div.left p#paypal-verified{
	margin:16px 0 0 20px;
}
div#sub-box div.left img {
	display:block;
	margin:5px 0 0 10px;
}
div#sub-box div.right{
	float:right;
}
div.greetings{
	background:#813E13 url("images/greetings.jpg") center top no-repeat;
	height:136px !important;
	margin:0 0 0 5px;
	text-indent:-9999px;
	width:96%;
	border: 1px solid #DDDDDD;
}

