@charset "utf-8";
/* Common */

*{ margin:0; padding:0;}
body{ background:#fff url(../img/bg_main.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#464646;}
article, aside, figure, footer, header, hgroup, menu, nav, section{ display:block;}
a{ outline:none; text-decoration:none;}
img, img a{ border:0;}
.fl{ float:left;}
.fr{ float:right;}
.clr{ clear:both;}
.container{ width:1000px; margin:auto;}

/* Header */
header{ width:100%; position:relative;}
header .logo{ float:left; margin:1px 0 0 -55px; position:relative; z-index:5;}
header .callus{ float:right; background:url(../img/icon_phone.png) no-repeat 0 0; height:39px; padding-left:26px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:23px; margin-top:8px;}
header .callus a{ color:#fff;}
nav{ float:right; height:31px; width:690px; position:absolute; top:61px; right:0; z-index:10;}
nav ul li{ list-style:none; float:left; font-size:15px; font-weight:bold;}
nav ul li a{ color:#fff; line-height:30px; padding:0 14px; margin:0 1px; display:block;}
nav ul li a:hover, nav ul li a.active{ background:url(../img/bg_nav_hover.png) repeat-x;}

/* Slider */
.bg_slider{ width:1320px; height:325px; background:url(../img/bg_slider.jpg) no-repeat center; position:absolute; left:50%; top:92px; margin-left:-655px;}
.flexslider .slides > li {display: none; list-style:none;}
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.home-slider{ width:1000px; height:323px; position:relative; top:-1px; z-index:10;}
.home-slider .slide-cnt{ margin:-300px 0 0 0; width:355px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.home-slider .slide-cnt h1{ font-size:29px; font-weight:bold; line-height:30px; color:#c10100; background:url(../img/bg_white.png); float:left; position:relative; padding:3px 10px 3px 20px; margin-bottom:3px;}
.home-slider .slide-cnt p{ font-size:19px; color:#fff; text-shadow:1px 1px 3px #000; padding-left:20px;}
.home-slider .slide-cnt a{ background:url(../img/btn_red.png) repeat-x; height:36px; float:left; line-height:34px; border:1px solid #ff0000; padding:0 10px; font-size:18px; font-weight:bold; color:#fff; text-decoration:none; display:block; position:relative; margin:8px 0 0 85px; text-transform:uppercase;}
.home-slider .slide-cnt a:hover{ background:#bd0100;}
.home-slider .slide-cnt .clickSignup{ display:none;}

/* Content */
.bg_horiShadow{ width:1300px; height:7px; background:url(../img/bg_hshadow.png) no-repeat center top; position:absolute; top:0; left:-150px;}
.content{ width:100%; margin-top:-8px; position:relative;}

.content .home-title, .main-title{ height:48px; padding:33px 0 0 73px; background:url(../img/main_icon.png) no-repeat; font-family:"Times New Roman", Times, serif; font-size:32px; color:#004a80; position:relative; z-index:30; font-variant:small-caps; margin:0 0 8px -3px;}
.content p.see, p.see{ font-size:15px; font-weight:bold; color:#116087;}
.btn_click{ background:url(../img/btn_red.png) repeat-x; height:30px; line-height:30px; border:1px solid #ff0000; padding:0 8px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; text-decoration:none; display:inline-block; text-transform:uppercase; text-shadow:1px 1px 3px #000; cursor:pointer;}
.btn_click:hover{ background:#bd0100;}

/* Home Page */
.content .welcome{ float:left; width:590px;}
.content .welcome .w_image{ float:left; width:160px;}
.content .welcome .w_cont{ float:right; width:425px;}
.content .welcome p{ line-height:20px; padding-bottom:8px;}
.content .multiStyles{ float:right; width:380px;}
.content .multiStyles .image{ margin-top:6px;}
.content .sponsors{ width:100%; height:52px; margin:80px 0 28px; text-align:center;}
.content .sponsors img{ margin:0 2px;}

.home-bottom{ width:100%; background:#f1f1f1; min-height:380px; overflow:hidden;}
.home-bottom ul{ margin-bottom:-20px;}
.home-bottom ul li{ list-style:none; margin-bottom:35px;}
.home-bottom .features{ float:left; width:280px; padding-top:12px;}
.home-bottom .benefits{ float:right; width:370px; padding-top:12px;}
.home-bottom .midarea{ float:left; width:250px; margin-left:45px;}
.home-bottom .midarea h1{ font-family:"Times New Roman", Times, serif; font-size:50px; color:#fff; padding-top:28px;}
.home-bottom .midarea p{ font-size:14px; color:#a3d0e9;}
.home-bottom .midarea .benefits_block{ width:200px; padding:0 24px; height:194px; position:relative; background:#226294 url(../img/bg_benefits.jpg) repeat-x; border:1px solid #8fcae4; border-bottom-color:#004882; border-top-color:#96eaff;}
.home-bottom .midarea .benefits_block .arrow{ width:21px; height:58px; background:url(../img/arrow_benefits.png); position:absolute; bottom:0; right:-21px;}
.home-bottom .midarea .features_block{ width:200px; padding:0 24px; height:194px; position:relative; background:#0d374e url(../img/bg_features.jpg) repeat-x; border:1px solid #6d92a7; border-bottom-color:#00102f; border-top-color:#69a4c7;}
.home-bottom .midarea .features_block h1{ padding-top:0;}
.home-bottom .midarea .features_block p{ color:#fff;}
.home-bottom .midarea .features_block .arrow{ width:21px; height:58px; background:url(../img/arrow_features.png); position:absolute; top:0; left:-21px;}
.home-bottom .btn_click{ padding:0 12px;}

/* Inner Page */
.bg_inner{ background:url(../img/bg_main_inner.jpg) repeat-x;}
.inner-page header{ background:url(../img/bg_main_inner.jpg) repeat-x; overflow:hidden;}
.inner-page{ background:url(../img/bg_sidebar.png) repeat-y right 120px;}
.inner-page .content{ float:left; width:650px;}
.inner-page .content .main-title{ font-size:38px;}
.inner-page .sponsors{ background:#fff; padding:25px 0 40px 25px;}
.distributors_list li{ list-style:none; float:left; width:96%; margin:20px; line-height:22px;}
.distributors_list li h2{ font-size:19px; color:#116087;}
.distributors_list li h2 span{ font-size:15px; font-weight:normal;}
.distributors_list li .list_left, .distributors_list li .list_right{ float:left; width:46%; padding-right:4%}
.distributors_list li div > span{ padding-left:15px; display:block;}

h1.inner-title{ font-family:"Times New Roman", Times, serif; font-size:38px; background:#fff; color:#004a80; font-variant:small-caps; text-align:center;}
h2.sub-title{ font-family:"Times New Roman", Times, serif; font-size:30px; color:#004a80; font-variant:small-caps; margin-bottom:10px;}
.app_form{ background:#f4f5f6; font-size:11px; color:#222; overflow:hidden; padding:10px;}
.app_form label{ float:left; width:120px; margin-top:18px; line-height:14px; padding-right:5px; text-align:right;}
.app_form label.twoline{ margin-top:10px;}
.app_form label.full{ width:100%; text-align:left; padding:0; text-indent:12px; margin-bottom:10px;}
.app_form label.half{ width:auto; padding-right:15px;}
.app_form label span{ font-size:9px;}
.app_form .textbox{ float:left; width:170px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444; margin-top:15px; border:1px solid #b2b2b2; border-bottom-color:#dadada; border-top-color:#727272; box-shadow:0 1px 1px #bbb inset; -webkit-box-shadow:0 1px 1px #bbb inset; -moz-box-shadow:0 1px 1px #bbb inset; padding:0 4px;}
.app_form .textbox.full{ width:475px;}
.app_form textarea.textbox{ height:100px; padding-top:2px;}
.app_form .checkboxes{ margin-top:18px;}
.app_form .btn_click{ margin:20px 0 0 225px; padding:0 15px; cursor:pointer;}

.search_area{ padding-left:70px;}
.search_area h2{ font-size:24px; color:#1a2025; margin-bottom:28px;}
.search_area p{ font-size:18px; color:#1a2025; margin-bottom:32px; background:#f4f5f6; margin-left:-70px; padding:5px 0 5px 70px;}
.search_area label{ float:left; width:170px; font-weight:bold;}
.search_area select{ float:left; width:250px; padding:2px; margin:0 100px 20px 0;}
.search_area .btn_click{ margin-bottom:40px;}

ul.gallery{ overflow:hidden; border-bottom:4px solid #f4f5f6; margin-bottom:20px;}
ul.gallery li{ list-style:none; float:left; margin:0 10px 10px 0; width:200px; height:230px; text-align:center; color:#1a2025; font-size:13px;}
ul.gallery li .image{ border:1px solid #c7c7c7;}
.paging{ width:100%; text-align:right; font-size:13px;}
.paging a{ color:#1a2025;}

.search_result{ padding-top:20px;}
.search_result img{ border:1px solid #c7c7c7;}
.search_result .detail_box{ overflow:hidden;}
.search_result .detail_box li{ float:left; list-style:none; width:33%; text-align:center; margin-top:20px; font-size:14px; color:#1a2025; padding:0 1px;}
.search_result .detail_box li strong{ font-size:24px;}
.search_result .order_block{ width:320px; background:#e9ecec; padding:20px 15px 15px; margin:25px auto; text-align:center; color:#1a2025;}
.search_result .order_block span{ font-size:20px;}
.search_result .order_block strong{ font-size:34px;}
.search_result .order_block p{ font-size:16px; padding:30px 0 8px;}

/* Sidebar */
aside{ float:right; width:320px; margin-top:-7px; padding-right:10px;}
aside .multiStyles p{ padding:0 15px;}
aside .multiStyles .image{ margin:5px 0 0 8px;}
aside .multiStyles .see{ text-align:center;}
aside .multiStyles .btn_click{ margin-top:10px;}
aside .contactus{ text-align:center; margin-top:90px;}
aside .contactus h2{ font-family:"Times New Roman", Times, serif; font-size:32px; color:#004a80; font-variant:small-caps;}
aside .contactus p{ text-align:left; line-height:22px; padding-bottom:8px;}
aside .contactus .textbox{ width:220px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#888; margin-bottom:5px; border:1px solid #b2b2b2; border-bottom-color:#dadada; border-top-color:#727272; box-shadow:0 1px 1px #bbb inset; -webkit-box-shadow:0 1px 1px #bbb inset; -moz-box-shadow:0 1px 1px #bbb inset; padding:0 4px;}
aside .contactus textarea.textbox{ height:78px; padding-top:2px;}
aside .contactus .btn_click{ margin-top:5px;}

footer{ width:100%; height:340px; background:url(../img/bg_footer.jpg) repeat-x; text-align:center;}
footer .container{ width:100%; min-height:270px; background:url(../img/footer_glow.jpg) no-repeat center top; padding-top:15px; font-family:Arial, Helvetica, sans-serif; color:#c2c2c2;}
footer .f_menu, footer .f_menu a{ font-size:14px; color:#fff;}
footer .f_menu a:hover{ color:#c2c2c2;}
footer label{ color:#878787;}
footer .f_logo{ margin-bottom:5px;}
footer .address{ line-height:24px;}
footer .devBy{ width:192px; display:block; margin:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:left; color:#e1e1e1; line-height:11px;}
footer .devBy img{ float:left; margin-right:5px;}