html {
		background: #abcc3b url(../images/back_html.png) center top repeat-y;
}

body {
		background: url(../images/back_body_home.png) center top no-repeat;
}

		body#about-page {
				background: url(../images/back_body_about.png) center top no-repeat;
		}

		body#contact-page {
				background: url(../images/back_body_contact.png) center top no-repeat;
		}
		
		body#products-page,
		body#product-page {
				background: url(../images/back_body_products.png) center top no-repeat;
		}
		
		body#terms-page {
				background: url(../images/back_body_terms.png) center top no-repeat;
		}

#container {
		width: 860px;
		margin: 0 auto;
}

		#home-page #container {
				background: url(../images/banner_home.png) left 60px no-repeat;
		}
		
		#about-page #container {
				background: url(../images/banner_about.png) left 60px no-repeat;
		}

#content_primary {
		float: left;
		width: 664px;
		padding-bottom: 40px;
}

#content_secondary {
		float: right;
		width: 196px;
		padding-top: 145px;
}

		#home-page #content_secondary {
				padding-top: 0;
		}

#footer {
		width: 860px;
		margin: 0 auto;
		font-size: 11px;
}

		#footer .content {
				height: 60px;
				margin-right: 196px;
				padding: 30px 57px 10px 57px;
				background: #b6aa8f url(../images/footer.png) center top no-repeat;
		}
		
		#footer ul {
				margin-bottom: 0;
		}
		
		#footer li {
				display: inline;
				margin-right: 15px;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-weight: bold;
		}

/* =Branding */
#branding {
		position: relative;
		height: 110px;
}

		#home-page #branding {
				height: 235px;
		}

		#branding h1 a {
				position: absolute;
				top: 0;
				left: 1px;
				display: block;
				width: 230px;
				height: 140px;
				text-indent: -1000em;
				background: url(../images/logos/logo_small.png) center top no-repeat;
		}

				#home-page #branding h1 a {
						height: 235px;
						background: url(../images/logos/logo_large.png) center top no-repeat;
				}
		
		#branding p {
				display: none;
		}

/* =Nav */
#branding .nav {
		position: absolute;
		top: 15px;
		right: 196px;
		width: 439px;
}

		#branding .nav li,
		#branding .nav li a {
				display: block;
				float: left;
				height: 30px;
		}
		
		#branding .nav li a {
				text-indent: -1000em;
				overflow: hidden;
				background-image: url(../images/nav.png);
				background-repeat: no-repeat;
		}

#nav_home a {
		width: 75px;
		background-position: left top;
}

#nav_home.selected a {
		background-position: left bottom;
}

#nav_products a {
		width: 97px;
		background-position: -75px top;
}

#nav_products.selected a {
		background-position: -75px bottom;
}

#nav_about a {
		width: 112px;
		background-position: -172px top;
}

#nav_about.selected a {
		background-position: -172px bottom;
}

#nav_contact a {
		width: 89px;
		background-position: -284px top;
}

#nav_contact.selected a {
		background-position: -284px bottom;
}

#nav_cart a {
		width: 66px;
		background-position: -373px -30px;
}

/* =Content */
#content_primary .main {
		width: 200px;
		padding: 0 57px;
}

span.intro {
		font-size: 18px;
		color: #3e94b2;
}

h2.heading {
		line-height: 26px;
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #cccccc;
		color: #3e94b2;
		font-weight: normal;
		text-align: right;
}

.price {
		color: #8db600;
}

/* Home */
#home-page h2.heading {
		display: none;
}

#home-page #content_primary .main {
		float: left;
		padding-top: 60px;
}

#home-page #content_primary .aside {
		float: right;
		width: 300px;
		padding-top: 180px;
}
#home-page #content_primary #fb-root 
{
    
/*	 visibility:hidden; */
}

#home-page #content_primary #fb-like-button{
    width:100px;
    float:right;
    padding-top:10px;
}

#home-page #content_primary #special-shipping{
    clear:both;
    color:#4ab8db;
    font-weight:bold;
    font-size:14px;
    padding-top:12px;
}
#home-page #content_primary #special-shipping-fee{
    color:#ff7800;
}

#intro p {
		margin-bottom: 0;
		letter-spacing: 0.02em;
}

#ingredients {
		zoom: 1;
		margin-top: 16px;
		padding-top: 35px;
		background: transparent url(../images/icons/ingredients.png) center top no-repeat;
		letter-spacing: 0;
}

/* About */
#about-page h2.heading {
		display: none;
}

#about-page #content_primary_inner {
		padding-top: 150px;
}

#about-page #content_primary .main {
		float: left;
		padding-bottom: 60px;
		background: transparent url(../images/icons/about_lime.png) 57px bottom no-repeat;
}

