/*

Stylesheet for Easyvit
Handwritten by Richard Wilmot (AztecMedia.eu)
www.easyvit.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 */



/* ------------ Catalogue  ------------ */

#catalogue {
	background: url('../images/catalogue.jpg') no-repeat top left;
	width:276px;
	height:264px;
	float:left;
	text-indent: -25000px
}




																					/* ------------ Defaults ------------ */

body {
	background:#fff url('../images/body-bg.gif') repeat 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-size:250%;
	color:#8cc63f;
	font-weight:bold;
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 5px;
}



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

h4 {
	float:left;
	font-size:175%;
	color:#8cc63f;
	font-weight:bold;
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 5px;
}

h5 {
	float:left;
	font-size:110%;
	color:#8cc63f;
	font-weight:bold;
	width: 100%;
	line-height: 1.1em;
	margin-top: 5px
}




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

#bradcrumb {
	float:left;
	width: 476px;
	padding-bottom: 10px;
}

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

#bradcrumb a:hover {
	color:#f68908
}

#bradcrumb a.end {
	color:#f68908;
	text-decoration:underline
}

#bradcrumb a:hover.end  {
	text-decoration:none
}
	
	
																					/* ------------ 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: 180px;
	margin: auto;
	width: 960px;
	}

#branding h1 a {
	display: block;
	float:left;
	height: 180px;
	width: 320px;
	text-indent: -25000px;
	}
	
	
#flashcontent {
	width: 640px;
	float:left;
}
	
	
	
	
	
	
																					/* ------------ Nav ------------ */

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

#nav li { 
	float: left;
	}

#nav a {
	display: block;
	height: 35px;
	}
	
#nav a:hover {
	background-position: 0 -35px;
	}
	
#nav .selected {
	background-position: 0 -35px;
	}

#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	width: 69px;
	}
	
#nav-categories a {
	background: url('../images/nav-categories.gif') no-repeat top left;
	width: 105px;
	}
	
#nav-products a {
	background: url('../images/nav-products.gif') no-repeat top left;
	width: 88px;
	}
	
#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: 60px;
	}
	
#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	width: 106px;
	}
	
#nav-ordering a {
	background: url('../images/nav-ordering.gif') no-repeat top left;
	width: 90px;
	}
	
#nav-account a {
	background: url('../images/nav-account.gif') no-repeat top left;
	width: 132px;
	}


#search-box {
	float: left;
	height: 35px;
	overflow: hidden;
	width: 212px;
	padding-left: 8px;
	}

#search-box legend {
	display: none;
	}
	
#search-box #keyword {
	border: none;
	float: left;
	font-size: 100%;
	height: 23px;
	width: 149px;
	padding: 10px 0px 0px 5px;
	color:#999999;
	background:none
	}
	
#search-box #search {
	border: none;
	display:block;
	float: left;
	height: 35px;
	width: 45px;
	text-indent: -25000px;
	}
	
#menu_parent {
	width:105px;
	height: 35px;
}

#menu_child {
	width:105px;
}

#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: 20px;
	padding: 5px 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 bottom center;
	width: 960px;
	margin:auto;
	padding: 10px 0px 70px 0px;
	}
	
	

																					/* ------------ Columns ------------ */


#col-1 {
	float:left;
	width: 220px;
	padding: 0px 11px 0px 15px;
	}
	
#col-2 {
	float:left;
	width: 476px;
	padding: 10px 11px 0px 11px;
	}
	
#col-3 {
	float:left;
	width: 190px;
	padding: 0px 15px 0px 11px;
	}
	
	
	
																					/* ------------ Bestsellers ------------ */


#bestsellers {
	float:left;
	width:220px;
	margin-bottom: 20px;
	}
	
.bestsellers-top {
	background: url('../images/bestsellers-top-bg.gif') no-repeat top center;
	float:left;
	width:220px;
	height:50px;
	text-indent: -25000px;
	}
	
