/* Reset and clearfix */
/**********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
em{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a { outline: none; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}



/* General ***********/
/*********************/

html { background: url("images/header_bg.jpg") 50% 0 no-repeat #F6F6F6;}

h1{ 
	font-family: 'ShantiRegular',Arial,sans-serif;
	color: #313131;font-size: 26px;}
h2{ 
	font-family: 'ShantiRegular',Arial,sans-serif;
	color: #313131;font-size: 20px;}

body{
	font-family: 'Lato', sans-serif;
	font-size:15px;
	color:#313131}	
  
@font-face {
    font-family: 'ShantiRegular';
    src: url('font/Shanti-Regular-webfont.eot');
    src: url('font/Shanti-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Shanti-Regular-webfont.woff') format('woff'),
         url('font/Shanti-Regular-webfont.ttf') format('truetype'),
         url('font/Shanti-Regular-webfont.svg#ShantiRegular') format('svg');
    font-weight: normal;
    font-style: normal; }	
	
/* Main ***********/
/******************/
div ul li{
	background: url("images/sprite.png") no-repeat scroll -839px -456px transparent;
    padding-left: 41px;}

.wrapper { 
	padding: 0;
	margin: 0;
	background:url("images/footer_bg.jpg") 50% 100% no-repeat; }	

	.wrapper  > div{
		margin:0 auto;
		width: 960px;}
		
	.wrapper  .btn{
		background: url("images/sprite.png") no-repeat;
		text-align: center; 
		line-height: 14px;}
		
		.wrapper  .btn a{
			height:100%;
			width:100%;
			display:block;
			text-decoration:none;
			font-family: 'ShantiRegular',Arial,sans-serif;
			color:#ffffff;font-size:40px;
			text-shadow:0 0.5px 0 #8e6107;}
			
			.wrapper  .btn a span{display:block;}
			
	.wrapper  .header{
		background-color: inherit;
		position:relative;
		height: 590px;}

			.wrapper  .header .logo{
				background: url("images/sprite.png") no-repeat -789px -7px;
				color: #FFFFFF;
				font-family: 'ShantiRegular',Arial,sans-serif;
				font-size: 30px;
				height: 82px;
				line-height: 58px;
				padding-left: 114px;}
				
				.wrapper  .header .logo p{
					color:#f2f2f2;
					font-size:19px;
					float:right;
					margin-top: 5px;
					margin-right: 80px;
					position:relative;
					*line-height:1em;
					*top:-40px;}
						
			.wrapper  .header .health{ 
				margin-top: 25px;
				text-align: center;
				width: 100%;}	
				
				.wrapper  .header .health p{
					font-size:21px;
					color:#17a4c2;
					font-family: 'ShantiRegular',Arial,sans-serif;}	
					
					.wrapper  .header .health .bigger{
						font-size:32px;						
						text-transform:uppercase;
						color:#313131}	
						
			.wrapper  .header .upTo{
				background: url("images/sprite.png") no-repeat scroll -15px -8px transparent;
				color: #FFFFFF;
				font-family: 'ShantiRegular',Arial,sans-serif;
				font-size: 18px;
				height: 83px;
				line-height: 26px;
				padding-left: 16px;
				padding-top: 20px;
				position: absolute;
				right: 42px;
				top: 179px;
				width: 80px;}
					
					.wrapper  .header .upTo span{
						display: block;
						float: left;
						margin-top: 3px;
						*margin-top: 0px;}
					
					.wrapper  .header .upTo .sixty{									
						font-size: 38px;
						font-family: 'Lora',serif;
						*line-height:30px}
						
					.wrapper  .header .upTo .percent{
						font-size: 20px;
						line-height: 12px;
						width: 20px;
						font-family: 'Lora',serif;
						*line-height:16px;}
						.wrapper  .header .upTo .percent span{color:#efefef;font-size:12px}
					.wrapper  .header .upTo .storewide{
						display: block;
						float: none;
						font-size: 12px;
						position: relative;
						text-align: center;
						top: 4px;}		
						
		.wrapper  .header .benefits{
			width: 602px;
			margin-top: 95px;
			float:right;}
			
			.wrapper  .header .benefits ul{*margin-bottom:35px;}
				.wrapper  .header .benefits li{
					line-height: 22px;
					margin-bottom: 20px;
					color: #443202;
					float: left;
					font-size: 17px;
					height: 55px;
					margin-right: 40px;
					padding-left: 41px;
					text-shadow: 0 0.5px 0 #68bfd2;
					width: 217px;}
				
				.wrapper  .header .benefits .genuine{
					background-position: -839px -608px;
					border-bottom: 1px solid #84CAD8;}
				.wrapper  .header .benefits .shipping{
					background-position:-839px -455px;
					border-bottom: 1px solid #84CAD8;}
				.wrapper  .header .benefits .security{background-position:-839px -679px;}
				.wrapper  .header .benefits .support{background-position:-839px -526px}
					.wrapper  .header .benefits li span{
						display:block;
						font-size:15px;
						color:#ffffff;
						text-shadow:0 0.5px 0 #127a8f}
			.wrapper  .header .btn_wrap{margin-left: 145px;}		
				.wrapper  .header .btn{ 			
					background-position: -149px -6px;
					height: 67px;
					line-height: 63px;
					width: 258px;}
					
				.wrapper  .header .btn:hover{background-position: -149px -79px;}	
								
				.wrapper  .header .benefits .btn_wrap .savebig{	
					color:#313131;
					font-family: 'ShantiRegular',Arial,sans-serif;
					font-size:19px;}
				
			.wrapper  .best_selling{ 
				background:#FFFFFF;
				border: 1px solid #E4E4E4;
				margin-bottom:25px;
				padding: 0;
				position:relative;
				width: 960px;}
				
				.wrapper  .lp_body  .best_selling > p{
					border-bottom: 1px solid #E0E0E0;
					color: #313131;
					font-family: 'ShantiRegular',Arial,sans-serif;
					font-size: 26px;
					margin-bottom: 30px;
					margin-left: 14px;
					margin-top: 10px;
					padding-bottom: 10px;
					padding-left: 7px;
					width: 920px;	}
					
				.wrapper  .best_selling > div{
					height: 123px;
					width: 960px;}
					
						.wrapper  .best_selling div > ul li{
							background:none;
							float: left;
							color:#3b3b3b;
							font-family: 'ShantiRegular',Arial,sans-serif;
							font-size:17px;
							margin-left: 56px;
							margin-top: 10px;
							width: 80px;}	
							
						.wrapper  .best_selling div p{
							text-align: center;
							margin-bottom: 5px;}	
							
						.wrapper  .best_selling div span{
							display: block;
							height: 76px;
							width: 78px;
							margin: 0 auto;
							background:url(images/sprite.png) no-repeat;}
							
						.wrapper  .best_selling .viagra span{background-position:-24px -213px}
						.wrapper  .best_selling .levitra span{background-position:-173px -213px}
						.wrapper  .best_selling .diflucan span{background-position: -325px -215px;}
						.wrapper  .best_selling .prozac span{background-position: -487px -213px;}
						.wrapper  .best_selling .cialis span{
							background-position: -636px -213px;
							width: 83px;}
						.wrapper  .best_selling .cleocin span{background-position: -797px -213px;}
							.wrapper  .best_selling .jcarousel-prev, .wrapper  .best_selling .jcarousel-next{
								background: url("images/sprite.png") no-repeat scroll -40px -333px transparent;
								height: 30px;
								position: absolute;
								cursor:pointer;
								right: 60px;
								top: -67px;
								width: 30px;}
							.wrapper  .best_selling .jcarousel-prev{}	
							.wrapper  .best_selling .jcarousel-prev:hover{background-position:-41px -379px}
							.wrapper  .best_selling .jcarousel-next{
								right: 20px;
								background-position:-78px -333px;}
							.wrapper  .best_selling .jcarousel-next:hover{background-position: -79px -379px;}	
						
	.wrapper  .lp_body{ display: block;}
		
		.wrapper  .lp_body .left{
			float: left;
			padding-right: 20px;
			width: 700px;}		
		
			.wrapper  .lp_body h1{
				color: #313131;
				font-size: 26px;
				margin:15px 0;}
				
			.wrapper   .lp_body p{
				margin-bottom: 15px;
				line-height: 23px;}
				
				.wrapper  .lp_body p span{
					color:#0c8dc1;
					text-decoration:underline}
					
			.wrapper  .lp_body ul{
				margin-bottom: 35px;}
				
				.wrapper  .lp_body ul li{
					 background-position: -849px -816px;
					margin-bottom: 12px;
					padding-left: 20px;
					color:#3b3b3b;}
			
			.wrapper  .lp_body h2{
				margin: 30px 0 10px;}
				
				.wrapper  .lp_body .btn{
					background-position: -476px -7px;
					height: 58px;
					line-height:50px;
					margin-bottom: 40px;
					width: 229px;
					padding-left: 2px;
	}
					
				.wrapper  .lp_body .btn:hover{background-position: -477px -72px;}	
					.wrapper  .lp_body .btn a{}
			
			.wrapper  .lp_body .right{
				border-left: 1px solid #D7D7D7;
				float: left;
				/* margin-left: 32px; */
				padding-left: 20px;
				width: 211px;}		

				.wrapper  .lp_body .right .testimonials, .wrapper  .lp_body .right .tags{width: 218px;}
				
					.wrapper  .lp_body .right .testimonials p{
						font-size:16px;
						font-style:italic;
						font-weight:bold;
						color:#4c4c4c;	}
						.wrapper  .lp_body .right .testimonials p span{
							text-decoration:none;
							color:#4c4c4c;
							font-size:13px;
							font-style:italic;
							display:block}
							
					.wrapper  .lp_body .right .testimonials #nav{
						background: none repeat scroll 0 0 #FFFFFF;
						bottom: -6px;
						height: 17px;
						left: 89px;
						position: absolute;
						width: 56px;}	
						.wrapper  .lp_body .right .testimonials #nav a{
							background: url("images/sprite.png") no-repeat -52px -752px;
							display: block;
							float: left;
							height: 14px;
							text-indent: -960em;
							width: 13px;
							margin-left: 4px;}
							
						.wrapper  .lp_body .right .testimonials #nav .activeSlide{background-position:-21px -752px;width: 15px;height:16px;}
							.wrapper  .lp_body .right .bigPills{
						position: relative;
						height: 155px;
						margin-bottom:60px}
						
						.wrapper  .lp_body .right .bigPills div{background:url("images/sprite.png") no-repeat}
						
						.wrapper  .lp_body .right .bigPills .image{
							background-position: -193px -341px;
							height: 149px;
							margin-left: 20px;
							margin-top: 109px;
							width: 183px;}
							
						.wrapper  .lp_body .right .bigPills .upTo{
							background-position: -22px -326px;
							color: #efefef;
							font-size: 18px;
							height: 83px;
							left: -15px;
							line-height: 22px;
							padding-top: 24px;
							position: absolute;
							text-align: center;
							top: 50px;
							width: 95px;
							font-family: 'Lora',serif;}
							
							.wrapper  .lp_body .right .bigPills .upTo span{
								display: block;
								float: left;}
							
							.wrapper  .lp_body .right .bigPills .upTo .sixty{									
								font-size: 34px;
								margin-left: 16px}
								
							.wrapper  .lp_body .right .bigPills .upTo .percent{
								font-size: 14px;
								line-height: 12px;
								width: 20px;}
								.wrapper  .lp_body .right .bigPills .upTo .percent span{font-size: 10px;}
							.wrapper  .lp_body .right .bigPills .upTo .storewide{
								display: block;
								float: none;
								font-size: 12px;
								position: relative;
								text-align: center;
								top: 4px;}	
				
	.wrapper  .footer { height:82px;}
		
			.wrapper  .footer .logo{
				background: url("images/sprite.png") no-repeat scroll -835px -323px transparent;
				color: #FFFFFF;
				font-family: 'ShantiRegular',Arial,sans-serif;
				font-size: 25px;
				height: 82px;
				line-height: 92px;
				padding-left: 68px;
}
				
				.wrapper  .footer .logo p{
					color: #F2F2F2;
					float: right;
					font-family: 'Lato',sans-serif;
					font-size: 15px;
					line-height: 25px;
					margin-right: 80px;
					margin-top: 49px;
					position:relative;
					*line-height:1em;
					*margin-top: 0px;
					*top:-33px}