/* CSS Document */

body {
	background:url(../images/landing/background.jpg);
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.9em;
	line-height:1em;
}
h2 {
	font-size:1.5em;
	line-height:1em;
}
h4 {
	text-align:left;
	font-size:1.1em;
	margin-bottom:10px;
}
.color_blue {
	color:#5281c6;
}
.color_red {
	color:#fe0000;
}
.margin_top {
	margin-top:20px;
}
.margin_top_10 {
	margin-top:10px;
}
.al_center {
	text-align:center;
}
.al_left {
	text-align:left;
}
.al_right {
	text-align:right;
}

.bamboo_bckg {
	width:100%;
}
.main, .checkout {
	width:900px;
	background:#dae8ed;
	border-left:3px solid #769ab3;
	border-right:3px solid #769ab3;
	border-bottom:3px solid #769ab3;
	margin: 0 auto;
}
.main .section01 {
	background:url(../images/landing/section01.jpg) no-repeat;
	height:505px;
}
	.main .section01 .form {
		width:280px;
		float:right;
		margin-right:18px;
		font-size:.75em;
	}
	.main .section01 .form.part01 {
		margin-top:170px;
	}
	.main .section01 .form .container1, .checkout .section01 .form .container1 {
		padding:0 20px;
		text-align:center;
	}
	.main .section01 .form .container1 p {
		margin-bottom:10px;
		text-align:left;
	}
	.main .section01 .form .container1 label, .checkout .section01 .form .container1 label {
		float: left;
		/*font-weight: bold;*/
		margin-right: 10px;
		text-align: right;
		width: 70px;
	}
.main .section02 {
	background:url(../images/landing/section02.jpg) no-repeat;
	height:310px;
}
	.main .section02 ul {
		position:absolute;
		width:265px;
        margin: 120px 0 0 15px;
		font-size:.9em;
	}
	.main .section02 li {
		margin-bottom:8px;
	}
	.main .section02 li strong {
		color:#005aab;
	}
	.main .section02 .natural {
		position:absolute;
		margin:-15px 0 0 430px;
		z-index:10;
	}
	.main .section02 .panel {
		position:absolute;
		width:425px;
		height:260px;
		background:#FFF;
		margin:18px 0 0 474px;
	}
	.main .section02 .panel .container1 div {
		position:absolute;
	}
.info {
	border:3px solid #3975c5;
	background:url(../images/landing/background-towelette.jpg);
	float:left;
	-moz-border-radius: 1.2em;
	-webkit-border-radius: 1.2em;
	border-radius: 1.2em;
	height:290px;
	font-size:.9em;
}
.info .content {
	padding:20px;
}
.info .content h2 {
	color:#0849aa;
}
.info .content p {
	margin-bottom:10px;
}
.info.one {
	width:549px;
	margin-left:13px;
}
	.info.one .bckg_image {
		background:url(../images/landing/hands.png) no-repeat -15px 65px;
		height:290px;
	}
	.info.one .content ul {
		margin-left: 155px;
		position:absolute;
		width:350px;
	}
	.info.one .content li {
		margin-bottom:8px;
	}
.info.two {
	width:304px;
	margin-left:10px;
}
.overlap {
	position:absolute;
}
.overlap.arrow {
	background:url(../images/landing/overlap-arrow.png) no-repeat 0 0;
	width:23px;
	height:101px;
	margin:409px 0 0 -23px;
}
.overlap.arrow_blue {
	background:url(../images/landing/overlap-arrow-blue.png) no-repeat 0 0;
	width:643px;
	height:161px;
	margin:555px 0 0 -23px;
    z-index: 10;
}
.discount-badge{
    position: absolute;
    top: 70px;
}
.overlap.photo {
	background:url(../images/landing/overlap-photo.png) no-repeat 0 0;
	width:25px;
	height:211px;
	margin:0 0 0 -25px;
}

/*--CHECKOUT--*/

.checkout {
}
.checkout .section01 {
	background:url(../images/landing/checkout-section01.jpg) #FFF no-repeat 0 0;
}

