/*

Stylesheet for Life Healthcare
Handwritten by Richard Wilmot (AztecMedia.eu)
www.lifehealthcare.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;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	}

#container {
	margin: auto;
	width: 930px;
	}

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
p {
	margin-bottom:5px;
}
	
	
h2 {
	float:left;
	font-size:225%;
	color:#812990;
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 5px;
}



h3 {
	float:left;
	font-size:115%;
	color:#812990;
	font-weight:bold;
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 5px;
}


#h4-container {
	height:30px;
	overflow:hidden;
}

h4 {
	float:left;
	font-size:150%;
	color:#812990;
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 5px;
	/*height:25px;*/
}

h5 {
	float:left;
	font-weight:bold;
	width: 100%;
	line-height: 1.1em;
	height:15px;
}



																					/* ------------ Branding ------------ */

#branding {
	background: url('../images/branding-bg.gif') no-repeat top center;
	height: 128px;
	margin: auto;
	width: 930px;
	}

#branding h1 a {
	display: block;
	float:left;
	height: 128px;
	width: 230px;
	text-indent: -25000px;
	}
	
#branding #email a {
	background: url('../images/branding-email.gif') no-repeat top center;
	display: block;
	float:left;
	width:173px;
	height:21px;
	text-indent:-25000px;
	margin:38px 0 0 81px;
	}
	
#branding #email a:hover {
	background-position: 0 -21px;
	}
	

#branding #search-box {
	float: left;
	height: 37px;
	width: 658px;
	padding:28px 0 0 10px;
	margin-left:32px;
	}

#branding #search-box legend {
	display: none;
	}
	
#branding #search-box #keyword {
	background-color:#FFF;
	border: none;
	float: left;
	font-size: 90%;
	height: 19px;
	width: 178px;
	color: #666666;
	padding: 5px 0px 0px 5px;
	margin-right:10px;
	}
	
#branding #search #search-box #btn-search {
	background: url('../images/branding-search-btn.gif') no-repeat top left;
	border: none;
	display:block;
	float: left;
	height: 24px;
	width: 101px;
	text-indent: -25000px;
	}
	
	
	
																					/* ------------ Nav ------------ */

#nav {
	background: url('../images/nav-bg.gif') no-repeat top center;
	height: 31px;
	text-indent: -25000px;
	width: 930px;
	margin:auto;
	}

#nav li { 
	float: left;
	}

#nav a {
	display: block;
	height: 31px;
	}
	
#nav a:hover,
#default #nav-home a,
#ailments #nav-ailments 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 -31px;
	}
	
#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	width: 77px;
	}
	
#nav-ailments a {
	background: url('../images/nav-ailments.gif') no-repeat top left;
	width: 100px;
	}
	
#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: 96px;
	}
	
#nav-faq a {
	background: url('../images/nav-faq.gif') no-repeat top left;
	width: 72px;
	}
	
#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	width: 107px;
	}
	
#nav-help a {
	background: url('../images/nav-help.gif') no-repeat top left;
	width: 66px;
	}
	
#nav-account a {
	background: url('../images/nav-account.gif') no-repeat top left;
	width: 115px;
	}
	
#menu_parent {
	width:105px;
	height: 35px;
}

#menu_child {
	width:105px;
	z-index:100
}

#menu_child a {
	background:#f68908 url('../images/sub-nav-bg.gif') repeat-x top left;
	display:block;
	float:left;
	width:155px;
	font-weight:bold;
	font-size: 90%;
	height: 22px;
	padding: 3px 0px 0px 5px;
	text-indent: 0px;
	color:#812990;
	text-decoration:none;
	border:#b2bfc7 solid 1px;
}

#menu_child a:hover {
	background-position: 0px -25px;
	color:#FFF
}



																					/* ------------ Content ------------ */

#content {
	background:#FFF url('../images/content-bg.gif') no-repeat top right;
	width: 930px;
	margin:auto;
	padding: 0 0 0 0;
	}
	
	
																					/* ------------ Columns ------------ */


#col-1 {
	float:left;
	width: 185px;
	padding: 20px 20px 0px 0;
	}
	
#template #col-1 {
	float:left;
	width: 245px;
	padding:20px 10px 0 0;
	}
	
#col-2 {
	float:left;
	width: 520px;
	padding:20px 0 20px 0;
	}
	
#default #col-2 {
	padding-top:0;
	}
	
#template #col-2 {
	float:left;
	width: 470px;
	padding:20px 0 20px 0;
	}
	
#col-3 {
	float:left;
	width: 185px;
	padding: 70px 0 0 20px;
	}
	
	
																					/* ------------ Boxes ------------ */


