/*

Stylesheet for Woods Health
Handwritten by Richard Wilmot (AztecMedia.eu)
www.woodshealth.com

*/


																					/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
hr { display: none; }
strong { font-weight: bold; }
.cleared { clear: both; }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */






																					/* ------------ Defaults ------------ */

body {
	background:#fff url('../images/body-bg.gif') repeat-x top left;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	padding-top: 5px
	}

#container {
	margin: auto;
	width: 970px;
	}

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
h2 {
	float:left;
	font-family: Times New Roman, Times, serif;
	font-size:275%;
	color:#223f9a;
	font-weight:normal;
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 5px;
}



h3 {
	float:left;
	font-family: Times New Roman, Times, serif;
	font-size:130%;
	color:#223f9a;
	font-weight:bold;
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 5px;
}

h4 {
	float:left;
	font-family: Times New Roman, Times, serif;
	font-size:175%;
	color:#223f9a;
	font-weight:normal;
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 5px;
}

h5 {
	float:left;
	font-size:110%;
	color:#223f9a;
	font-weight:bold;
	width: 100%;
	line-height: 1.1em;
	margin-top: 5px
}




																					/* ------------ Shadow ------------ */

#shadow-top {
	background: url('../images/shadow-top.png') no-repeat top center;
	width:970px;
	height: 5px;
	text-indent: -25000px;
	margin:auto;
	padding: 0px;
	}
	
#shadow-middle {
	background: url('../images/shadow-middle.png') repeat-y top center;
	width:970px;
	margin:auto;
	padding: 0px;
	}
	
#shadow-bottom {
	background: url('../images/shadow-bottom.png') no-repeat top center;
	width:970px;
	height:5px;
	text-indent: -25000px;
	margin:auto;
	padding: 0px;
	}



																					/* ------------ Branding ------------ */

#branding {
	background: url('../images/branding-bg.gif') no-repeat top center;
	height: 200px;
	margin: auto;
	width: 960px;
	}

#branding h1 a {
	display: block;
	float:left;
	height: 200px;
	width: 960px;
	text-indent: -25000px;
	}

	
																					/* ------------ Nav ------------ */

#nav {
	background: url('../images/nav-bg.gif') no-repeat top center;
	height: 36px;
	text-indent: -25000px;
	width: 960px;
	margin:auto;
	}

#nav li { 
	float: left;
	}

#nav a {
	display: block;
	height: 36px;
	}
	
#nav a:hover,
#default #nav-home a,
#categories #nav-categories a,
#products #nav-products a,
#about #nav-about a,
#faq #nav-faq a,
#contact #nav-contact a,
#help #nav-help a,
#account #nav-account a {
	background-position: 0 -36px;
	}
	
#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	width: 61px;
	}
	
#nav-categories a {
	background: url('../images/nav-categories.gif') no-repeat top left;
	width: 108px;
	}
	
#nav-products a {
	background: url('../images/nav-products.gif') no-repeat top left;
	width: 95px;
	}
	
#nav-about a {
	background: url('../images/nav-about.gif') no-repeat top left;
	width: 90px;
	}
	
#nav-faq a {
	background: url('../images/nav-faq.gif') no-repeat top left;
	width: 53px;
	}
	
#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	width: 110px;
	}
	
#nav-help a {
	background: url('../images/nav-help.gif') no-repeat top left;
	width: 52px;
	}
	
#nav-account a {
	background: url('../images/nav-account.gif') no-repeat top left;
	width: 132px;
	}

	
#menu_parent {
	width:105px;
	height: 35px;
}

#menu_child {
	width:105px;
	z-index:auto
}

#menu_child a {
	background:#f68908 url('../images/sub-nav-bg.gif') no-repeat top left;
	display:block;
	float:left;
	width:145px;
	font-weight:bold;
	font-size: 90%;
	height: 22px;
	padding: 3px 0px 0px 5px;
	text-indent: 0px;
	color:#FFFFFF;
	text-decoration:none;
}

#menu_child a:hover {
	background-position: 0px -25px
}



																					/* ------------ Content ------------ */

#content {
	background:#FFF url('../images/content-bg.gif') no-repeat top right;
	width: 960px;
	margin:auto;
	padding: 20px 0px 10px 0px;
	}
	



																					/* ------------ Columns ------------ */


#col-1 {
	float:left;
	width: 230px;
	padding: 0px 20px 0px 20px;

	}
	
#col-2 {
	float:left;
	width: 420px;
	}
	
#col-3 {
	float:left;
	width: 230px;
	padding: 50px 20px 0px 20px;
	}
	
	
	
																					/* ------------ Boxes ------------ */


