/*
Theme Name: Version3-Cellulite
Author: LandingPageClassroom.com
Author URI: http://www.landingpageclassroom.com
*/

/* Reset */
*{ margin:0; padding:0;}
body{ font:12px Arial; text-align:center;}
a{ text-decoration:none; color: #0087DC;}
a:hover{ text-decoration:underline;}
ul{ margin:0; padding:0; list-style:none;}
img{ border:none;}

/* Layout */
#page{ margin:auto; padding-bottom:50px; width:960px; overflow:hidden;}
	#page .t{ overflow:hidden; height:16px;}
		#page .m .inner{ padding:0 3px; background: #fff; }
		#header{ width:960px; left:-3px; position:relative; padding-bottom:1px; height:333px; overflow:hidden; background:url(images1/header_bg.jpg) left top no-repeat;}
		#header h1{ position:absolute; top:7px; left:114px; width:253px; height:34px; font:12px Arial; text-align:left; color:#a1a1a1;}
		#header h1 a{ display:block; height:34px;}
		#header .asso{ display:none;}
		#page .banner{ overflow:auto; _zoom:1; padding-bottom:1px; height:234px;}
		#page .banner .text{ float:left; padding:48px 0 0 26px; width:316px; text-align:left;}
		#page .banner h2{ font:bold 28px Impact; color: #009CFD;}
		#page .banner h3{ padding-top:16px; font:12px/148% Arial; color:#222;}
		#page .banner .photo{ float:right; width:436px; height:100%; background:url(images1/banner_photo.jpg) no-repeat;}
		#page .introduce{ float: left; width: 704px; padding:18px 24px 0 20px; text-align:left; }
		#page .introduce h2{ padding-bottom:8px; font:28px Impact; color: #009CFD;}
		#page .introduce p{ line-height:148%; padding-bottom: 14px;}
		#content { width: 748px; text-align:left; background: #fff; }
		#content_main { width: 748px; float: left; }
		#page .mod{ float: left; clear: both; margin:auto; margin-top:16px; width:719px; margin-left: 20px; }
		#page .mod .t{ overflow:hidden; height:18px; background:url(images1/mod_t.jpg);}
		#page .mod .m{ overflow:auto; _zoom:1; border-left:1px solid #EEE; border-right:1px solid #EEE; background:none;}
		#page .mod .m .text{ float:left; margin-left:12px; _display:inline; width:500px; text-align:left; margin-right: 30px;}
		#page .mod .text .title{ height:100px;}
		#page .mod .text .title h2{ position:relative; float:left; padding-right:16px; overflow:hidden; width:96px; height:100px; font:bold 72px Arial; text-align:center;}
		#page .mod .text .title h2 .shadow{ position:absolute; z-index:99; top:-3px; left:-3px; display:block; width:96px; text-align:center; color:#FFF;}
		#page .mod .text .title h2 .level{ float:left; margin:-14px 0 0 0; display:block; width:93px; font:bold 12px Arial; text-align:center; color:#FFF; }
		#page .mod .text .title h3{ font:15px/248% Arial; color:#C5C5C5;}
		#page .mod .text .title h4{ font:bold 35px/100% Arial; }
		#page .mod .text p{ padding:10px 0 10px 0;}
		#page .mod .text p a{ font:14px Arial; color:#0087dc; text-decoration:underline;}
		#page .mod .text blockquote { padding-left: 10px; border-left: 3px solid #0086DB; margin: 20px 10px; }
		#page .mod .text ul { margin: 0px;}
		#page .mod .text ul li { list-style: disc outside; margin: 10px 20px;}
		#page .mod .photo .level{ padding-left: 15px; margin-top:8px; }
		#page .mod .photo .try{ margin:auto; margin-top:12px; overflow:hidden; width:164px; height:46px; text-align:left;}
		#page .mod .photo .try a{ margin:2px 0 0 2px; display:block; overflow:hidden; width:152px; height:34px;}
		#page .mod .b{ overflow:hidden; height:30px;}
		#footer{ float: right; width: 100%; clear: both; margin-top:12px; line-height:200%; color:#000;}
		#footer a{ color:#000;}
	#page .b{ overflow:hidden; height:16px;}
	.hentry{ text-align:left; margin:10px 20px 10px 20px;}
        .hentry p{padding-bottom: 14px;}
	.hentry a h4{ font-size:24px; color:#333; text-align:center; margin:10px 0 10px 0; text-align: left; }
	.article-clear{font-size:1px; margin:0 20px 0 20px; height:20px; border-bottom:#eee solid 1px; margin:0 auto;}


.notproduct{padding:0 20px 20px 20px;}
.navigation{text-align:center; clear:both; width:735px; margin:0 auto;}
	.navigation a{text-decoration:none;padding-top:10px; width:100px; display:block;color:#333333;}
	.navigation .alignleft{float:left; width:100px;}
	.navigation .alignright{float:right; width:100px;}

.alignright {float:right; margin:0 0 2em 2em; }
.alignleft {float:left; margin:0 2em 2em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* rating */
#winner { width: 100%; margin: 30px auto; font-size: 8px; display: block; }
#winner h1 { color: #bf006c; text-align: left; margin: 0px; padding-bottom: 3px; }
#winner .tdata { border: 1px solid #e3e3e3; text-align: left; font-size: 12px; }
#winner th { background: #f8f8f8; border-bottom: 1px solid #e3e3e3; padding: 10px 6px; }
#winner td { padding: 8px 6px; }
#winner .rank { text-align: left; font-weight: bold; padding-left: 15px; }

#footer_links { text-align: center; padding: 0px; margin: 0px;  }
#footer_text { font-size: 10px; line-height: 10px; padding: 20px 40px; text-align: center; }


.clear{ clear:both;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }  /* for IE/Mac */



/* menu */
#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 40px; 
}
#menu li {
	float: left;
	font: 100% Arial;
	line-height: 25px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333 url("/images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
	background: #0087DC url("/images/hover1.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}
	
#home_link { display: block;  width: 575px; height: 100px; }	
#updated { text-align: center; margin-top: -20px; margin-bottom: 10px; color: #a1a1a1; }

#top_review { float: left; margin-top: 10px; }
#top_review h2 { color: #a1a1a1; }
	
#sidebar { float: right; width: 170px; text-align: left; padding: 18px 20px 0px 0px; }
#sidebar li { line-height: 23px; list-style: none; margin-bottom: 15px; }
#sidebar li h2 { background: url('/images/sidebar_header.jpg'); width: 150px; height: 35px; line-height: 35px; color: white; padding-left: 20px; }
#sidebar ul { border: 1px solid #e3e3e3; font-weight: bold; padding: 0px 0px 12px 0px; }
#sidebar ul li { line-height: 14px; border-bottom: 1px solid #e3e3e3; width: 130px; padding: 6px 0px 6px 20px; margin: 0px auto; display: block; }