.box-best-seller {
	background: url('../images/box-best-seller-bg.gif') no-repeat bottom left;
	width:185px;
	float:left;
	margin-bottom:10px;
	}
	
.box-best-seller-title {
	background: url('../images/box-best-seller-title.gif') no-repeat top left;
	width:185px;
	height:35px;
	float:left;
	text-indent:-25000px;
	margin-bottom:10px
	}
	
.box-best-seller-item {
	width:165px;
	height:65px;
	float:left;
	padding-bottom:5px;
	margin:0 10px 10px 10px;
	border-bottom:#812990 solid 1px;	
	}
	
.box-best-seller-copy {
	width:120px;
	overflow:hidden;
	float:left;
	line-height:1em;
	font-style:italic;
	}
	
.box-best-seller-copy .title,
.box-best-seller-copy .link {
	width:120px;
	height:15px;
	font-weight:bold;
	color:#000;
	}
	
.box-best-seller-copy .text {
	width:120px;
	height:35px;
	font-size:80%;
	overflow:hidden;
	color:#812990
	}

.box-best-seller-copy .link {
	text-align:right
	}
	
.box-best-seller-copy .link a {
	font-style:italic;
	color:#000;
	font-weight:normal;
	font-size:90%;
	}	
	
.box-best-seller-copy .link a:hover {
	text-decoration:none
	}	
	
.box-best-seller-img {
	height:65px;
	width:40px;
	overflow:hidden;
	margin-right:5px;
	float:right;
	text-align:right;
	}	



.box-basket {
	background: url('../images/box-basket-bg.gif') no-repeat bottom left;
	width:185px;
	float:right;
	padding-bottom:10px;
	margin-bottom:10px;
	}
	
.box-basket-title {
	background: url('../images/box-basket-title.gif') no-repeat top left;
	width:185px;
	height:35px;
	float:left;
	text-indent:-25000px;
	margin-bottom:10px
	}

table.basket {
	font-size: 85%;
	margin-bottom: 5px;
	width:165px;
	margin-left:10px;
	}
	
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;
	}	
	
	
td.postage {
	width: 130px;
	height: 20px;
	font-weight:bold;
	border-bottom:#54c5d0 solid 1px
	}
	
td.postage-price {
	text-align:right;
	width: 40px;
	font-weight:bold;
	border-bottom:#54c5d0 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;
	color:#812990
	}
	
.view-cart a, .checkout a {
	background: url('../images/btn-checkout.gif') no-repeat top left; 
	display:block;
	width: 77px;
	height:20px;
	float:left;
	text-indent:-25000px;
	margin: 10px 0 0 10px;
	}
	
.view-cart a {
	background: url('../images/btn-view-cart.gif') no-repeat top left; 
	}


.offer-codes {
	background: url('../images/offer-code-bg.gif') no-repeat top left;
	width:175px;
	height:55px;
	float:left;
	margin-bottom:10px;
	padding:25px 0 0 10px
}

.offer-code-form {
	float:left;
	width:50px;
}

.offer-code-form legend {
	display:none
}


.offer-code-form p {
	font-size:84%;
	line-height:1.1em
}

.offer-code-form input {
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	border:solid #000000 1px;
	padding:2px;
	width:70px;
}

.offer-code-form #process {
	border:none;
	padding:0;
	float:right;
	width:80px;
	height:20px;
}




.btn-already-a-customer a, .btn-mailing-sign-up a {
	background: url('../images/btn-already-a-customer.gif') no-repeat top left; 
	display:block;
	width: 185px;
	height:80px;
	float:left;
	text-indent:-25000px;
	margin-bottom:10px;
	}
	
.btn-mailing-sign-up a {
	background: url('../images/btn-mailing-sign-up.gif') no-repeat top left; 
	height: 90px;
	}
	
.btn-already-a-customer a:hover {
	background-position: 0 -80px;
	}
	
.btn-mailing-sign-up a:hover {
	background-position: 0 -90px;
	}
	
	
.btn-bookmark a, .btn-order-catalogue a {
	background: url('../images/btn-bookmark.gif') no-repeat top left; 
	display:block;
	width: 185px;
	height:30px;
	float:left;
	text-indent:-25000px;
	margin-bottom:10px;
	}
	
.btn-order-catalogue a {
	background: url('../images/btn-order-catalogue.gif') no-repeat top left;
	border-top:#54c5d0 solid 1px;
	padding-top:10px;
	}
	
.btn-bookmark a:hover {
	background-position: 0 -30px;
	}
	