#about-page #content_primary .aside {
		float: right;
		width: 300px;
		padding-right: 40px;
}

		#about-page #content_primary .aside ul li {
				padding-left: 65px;
		}
		
		#about-page #content_primary .aside ul li#pineapple {
				background: transparent url(../images/icons/about_pineapple.png) left top no-repeat;
		}
		
		#about-page #content_primary .aside ul li#citrus {
				background: transparent url(../images/icons/about_citrus.png) left top no-repeat;
		}
		
		#about-page #content_primary .aside ul li#mangosteen {
				background: transparent url(../images/icons/about_mangosteen.png) left top no-repeat;
		}

/* Contact */
#contact-page h2.heading {
		border-bottom: 0;
		margin-bottom: 0;
}

#contact-page #content_primary_inner {
		padding: 0 40px 20px 40px;
}

		#contact-page #content_primary_inner .content {
				border: 1px solid #cccccc;
				padding: 20px 40px;
		}

#captcha-div {
		clear: both;
		padding-left: 160px;
}

#captcha-instructions {
		clear: both;
		padding-left: 120px;
}

#contact-submit {
		margin-left: 115px;
}

/* Products */
.product {
		overflow: auto;
		margin-bottom: 20px;
}

#products-page #content_primary_inner,
#product-page #content_primary_inner {
		padding: 0 40px 20px 57px;
}

#products-page #content_primary_inner .content,
#product-page #content_primary_inner .content {
		overflow: auto;
}

#products-page #content_primary .main {
		float: left;
		padding-left: 0;
		padding-right: 17px;
}

#products-page #content_primary .aside {
		float: right;
		width: 340px;
}

.product-image {
		float: left;
		width: 140px;
}

.product-info {
		float: right;
		width: 180px;
		margin-right: 40px;
}

.description {
		margin: 8px 0;
		padding: 8px 0;
		border-top: 1px dotted #4ebde1;
		border-bottom: 1px dotted #4ebde1;
}

		.description p {
				margin-bottom: 0;
		}

/* Product */
#product-images {
		float: left;
		width: 200px;
}

#images-list {
		text-align: center;
}

		#images-list li {
				display: inline;
				margin: 0 8px;
		}

				#images-list li a {
						display: inline-block;
						height: 16px;
						width: 16px;
						background: url(../images/image_nav.png) center top no-repeat;
						text-indent: -1000em;
						overflow: hidden;
				}

.images-prev,
.images-next {
		display: none;
}

#product-details {
		float: right;
		width: 320px;
}

#product-page .price {
		margin-bottom: 0;
		font-size: 22px;
}

#product-options {
		overflow: auto;
		float: left;
		padding-top: 6px;
}

		#product-options span,
		#product-options input,
		#product-options select,
		#product-options button {
				float: left;
				margin-right: 15px;
		}

		#product-options span {
				margin-right: 5px;
		}

		#product-options input {
				width: 15px;
		}

#product-page .description em {
		display: block;
		margin-top: 10px;
		padding-right: 160px;
}
	
#product-page #multi_cleaner,
#product-page #laundry_detergent {
		background: url(../images/icons/ingredients_plo.png) right top no-repeat;
}	
		
#product-page #dog_shampoo {
		background: url(../images/icons/ingredients_lmo.png) right top no-repeat;
}

#product-page #baby_shampoo {
		background: url(../images/icons/ingredients_baby.jpg) right top no-repeat;
}


/* =Sidebar */
#minicart {
		margin-right: 30px;
		border-top: 8px solid #ffffff;
		border-right: 8px solid #ffffff;
		border-bottom: 8px solid #ffffff;
}

		#minicart h3 {
				float: right;
				width: 140px;
				height: 35px;
				padding-bottom: 0;
				text-indent: -1000em;
				background: url(../images/heading_cart.png) center top no-repeat;
		}
	
		#minicart .header {
				overflow: auto;
				padding-top: 30px;
				background: #d4d4d4;
				border-bottom: 4px solid #ffffff;
		}
		
		#minicart .content,
		#minicart .options {
				clear: both;
				background: #4ebde1;
		}

		#minicart ul {
				margin-bottom: 0;
		}
		
		#minicart li {
				padding-right: 15px;
				text-align: right;
		}
		
		#minicart .content {
				padding-top: 10px;
				padding-bottom: 10px;
		}
		
				#minicart .content ul {
						background: url(../images/icons/cart.png) 20px top no-repeat;
				}
		
				#minicart .content .items {
						margin-bottom: 3px;
						color: #ffffff;
						font-size: 18px;
				}
		
				#minicart .content .total {
						color: #e1ff78;
						font-size: 21px;
				}
		
		#minicart .options ul {
				padding-bottom: 10px;
		}
		
		#minicart .options #view_cart {
				margin-bottom: 10px;
		}

