/*=================starts common css==================*/
*{margin:0; padding:0; outline:none;}
h1,h2,h3,h4,h5,h6,p,div,span,small,strong,form,fieldset,body{margin:0px; padding:0px;}
body{font:normal 12px/16px Arial, Helvetica, sans-serif; background:url(../images/header_bg.jpg) repeat-x 0 0 #faf1d1;}
img{outline:none; border:none;}
.left{float:left;}
.right{float:right;}
.full{width:100%; float:left;}
.full img{float:left;}
.curve{width:100%; float:left;}
.curve img{float:left;}
.clear{clear:both;}
ul{list-style:none;}
a:focus{outline:none;}
:focus{outline:none;}
ul{list-style:none;}
/*=================common css ends====================*/

/*==================starts wrapper====================*/
#main{width:100%; float:left; background:url(../images/header.jpg) no-repeat center top;}
#wrapper{width:848px; margin:0 auto; position:relative;}

/*==================starts header====================*/
#outer_top_detail{width:100%; float:left; height:616px!important; position:relative;}
#header{width:100%; float:left; height:196px; position:relative;}
#header .top_detail{width:100%; float:left; position:relative;}
#header .top_detail .logo{width:256px; float:left; height:90px; margin-top:21px}
#header .top_detail .share{width:100px; float:left; padding:21px 0 0 16px;}
#header .top_detail .share ul{width:100%; float:left;}
#header .top_detail .share ul li{width:100%; float:left; padding-top:4px;}
#header .top_detail .order_now{width:298px; height:145px; position:absolute; right:0px; top:0px;}
/*==================starts menu====================*/
#menu{width:838px; float:left; height:81px; background:url(../images/menu_bg.jpg) no-repeat 0 0;}
#menu ul{width:824px; float:left; padding:10px 0 0 14px;}
#menu ul li{width:auto; float:left; background:url(../images/menu_seprator.jpg) no-repeat right 0; font:normal 17px/21px Arial, Helvetica, sans-serif; color:#000; padding:18px 19px 20px;}
#menu ul li a{text-decoration:none; color:#000; font-weight:normal;}
#menu ul li.last{padding-right:0px; padding-left:10px; background:none; color:#cb2118; font-size:16px;}
#menu ul li.last a{color:#cb2118;}
#menu ul li a:hover{text-decoration:none; color:#cb2118; font-weight:bold;}

/*==================starts banner====================*/
#banner_section{width:800px; float:left; margin:25px 0 0 20px; display:inline; position:relative;} 
#banner_section .slider{width:100%; float:left; height:327px;}
#banner_section ul{width:100%; float:left;}
#banner_section ul li{width:800px; float:left; height:327px; position:relative;}
#banner_section ul li .learn_more{width:162px; height:45px; position:absolute; left:322px; bottom:-21px; z-index:999999!important; }
#banner_section ul li .learn_more a{width:162px; height:45px; float:left; background:url(../images/learn_more.png) no-repeat 0 0;}
#banner_section ul li .learn_more a:hover{background-position:0 bottom;}
#banner_section .paging{width:auto; float:left; margin:38px 0 0 363px; display:inline;}
#banner_section .paging ul{width:auto; float:left;}
#banner_section .paging ul li{width:auto; float:left; margin-right:8px; display:inline; height:auto!important}
#banner_section .paging ul li a{width:20px; float:left; height:19px; background:url(../images/paging.png) no-repeat 0 0; _background:url(../images/paging.gif) no-repeat 0 0 ;}
#banner_section .paging ul li a:hover{background-position:0 bottom;}
#banner_section .paging ul li.active a{background-position:0 bottom;}

/*==================starts body container====================*/
#body_container{width:100%; float:left;}

/*==================starts left section====================*/
#left_section{width:562px; float:left; margin:28px 0 0 0;}
#left_section .top_detail{width:100%; float:left;}
#left_section .top_detail h2{width:100%; float:left; font:normal 20px/24px Arial, Helvetica, sans-serif; color:#000000; background:url(../images/line_x.jpg) repeat-x 0 bottom; padding-bottom:10px; text-transform:uppercase;}
#left_section .top_detail h2 span{color:#de402e; font-weight:bold;}
#left_section .top_detail p{width:100%; float:left; font:normal 13px/17px Arial, Helvetica, sans-serif; color:#504932; padding:10px 0;}


/*===*/
#left_section .top_detail .reference {font: 10px Arial, Helvetica, sans-serif;}
/*===*/


#left_section .top_detail .img_box{width:541px; float:left; height:118px; background:url(../images/photo_bg.jpg) no-repeat 0 0; padding:9px 9px 8px 9px; margin-bottom:10px; display:inline;}
#left_section .top_detail .img_box img{float:left;}

#left_section .middel_section{width:100%; float:left; padding-top:5px;}
#left_section .middel_section .left_side{width:270px; float:left;}
#left_section .middel_section .right_side{width:253px; float:right; background:url(../images/line_y.jpg) no-repeat 0 0; padding-left:22px;}
#left_section .middel_section p{font:normal 13px/17px Arial, Helvetica, sans-serif; color:#504932; padding:10px 0}
#left_section .middel_section img{float:left; margin:0px 10px 10px 0; display:inline;}
#left_section .middel_section h3{width:100%; float:left; font:normal 20px/24px Arial, Helvetica, sans-serif; color:#000000; background:url(../images/line_x.jpg) repeat-x 0 bottom; padding-bottom:10px; text-transform:uppercase; margin-bottom:12px;}
#left_section .middel_section h3 span{color:#de402e; font-weight:bold;}
#left_section .bottom_section{width:100%; float:left; padding:15px 0 35px;}
#left_section .bottom_section .top_row{width:100%; float:left; background:url(../images/line_x.jpg) repeat-x 0 bottom; padding-bottom:12px;}
#left_section .bottom_section .btm_row{width:100%; float:left; padding-top:11px;}
#left_section .bottom_section p{ width:100%; float:left; font:normal 13px/17px Arial, Helvetica, sans-serif; color:#504932;}
#left_section .bottom_section p strong{font-weight:bold; color:#504932;}
#left_section .bottom_section p a{text-decoration:none; color:#c81313; font-weight:bold;}
#left_section .bottom_section p a:hover{text-decoration:underline;}
#left_section .bottom_section .content{width:420px; float:left; padding:4px 0 0 14px;}
#left_section .bottom_section .content .btn_row{width:100%; float:left; padding-top:15px;} 
#left_section .bottom_section .content a.read_more{width:152px; float:left; height:45px; background:url(../images/learn_more1.jpg) no-repeat 0 0;}
#left_section .bottom_section .content a.read_more:hover{background-position:0 bottom;}
#left_section .bottom_section .content a.buy_now{width:152px; float:left; height:45px; background:url(../images/buy_it_now.jpg) no-repeat 0 0; margin-left:8px; display:inline;}
#left_section .bottom_section .content a.buy_now:hover{background-position:0 bottom;}

/*==================starts right section====================*/
#right_section{width:265px; float:right; margin-top:19px; position:relative;}
#right_section a.order_now{width:265px; float:left; height:56px; background:url(../images/order_now.jpg) no-repeat 0 0;}
#right_section a.order_now:hover{background-position:0 -56px;}
#right_section .nav_section{width:263px; float:left; margin:9px 0 11px 1px;}
#right_section .nav_section .detail_bg{width:261px; float:left; background:url(../images/nav_mid_rotate.jpg) repeat-y 0 0; padding:0 1px;}
#right_section .nav_section .detail_bg h3{width:252px; float:left; font:normal 20px/24px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; background:url(../images/nav_border1.jpg) repeat-x 0 bottom; padding:5px 0 8px 9px;}
#right_section .nav_section .detail_bg h3 span{color:#9da935;}
#right_section .nav_section .detail_bg ul{width:239px; float:left; padding:0 12px 0 10px;}
#right_section .nav_section .detail_bg ul li{width:239px; float:left; font:normal 13px/16px Arial, Helvetica, sans-serif; color:#3d3827; background:url(../images/nav_border.jpg) no-repeat 0 bottom; padding:10px 0;}
#right_section .nav_section .detail_bg ul li.last{background:none; padding-bottom:8px;}
#right_section .nav_section .detail_bg ul li a{text-decoration:none; color:#3d3827;}
#right_section .nav_section .detail_bg ul li a:hover{text-decoration:underline;}
#right_section .calculate_box{width:263px; float:left; background:url(../images/cal_bg.jpg) no-repeat 0 0; position:relative; margin:0 0 11px 1px; display:inline; height:135px;}
#right_section .calculate_box h4{width:auto; float:left; font:normal 20px/24px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding:9px 0 0 11px; text-transform:uppercase;}
#right_section .calculate_box .watch{width:109px; float:left; height:93px; position:absolute; left:-10px; top:38px;}
#right_section .calculate_box form{width:155px; float:right; padding:8px 8px 0 0;}
#right_section .calculate_box form fieldset{width:100%; float:left; border:0px;}
#right_section .calculate_box form .row{width:100%; float:left; padding-bottom:4px;}
#right_section .calculate_box form label{width:44px; float:left; text-align:right; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#1f2107; text-align:right; padding-right:6px; padding-top:5px}
#right_section .calculate_box form .input_bg.right{float:right!important;}
#right_section .calculate_box form .input_bg{width:48px; float:left; height:26px; background:url(../images/cal_input.jpg) no-repeat 0 0;}
#right_section .calculate_box form .input_bg input{width:48px; float:left; text-align:center; font:bold 11px/16px Arial, Helvetica, sans-serif; padding:6px 0 5px; color:#333; background:none; border:0px;}
#right_section .calculate_box form .input_bg1{width:66px; float:left; height:26px; background:url(../images/cal_input1.jpg) no-repeat 0 0;}
#right_section .calculate_box form .input_bg1 input{width:66px; float:left; text-align:center; font:bold 11px/16px Arial, Helvetica, sans-serif;  padding:6px 0 5px; color:#333; background:none; border:0px;}
#right_section .calculate_box form .button{width:105px; float:right; height:28px; border:0px; background:url(../images/cal_btn.jpg) no-repeat 0 0; cursor:pointer; margin-left:48px; display:inline}
#right_section .calculate_box form .button_hover{width:105px; float:right; height:28px; border:0px; background:url(../images/cal_btn.jpg) no-repeat 0 bottom; cursor:pointer; margin-left:48px; display:inline}
#right_section .live_chat_box{width:263px; float:left; margin:0 0 17px 1px; background:url(../images/live_chart_bg.jpg) no-repeat 0 0; height:135px; display:inline;}
#right_section .live_chat_box .top_row{width:100%; float:left;}
#right_section .live_chat_box h3{width:149px; float:right; padding-top:11px; font:bold 14px/17px Arial, Helvetica, sans-serif; color:#f2c5be;}
#right_section .live_chat_box h3 strong{width:100%; float:left; font:bold 20px/24px Arial, Helvetica, sans-serif; color:#fff; padding-bottom:8px;}
#right_section .live_chat_box h3 span{width:100%; float:left; font:bold 16px/20px Arial, Helvetica, sans-serif; color:#fff;}
#right_section .live_chat_box a.chat_btn{width:105px; float:right; height:28px; background:url(../images/chat_with_us.jpg) no-repeat 0 0; margin:14px 8px 0 0; display:inline;}
#right_section .live_chat_box a.chat_btn:hover{background-position:0 bottom;}

#right_section .social_media_section{width:263px; float:left;}
#right_section .social_media_section .detail_bg{width:261px; float:left; background:url(../images/nav_mid_rotate.jpg) repeat-y 0 0; padding:0 1px;}
#right_section .social_media_section .detail_bg h3{width:252px; float:left; font:normal 20px/24px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; background:url(../images/nav_border1.jpg) repeat-x 0 bottom; padding:5px 0 8px 9px;}
#right_section .social_media_section .detail_bg h3 span{color:#de402e;}
#right_section .social_media_section .detail_bg ul{width:239px; float:left; padding:0 12px 0 10px;}
#right_section .social_media_section .detail_bg ul li{width:239px; float:left; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#3d3827; background:url(../images/nav_border.jpg) no-repeat 0 bottom; padding:4px 0 5px;}
#right_section .social_media_section .detail_bg ul li img{float:left; vertical-align:middle; margin-right:10px; display:inline;}
#right_section .social_media_section .detail_bg ul li a{text-decoration:none; color:#3d3827;}
#right_section .social_media_section .detail_bg ul li a:hover{text-decoration:underline;}
#right_section .social_media_section .detail_bg .btm_section{width:245px; float:left; padding:0 6px 0 10px;}
#right_section .social_media_section .detail_bg .btm_section h4{width:100%; float:left; font:bold 13px/17px Arial, Helvetica, sans-serif; color:#362f17; padding:9px 0;}
#right_section .social_media_section .detail_bg .btm_section form{width:100%; float:left;}
#right_section .social_media_section .detail_bg .btm_section fieldset{width:100%; float:left; border:0px;}
#right_section .social_media_section .detail_bg .btm_section .field{width:240px; float:left; height:36px; background:url(../images/social_input.jpg) no-repeat 0 0;}
#right_section .social_media_section .detail_bg .btm_section input{width:192px; float:left; height:16px; font:normal 12px/16px Arial, Helvetica, sans-serif; margin:10px 0 0 9px; display:inline; border:0px; background:none; color:#676048;}
#right_section .social_media_section .detail_bg .btm_section .go_btn{width:30px; float:right; height:28px; border:0px; background:url(../images/go.jpg) no-repeat 0 0; margin:4px 5px 0 0; display:inline; cursor:pointer;}
#right_section .social_media_section .detail_bg .btm_section .go_btn_hover{width:30px; float:right; height:28px; border:0px; background:url(../images/go.jpg) no-repeat 0 bottom; margin:4px 5px 0 0; display:inline; cursor:pointer;}
#right_section .social_media_section .detail_bg .divider{width:100%; float:left; margin:16px 0 10px;}
#right_section .social_media_section .detail_bg ul.icon{width:100%; float:left; padding:0!important;}
#right_section .social_media_section .detail_bg ul.icon li{width:auto; float:left; margin:0px 9px 0 0!important; display:inline; background:none; padding:0!important;}
#right_section .social_media_section .detail_bg ul.icon li.last{margin-right:0px; float:right;}
#right_section .social_media_section .detail_bg ul.icon li img{margin-right:0px!important;}
#right_section .mcafee{width:100%; float:left; padding:20px 0 0 0;}


/*==================starts footer====================*/
#footer{width:100%; float:left; background:url(../images/footer_bg.jpg) repeat-x 0 0 #343a0c;}
#footer .wrapper{width:848px; margin:0 auto;}
#footer .top_section{width:100%; float:left; height:226px; padding-top:54px;}
#footer .top_section .col1{width:286px; float:left; padding-right:27px;}
#footer .top_section .col2{width:260px; float:left; padding-right:35px;}
#footer .top_section .col3{width:239px; float:left;}
#footer .top_section .head{width:100%; float:left; background:url(../images/footer_line.jpg) repeat-x 0 bottom; padding-bottom:7px;}
#footer .top_section .head p{width:auto; float:right; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#323900; padding-top:5px;} 
#footer .top_section .head p a{text-decoration:none; color:#323900;}
#footer .top_section .head p a:hover{text-decoration:underline;}
#footer .top_section .head h4{width:auto; float:left; font:normal 20px/22px Arial, Helvetica, sans-serif; color:#e5ba00; text-transform:uppercase;}
#footer .top_section .head h4 strong{font-weight:bold;}
#footer .top_section p{width:auto; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#e9f0ba;}
#footer .top_section .detail1{width:100%; float:left; padding-top:10px;}
#footer .top_section .detail1 .left_side{width:117px; float:left;}
#footer .top_section .detail1 .left_side .img_box{width:93px; float:left; height:119px; background:url(../images/photo_bg1.jpg) no-repeat 0 0; padding:6px 7px 0 6px;}
#footer .top_section .detail1 .left_side .img_box img{float:left; border:1px solid #8a8a8a;}
#footer .top_section .detail1 .left_side h5{width:100%; float:left; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#fff; padding-top:10px;}
#footer .top_section .detail1 .right_side{width:168px; float:right;}
#footer .top_section .detail2{width:100%; float:left; padding-top:10px;}
#footer .top_section .detail2 .left_side{width:80px; float:left;}
#footer .top_section .detail2 .left_side img{width:auto; float:left;}
#footer .top_section .detail2 .right_side{width:178px; float:right;}
#footer .top_section .detail3{width:100%; float:left; padding-top:10px;}
#footer .top_section .detail3 h6{width:100%; float:left; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#e9f0ba; padding-bottom:10px;}
#footer .top_section .detail3 h6 a{float:left; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#343a0b; text-transform:uppercase; text-decoration:none; padding-top:8px;}
#footer .top_section .detail3 h6 a:hover{text-decoration:underline;}
#footer .top_section .detail3 .left_side{width:79px; float:left;}
#footer .top_section .detail3 .right_side{width:160px; float:right;}

#footer .middel_detail{width:100%; float:left; background:url(../images/footer_line2.jpg) repeat-x 0 bottom; height:180px; padding-top:22px;}
#footer .middel_detail .col1{width:249px; float:left;}
#footer .middel_detail .col2{width:222px; float:left;}
#footer .middel_detail .col3{width:228px; float:left;}
#footer .middel_detail .col4{width:147px; float:right;}
#footer .middel_detail h3{width:100%; float:left; font:normal 14px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#e5ba00; text-shadow:1px 1px 0 #212507; padding-bottom:18px;}
#footer .middel_detail ul{width:100%; float:left;}
#footer .middel_detail ul li{width:95%; float:left; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#a8b05f; background:url(../images/bullet.jpg) no-repeat 0 7px; padding:0 0 12px 5%;}
#footer .middel_detail ul li a{text-decoration:none; color:#a8b05f;}
#footer .middel_detail ul li a:hover{text-decoration:underline;}
#footer .bottom_detail{width:100%; float:left; height:224px; padding-top:20px;}
#footer .bottom_detail ul.share{width:auto; float:left; }
#footer .bottom_detail ul.share li{margin-right:8px; display:inline;}
#footer .bottom_detail ul.visa{width:auto; float:left; margin-left:122px; display:inline;}
#footer .bottom_detail ul.visa li{width:auto; float:left; margin-right:10px; display:inline;}
#footer .bottom_detail p{width:100%; float:left; font:normal 12px/15px Arial, Helvetica, sans-serif; color:#7c852a; padding-top:18px; text-align:center;}
/*==================footer ends====================*/