.btn-order-catalogue a:hover {
	background-position: 0 -40px;
	}

	
																				/* ------------ Feature ------------ */

.feature-large {
	float:left;
	width:520px;
	height:265px;
	margin-bottom:10px;
	border-bottom:#54c5d0 solid 1px;
	}

.feature-small-left,
.feature-small-right {
	float:left;
	width:250px;
	height:225px;
	}
	
.feature-small-right {
	float:right;
	margin-left:20px
	}


																				/* ------------ breadcrumb ------------ */

#breadcrumb, #bradcrumb {
	float:left;
	width: 420px;
	padding-bottom: 10px;
}

#breadcrumb a, #bradcrumb a {
	color:#000000;
	text-decoration:none
}

#breadcrumb a:hover, #bradcrumb a:hover {
	color:#812990
}

#breadcrumb a.end, #bradcrumb a.end {
	color:#54c5d0;
	text-decoration:underline
}

#breadcrumb a:hover.end, #bradcrumb a:hover.end  {
	text-decoration:none
}




																					/* ------------ Ailments ------------ */

#ailment-intro, .faq {
	float:left;
	width:520px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
.ailment-intro-top, .faq-top  {
	background: url('../images/products-intro-top-bg.gif') no-repeat bottom left;
	float:left;
	width:520px;
	height:10px;
	text-indent: -25000px;
	}
	
.ailment-intro-middle, .faq-middle {
	background: url('../images/products-intro-middle-bg.gif') repeat-y top left;
	float:left;
	width:500px;
	padding: 0px 10px 0px 10px;
	}
	
.ailment-intro-bottom, .faq-bottom  {
	background: url('../images/products-intro-bottom-bg.gif') no-repeat top left;
	float:left;
	width:520px;
	height:10px;
	text-indent: -25000px;
	}
	
	
.view-product a,
.back-to-top a {
	background: url('../images/btn-view.gif') no-repeat top left; 
	display:block;
	width: 77px;
	height: 20px;
	float:right;
	text-indent:-25000px;
	margin-top: 5px;
	}
	
.back-to-top a {
	background: url('../images/btn-top.gif') no-repeat top left; 
	}	

.view-product a:hover,
.back-to-top a:hover {
	background-position:0 -20px
	}
	
	

																					/* ------------ Products ------------ */

#product-intro {
	float:left;
	width:520px;
	height:130px;
	margin-bottom: 20px;
	position:relative;
	}

.product-intro-copy {
	float:left;
	width:240px;
	height:110px;
	line-height:1.2em;
	padding: 10px 0  10px 10px;
	}
	
.product-intro-img {
	float:right;
	width:250px;
	height:130px;
	overflow:hidden;
	}
	
.product-intro-surround {
	background: url('../images/product-intro-surround.png') no-repeat top left;
	width:520px;
	height:130px;
	position:absolute;
	z-index:50;
	top:0;
	left:0;
	}
	
	
.product-left,
.product-right {
	float:left;
	width:250px;
	margin-bottom: 20px;
	}
	
.product-right {
	float:right;
	}

.product-title {
	width:175px;
	float:left;
	font-size:125%;
	height:22px;
	font-weight:bold;
	line-height: 1.2em;
	color:#812990;
	overflow:hidden;
	}

	
.product-copy {
	float:left;
	width:175px;
	height:100px;
	overflow:hidden
	}
	
.product-copy p {
	height:53px;
	font-size:90%;
	line-height:1.3em;
	/*margin-bottom: 5px;*/
	float:left;
	overflow:hidden;
	}
	
	
.product-img {
	float:right;
	width:75px;
	height:100px;
	overflow:hidden;
	text-align:right;
	}


.btn-more a {
	background: url('../images/btn-more.gif') no-repeat top left; 
	display:block;
	width: 97px;
	height: 20px;
	float:left;
	text-indent:-25000px;
	/*margin-top: 5px;*/
	}
	
.btn-more a:hover {
	background-position:0 -20px;
	}

	
																			/* ------------ categories ------------ */

.categories-col-1 {
	float:left;
	width:227px;
	padding-right: 22px;
	}
	
.categories-col-2 {
	float:left;
	width:227px;
	}

.categories-col-1 p, .categories-col-2 p {
	margin-bottom: 15px
	}
	
.categories-col-1 a, .categories-col-2 a {
	color:#812990;
	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:#812990;
	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,
#ordering #col-2 a {
	color:#54c5d0
	}
	
.faq a:hover,
#ordering #col-2 a:hover {
	text-decoration:none
	}

.faq-q, .faq-a {
	float:left;
	width: 18px;
	font-weight:bold;
	color:#812990;
	}