/* =Error */
.error {
		color: #ffffff;
		background: #e42000;
		margin-bottom: 10px;
		padding: 4px 15px;
}

		.error ul {
				background: url(../images/icons/error.png) left top no-repeat;
				margin-bottom: 0;
				padding: 0 25px;
		}

/* =Buttons */
/* REQUIRED BUTTON STYLES: */		
button { 
		position: relative;
		border: 0; 
		padding: 0;
		cursor: pointer;
		overflow: visible; /* removes extra side padding in IE */
		background-color: transparent;
}

button::-moz-focus-inner {
		border: none;  /* overrides extra padding in Firefox */
}

button span { 
		position: relative;
		display: block; 
		white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari and Google Chrome only - fix margins */
		button span {
				margin-top: -1px;
		}
}

button,
button span,
.button,
.button span {
		display: inline-block;
		text-align: center;
		background-image: url(../images/buttons.png);
		background-repeat: no-repeat;
		font-weight: bold;
}

		#home-page #content_primary .button,
		#home-page #content_primary .button span {
				font-weight: normal;
		}

button,
.button {
		padding: 0 20px 0 0;
		background-position: right -63px;
}

		button:hover,
		.button:hover {
				background-position: right -189px;
		}

		button span,
		.button span {
				padding: 0 0 0 20px;
				line-height: 43px;
				height: 43px;
				background-position: left top;
				color: #294200;
				font-size: 18px;
		}
		
		button:hover span,
		.button:hover span {
				background-position: left -126px;
		}

button.small,
.small {
		padding: 0 15px 0 0;
		background-position: right -433px;
}

		button.small:hover,
		.small:hover {
				background-position: right -543px;
		}

		button.small span,
		.small span {
				padding: 0 0 0 15px;
				line-height: 35px;
				height: 35px;
				font-size: 12px;
				background-position: left -378px;
		}

		button.small:hover span,
		.small:hover span {
				background-position: left -488px;
		}

@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari and Google Chrome only - fix margins */
		button span,
		button .small span {
				margin-top: 0;
		}
}


#minicart .small {
		background-position: right -763px;
}
		
		#minicart .small:hover {
				background-position: right -873px;
		}

		#minicart .small span {
				background-position: left -708px;
		}
		
		#minicart .small:hover span {
				background-position: left -818px;
		}

.silver {
		padding-right: 12px;
		background-position: right -1084px;
}

		.silver:hover {
				background-position: right -1175px;
		}

		.silver span {
				padding: 0 0 0 12px;
				line-height: 26px;
				height: 26px;
				color: #017ca4;
				font-size: 11px;
				background-position: left -1038px;
		}

		.silver:hover span {
				color: #026180;
				background-position: left -1130px;
		}

a.button:link,
a.button:visited,
a.button:hover {
		color: #294200;
}

a.button:active {
		color: #d6f768;
}

/* =Forms */
label,
input,
textarea {
		float: left;
}

label {
		width: 100px;
		margin-right: 20px;
		text-align: right;
		font-weight: bold;
}

input {
		width: 255px;
		margin-right: 90px;
		margin-bottom: 10px;
}

textarea {
		width: 300px;	
		height: 200px;
		margin-right: 75px;
}

/* =Links */
a:link,
a:visited,
a:hover,
a:active {
		color: #40c4f2;
		text-decoration: none;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
		color: #636466;
}

#footer ul a:link,
#footer ul a:visited,
#footer ul a:hover,
#footer ul a:active {
		color: #e1ff78;
		text-decoration: none;
}

/* Sticky Footer */
html, body { height: 100%; }

#container { min-height: 100%; }

#content {
		overflow:auto;
		padding-bottom: 100px; /* must be same height as the footer */
}  

#footer {
		position: relative;
		margin-top: -100px; /* negative value of footer height */
		height: 100px;
		clear: both;
} 

/*Opera Fix*/
body:before {
		content:"";
		height:100%;
		float:left;
		width:0;
		margin-top:-32767px;/
}

/*custom for new width*/
html#products-page {
		background: #abcc3b url(../images/back_html_v2.jpg) center top repeat-y;
}
body#products-page{
		background: url("../images/back_body_products_v2.jpg") no-repeat scroll center top transparent;
}
#products-page #container {
		width: 1060px;
}
#products-page #content_primary{
	   width: 864px;
}
#products-page #content_primary .main{
		width: 100%;
}
#products-page #content_primary .aside {
		clear: both;
		float: none;
		width: 100%;
}
#products-page .product {
		float: left;
		margin-bottom: 20px;
		overflow: auto;
		width: 383px;
}
#products-page.product-image {
		float: left;
		margin-right: 20px;
}
#products-page #footer{
		width: 1060px;
}
#products-page #footer .content{
		margin-left: 2px;
		margin-right: 195px;
}
#products-page #product-3 {clear:both;}