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

		@media only screen and (max-width:767px) {
			
		html { background:url(../images/tablet/pattern.jpg); }
		#wrap { width:320px; margin:0 auto; }
		.wrap { width:300px; font-size:11px; }
			
		#section1 { background:url(../images/mobile/section1.jpg) no-repeat center top; background-size:auto; height:916px; position:relative; }
		#section1 p { width:255px; font-size:13px; line-height:15px; float:left; margin:33px 0 0 20px; }
		#section1 span, p.warning span { font-size:14px; }
		#section1 h3 { width:100%; font-size:18px; margin:0; float:none; position:absolute; top:3px; left:0; }
		#section1 h3 span { font-size:12px; display:inline-block; }				
		#section1 form, #section9 form { width:293px; margin:306px 2px 0 0; padding-top:105px; }
		#section1 ul, #section9 ul, #sidebar ul { width:280px; margin-bottom:6px; }
		#section1 li, #section9 li, #sidebar li { padding:2px 0; }
		#section1 label, #section9 label, #sidebar label { width:80px; font-size:12px; line-height:26px; }
		#section1 input[type="text"], #section9 input[type="text"], #sidebar input[type="text"] { width:150px; height:26px; font-size:12px; }
		#section1 select, #section9 select, #sidebar select { width:170px; height:28px; font-size:10px; }
		#section1 input[type="submit"], #section9 input[type="submit"], #section5 a, #sidebar input[type="submit"], a.rushorder{ background-size:cover; width:220px; height:65px; border:0; display:block; margin:0 auto; }
		#section1 input[type="submit"]:hover, #section9 input[type="submit"]:hover, #section5 a:hover, #sidebar input[type="submit"]:hover, a:hover.rushorder { background-size:cover; }		
		#section1 img { display:block; position:absolute; top:270px; left:-30px; }
		
		#section2 { background:url(../images/mobile/section2.jpg) no-repeat center top; background-size:auto; height:746px; }
		#section2 ul, #section2 small { width:270px; font-size:10px; line-height:12px; clear:both; margin-left:15px; }
		#section2 ul { margin-bottom:4px; }
		#section2 li { line-height:12px; margin:2px 0 2px 12px; }
		#section2 small { background:#f6f1d3; width:260px; text-align:center; line-height:normal; font-size:10px; font-weight:bold; margin:0 auto; float:none; display:block; padding:6px 0; }
		#section2 dl { overflow:hidden; }
		#section2 dt { height:255px; padding-top:60px; }
		#section2 dt p, #section2 dd p { line-height:12px; margin:0 !Important; float:left; }		
		#section2 dt p { width:275px; padding:0 0 5px 10px; }		
		#section2 dd { padding-top:290px; }
		#section2 dd p { width:190px; padding:0 0 0 95px; }		
							
		#section3 { background:url(../images/mobile/section3.jpg) no-repeat center top; background-size:auto; height:724px; }
		#section3 p { width:280px; line-height:13px; font-size:11px; margin:0; padding:100px 15px 0; float:none; }
		#section3 a { background-size:cover; width:90px; height:25px; margin:516px 105px 0 0; }
		#section3 a:hover { background-size:cover; }
			
		#section4 { background:url(../images/mobile/section4.jpg) no-repeat center top; background-size:auto; height:265px; }
		#section4 ul { width:250px; margin:112px 0 0 25px; }
		#section4 li { line-height:11px; font-size:10px; padding-left:23px; margin:3px 0; }
		#section4 li:nth-child(3), #section4 li:nth-child(4) { margin-left:40px; }
		
		#section5 { background:url(../images/mobile/section5.jpg) no-repeat center top; background-size:auto; height:832px; }
		#section5 ul { width:270px; margin:28px 0 45px 15px; overflow:hidden; }
		#section5 li { background:url(../images/tablet/icon-blood.png) no-repeat left top; line-height:12px; font-size:12px; margin:4px 0; }
		#section5 p { width:270px; line-height:12px; margin:0 0 0 15px; padding:3px 0; }
		#section5 a { margin:0 0 0 40px; }	
		#section5 dt { height:328px; }
		#section5 dd { height:75px; padding-top:420px; }
		
		#section6 { background:url(../images/mobile/section6.jpg) no-repeat center top; background-size:auto; height:auto; clear:both; padding-top:75px; overflow:hidden; }
		#section6 .wrap { width:320px; }
		#section6 dl { background:url(../images/mobile/section6-bg.jpg) repeat-y center top; width:320px; height:auto; overflow:hidden; margin:0 auto; }
		#section6 h3 { font-size:22px; margin-bottom:5px; }
		#section6 li { width:190px !important; font-size:11px; line-height:normal; padding:0 0 0 75px; margin:0 0 10px 0!important; }	
		
		#section6 dt, #section6 dd { width:275px; padding:0; margin:0 0 0 25px; float:left; }		
		#section6 dt p, #section6 dd p { margin:0; padding:0; }
		#section6 dt ul, #section6 dd ul { width:275px; padding:0; margin:0; }
		#section6 dt li:nth-child(1) { background:url(../images/mobile/ingredient1.jpg) no-repeat left top; }
		#section6 dt li:nth-child(2) { background:url(../images/mobile/ingredient2.jpg) no-repeat left top; }
		#section6 dt li:nth-child(3) { background:url(../images/mobile/ingredient3.jpg) no-repeat left top; }
		#section6 dt li:nth-child(4) { background:url(../images/mobile/ingredient4.jpg) no-repeat left top; }
		#section6 dt li:nth-child(5) { background:url(../images/mobile/ingredient5.jpg) no-repeat left top; }		
								
		#section6 dd { text-align:left; }
		#section6 dd li { float:none; }
		#section6 dd li:nth-child(1) { background:url(../images/mobile/ingredient6.jpg) no-repeat left top; }
		#section6 dd li:nth-child(2) { background:url(../images/mobile/ingredient7.jpg) no-repeat left top; }		
		#section6 dd li:nth-child(3) { background:url(../images/mobile/ingredient8.jpg) no-repeat left top; }
		#section6 dd li:nth-child(4) { background:url(../images/mobile/ingredient9.jpg) no-repeat left top; margin-bottom:0; }		

		#section7 { background:url(../images/mobile/section7.jpg) no-repeat center top; background-size:auto; height:289px; }
		#section7 p { width:280px; line-height:14px; font-size:10px; margin:35px 20px 5px 20px; padding:0; }
		#section7 ul { width:280px; margin:0 0 0 25px; }
		#section7 li { width:130px; line-height:14px; font-size:10px; margin:1px 0; }
		#section7 li label { font-size:10px; }
		#section7 a { background-size:cover; width:150px; height:44px; margin:68px 45px 0 0; }
		#section7 a:hover { background-size:cover; }
		#section7 input { border:1px solid #CCC; }
		
		#section8 { background:url(../images/mobile/section8.jpg) no-repeat center top; background-size:auto; height:852px; }
		#section8 dt { height:360px; padding-top:80px; }
		#section8 dd { padding-top:6px; }
		
		#section8 ul { width:270px; margin:0 auto !important; float:none; overflow:hidden; }
		#section8 li { font-size:10px; line-height:11px; }
		#section8 p { margin:0; }

		#section8 dt li:nth-child(1), #section8 dd li:nth-child(1) { width:55px !important; margin:0 0 0 2px !important; padding:70px 0 0 0 !important; }
		#section8 dt li:nth-child(2), #section8 dd li:nth-child(2) { width:195px !important; margin:0 0 0 4px!important; } 
	
		#section9 { background:url(../images/mobile/section9.jpg) no-repeat center top; background-size:auto; height:946px; }
		#section9 form { margin-top:20px; }	
		
		a.rushorder { width:150px; height:44px; float:left; margin:120px 0 0 32px; }
		
		footer { padding-top:90px; }		
		footer p { line-height:8px !important; margin:0; padding:1px 0; }			
		
		.spaces1 { padding-top:160px; }
		.spaces2 { padding-top:125px !important; }
		.spaces3 { padding-top:140px !important; }
		
		.space1 div { position:relative; right:auto; top:auto; }
		.spaces1 div, .spaces2 div, .spaces3 div { width:100%; float:none; margin:0 0 10px 0; }
		
		.spaces2 div, .spaces3 div { margin-bottom:0; }
		
		.spaces1 img, .spaces2 img, .spaces2 img { max-width:80%; float:none; }
		.spaces1 div a, .spaces2 div a, .spaces3 div a { width:20px; float:none; text-align:center; display:inline-block; }				
		
		.spaces1 p, .spaces2 p, .spaces3 p { font-size:8px; line-height:12px; margin:2px 0; padding:2px 0; }
		
		#checkout { background:url(../images/mobile/checkout-middlecurve.jpg) repeat-y center top; } 
		#checkout-uppercurve { background:url(../images/mobile/checkout-uppercurve.jpg) no-repeat center top; }
		#checkout-lowercurve { background:url(../images/mobile/checkout-lowercurve.jpg) no-repeat center top; height:285px; margin:0; }
		
		.spaces2 { font-size:8px; line-height:12px; padding:180px 15px 0; }
		
		#content { width:280px; margin:110px 0 0 10px; }

		p.warning { width:270px; line-height:16px; font-size:10px; text-align:center; margin:30px 0 0 15px; }
		
		.seal { display:none; }
		
		dl.product { height:109px; margin:4px 0; }
		dl.product dt { font-size:9px; line-height:18px; text-indent:2px; }
		dl.product dd { padding:0 5px; }
		dl.product dd img { width:95px; }
		dl.product dd li:nth-child(1) { width:95px; margin-left:4px; }
		dl.product dd li:nth-child(2) { width:160px; }
		dl.product p { line-height:10px; font-size:9px; padding:0; margin:5px 0; }
		dl.product p small { font-size:9px; display:block; }
		dl.product h4 { font-size:12px; }	
		dl.product h4 small { font-size:9px; }
		dl.product h4 span { font-size:10px; }
		
		.bottle1 { margin-top:25px; }
		.bottle2 { margin-top:20px; }
		.bottle3 { margin-top:25px; }		
		.padd { padding-top:40px; }
		
		.box-shipping, .box-noshipping { background-size:cover; width:100%; }
		
		.product .label-radio { background:url(../images/mobile/radio.png); }
		.product label.r_on { background:url(../images/mobile/radio.png) no-repeat center bottom; }	
		
		.label-radio { width:276px; height:95px; left:0; top:0px; }	
		
		.total { background:url(../images/mobile/postal.png) no-repeat 10px #FFF; width:100%; height:inherit; background-size:auto; overflow:hidden; }
		.total table { line-height:11px; float:right; margin:2px 6px 0 0; }
		.total td { padding:4px 0; }
		
		#sidebar { margin-top:2px; }
		#sidebar p { line-height:16px; padding-top:100px; }
		#sidebar li { padding:6px 0; }
		#sidebar label { width:75px; }
		#sidebar input[type="text"].small { width:28px; }
		#sidebar select.small { width:48px; }	
		#sidebar input[type="submit"] { margin-bottom:20px; }
		#sidebar a { font-size:8px; }
		#sidebar img { width:58%; }
		#sidebar span small { padding:2px 25px; margin-bottom:2px; }		
		
		#sidebar .sidebarlong { background:url(../images/mobile/sidebar.png); background-size:auto; width:280px; height:600px; margin-right:10px; }		
		#sidebar .sidebarsmall { background:url(../images/mobile/sidebar-small.png); background-size:auto; width:280px; height:445px; margin-right:10px; margin-top:10px; }	
		
		#product-details { background:#FFF; background-size:auto; width:280px; border-radius:6px; overflow:hidden; padding:10px 0; border:1px solid #cfcfcf; }
		#product-details dl { padding:0 10px; overflow:hidden; }
		#product-details dt { width:280px; padding-top:0; padding-bottom:10px; float:none; margin:0 auto; }
		#product-details dt img { width:auto; display:block; float:none; margin:0 auto; }
		#product-details dd { width:250px; line-height:12px; float:none; margin:0 auto; }
		#product-details dd td { width:60%; font-size:11px; padding:2px 6px; }
		#product-details dd td:nth-child(2) { width:40%; text-align:right; }
		#product-details dd small { font-weight:normal; font-size:10px; }
		#product-details dd tr.space { border:none; }
		#product-details dd tr.total-border { border-top:1px solid #CCC; }
		
		.postal { background:url(../images/mobile/small-postal.jpg) no-repeat center bottom; width:95%; text-align:center; padding-left:0; line-height:12px; margin:25px auto 5px; padding-bottom:30px; }
		.postal span { display:block; }
		
		.disclaimer { font-size:10px; color:#000; line-height:10px; padding:5px 10px; }

		#confirmation { background:url(../images/mobile/confirmation-middlecurve.jpg) repeat-y center top; background-size:auto; }
		#confirmation-uppercurve { background:url(../images/mobile/confirmation-uppercurve2.jpg) no-repeat center top; padding-top:110px; background-size:auto; }
		#confirmation-lowercurve { background:url(../images/mobile/confirmation-lowercurve.jpg) no-repeat center top; height:297px; background-size:contain; }					
		
		#confirmation table { width:90%; margin:0 auto; }
		#confirmation td, #confirmation th { line-height:20px; vertical-align:top; }
			.billingadds strong { font-size:12px; }
			.totalprice { font-size:20px; }	
			.totalprice h5 { font-size:20px; }				
	}	