@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	list-style:none;
	outline:none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	background: #FFF;
}
.container {
	text-align: left;
	width: 960px;
	margin:0 auto;
	background:#FFF;

}

.colhalf {width:480px; float:left;}
/* -------------- TEXT STYLES -------------*/

h1 {
	color:#900;
	font-size:40px;
	letter-spacing:-2px;
	font-weight:bold;
	margin:0 0 5px;
	text-align:center;
	text-shadow: 1px 1px 2px #d9d9d9;
	filter: dropshadow(color=#d9d9d9, offx=1, offy=1);
}
h1#ttl1 {
display: block;
margin:0 0 5px 0;
padding:0;
background:url(img/ttl1.png) no-repeat;
width:611px;
height:57px;
text-indent:-9000px;
}

h2 {
	color:#FFF;
	font-size:28px;
	letter-spacing:-2px;
	font-weight:bold;
	margin:0 30px 5px 30px;
	text-shadow: 1px 1px 1px #3f1501;
	filter: dropshadow(color=#3f1501, offx=1, offy=1);
	-moz-text-shadow: 1px 1px 1px #3f1501;
}
h2.ttls {
	color:#265481;
	font-size:36px;
	letter-spacing:-2px;
	font-weight:bold;
	margin:0 30px 10px 30px;
	padding:10px 5px;
	border-top: 1px solid #3370ab;
	border-bottom: 1px solid #3370ab;
	background:#bed4e9;
	text-shadow: 1px 1px 2px #FFFFFF;
	filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
}
h3 {
	color: #FC0;
	font-size:24px;
	letter-spacing:-2px;
	font-weight:bold;
	margin:0 0 2px;
	text-align:left;
}
h3.ttls {
	background:#bed4e9;
	color: #265481;
	font-size:22px;
	letter-spacing:-1px;
	font-weight:bold;
	margin:20px 30px 20px 30px;
	padding:10px 5px;
	border-top: 1px solid #3370ab;
	border-bottom: 1px solid #3370ab;
	clear: both;
}
h4 {
	color:#333;
	font-size:20px;
	letter-spacing:-1px;
	font-weight:bold;
	margin:0 30px 10px 30px;
	text-align:left;
}
p {
	margin:0 30px 20px 30px;
	line-height:140%;
	font-size:14px;
	color:#fff;
}
#basket-left p {
	margin:0 30px 20px 30px;
	line-height:140%;
	font-size:14px;
	color:#000;
}


ol {
	margin: 0 30px 0 30px;
	list-style:decimal;
}
ol li {
	margin: 0 0 20px 10px;
	list-style:decimal;
	padding:10px 0 0 10px;
	font-size:16px;
	color:#000;
	display:block;
	border:1px solid #EFEFEF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
ol.noblock li {
	margin: 0 0 10px 40px;
	list-style:decimal;
	padding:0 0 0 10px;
	font-size:14px;
	color:#333;
	display: list-item;
	border:none;
	line-height:1.4;
}
ul li {
	margin: 0 0 10px 40px;
	list-style:disc;
	padding:0 0 0 10px;
	font-size:14px;
	color:#333;
	border:none;
	line-height:1.4;
}
.highlighter {
	background: #FF0
}
.editorial {
	width: 400px;
	float:right;
	margin:0 30px 20px;
	border:1px solid #999;
	background:#f1f7f9;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:15px 0;
}
.editorial p {
	font-size: 14px;
	font-style:italic;
	font-weight:bold;
	margin:0 15px 10px;
	color:#666;
}


.order {width:960px; background:#1e5182; padding:20px 0;}

#form-holder {list-style: none;}

ul#form-holder li {list-style: none; clear:both; margin:0 0 10px 20px; color:#FFF}

.order h1 { font-size:30px;
            color:#FC0;
			margin:0 0 30px 0;
			text-shadow: 1px 1px 1px #041a30;
	          filter: dropshadow(color=#041a30, offx=1, offy=1);
			
			}

.order h4 {
	          margin:0 0 10px 20px;
              color:#8cbeef;
			  text-shadow: 1px 1px 1px #041a30;
	          filter: dropshadow(color=#041a30, offx=1, offy=1);
			  clear:both;
					}
.order p {color: #FFF; font-size:12px;}		

#form-frame { margin:0 20px 10px; background:#c8d8e7; border-radius: 8px; -moz-border-radius: 8px; border:1px solid #FFF; padding:20px 0;}
					
#form-holder li label {color: #ffffff; font-weight:bold; display:block; width: 80px; float:left; font-size:12px; padding:2px 0 0 0;}

#form-holder li input[type=text] {font-size:14px; padding:3px; border:1px solid #333; width:180px;}
#form-holder li.smalltxt {
	font-size:9px;
	line-height:1.1;
	margin-right:20px;	
}
#ailments li {list-style: none; display:block; color: #232527; font-weight:bold;}
#ailments .shortfield {list-style: none; display:block; width:180px; float:left; color: #232527; font-weight:bold;}


.order blockquote {display:block; background:#78abdd url(img/seal-guaranteed.png) no-repeat left; padding:20px 20px 20px 115px; margin:0 15px 10px; font-size:13px; color:#0b2f64; border-radius: 8px; -moz-border-radius: 8px; }


.signup-form {
	height: 773px;
	margin: 0 0 10px;
	width: 325px;
	background: url(img/order-bg.png) no-repeat;
	padding: 60px 0 0 0;
}

.signup-form-h {width:414px; height:185px; clear:both; margin:0 0 40px 30px; background:url(img/ebook-banner2.png) no-repeat; padding: 55px 0 0 491px;}

#bottom-content {width:960px; background:url(img/bottom-bg.jpg) no-repeat #fa9700; padding:10px 0 0 0;}

/*----------------------- CHECKOUT -------------------------*/
/*----------------------------------------------------------*/

#header {
		height: 94px;
		width:960px;
		 margin:0 0 15px 0;
		 background:url(img/header-checkout.png) no-repeat;
		}
#header h1 {width:181px; height:76px; float:left; background:url(img/panitrol-logo.png) no-repeat; text-indent:-9000px;}


#checkout h2 {
	color:#be3600;
	font-size:30px;
	letter-spacing:-2px;
	font-weight:bold;
	margin:0 0 10px 10px;
	text-align:left;
	text-shadow: none;
}


#basket-left { width: 665px; float:left;}

#basket-right {
    float: left;
    width: 295px;
}


#summary-holder {width:645px; margin:0 10px 10px; position:relative;}


#row1 {
	 background: url("img/row1-bg.png") no-repeat scroll 0 -130px;
 	cursor: pointer;
	height:130px;
	width:645px;
}

#row1.on {
    background: url("img/row1-bg.png") no-repeat scroll 0 0;
}
#row2 {
	 background: url("img/row2-bg.png") no-repeat scroll 0 -130px;
 	cursor: pointer;
	height:130px;
	width:645px;
	clear:both;
	border-bottom:1px solid #EFEFEF;
}