.bestsellers-middle {
	background: url('../images/bestsellers-middle-bg.gif') repeat-y top center;
	float:left;
	width:220px;
	}
	
.bestsellers-bottom {
	background: url('../images/bestsellers-bottom-bg.gif') no-repeat top center;
	float:left;
	width:220px;
	height:8px;
	text-indent: -25000px;
	}	
	
.bestsellers-middle ol {
	margin-left:25px;
	}	
	
.bestsellers-middle li {
	list-style-type: decimal;
	display:list-item;
	font-size: 85%;
	width: 180px;
	line-height: 1.2em;
	padding:3px 0px 3px 0px;
	vertical-align:top;
	border-bottom:#87c336 solid 1px
	}
	
.bestsellers-middle li a {
	color:#000000;
	text-decoration:none;
	}
	
.bestsellers-middle li a:hover {
	text-decoration:underline;
	}
	
	
.bestsellers-middle .product-price {
	font-weight:bold
	}
	
	
	
																					/* ------------ Order Catalogue ------------ */


#order-catalogue {
	float:left;
	width:218px;
	font-size: 85%;
	line-height: 1.2em;
	}
	
#order-catalogue-top {
	background: url('../images/order-catalogue-top.gif') no-repeat top left;
	float:left;
	width: 218px;
	padding: 53px 0px 0px 10px;
	}
	
#order-catalogue-bottom {
	background: url('../images/order-catalogue-bottom.gif') no-repeat  top left;
	float:left;
	width: 228px;
	height: 8px;
	text-indent: -25000px;
	}
	
#order-catalogue a {
	text-decoration:underline;
	color:#fff
	}
	
#order-catalogue .download a {
	text-decoration:underline;
	color:#000
	}
	
#order-catalogue a:hover {
	text-decoration:none;
	}
	
.order {
	width:115px;
	color:#FFFFFF;
	margin-bottom: 5px
	}
	
.download {
	width:115px;
	color:#000000;
	}
	
	
	
	
																					/* ------------ Cart ------------ */


#cart {
	float:left;
	width:190px;
	margin-bottom: 20px;
	}
	
.cart-top {
	background: url('../images/cart-top-bg.gif') no-repeat top center;
	float:left;
	width:190px;
	height:50px;
	text-indent: -25000px;
	}
	
.cart-middle {
	background: url('../images/cart-middle-bg.gif') repeat-y top center;
	float:left;
	width:170px;
	padding: 5px 10px 0px 10px
	}
	
.cart-bottom {
	background: url('../images/cart-bottom-bg.gif') no-repeat top center;
	float:left;
	width:190px;
	height:8px;
	text-indent: -25000px;
	}

table.underline {
	font-size: 85%;
	border-bottom:#87c336 solid 1px;
	margin-bottom: 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;
	}
	
td.postage-price {
	text-align:right;
	width: 40px;
	font-weight:bold;
	}
	
td.total {
	width: 130px;
	font-size:125%;
	font-weight:bold;
	}	
	
td.total-price {
	text-align:right;
	width: 40px;
	color:#f78b0a;
	font-size:125%;
	font-weight:bold;
	}
	
.view-cart a, .checkout a {

	background: url('../images/button-checkout.gif') no-repeat top left; 

	display:block;

	width: 80px;

	height: 21px;

	float:left;

	text-indent:-25000px;

	margin-top: 10px;

	margin-right: 0px

	}

	

.view-cart a {

	background: url('../images/button-view-cart.gif') no-repeat top left; 

	margin-right: 10px

	}

	
	
	
																					/* ------------ Testimonials ------------ */


#testimonials {
	float:left;
	width:190px;
	margin-bottom: 20px;
	}
	
.testimonials-top {
	background: url('../images/testimonials-top-bg.gif') no-repeat top center;
	float:left;
	width:190px;
	height:50px;
	text-indent: -25000px;
	}
	