.box-search,
.box-recommended,
.box-mailing-list {
	background: url('../images/title-search.gif') no-repeat top left;
	border:#078cd0 solid 1px;
	width:214px;
	padding:35px 7px 7px 7px;
	background-color:#FFF;
	float:left;
	margin-bottom:10px;
	}
	
.box-recommended {
	background: url('../images/title-recommended.gif') no-repeat top left;
	}
	
.box-mailing-list {
	background: url('../images/title-mailing-list.gif') no-repeat top left;
	color:#33FFFF
	}
	
.box-basket,
.box-testimonials {
	background: url('../images/title-basket.gif') no-repeat top left;
	border:#cb7812 solid 1px;
	width:214px;
	padding:35px 7px 7px 7px;
	background-color:#FFF;
	float:left;
	margin-bottom:10px;
	}
	
.box-testimonials {
	background: url('../images/title-testimonials.gif') no-repeat top left;
	}




																				/* ------------ Search ------------ */


#search-box {
	float: left;
	overflow: hidden;
	width: 214px;
	}

#search-box legend {
	display: none;
	}
	
#search-box #keyword {
	border: none;
	float: left;
	font-size: 85%;
	width: 120px;
	height:15px;
	padding: 2px 0px 0px 4px;
	color:#999;
	background:#FFF;
	border:#999 solid 1px;
	margin-right:11px
	}
	
#search-box #search {
	border: none;
	display:block;
	float: left;
	height: 19px;
	width: 77px;
	text-indent: -25000px;
	}


																					/* ------------ Recommended ------------ */



.box-recommended .recommended-img {
	height:55px;
	width:39px;
	overflow:hidden;
	margin-right:7px;
	float:left;
	}	
	
.box-recommended .recommended-copy {
	height:55px;
	width:168px;
	overflow:hidden;
	float:left;
	line-height:1.4em
	}

.box-recommended a {
	text-decoration:none;
	color:#223f9a
	}

.box-recommended a:hover {
	text-decoration:underline;
	}
	
.box-recommended .recommended-tablets {
	float:left;
	width:70px;
	color:#000;
	}
	
.box-recommended .recommended-price {
	font-weight:bold;
	color:#c56700;
	float:left;
	width:98px;
	text-align:right;
	}
.box-recommended .recommended-price .before-price  {  
text-decoration:line-through;
color:#fbaf33;
}

	
.box-recommended .recommended-div {
	width:214px;
	height:1px;
	display:block;
	padding:0;
	border-top:#3300FF solid 1px;
	float:left;
	margin: 5px 0 5px 0;
	}
	
	

																				/* ------------ Mailing List ------------ */


#mailing-form {
	float: left;
	overflow: hidden;
	width: 214px;
	color:#223f9a
	}
	
#mailing-form p {
	color:#223f9a;
	line-height:1.2em;
	margin-bottom:5px
	}

#mailing-form legend {
	display:none
	}
	
#mailing-form .label {
	font-weight:bold;
	width: 37px;
	float:left;
	}

	
#mailing-form #name, #mailing-form #email {
	font-size: 85%;
	height:15px;
	padding: 2px 0px 0px 4px;
	color:#223f9a;
	background:#FFF;
	border:#223f9a solid 1px;
	float:left;
	margin: 0 0 5px 11px;
	width: 160px;
	}
	
#mailing-form #sign-up, #mailing-form #reset {
	display:block;
	float:right;
		}

#mailing-form #sign-up-button {
	width: 77px;
	float:right;
	margin-left:13px;
	}
		
#mailing-form #reset-button {
	width: 77px;
	float:right;
	}



																					/* ------------ Cart ------------ */


table.underline {
	font-size: 85%;
	margin-bottom: 5px;
	}
	
td.quantity {
	font-weight:bold;
	width: 15px;
	}
	
td.x {
	font-weight:bold;
	width: 15px;
	}
	
td.item {
	width: 100px;
	line-height: 1.2em
	}
	
td.price {
	width: 40px;
	text-align:right;
	font-weight:bold;
	color:#cb7812
	}	
	
	
td.postage {
	width: 130px;
	height: 20px;
	font-weight:bold;
	border-bottom:#cb7812 solid 1px
	}
	
td.postage-price {
	text-align:right;
	width: 40px;
	font-weight:bold;
	color:#cb7812;
	border-bottom:#cb7812 solid 1px
	}
	
td.total {
	width: 130px;
	font-size:125%;
	font-weight:bold;
	padding-top:5px;
	}	
	
