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

body {
 text-align: center;
 background:#236c9b;	
}

.container_12 {
 background:#FFFFFF;
 text-align:left;	
 position:relative;
}

#side-helper {
	position:fixed;
	z-index: 100;
	width:33px;
	height:125px;	
	bottom:20px;
	background:url(../img/side-help.png) no-repeat;
	margin-left:-14px;
}
#helper {
	display:block;
	width:330px;
	height:115px;
	position:absolute;
	bottom:5px;
	margin:0 0 0 5px;	
	z-index: 90;	
	cursor:pointer;
	left:25px;
	background:#ebf6fa;
	border:1px solid #999;
	box-shadow:1px 1px 2px #CCCCCC;
	border-radius:4px;

	
}

 #side-helper:hover #helper, #side-helper:hover #helper:hover {
	
} 
/* FOOTER
----------------------------------------------*/
#footer {
	margin:30px 0 20px;	
	border-top: 1px #CCCCCC solid;
	padding:20px 0;
}
#footer p {
	font-size:0.8em;
	color:#666;
	line-height:1.1;	
}

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


p {
	font-size:1.2em;
	line-height:1.7;
	margin:0 20px 20px;	
	
}
li {
	font-size:1.2em;
	line-height:1.4;
	margin:0 20px 15px 40px;		
	
}

h2 {
 display:block;
 font-size:34px;
 font-family: 'Yanone Kaffeesatz', sans-serif;
 font-weight:400;
 color:#666666;
 letter-spacing:-1px;	
 line-height: 32px;
 padding:10px 0;
 border-top:1px #CCCCCC solid;
 border-bottom:1px #CCCCCC solid;
margin:15px 20px 25px;	
}

h3 {
 	color:#2189c0;
	margin:0 20px 10px;		
	line-height:1;
	 font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight:400;
	font-size:24px;
}

h4 {
	font-weight: normal;
	font-style:italic;	
	line-height:1.1;
	 font-family: 'Yanone Kaffeesatz', sans-serif;
	 font-weight:200;
	 margin:0 20px 20px;
	 font-size:26px;	
	
}
h5 {
	font-weight:100;
	font-size:16px;
	line-height:1;
	color:#666666;
	margin:0 20px 10px;	
	
}

h6 {
 display:block;
 font-size:18px;
 color:#377ca8;
 background: #e5f2fa;
 letter-spacing:-1px;	
 line-height: 24px;
 padding:20px 50px;
 border:1px #377ca8 solid;
margin:25px 20px 25px;	
}



blockquote {
	
	display:block;
 font-style: italic;
 border:1px solid#CCC;
  border-radius:4px;
  background:#ebf6fa;
  box-shadow:1px 1px 1px #F4F4F4;
   -moz-box-shadow:1px 1px 1px #F4F4F4;
	
}


blockquote p {
	font-size:1em;
	line-height:1.6;
	margin:0 20px 20px;	
	
}

ul.bullets-large li {
	font-size:18px;
	font-weight: bold;
	color:#195cad;
	margin-bottom: 0px;
	line-height:24px;
}

/* GRAPHIC STYLES
--------------------------------------------*/

.banner-order {
 display:block;	
 width:940px;
 height:182px;
 margin:20px 0 40px;
 background:url(../img/order-banner.png) no-repeat;
 text-indent:-9000px;
}

.banner-cream {
	display:block;
	width:354px;
	height:602px;
	background:url(../img/banner-cream.png) no-repeat;
	text-indent:-9000px;
	margin:0 0 10px 15px;
	
}
.border1 {
	border:1px solid #CCC;
	border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:1px 1px  #EEEEEE;
	margin:0 0 15px 0;
}

/* FORM
----------------------------------------------*/

.form-holder {
  border:1px solid#CCC;
  border-radius:4px;
  background:#ebf6fa;
  box-shadow:1px 1px 1px #F4F4F4;
  -moz-box-shadow:1px 1px 1px #F4F4F4;
  padding:20px 0;
  margin:0 20px;
	
}

.form-holder label {
	display:block;
	font-weight:bold;	
	line-height:1;
	margin:0 0 3px;
}
.form-holder input[type=text], .form-holder select {
	font-size:1.1em;
	padding:3px;
	color:#666;	
	border:1px solid #333;
	box-shadow: inset 1px 1px #CCCCCC;
}

.form-holder input.long {
	width:400px;
	}

.form-holder input.short {
	width:95px;
	}


.infusion-submit-button {
	text-align:center;
	width:342px;
	margin:0 0 10px 20px;
}

fieldset {
	clear:both;
	margin:0 0 15px;
	padding:0 0 15px;
	border-bottom:1px solid #c4dbe4;
	display:block;
}

fieldset legend {
	color:#2189c0;
	margin:0 20px 10px;		
	line-height:1;
	 font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight:400;
	font-size:28px;
	
}
.form-item-long {
	width:450px;
	margin:0 0 10px 20px;
	clear:both;
	
}
.form-item-short {
	width:100px;
	margin:0 0 10px 10px;
	float:left;
	
}
.form-item {
	width:220px;
	margin:0 0 10px 20px;
	float:left;
	
}

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

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


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

#row1.on {
    background-position: 0 0;
}
#row2 {
	 background: url(../img/basket-row2.png) no-repeat scroll 0 0px;
 	cursor: pointer;
	height:130px;
	width:600px;
	clear:both;
}


#row2.on {
    background-position: 0 -130px;
}

#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;
}


#summary-holder label {
    display: block;
    float: left;
    margin: 0 0 0 120px;
    padding: 45px 0 0;
    width: 30px;
}
.col-long {
    float: left;
    padding: 5px 0 0;
    width: 360px;
}
.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 120px;
	width: 465px;
	border-bottom: 1px solid #EFEFEF;
}
.total {
    background: none repeat scroll 0 0  #F3F3F3;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}

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

#summary-holder h4 {
	color: #333333;
	font-size: 20px;
	line-height: 1;
	margin: 0 20px 3px;
	font-weight:bold;
}

#summary-holder p {
    color: #333333;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 20px 5px;
}

#cartTerms p {
 font-size:0.9em;
 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;
	margin:0 0 20px 20px;
	line-height:1.4;
	
	}
li.formfieldlong {
	font-size:0.9em;
	}

.checkout-form li label {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 0 0;
    width: 90px;
}
#checkout-holder ul li input[type=text] {
	 font-size: 13px;
	 padding:3px;
	 border: 1px solid #666;
	 box-shadow: 1px 1px inset #CCC;
}
#checkout-holder ul li input.long {
	width:160px;	
}
.AuthorizeNetSeal {
	float:left;
	margin:0 10px 0 0;
	}
/*----------------------- 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:15px;
}
.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;}