.faq-a {
	color:#54c5d0
	}
	

	
.faq-copy-blue, .faq-copy-black {
	float:left;
	width: 370px;
	color:#812990;
	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: #54c5d0;
	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:#54c5d0 solid 1px
	}
	

#form textarea {
	height: 82px;
	overflow:hidden
	}

	
#form #submit,
#form #reset {
	height: 20px;
	vertical-align: middle;
	width: 77px;
	padding:0px;
	border:none
	}
	
#form #reset {
	margin-right:25px
	}
	
#contact p.error {
	color: red;
	font-weight:bold;
	margin-bottom: 10px;
	}



																			/* ------------ Account  ------------ */

#login {
	width: 200px;
	float:left;
	margin-bottom:30px;
	}

#login legend {
	display: none;
	}
	
#login label {
	color: #54c5d0;
	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:#54c5d0 solid 1px
	}
	
#login #submit {
	height: 20px;
	vertical-align: middle;
	width: 77px;
	padding:0px;
	border:none
	}


																			/* ------------ Product  ------------ */


#product-title {
	width:520px;
	float:left;
	font-size:150%;
	height:25px;
	font-weight:bold;
	line-height: 1.2em;
	}

#product-col-1 {
	width: 360px;
	float:left;
	}
	
#template #product-col-1 {
	width: 310px;
	}
	
#product-col-2 {
	width: 160px;
	float:left;
	}
	
/*#product-col-2 #tablets {
	width: 80px;
	height:10px;
	float:left;
	padding:10px;
	}
	
#product-col-2 #cost {
	width: 40px;
	height:10px;
	padding:10px;
	float:left;
	text-align:right;
	color:#54c5d0;
	font-weight:bold
	}*/
	
#product-col-2 #order {
	width: 155px;
	float:left;
	padding:0 0 0 5px;
	}


#order {
	width: 155px;
	float:left;
	}

#order legend {
	display: none;
	}
	
#order label {
	color: #b2bfc7;
	font-weight:bold;
	padding-top:4px;
	width:110px;
	float:right
	}
	
#order select {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 93%;
	width: 155px;
	height:20px;
	/*height: 14px;
	border:none;
	padding: 4px;*/
	margin: 10px 0 10px 0;
	float:left;
	/*text-align:center;
	border:#b2bfc7 solid 1px*/
	}

#order #submit {
	height: 30px;
	width: 155px;
	padding:0px;
	border:none;
	float:left;
	}
	
	
	
	
																				/* ------------ 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;
	}	
	
																			/* ------------ Template  ------------ */

#template #product-col-1 li {
	background: url('../images/bullet.gif') no-repeat 0 2px;
	padding-left:15px;
	line-height: 1.2em;
	}
	
#template #btn-more a {
	background: url('../images/btn-more2.gif') no-repeat top left;
	display:block;
	float:left;
	width:140px;
	height:30px;
	margin-top:20px;
	text-indent:-25000px;
	}

#template .divide {
	width:470px;
	background-color:#812990;
	height:2px;
	margin:20px 0 20px 0
}	


#template .product-left,
#template .product-right {
	width:225px;
	}
	
#template .product-title {
	width:150px;
	}

	
#template .product-copy {
	width:150px;
	}
	
#template .product-copy p {
	height:53px;
	font-size:84%;
	line-height:1.2em
	}
	
#template h5 {
	font-size:90%
	}

#template .template2-order #order {
	width: 225px;
	}

	
#template .template2-order #order select {
	width: 140px;
	margin: 2px 0 0 0;
	}

#template .template2-order #order #submit {
	height: 20px;
	width: 65px;
	float:right;
	margin-right:5px;
	}

																			/* ------------ Help  ------------ */

#help #col-2 a {
	color:#54c5d0;
	text-decoration:none
}

#help #col-2 a:hover {
	text-decoration:underline
}


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

#footer {
	float:left;
	width:930px;
	margin:auto;
	height:10px;
	border-top:#bfcad1 solid 1px;
	padding: 8px 0 12px 0
	}
	
#footer p {
	width: 330px;
	float:left;
	color:#bfcad1;
	font-weight:bold;
	text-align:center;
	}
	
.left-link, .right-link {
	width: 300px;
	float:left;
	font-size: 90%;
	color:#bfcad1;
}

.right-link {
	text-align:right
}

.left-link a, .right-link a {
	color:#bfcad1;
	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 #54C5D0;
	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 #54c5d0;
	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:#54C5D0;
	font-weight:normal;
}

.picking-list-table tr td {
	vertical-align:middle;
}

.clearB { clear:both; }