td.total-price {
	text-align:right;
	width: 40px;
	font-size:125%;
	font-weight:bold;
	padding-top:5px;
	}
	
.view-cart a, .checkout a {
	background: url('../images/btn-checkout.gif') no-repeat top left; 
	display:block;
	width: 77px;
	height: 19px;
	float:right;
	text-indent:-25000px;
	margin-top: 10px;
	margin-right: 0px
	}
	
.view-cart a {
	background: url('../images/btn-view-cart.gif') no-repeat top left; 
	margin-right: 13px
	}




	
																					/* ------------ Testimonials ------------ */
	

.box-testimonials td.quote,
.box-testimonials td.person {
	line-height: 1.4em;
	font-size:90%
}
	
.box-testimonials td.person {
	font-weight:bold;
	color:#cb7812;
	padding-bottom:5px;
}

.box-testimonials a.more-testomonials {	
	color:#078cd0;
	font-size:115%;
	font-weight:bold;
	float:right;
	text-decoration:underline
}

.box-testimonials a:hover.more-testomonials {	
	text-decoration:none
}


																					/* ------------ Order Catalogue ------------ */


#order-catalogue {
	background:#cb7812 url('../images/order-catalogue-bg.gif') no-repeat top left;
	float:left;
	width:225px;
	font-size: 83%;
	line-height: 1.4em;
	color:#fff;
	padding: 50px 0px 5px 5px;
	margin-bottom:10px
	}
	
#order-catalogue a {
	text-decoration:underline;
	color:#fff
	}
	
#order-catalogue a:hover {
	text-decoration:none;
	}
	
	
																				/* ------------ Feature ------------ */

.feature-large {
	float:left;
	width:420px;
	position:relative;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#078cd0 solid 1px;
	}
	
	

	
.feature-small-left {
	float:left;
	width:200px;
	position:relative;
	padding-bottom:10px
	}
	
.feature-small-right {
	float:right;
	width:210px;
	position:relative;
	padding-bottom:10px
	}
	
	
	


.feature-small-img {
	width:80px;
	height:112px;
	/*position:absolute;*/
	overflow:hidden;
	/*top:7px*/
	float:left;
	margin:7px 10px 0 0;
	}
	
.feature-small-price-tag {
	background: url('../images/price-tag-small.png') no-repeat top center;
	width:64px;
	height:64px;
	position:absolute;
	left:20px;
	color:#FFFFFF;
	text-align:center;
	padding-top:4px;
	line-height:1.1em;
	font-size:90%;
	padding: 14px 0 0 0;
	top:0px;
	}
	
.feature-small-price {
	font-size:150%;
	line-height: 1em;
	font-weight:bold
	}	
	

	
.feature-small-section {
	width:110px;
	height:15px;
	/*position:absolute;*/
	font-size:85%;
	/*left:90px;*/
	float:left;
	color:#cc7a16
	}
	
.feature-small-section a {
	color:#cc7a16
	}
	
.feature-small-section a:hover {
	text-decoration:none
	}
	
.feature-small-title {
	width:110px;
	/*position:absolute;
	top: 20px;*/
	font-weight:bold;
	font-size:110%;
	/*left:90px;*/
	line-height:1.1em;
	height:30px;
	float:left;
	color:#223f9a;
	margin:3px 0 2px 0
	}

.feature-small-copy {
	width:110px;
	height:55px;
	/*position:absolute;
	top: 50px;*/
	line-height: 1.1em;
	overflow:hidden;
	font-size: 90%;
	/*left:85px;*/
	float:left;
	}
	
/*.feature-small-tablets,
.feature-small-small-price {
	width:60px;
	height:15px;
	font-size:85%;
	float:left;
	font-weight:bold;
	}
	
.feature-small-small-price {
	color:#cc7a16;
	float:right;
	width: 50px;
	text-align:right
	}*/
	
.feature-small-buy-me a {
	display:block;
	background: url('../images/btn-buy-me.png') no-repeat top center;
	width:60px;
	height:19px;
	position:absolute;
	top: 100px;
	right:0px;
	text-indent:-25000px;
	}
	

																				/* ------------ breadcrumb ------------ */

#bradcrumb {
	float:left;
	width: 420px;
	padding-bottom: 10px;
}

#bradcrumb a {
	color:#000000;
	text-decoration:none
}

#bradcrumb a:hover {
	color:#f68908
}

#bradcrumb a.end {
	color:#cc7a16;
	text-decoration:underline
}

#bradcrumb a:hover.end  {
	text-decoration:none
}
	
	
																					/* ------------ categories + faq ------------ */