.testimonials-middle {
	background: url('../images/testimonials-middle-bg.gif') repeat-y top center;
	float:left;
	width:170px;
	padding: 5px 10px 0px 10px
	}
	
.testimonials-bottom {
	background: url('../images/testimonials-bottom-bg.gif') no-repeat top center;
	float:left;
	width:190px;
	height:8px;
	text-indent: -25000px;
	}
	
#testimonials table {
	line-height: 1.2em;
	}

	
td.person {
	font-weight:bold;
	text-align:right;
	color:#82c130;
	padding-bottom:10px
}

a.more-testomonials {	
	color:#f78b0a;
	font-size:125%;
	font-weight:bold;
	float:right;
	text-decoration:underline
}

a:hover.more-testomonials {	
	text-decoration:none
}





																				/* ------------ Mailing List ------------ */


#mailing {
	float:left;
	width:190px;
	margin-bottom: 20px;
	}
	
.mailing-top {
	background: url('../images/mailing-top-bg.gif') no-repeat top center;
	float:left;
	width:190px;
	height:50px;
	text-indent: -25000px;
	}
	
.mailing-middle {
	background: url('../images/mailing-middle-bg.gif') repeat-y top center;
	float:left;
	width:175px;
	padding: 5px 5px 0px 10px
	}
	
.mailing-bottom {
	background: url('../images/mailing-bottom-bg.gif') no-repeat top center;
	float:left;
	width:190px;
	height:8px;
	text-indent: -25000px;
	}
	
#mailing p {
	line-height: 1.2em;
	}
	
	
#mailing-form {
	float: left;
	overflow: hidden;
	width: 170px;
	margin-top: 10px
	}

#mailing-form legend {
	display:none
	}
	
#mailing-form .label {
	font-weight:bold;
	width: 40px;
	float:left;
	}

	
#mailing-form #name, #mailing-form #email {
	border:#f78f14 solid 1px;
	font-size: 100%;
	height: 13px;
	width: 123px;
	padding: 5px 0px 0px 5px;
	color:#999999;
	float:left;
	margin-bottom: 5px
	}
	
#mailing-form #sign-up, #mailing-form #reset {
	display:block;
	float:left;
	margin-right:1px;
		}

#mailing-form #sign-up-botton {
	width: 88px;
	float:left;
	background-color:#CC0099
	}
		
#mailing-form #reset-bottun {
	width: 80px;
	float:left;
	background-color:#99FF33
	}
		
		
		
		
		
																				/* ------------ Feature ------------ */

.feature-large {
	float:left;
	width:476px;
	height:220px;
	position:relative;
	margin-bottom:20px;
	border-bottom:#87c336 solid 1px;
	}
	
.feature-large a, .feature-small-left a, .feature-small-right a {
	color:#f68908;
	}
	
.feature-large a:hover, .feature-small-left a:hover, .feature-small-right a:hover {
	text-decoration:none
	}
	
	
.feature-large-section {
	width:305px;
	height:20px;
	position:absolute;
	}
	
.feature-large-title {
	width:305px;
	height:50px;
	position:absolute;
	top: 20px;
	font-size:200%;
	font-weight:bold;
	line-height: 1em
	}

.feature-large-copy {
	width:210px;
	height:115px;
	position:absolute;
	top: 70px;
	line-height: 1.2em;
	padding-right:5px;
	overflow:hidden
	}
	
.feature-large-buy-me {
	width:210px;
	height:15px;
	position:absolute;
	top: 185px;
	text-align:right
	}
	
.feature-large-img {
	width:171px;
	height:200px;
	position:absolute;
	left:305px;
	}
	
.feature-large-price-tag {
	background: url('../images/price-tag-large.png') no-repeat top center;
	width:134px;
	height:73px;
	position:absolute;
	left:215px;
	top:105px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	padding-top:8px
	}
	