#row2.on {
    background: url("img/row2-bg.png") no-repeat scroll 0 0;
}

#row3 {
	 background: url(img/cream-cart.jpg) no-repeat scroll;
 	cursor: pointer;
	height:130px;
	width:475px;
	clear:both;
	padding:0 0 0 170px;
	border-top:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
}
#ribbon {
    background: url("img/ribbon.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    left: -5px;
    position: absolute;
    top: 90px;
    width: 136px;
}

#summary-holder label {
    display: block;
    float: left;
    margin: 0 0 0 140px;
    padding: 45px 0 0;
    width: 30px;
}
.col-long {
    float: left;
    padding: 5px 0 0;
    width: 380px;
}
.col-short {
    float: left;
    margin: 0;
    padding: 5px 0 0;
    width: 80px;
}

.row-totals {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    color: #666666;
    font-size: 14px;
    height: 30px;
    margin: 0 0 1px 12px;
    padding: 0 0 0 156px;
    width: 465px;
	border-bottom: 1px solid #EFEFEF;
}
.total {
    background: none repeat scroll 0 0  #F3F3F3;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}
#summary-holder h4 {
    color: #333333;
    font-size: 17px;
    line-height: 1.2;
    margin: 0 20px 5px;
	font-weight:bold;
}
#summary-holder p {
    color: #333333;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 20px 5px;
}
.price {
    color:  #C00;
    font-size: 24px;
    font-weight: bold;
}

.price-old {
    color: #CC0000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: line-through;
}

#cartTerms p {
    font-size: 10px;
    line-height: 1.1;
}
#checkout-holder {border:1px solid #CCC; padding:10px 0; border-radius: 8px; -moz-border-radius: 8px; background: #FAFAFA; margin:0 10px 10px 0;}
#checkout-holder ul li {list-style: none;}
.checkout-form li.bold {}
.checkout-form li {
    font-size: 13px;
	 margin:0 10px 10px 10px;
	 padding:0;
}

#checkout-holder fieldset {
    border: 1px solid  #F3F3F3;
    border-radius: 8px 8px 8px 8px;
    margin: 0 10px 20px;
    padding: 5px 0;
}
#checkout-holder legend {
    color: #1e5182;
    font-size: 15px;
    font-weight: bold;
	 margin:0 0 10px 10px;
}
.checkout-form li label {
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0 0;
	width: 90px;
}

#seals {list-style: none; margin:0; padding:0;}
#seals li {list-style: none; margin:0; padding: 0; display:block; float:left; width:92px; text-align:center;}
/* -------------- FOOTER  CHECKOUT ------------*/

#footer {clear:both; width:960px; margin:0 auto; background:#000; padding:20px 0;}

#footer p {
    color: #CCC;
    font-size: 10px;
    line-height: 1;
    text-align: left;
}
#footer a {font-size:10px; color:#6FF; text-decoration:none;}



/*----------------------- EBOOK-----------------------------*/
/*----------------------------------------------------------*/
p.password {font-size: 30px; font-weight:bold; display:block; width:200px; text-align:center; border:1px solid #333; padding:10px;}


/*----------------------- TOOLBOX---------------------------*/
/*----------------------------------------------------------*/
.colwide {width:611px; float:left;}
.colnarrow {width:349px; float:left;}
.col300 {width:300px; float:left;}

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


/*----alignment---*/
.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}
/*---- FLOATS ---*/

.clearfloat {clear:both;}
.left {float:left; width:auto}
.right {float:right; width:auto}

/*---- COLOR ---*/
.red {
    color: #CC0000;
}

.small-txt {font-size:11px; margin-right:20px;}
ul#form-holder li.small-txt {margin-right:20px;}