.checkout .section01 .swish {
	background:url(../images/landing/checkout-section02.png) no-repeat bottom;
    height: 750px;
    position: relative;
}
.checkout .section01 .form {
    position: fixed;
	border-left:3px solid #3975c5;
	border-right:3px solid #3975c5;
	border-bottom:3px solid #3975c5;
	background:url(../images/landing/background-towelette.jpg);
	float:right;
	-moz-border-radius-bottomright: 1.2em;
	-moz-border-radius-bottomleft: 1.2em;
	-webkit-border-bottom-right-radius: 1.2em;
	-webkit-border-bottom-left-radius: 1.2em;
	border-bottom-right-radius: 1.2em;
	border-bottom-left-radius:1.2em;
	font-size:.75em;
	margin:0 20px 20px 570px;
}
.classic-input{
    width: 150px;
}
	.checkout .section01 .form.complete {
		margin-bottom:100px;
	}
.checkout .section01 .form .form_header {
	margin-bottom:20px;
}
.checkout .section01 .form .container1 {
	padding-bottom:15px;
}
.checkout .section01 .form .container1 h4 {
	font-size:1.4em;
}
.checkout .section01 .form .container1 p {
	margin-bottom:5px;
	text-align:left;
}
.checkout .section01 .form .container1 label {
	width:100px;
}
.checkout .section01 .breakdown {
	position:absolute;
    width: 560px;
    margin: 158px 0 0 15px;
}
	.checkout .section01 .breakdown .title {
		text-align:right;
		margin-bottom:10px;
        margin-right: 15px;
	}
	.checkout .section01 .breakdown .table {
		border:1px solid #5281c6;
		font-size:.9em;
        margin-right: 15px;        
	}
	.checkout .section01 .breakdown .table th {
		background:#5281c6;
		color:#FFF;
		padding:10px;
	}
	.checkout .section01 .breakdown .table tr.total {
		background:#e4e4e4;
		border-top:1px solid #5281c6;
	}
		.checkout .section01 .breakdown .table tr.total td {
			padding:15px;
			font-weight:bold;
			font-size:1.1em;
		}
.list-img{
    float: left;
    display: inline-block;
    margin-right: 20px;
}
	.checkout .section01 .breakdown .table td {
		padding:10px;
	}
	.checkout .section01 .breakdown .table td.border_col {
		border-right:1px solid #5281c6;
	}
	.checkout .section01 .breakdown .table td h4{
        margin-top: 5px;
    }
	.checkout .section01 .breakdown .table td h4, .checkout .section01 .breakdown .table td p {
		margin-bottom:0;
	}
	.checkout .section01 .breakdown .note {
		border: 1px solid #5281C6;
        margin: 10px 15px 10px 0px;
        padding: 10px; 
        background-color: #fffc0e;        
	}
	.checkout .section01 .breakdown .note p {
        margin: 0px;
        padding: 0px; 
        font-size: 16px;
        line-height: 22px;
        color: #000;
	}
	.checkout .section01 .breakdown .note a{
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }
	.main_note {
        display: none;        
		border: 1px solid #5281C6;
        margin: 10px;
        padding: 10px; 
        background-color: #fffc0e;        
        text-align: center;
	}
	.main_note p {
        margin: 0px;
        padding: 0px; 
        font-size: 16px;
        line-height: 22px;
        color: #000;
	}
	.main_note a{
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }
	.checkout .section01 .breakdown .monthly {
		margin-top:15px;
		font-size:.8em;
	}
	.checkout .section01 .breakdown .monthly h3 {
		color:#5281c6;
		font-weight:normal;
		font-size:1.4em;
		margin-bottom:5px;
	}
.checkout .footer {
	padding:60px 20px 10px;
	font-size:.7em;
}
.checkout .footer p {
	margin:0;
}

.page_footer {
	background:#769AB3;
	color:#FFF;
	padding:10px 20px;
	font-size:.9em;
	width:866px;	
	margin: 0 auto;
	text-align:center;
}
.page_footer a {
	text-decoration:none;
	color:#FFF;
}
.page_footer a:hover {
	text-decoration:underline;
}