.feature-large-price {
	font-size:300%;
	line-height: 1em
	}

	
	
	
	
	
	
.feature-small-left {
	float:left;
	width:227px;
	height:165px;
	padding-right: 22px;
	position:relative;
	margin: 5px 0px 5px 0px;
	}
	
.feature-small-right {
	float:left;
	width:227px;
	height:165px;
	position:relative;
	margin: 5px 0px 5px 0px
	}
	
	
	
	
	
.feature-small-section {
	width:127px;
	height:15px;
	position:absolute;
	font-size:85%
	}
	
.feature-small-title {
	width:127px;
	height:20px;
	position:absolute;
	top: 15px;
	font-weight:bold;
	font-size:110%;
	overflow:hidden
	}

.feature-small-copy {
	width:127px;
	height:85px;
	position:absolute;
	top: 35px;
	line-height: 1.1em;
	overflow:hidden;
	font-size: 90%;
	}
	
.feature-small-buy-me {
	width:127px;
	height:15px;
	position:absolute;
	top: 120px;
	}
	
.feature-small-img {
	width:100px;
	height:140px;
	position:absolute;
	left:127px;
	}
	
.feature-small-price-tag {
	background: url('../images/price-tag-small.png') no-repeat top center;
	width:78px;
	height:47px;
	position:absolute;
	left:65px;
	top:110px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	padding-top:4px;
	line-height:1.1em;
	font-size:85%
	}
	
.feature-small-price {
	font-size:200%;
	line-height: 1em
	}
	



																				/* ------------ 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:#f68908;
	font-weight:bold;
	}
	
.categories-col-1 a:hover, .categories-col-2 a:hover {
	text-decoration:none
	}

.view-product a {
	background: url('../images/button-view.gif') no-repeat top left; 
	display:block;
	width: 80px;
	height: 21px;
	float:right;
	text-indent:-25000px;
	margin-top: 5px;
	}
	
	

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

#products-intro, .faq {
	float:left;
	width:476px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
	
.products-intro-top, .faq-top  {
	background: url('../images/products-intro-top-bg.gif') no-repeat bottom left;
	float:left;
	width:476px;
	height:10px;
	text-indent: -25000px;
	}
	
.products-intro-middle, .faq-middle {
	background: url('../images/products-intro-middle-bg.gif') repeat-y top left;
	float:left;
	width:456px;
	padding: 0px 10px 0px 10px;
	}
	
.products-intro-bottom, .faq-bottom  {
	background: url('../images/products-intro-bottom-bg.gif') no-repeat top left;
	float:left;
	width:476px;
	height:10px;
	text-indent: -25000px;
	}	





.product {
	float:left;
	width:476px;
	border-bottom:#87c336 solid 1px;
	margin-bottom: 20px;
	padding-bottom: 10px
	}
	
.product-copy td.code {
width: 30px;
color:#8cc63f;
font-weight:bold;
}

.product-copy {
	float:left;
	width:356px;
	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.item {
	font-weight:bold;
	width: 125px;
	}
	
.product-copy td.tablets {
	width: 60px;
	}
	
.product-copy td.item-price {
	font-weight:bold;
	text-align:right;
	width: 40px;
	}
	
.product-copy td.add-to-cart {
	width: 75px;
	text-align:right;
	}

	
.product-copy td a {
	color:#f68908;
	}
	
.product-copy td a:hover {
	text-decoration:none
	}
	
.product-img {
	float:left;
	width:100px;
	}
	
	
.back-to-top a {
	background: url('../images/button-top.gif') no-repeat top left; 
	display:block;
	width: 80px;
	height: 21px;
	float:right;
	text-indent:-25000px;
	margin-top: 5px;
	}
	
	
	


																				/* ------------ About ------------ */

#about p, #dpp p, #ordering p {
	margin-bottom: 10px
	}

#about a.about-link {
	color:#f68908;
	font-weight:bold
	}
	
