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

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:16px;}
a{color:#666; text-decoration:underline;}
a:hover{text-decoration:none;}
p{color:#666; font-size:12px; padding:5px 0; line-height:16px;}
ul{color:#666; font-size:12px; line-height:16px;}
input, textarea, code, select{font-family:Arial, Helvetica, sans-serif; color:#666; outline:none; font-size:12px; vertical-align:middle;}

h1{}
h2{}
h3{}
h4{}
h5{}

/*=====Common CSS=====*/
.title{float:left; width:100%; height:42px; background:url(../images/title_bg.png) right bottom no-repeat;}
.title h2{height:42px; padding:0 18px; background:url(../images/title_bg.png) left top no-repeat; font-size:28px; line-height:42px; color:#fff;}
/*=====Common CSS=====*/

.content_width{width:970px; margin:0 auto;}
#header{float:left; width:970px; height:182px;}
#header .logo{float:left; margin:25px 0 0;}
#header .social_member{float:right; padding:0 95px 0 0;}
#header a.become_a_member{float:right; width:176px; height:39px; background:url(../images/become_a_member.png) 0 0 no-repeat; font-size:0; line-height:999px; overflow:hidden;}
#header a.become_a_member:hover{background:url(../images/become_a_member.png) 0 -39px no-repeat;}
#header a.facebook{float:right; width:79px; height:30px; background:url(../images/social_sites.png) right no-repeat; margin:7px 10px 0 0; display:inline; font-size:0; line-height:999px; overflow:hidden;}
#header a.twitter{float:right; width:77px; height:30px; background:url(../images/social_sites.png) left no-repeat; margin:7px 0 0 0; display:inline; font-size:0; line-height:999px; overflow:hidden;}


#footer{float:left; width:970px; font-size:11px; color:#000; text-align:center; border-top:1px solid #666666;}
.cart_navi{float:right; clear:right; margin-top:17px; width:590px;}
.cart_navi .cart{float:right; width:30px; height:40px; background:url(../images/icon_cart.png) center 7px no-repeat; text-align:center;}
.cart_navi .cart p{font-weight:bold; font-size:16px; font-weight:bold; padding:0 3px 12px 0; text-align:center;}
.cart_navi .cart span{font-size:8px; color:#999;}

.navi{}
.info_box{float:left; clear:right; width:483px; background:url(../images/info_box.png) right repeat-y; margin:7px 0 0 10px;}
.info_box .top{float:left; width:483px; height:6px; overflow:hidden; background:url(../images/info_box.png) 0 0 no-repeat;}
.info_box .bottom{float:left; width:483px; height:6px; overflow:hidden; background:url(../images/info_box.png) 0 -6px no-repeat;}
.info_box p{text-align:center; padding:3px 0; font-size:15px; color:#000; clear:both; line-height:18px;}
.info_box p a{color:#3366ff;}
.info_detail_pg p{float:left; width:355px;}
.info_detail_pg a.signup{color:#3366ff; font-size:24px; font-weight:bold; float:right; margin:10px 25px 0 0; display:inline; line-height:24px;}

#content{float:left; width:970px;}
.most_pop{width:465px; margin-bottom:20px;}
.most_pop .most_pop_content{border:1px solid #ececec; width:465px; height:300px; float:left;}
p.note{font-size:18px; color:#666; font-weight:bold; clear:both; padding:8px 15px;}
p.note a{color:#6666ff;}

.kit_row{float:left; width:970px; margin:5px 0;}
.kit_row .kit_box{
	margin-right:11px;
}
.kit_row .kit_box_last{margin-right:0;}
.kit_box{
	float:left;
	width:234px;
}
.kit_box .top{width:100%; height:10px;  overflow:hidden; clear:both;}
.kit_box .bottom{width:100%; height:10px; overflow:hidden; clear:both;}
.kit_box .kit_box_content{
	width:100%;
	height:160px;
	
	clear:both;
}
.kit_box h3{font-size:22px; color:#666; text-align:center; clear:both; font-weight:bold; padding:10px 0;}
.kit_box h3 a{color:#666; text-decoration:none;}

.custom_kit{float:left; width:480px; margin-right:12px; margin-bottom:20px;}
.custom_kit_box{
	float:left;
	width:480px;
	height:160px;
	background-image: url(../images/build-your-kit-home.jpg);
	background-repeat: no-repeat;
}
.custom_kit h3{font-size:22px; color:#666; text-align:center; clear:both; font-weight:bold; padding:10px 0;}
.custom_kit h3 a{color:#666; text-decoration:none;}

.kit_color{float:left; width:233px; margin-right:12px;}
.kit_color h3{font-size:22px; color:#666; text-align:center; clear:both; font-weight:bold; padding:10px 0;}
.kit_color h3 a{color:#666; text-decoration:none;}
.kit_color_box{float:left; width:233px; height:110px; padding:50px 0 0 0; color:#fff; font-size:22px; line-height:25px; font-weight:bold; background:url(../images/kit_color_box.png) 0 0 no-repeat; text-align:center;}
.kit_blue_box{margin:0;}
.kit_blue_box .kit_color_box{background:url(../images/kit_color_box.png) -233px 0 no-repeat;}

.video_channel{float:left; width:646px;}
.video_channel .title{margin-bottom:5px;}
.video_channel .vid_holder{float:left; width:646px; height:392px; margin-bottom:13px;}

.social_feeds{float:right; width:305px;}
.social_feeds .title{margin-bottom:5px;}
.social_feeds .sf_box{float:left; width:305px; margin-bottom:20px;}
.social_feeds .sf_content{float:left; width:303px; border:1px solid #f3f3f3; height:303px;}

/*============================kit_detail_page.html START==================================*/
.left_col{float:left; width:724px;}
.pro_img_box{float:left; width:724px; height:565px; position:relative;}
.best_value{background:url(../images/best_value_tag.png) 0 0 no-repeat; width:136px; height:92px; padding-top:5px; text-align:center; position:absolute; top:0; left:60px; font-size:34px; color:#fff; font-weight:bold; line-height:35px;}
.pro_price{float:left; font-size:22px; line-height:30px; color:#000; width:245px;}
.pro_price .you_pay{font-size:28px; color:#3366ff;}
.pro_price p{font-size:16px; font-weight:bold; color:#000; padding:0; line-height:30px;}
.pro_price p strong{font-size:34px; display:block; padding-top:18px;}
.pro_detail_box{float:right; width:463px;}
.pro_detail_box .top{float:left; width:463px; height:10px; overflow:hidden;}
.pro_detail_box .bottom{float:left; width:463px; height:10px; overflow:hidden;}
.pro_detail_content{right repeat-y; padding:20px 30px;}
.pro_detail_box h4{font-size:20px; font-weight:bold; color:#000; line-height:25px;}
.pro_detail_box p, .pro_detail_box ul{font-size:16px; font-weight:bold; color:#000;}
.pro_detail_box p{padding:27px 0 10px 70px;}
.pro_detail_box ul li{padding:6px 0 6px 70px; background:url(../images/bullet_li.png) 35px 13px no-repeat;}

.right_panel{float:right; width:233px;}
.right_panel .title{margin-bottom:10px;}
.right_panel .kit_box, .right_panel .kit_color{margin-bottom:10px; margin-right:0;}
/*============================kit_detail_page.html END====================================*/

/*============================how_it_works.html START====================================*/
p.offer{font-size:17px; color:#666; text-align:center; line-height:20px; padding:15px 0 20px; clear:both;}
.work_steps_wrapper{float:left; background:url(../images/divider_steps.gif) 241px 0 repeat-y; padding-bottom:5px;}
.works_step_box{float:left; width:241px;}
.works_step_box .step_num{width:50px; height:50px; background:url(../images/step_num.png) no-repeat; text-align:center; color:#fff; font-size:33px; font-weight:bold; text-align:center; line-height:50px; margin:0 auto;}
.works_step_box h4{color:#0099ff; text-align:center; font-weight:bold; font-size:17px; line-height:20px; padding:10px 0;}
.works_step_box span{text-align:center; display:block; font-size:11px; color:#000;}
.works_step_box .step_img{width:241px; clear:both; text-align:center; margin-top:25px;}
.works_step_box h5{font-size:17px; color:#0099ff; text-align:center; line-height:20px;}
.works_step_box p.step2note{color:#666; font-size:10px; line-height:12px; text-align:center; padding:5px 10px;}
.works_step_box p.step2note a{color:#0099ff; font-weight:bold;}
.works_step_box a.place_your_order{width:175px; height:175px; background:url(../images/step_img_3.jpg) 0 0 no-repeat; display:block; margin:90px auto; text-decoration:none;}
/*============================how_it_works.html END======================================*/

/*============================faq.html START======================================*/
.faq_pg{padding:20px 20px; clear:both;}
.faq_pg p{font-size:17px; color:#666; padding:5px 0 10px; clear:both; line-height:20px;}
.faq_pg p a{color:#0099ff;}
.faq_pg h3{color:#0066cc; font-weight:bold; font-size:17px; padding:10px 0 5px;}
.faq_pg h3 a{color:#0066cc;}
/*============================faq.html END========================================*/

/*============================about_us.html START========================================*/
.build_kit_wrapper{margin:20px 0; clear:both; background:url(../images/divider_build_kit.gif) 240px 0 repeat-y; float:left; width:970px;}
.build_kit_col{float:left; width:232px; padding-left:10px;}
.build_kit_col h3{font-size:22px; color:#0099ff; font-weight:bold; line-height:22px; padding-bottom:15px; text-align:center;}
.kit_list{clear:both; height:62px; width:220px;}
.kit_list:hover{ background: #CEEBFB; }
.kit_list .sel_box{float:left; width:20px; height:20px; margin:22px 0 0;}
.kit_list .kit_pic{float:left; width:60px; height:60px; background:#666; margin:0 10px 7px; display:inline;}
.kit_list p{font-size:12px; color:#000; padding:0;}
.kit_list p strong{display:block;}
/*============================about_us.html END==========================================*/
#PriceMembership {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009933;
	text-decoration: none;
	text-align: right;
	width: 80px;
	position: absolute;
	left: 750px;
}
#PriceMembership_01 {
	width: 120px;
	position: absolute;
	top: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #009933;
	text-decoration: none;
	left: 909px;
}
#blueband {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #148ecf;
	background-image: url(../images/blue_band.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 960px;
	padding-left: 20px;
}
#RegularPrice_Fnt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	float: right;
	width: 50px;
	padding-top: 4px;
	padding-right: 5px;
	margin-right: 12px;
}
#Regular_Priceh2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	float: right;
	width: 130px;
	padding-top: 14px;
	padding-right: 15px;
}