.products-intro {
	float:left;
	width:398px;
	margin-bottom: 20px;
	margin-top: 10px;
	border:#078cd0 solid 1px;
	padding: 10px;
	}
	


.view-product a {
	background: url('../images/btn-view.gif') no-repeat top left; 
	display:block;
	width: 77px;
	height: 19px;
	float:right;
	text-indent:-25000px;
	margin-top: 5px;
	}
	
	
	

																					/* ------------ Products ------------ */
.product {
	float:left;
	width:420px;
	border-bottom:#078cd0 solid 1px;
	margin-bottom: 20px;
	padding-bottom: 10px
	}
	
.product-copy {
	float:left;
	width:320px;
	padding-right: 20px;
	}
	
.product-copy p {
	font-size:90%;
	line-height:1.3em;
	margin-bottom: 5px
	}
	
.product-copy td {
	font-size:90%;
	}

.product-copy td.code {
	width: 105px;
	color:#cc7a16;
	font-weight:bold;
	}
	
/*.product-copy td.item {
	font-weight:bold;
	width: 115px;
	}*/
	
.product-copy td.tablets {
	width: 65px;
	}
	
.product-copy td.item-price {
	font-weight:bold;
	text-align:right;
	width: 100px;
	}
.product-copy td.item-price .before-price  {
text-decoration:line-through;
color:#000;
font-weight:normal
}
	
.product-copy td.add-to-cart {
	width: 95px;
	text-align:right;
	}

	
.product-copy td a {
	color:#cc7a16;
	}
	
.product-copy td a:hover {
	text-decoration:none
	}
	
.product-img {
	float:left;
	width:80px;
	}
	
	
.back-to-top a {
	background: url('../images/btn-top.gif') no-repeat top left; 
	display:block;
	width: 77px;
	height: 19px;
	float:right;
	text-indent:-25000px;
	margin-top: 5px;
	}



.categories-col-1 {
	float:left;
	width:200px;
	}
	
.categories-col-2 {
	float:right;
	width:200px;
	}

.categories-col-1 p, .categories-col-2 p {
	margin-bottom: 15px
	}
	
.categories-col-1 a, .categories-col-2 a {
	color:#cc7a16;
	font-weight:bold;
	}
	
.categories-col-1 a:hover, .categories-col-2 a:hover {
	text-decoration:none
	}
	

																				/* ------------ About ------------ */

#about p,
#help p, 
#account p, 
#dpp p, 
#ordering p {
	margin-bottom: 10px
	}

#about a.about-link {
	color:#223f9a;
	font-weight:bold
	}
	
#about a:hover.about-link {
	text-decoration:none
	}
	

																				/* ------------ FAQ ------------ */

.faq {
	float:left;
	width:420px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
.faq a {
	color:#cc7a16
	}
	
.faq a:hover {
	text-decoration:none
	}

.faq-q, .faq-a {
	float:left;
	width: 18px;
	font-weight:bold;
	color:#223f9a;
	}

.faq-a {
	color:#cc7a16
	}
	

	
.faq-copy-blue, .faq-copy-black {
	float:left;
	width: 370px;
	color:#223f9a;
	font-weight:bold;
	}

.faq-copy-black {
	color:#000;
	font-weight:normal
	}


																				/* ------------ Contact Form ------------ */

#form {
	width: 200px;
	float:left
	}

#form legend {
	display: none;
	}
	
#form label {
	color: #213e9a;
	font-weight:bold
	}
	
#form input, #form textarea {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%;
	width: 172px;
	height: 17px;
	border:none;
	padding: 4px;
	margin-bottom: 10px;
	border:#078cd0 solid 1px
	}
	

#form textarea {
	height: 82px;
	overflow:hidden
	}

	
#form #submit,
#form #reset {
	height: 19px;
	vertical-align: middle;
	width: 77px;
	padding:0px;
	border:none
	}
	
#form #reset {
	margin-right:25px
	}
	
#contact p.error {
	color: #f68908;
	font-weight:bold;
	margin-bottom: 10px;
	}


																			/* ------------ Account  ------------ */

#login {
	width: 200px;
	float:left;
	margin-bottom:30px;
	}

#login legend {
	display: none;
	}
	
#login label {
	color: #213e9a;
	font-weight:bold
	}
	
#login input {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%;
	width: 172px;
	height: 17px;
	border:none;
	padding: 4px;
	margin-bottom: 10px;
	border:#078cd0 solid 1px
	}
#login #submit {
	height: 19px;
	vertical-align: middle;
	width: 77px;
	padding:0px;
	border:none
	}




																				/* ------------ Testimonials Page ------------ */


