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

body{
	margin: 0px auto;
	text-align: center;
	background: #e8b36d;
	font: 12px Arial, Helvetica, sans-serif;
}

.wrapper{
	width: 820px;
	margin: 0px auto;
	background: #FFFFFF url(images/wrapper_bg_y.jpg) repeat-y;
}

	.innerContainer{
		width: 800px;
		margin: 0px auto;
		text-align: left;
	}

		.header{
			width: 800px;
			height: 92px;
			background: url(images/header_bg.jpg) no-repeat;
			position: relative;
		}
		
			.header .brand a{
				position: absolute;
				left: 57px;
				top: 9px;
			}
			
				.header .brand a{
					font-size: 48px;
					font-family: Century Gothic, Arial, Helvetica, sans-serif;
					color: #f8f06e;
					font-weight: bold;
					font-style: italic;
					text-decoration: none;
				}
			
			.header .blurb{
				color: #FFFFFF;
				font-weight: bold;
				font-style: italic;
				position: absolute;
				left: 22px;
				top: 66px;
			}
			
			.header .menu{
				width: 455px;
				height: 27px;
				position: absolute;
				left: 345px;
				top: 63px;
			}
			
				.header .menu td{
					text-align: center;
				}
				
				.header .menu a{
					color: #FFFFFF;
					font-size: 11px;
					font-weight: bold;
					text-transform: uppercase;
					text-decoration: none;
				}
				
				.header .menu a:hover{
					text-decoration: underline;
				}	
				
		.top_banner{
			width: 800px;
			height: 182px;
			background-image:url(images/top_banner.jpg);
		}
		
		.main{
			width: 800px;
			background: url(images/main_bg.jpg) top center no-repeat;
		}
		
			.leftColumn{
				width: 520px;
				margin-left: 10px;
			}
			
				.leftColumn h1, h2, p{
					margin: 0;
					padding: 10px;
				}
			
				.leftColumn h1{
					font-size: 18px;
					font-weight: bold;
					color: #ff9f47;
				}
				
				.leftColumn h2{
					font-size: 14px;
					font-weight: bold;
					color: #ffc600;
				}
				
				.leftColumn .superHeading{
					padding-bottom: 0;
				}
				
				.leftColumn .subHeading{
					padding-top: 0;
				}
				
				.leftColumn a{
					color: #ff9f47;
				}
				
				.leftColumn a:hover{
					color: #ffc600;
				}
				
				.leftColumn .bottom{
					width: 496px;
					height: 170px;
					background:url(images/leftColumn_bottom_bg.jpg) top no-repeat;
					margin: 15px 0 0 0;
				}
				
					.leftColumn .bottom td{
						width: 50%;
					}
					
					.leftColumn .bottom .clinical{
						text-align: right;
					}
					
					.leftColumn .bottom .guarantee{
						text-align: left;
					}
			
			.rightColumn{
				width: 242px;
				float: right;
				margin-right: 20px;
				#margin-right: 10px;
				text-align: center;
			}
				
				.rightColumn .order_box{
					width: 242px;
					height: 260px;
					background:url(images/order_box_bg.jpg) no-repeat;
					position: relative;
					text-align: left;
				}
				
					.rightColumn .order_box .price{
						width: 146px;
						height: 65px;
						font-size: 24px;
						font-weight: bold;
						color: #c4bd50;
						position: absolute;
						left: 89px;
						top: 56px;
					}
					
					.rightColumn .order_box .button{
						width: 219px;
						height: 80px;
						position: absolute;
						left: 10px;
						top: 144px;
					}
				
				.rightColumn p{
					color: #999999;
					font-size: 11px;
					text-align: right;
				}
			
		.footer{
			width: 800px;
			background: #e7e7e7;
			color: #777777;
			text-align: center;
			clear: both;
		}
			
			.footer p{
				margin: 0;
				padding: 10px;
			}
			
			.footer a{
				color: #777777;
				text-decoration: none;
			}
		
			.footer a:hover{
				text-decoration: underline;
			}
			
		.bottom{
			width: 820px;
			height: 10px;
			background: url(images/wrapper_bottom.jpg) bottom no-repeat;
		}