@charset "UTF-8";
/* CSS Document */

body {
	background:#79b63a url(../img/bg.jpg) repeat-x;	
}


/* LAYOUT
-------------------------------------*/
#header {
	width:960px;
	margin:0 auto;	
}
.content {
	background:#FFFFFF;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	padding:0 0 30px 0;
	margin:10px auto 20px auto;

}


.sidebox {
	width:280px;
	float:right;
	margin:0 20px 20px;	
	height:392px;
}

#masthead {
	width:960px;
	height:369px;
	margin:0 0 20px 0;	
}

.testimonials {
	width:320px;
	float:right;
	margin:0 20px 20px;	
	border:1px solid #999;
	background:#F9F9F9;
	padding:20px 0 0;
	border-radius:6px;
	-moz-border-radius:6px;
	box-shadow:inset 1px 1px #FFFFFF;
	-moz-box-shadow:inset 1px 1px #FFFFFF;
}

#side-info {
	width:320px;
	float:right;
	margin:0 20px 20px;
	padding:20px 0;
	background: #d0e0f0;
	border:1px solid #587da3;
	border-radius:10px;
	-moz-border-radius:10px;
}
.order-box {
	margin:0 20px 20px;
	border-bottom:1px solid #CCC;
}

.order-banner {
	width:294px;
	float:left;
	margin:0 20px 20px;

}
.offer-desc {
	width:	580px;
	float:left;
}
.certificate-banner {
	width: 380px;
	background:url(../img/certificate-banner.png) repeat-y;
	float:right;
	margin:0 20px 10px 30px;
	padding:0;
}

#footer {
	width:960px;
	margin:0 auto;
	padding:20px 0;
}

.savings-box {
	width:240px;
	margin:20px 0 20px 20px;
	border: 1px #CCCCCC solid;
	border-radius:8px;	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background: #fcfcfc; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #fcfcfc 0%, #ededed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ededed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* IE10+ */

background: linear-gradient(top,  #fcfcfc 0%,#ededed 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */


	
}

/* TEXT
-------------------------------------*/

h1, h2, h3, h4, h5, p, li {
	margin-left:20px;
	margin-right:20px;
}

h1 {
	font-size:2.8em;
	color:#FF6600;
	line-height:1;
}

h2 {
	font-size:2em;
	color: #F30;
	line-height:1.2;
	font-weight:normal;
	font-style:italic;
}

h3 {
	font-size:2.2em;
	color: #393;
	line-height:1.2;
	
	}
h4 {
	font-size:1.7em;
	color: #393;
	line-height:1.2;
	
	}
	
h5 {
	font-size:1.5em;
	color: #393;
	line-height:1.2;
	
	
	}	
p {
	font-size: 1.1em;
	line-height:1.5;	
}
ul {
	margin:0 0 20px 20px;	
}
li {
	font-size: 1.1em;
	line-height:1.5;	
	margin:0 0 0 20px;
}


.testimonials p {
	font-style: italic;	
}


#side-info h5 {
	color:#1d3955;
	text-shadow:1px 1px #FFFFFF;
	-moz-text-shadow:1px 1px #FFFFFF;
}

.certificate-banner p {
 font-size:1.1em;
 line-height:1.5;
 color:#030;
 margin:0 30px 10px;
}

.certificate-banner h4 {
 font-size:1.2em;
 color:#030;
 text-align:center;
}
#footer p {
	font-size:10px;	
	color:#caf2a1;
}


.price {
	font-weight:bold;
	font-size:22px;
	color:#CC0000;
	letter-spacing:-1px;
	
	}

.savings {
	font-weight:bold;
	font-size:18px;
	letter-spacing:-1px;
	
	}	
	
p .smalltxt {
	font-size: 9px;	
}
	
/* FORM
-------------------------------------*/

.input-field {
	margin:0 20px 12px;	
}
.input-field label {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.2;	
}

.input-field .infusion-field-input {
	font-size:1.1em;
	color:#333;	
	width:222px;
	border:1px solid #333;
	padding:3px 0;
}
/* CHECKOUT
-------------------------------------*/

fieldset {
	border: 1px #CCC solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	margin:0 10px 25px;
	padding:0 0 20px;
	}

legend {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-1px;
	color:#036;
	margin:0 0 15px;
	
	
	}
ul.checkout-form li {
	
	list-style:none;
	display:block;
	clear:both;
	line-height:1.1;
	font-size:14px;
	margin-bottom:20px;

}
ul.checkout-form li.input-short {
 width:auto;
 float:left;
 clear:none;
}


ul.checkout-form label {
	font-size:12px;
	font-weight:bold;
	color:#333;
	display:block;
}

ul.checkout-form li input[type=text], ul.checkout-form li select {
	padding:4px;
	font-size:12px;
	border:1px solid #333;
}
ul.checkout-form li.small-txt {
	font-size:10px;
}
ul#seals {
 display:block;	
}
ul#seals li {
 display:block;	
 list-style:none;
 width:auto;
 float:left;
}

.errors {
	border:1px solid #F00;
	background:#FCC;
	color:#C00;
	width:600px;
	margin:0 auto 20px;
}
.errors h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;}
.errors p {font-family:Arial, Helvetica, sans-serif;  font-size:14px;}

/*
BASKET -------------*/

#basket {
	width: 850px;
	margin:0 auto 40px;
	border: 1px #CCC solid;
}
#basket td {
	font-size:14px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 3px;
	border-bottom:1px solid #CCC;
}
#basket td.last {
		border-bottom:none;
}

#basket th {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 3px;
	font-weight:bold;
	color:#036;
}

#checkout-offer {
	width:850px;
	margin:0 auto 30px;	
}
#checkout-offer  p {
	font-size:12px;	
}
#checkout-offer td.th {
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding:4px 0;	
}

#checkout-offer h4 {
    color: #339933;
    font-size: 1.7em;
    line-height: 1.2;
	margin-bottom:5px;
}
/*----------------------- TOOLBOX---------------------------*/
/*----------------------------------------------------------*/

/*---- MARGINS ---*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt40 {margin-top:45px;}
.mt40 {margin-top:50px;}
.mt40 {margin-top:55px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml13 {margin-left:13px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}

/*---- PADDINGS ---*/
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}


.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}


.left {float:left; width:auto;}
.right {float:right; width:auto;}

.highlight {
	background:#FF0
}