#testimonials table.testimonials {
	margin-top:20px
	}

#testimonials td.person {
	padding-bottom:20px;
	font-weight:bold;
	color:#078cd0
}


																				/* ------------ Data protection ------------ */

#dpp #col-2 ol {
	margin-left:15px;
	}

#dpp #col-2 li {
	list-style-type: decimal;
	display:list-item;
	font-size: 90%;
	line-height: 1.3em;
	padding:5px 0px 5px 0px;
	vertical-align:top;
	}	



																			/* ------------ Catalogue  ------------ */	

#catalogue-img {
	background: url('../images/catalogue.jpg') no-repeat top left;
	width:200px;
	height:264px;
	float:left;
	text-indent: -25000px
	}
																			/* ------------ Footer ------------ */

#footer {
	background: url('../images/footer-bg.gif') no-repeat top center;
	float:left;
	width:940px;
	margin:auto;
	height:20px;
	padding: 7px 15px 5px 15px
	}
	
#footer p {
	width: 340px;
	float:left;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}
	
.left-link, .right-link {
	width: 300px;
	float:left;
	font-size: 90%;
	color:#fff
}

.right-link {
	text-align:right
}

.left-link a, .right-link a {
	color:#fff;
	text-decoration:none
}

.left-link a:hover, .right-link a:hover {
	text-decoration:underline
}	
	
/* ------------ CandyPress Specific ------------ */
table.CP tr td input.qty {
	border:1px solid #f68908;
	background-color:#ffe6cb;
	width:20px;
	margin:0px 6px 0px 0px; padding:5px 0px 5px 0px;
	text-align:center;
	font-size:100%; font-weight:bold;
	color:#444;
}
table.CP tr td.CPgenHeadings {
	background-color:#ddd;
	color:#333;
	font-weight:bold;
	font-size:100%;
	padding:3px;
}
table.CP tr td.CPgenHeadings a {
	color:#fff;
}
table.CP tr td {
	padding:3px;
}
table.CP tr td.spaceA { height:10px; }

div.CP .label {
	float:left;
	width:120px;
	text-align:right;
	margin:0px 0px 8px 0px;
	line-height:22px;
}
div.CP .data {
	float:left;
	width:300px;
	margin:0px 0px 8px 0px;
}
div.CP .data input.iA {
	width:250px; height:12px;
	border:1px solid #078CD0;
	background-color:#fff;
	margin:0px 6px 0px 8px; padding:5px;
	font-size:100%; 
}
div.CP .data select {
	width:262px; height:22px;
	border:1px solid #078CD0;
	background-color:#fff;
	margin:0px 6px 0px 8px; padding-top:2px;
	font-size:100%; 
}
div.CP .data select.iB { width:116px; }
div.CP .btnW {
	width:421px;
	text-align:right;
	margin-top:8px;
}
#cpTablePretty a {
	color:#f68908;
}

.clearB { clear:both; }


.offer .feature-small-left {
	width:205px;
	}
	
.offer .feature-small-right {
	width:205px;
	}

.offer .feature-small-price-tag {
	font-size:75%;
	padding: 21px 0 0 0;
	height:58px;
	line-height:1.05em
	}
	

.offer .feature-small-title {
	width:115px;
	height:28px;
	margin-bottom:2px;
	overflow:hidden;
	}	
	
.offer .three-four-two {
	width:115px;
	height:15px;
	font-weight:bold;
	float:left;
	font-size:85%;
	margin-top:2px
	}
	
.offer .offer-info {
	width:115px;
	height:30px;
	float:left;
	font-size:95%;
	line-height:1.2em;
	padding-top:2px;
	position:relative;
	}
	
.offer .offer-info .price {
	color:#CC7A16;
	font-weight:bold
	}	
	
.offer .feature-small-buy-me a {
	background: url('../images/btn-buy-me-small.png') no-repeat top center;
	width:32px;
	top: 3px;
	}
	
	
	
.offer-codes {
	background: url('../images/offer-codes-bg.gif') no-repeat top center;
	width:150px;
	height:25px;
	float:left;
	margin-bottom:10px;
	padding:6px 0 0 80px;
}

#offer-codes-form legend, .offer-codes legend {
	display:none;
}

#offer-codes-form input, .offer-codes input {
	border:none;
	width:70px;
	height:17px;
	float:left;
	text-align:center;
	color:#223F9A;
	font-size:95%;
}

#offer-codes-form #process, .offer-codes #process {
	width:60px;
	height:20px;
	float:left;
	margin-left:10px;
}
	