#about a:hover.about-link {
	text-decoration:none
	}
	
	
																				/* ------------ FAQ ------------ */

.faq {
	margin-top: 10px;
	}

.faq-q, .faq-a {
	background: url('../images/faq-q.gif') no-repeat top left;
	float:left;
	width: 66px;
	height: 60px;
	text-indent: -25000px
	}

.faq-a {
	background: url('../images/faq-a.gif') no-repeat top left;
	height: 50px;
	}
	
.faq-copy-orange, .faq-copy-green {
    float:left;
    width: 380px;
    color:#f68908;
    padding-top:14px;
    }

.faq-copy-green {
    color:#8cc63f;
    padding-top:4px;
    }

	
	
	
																				/* ------------ Contact Form ------------ */

#form {
	width: 200px;
	float:left
	}

#form legend {
	display: none;
	}
	
#form label {
	color: #f68908;
	font-weight:bold
	}
	
#form input, #form textarea {
	background: url('../images/contact-small.gif') no-repeat top left;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%;
	width: 172px;
	height: 17px;
	border:none;
	padding: 4px;
	margin-bottom: 10px
	}
	

#form textarea {
	background: url('../images/contact-large.gif') no-repeat top left;
	height: 82px;
	overflow:hidden
	}

	
#form #submit {
	height: 21px;
	vertical-align: middle;
	width: 80px;
	padding:0px
	}
	
#map {
	width:274px;
	height:262px;
	float:left;
	border: #f68908 solid 1px
	}
	
#contact p.error {
	color: #f68908;
	font-weight:bold;
	margin-bottom: 10px;
	}



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

#login {
	width: 200px;
	float:left
	}

#login legend {
	display: none;
	}
	
#login label {
	color: #f68908;
	font-weight:bold
	}
	
#login input {
	background: url('../images/contact-small.gif') no-repeat top left;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%;
	width: 172px;
	height: 17px;
	border:none;
	padding: 4px;
	margin-bottom: 10px
	}


	
#login #submit {
	height: 21px;
	vertical-align: middle;
	width: 80px;
	padding:0px
	}
	

																				/* ------------ 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;
	}
	
	

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

#footer {
	float:left;
	width:960px;
	padding: 5px;
	margin:auto;
	margin-bottom:20px;
	}
	
#footer p {
	width: 560px;
	float:left;
	color:#666666;
	text-align:center;
	}
	
.left-link, .right-link {
	width: 200px;
	float:left;
	font-size: 90%;
}

.right-link {
	text-align:right
}

.left-link a, .right-link a {
	color:#666666;
	text-decoration:underline
}

.left-link a:hover, .right-link a:hover {
	text-decoration:none
}

/* ------------ 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:150px;
	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 #f68908;
	background-color:#ffe6cb;
	margin:0px 6px 0px 8px; padding:5px;
	font-size:100%; 
}
div.CP .data select {
	width:262px; height:22px;
	border:1px solid #f68908;
	background-color:#ffe6cb;
	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; }

/* ------------ Free Samples ------------ */ #free-samples {
    float:left;
    width:190px;
    margin-bottom: 20px;
    }
   
.free-samples-top {
    background: url('../images/free-samples-top-bg.gif') no-repeat top center;
    float:left;
    width:190px;
    height:22px;
    text-indent: -25000px;
    }
   
.free-samples-middle {
    background: url('../images/free-samples-middle-bg.gif') repeat-y top center;
    float:left;
    width:170px;
    padding: 0px 10px 0px 10px;
    line-height: 1.2em
    }
   
.free-samples-middle a {
    color:#89c43a
    }
   
.free-samples-middle a:hover {
    text-decoration:none
    }
   
.free-samples-bottom {
    background: url('../images/free-samples-bottom-bg.gif') no-repeat top center;
    float:left;
    width:190px;
    height:8px;
    text-indent: -25000px;
    }