@charset "utf-8";
/* CSS Document */
html {overflow: -moz-scrollbars-vertical;}
html {overflow: scroll;}
body{background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
a{color:#000; text-decoration:underline;}
a:hover{text-decoration:none;}
input, textarea, code, select{font-family:Arial, Helvetica, sans-serif, font-size:12px;}
.png{behavior:url("js/iepngfix.htc");}

.blue{color:#4293cf !important;}
.gray{color:#687379 !important;}

#wrapper{width:982px; margin:0 auto;}
#header{float:left; width:982px; margin-bottom:14px;}

.login{float:right; width:172px; font-size:10px; color:#8a99a1; padding-top:8px;}
.login div{float:right; padding-bottom:2px;}
.login input.txtbox{border:1px solid #e6e6e6; width:105px; padding:2px;}
.login input.login_btn{width:54px; height:27px; background:url(../Zimages/login.gif) no-repeat; float:right;}

#navi{float:left; width:982px; height:38px; background:url(../Zimages/navi_bg.gif) no-repeat;}
#navi .left{float:left; width:982px; height:38px; background:url(../Zimages/navi_left.gif) left no-repeat;}
#navi .right{float:left; width:975px; height:30px; padding:4px 0px 4px 4px;}
#navi a{float:left; width:120px; height:30px; background-position:top; border-right:1px solid #fff;}
#navi a.home{background:url(../Zimages/menu_home.png); width:120px;}
#navi a.our_z_story{background-image:url(../Zimages/link_our_z_story.png);}
#navi a.zproducts{background-image:url(../Zimages/link_z_products.gif);}
#navi a.zplan{background-image:url(../Zimages/link_z_plans.gif);}
#navi a.ezas123{background-image:url(../Zimages/link_ez_as_123.gif);}
#navi a.got_que{background-image:url(../Zimages/link_got_que.gif);}
#navi a.helpme{background:url(../Zimages/link_help_me.gif);}
#navi a.so_much{background:url(../Zimages/menu_so_much.png); width:120px;}
#navi a.last{border:none;}
#navi a:hover{background-position:bottom;}
#navi a.active{background-position:bottom;}

#left_navi{float:left; width:238px;}

.packages{float:left; width:238px; background:url(../Zimages/left_navi_bg.gif) repeat-y;}
.packages .top{float:left; width:238px; background:url(../Zimages/left_navi_top.gif) top no-repeat;}
.packages .bottom{float:left; width:238px; background:url(../Zimages/left_navi_bottom.gif) bottom no-repeat;}
.packages h2{color:#a1adb3; font-weight:bold; font-size:24px; padding:14px 0 0 16px;}
.packages ul{padding:22px 20px 18px; float:left;}
.packages ul li{padding:2px 0 1px; float:left; clear:left; width:190px;}
.packages ul li a{font-size:15px; color:#fff; font-weight:bold; text-decoration:none; background:url(../Zimages/bullet_li.gif) left top no-repeat; display:block; padding:2px 0 2px 20px; float:left;}
.packages ul li a:hover{text-decoration:underline; background:url(../Zimages/bullet_li.gif) left -26px no-repeat;}
.packages ul li a.active{background:url(../Zimages/bullet_li.gif) left -26px no-repeat;}

.free_box{float:left; width:238px; background:url(../Zimages/free_box_bg.gif) repeat-y; margin-top:13px;}
.free_box .top{float:left; width:238px; background:url(../Zimages/free_box_top.gif) top no-repeat;}
.free_box .bottom{float:left; width:238px; background:url(../Zimages/free_box_bottom.gif) bottom no-repeat;}
.free_box p{font-size:14px; color:#4293cf; padding:20px 25px; line-height:17px;}
.free_box p strong{font-weight:bold; font-size:24px;}

.z_pro_img{display:block; margin:0 auto; clear:both; padding-top:20px;}
a.z_products{float:left; width:238px; height:71px; background:url(../Zimages/z_products.gif) no-repeat;}
a.z_products span{display:block; width:26px; height:27px; background:url(../Zimages/bullet_bottom.png) left top no-repeat; margin:32px 0 0 199px; behavior:url("js/iepngfix.htc");}
a.z_products:hover span{background:url(../Zimages/bullet_bottom.png) left bottom no-repeat;}

#content{float:right; width:734px;}
#content_inner{float:right; width:734px; background:url(../Zimages/content_bg.gif) repeat-y;}
#content_inner .bottom{float:left; width:734px; background:url(../Zimages/content_bottom.gif) bottom no-repeat; padding-bottom:15px;}

.banner{float:left; width:734px; background:url(../Zimages/banner_bg.gif) repeat-y; margin-bottom:14px; position:relative;}
.banner .top{float:left; width:734px; background:url(../Zimages/banner_top.gif) top no-repeat;}
.banner .bottom{float:left; width:734px; background:url(../Zimages/banner_bottom.gif) bottom no-repeat;}
.banner .ordernow{float:right; position:absolute; right:30px; top:30px; z-index:999;}

.bottom_box{float:left; width:238px; margin-right:10px;}
.bottom_box_last{margin:0;}
.bottom_box .top_1{float:left; width:238px; height:130px; background:url(../Zimages/bottom_box_top_1.jpg) no-repeat;}
.bottom_box .top_1 p{padding:15px 20px; color:#4293cf; font-size:11px; line-height:14px;}
.bottom_box a.bottom_1{float:left; width:238px; height:68px; background:url(../Zimages/bottom_box_bottom_1.jpg) no-repeat;}

.bottom_box .top_2{float:left; width:238px; height:130px; background:url(../Zimages/h_internet.jpg) no-repeat;}
.bottom_box a.bottom_2{float:left; width:238px; height:68px; background:url(../Zimages/bottom_box_bottom_2.jpg) no-repeat;}

.bottom_box .top_3{float:left; width:238px; height:130px; background:url(../Zimages/bottom_box_top_3.jpg) no-repeat;}
.bottom_box .top_3 p{padding:15px 100px 15px 20px; color:#fff; line-height:14px;}
.bottom_box a.bottom_3{float:left; width:238px; height:68px; background:url(../Zimages/bottom_box_bottom_3.jpg) no-repeat;}

.bottom_box a span{display:block; width:26px; height:27px; background:url(../Zimages/bullet_bottom.png) left top no-repeat; margin:27px 0 0 199px; behavior:url("js/iepngfix.htc");}
.bottom_box a:hover span{background:url(../Zimages/bullet_bottom.png) left bottom no-repeat;}

#footer{width:982px; float:left; border-top:1px solid #aeb6bb; border-bottom:1px solid #aeb6bb; margin:10px 0 20px;}
#footer ul{text-align:center; font-size:10px; padding:2px 0;}
#footer ul li{display:inline; line-height:14px; background:url(../Zimages/divider_footer.gif) right no-repeat; padding:0 10px 0 4px;}
#footer ul li.last{background:none;}
*html #footer ul li{padding:0 6px;}
#footer ul li a{text-decoration:none; color:#4293cf;}

.pg_title{float:left; width:726px; margin:0 4px; display:inline; background:url(../Zimages/title_bg.gif) repeat-x; padding:8px 0 12px; position:relative;}
.pg_title .title{margin-left:20px; float:left;}
.pg_title .ordernow{float:right; margin-right:20px;}
.pg_title .title_arrow{position:absolute; left:109px; top:60px;}

.data_inner{padding:15px 22px; width:690px; float:left; color:#687379;}
.data_inner h1{font-size:18px; font-weight:bold; color:#4293cf; padding:15px 0 5px;}
.data_inner h1.h1_pg_title{font-size:36px; font-weight:bold; color:#4293cf; padding:15px 0;}
.data_inner h2{font-size:15px; font-weight:bold; color:#4293cf; padding:15px 0 5px;}
.data_inner h2 a{color:#4293cf;}
.data_inner h3{font-size:13px; font-weight:bold; color:#4293cf; padding:15px 0 5px;}
.data_inner h4{font-size:11px; font-weight:bold; color:#4293cf; padding:15px 0 5px;}
.data_inner h5{font-size:10px; font-weight:bold; color:#4293cf; padding:15px 0 5px;}
.data_inner p{font-size:11px; color:#687379; padding:5px 0; width: 400px;}
.data_inner p a{color:#4293cf;}
.data_inner ul{font-size:11px; padding-bottom:10px;}
.data_inner ul li{background:url(../Zimages/bullet_li_content.gif) 0px 7px no-repeat; padding:2px 15px; line-height:15px;}
.data_inner ul li ul{padding:2px 0;}

.data_table{font-size:11px; margin:10px 0 15px;}
.data_table th{padding:3px 7px; border-right:1px solid #fff; background:#0093d2; color:#fff;}
.data_table td{padding:3px 7px; border-right:1px solid #40aedd;}
.data_table .last{border:none;}
.data_table tr.alt{background:#d2e3ee;}

.data_inner .note{font-size:9px; color:#4293cf; line-height:13px;}

.banner_plans{float:left; width:734px; height:209px; background:url(../Zimages/plans_banner.jpg) no-repeat;}
.banner_plans .ordernow{float:right; margin:35px 40px 0 0;}

.title_plans{float:left; width:714px; height:48px; padding:10px 0 0 20px; background:url(../Zimages/title_bg_plan.gif) no-repeat; margin-top:10px;}
.title_plans img{float:left;}
.title_plans_full_width{float:left; width:962px; height:48px; padding:11px 0 0 20px; background:url(../Zimages/title_bg_product.gif) no-repeat; margin:10px 0;}
.title_plans_full_width img{float:left;}

.plan_box{float:left; width:238px; background:url(../Zimages/plan_box_bg.gif) repeat-y; margin-right:10px; margin-bottom:10px; display:inline;}
.plan_box_last{margin-right:0;}
.plan_box .top{float:left; width:230px; padding:6px 4px 0; background:url(../Zimages/plan_box_top.gif) top no-repeat;}
.plan_box .bottom{float:left; width:238px; height:34px; background:url(../Zimages/plan_box_bottom.gif) no-repeat;}
.plan_box .bottom img{float:right; margin:6px 15px 0 0;}
.plan_box h2{color:#4293cf; font-size:20px; font-weight:bold;}
.plan_box p{color:#454d51; font-size:11px; line-height:12px; padding:5px 0 0 0;}
.plan_box .plan_background{float:left; width:210px; padding:10px; height:115px; overflow:hidden;}

.plan_box .bg1{background:url(../Zimages/bg1.gif) right bottom no-repeat;}
.plan_box .bg1 p{padding-right:87px;}

.plan_box .bg2{background:url(../Zimages/bg2.gif) right bottom no-repeat;}
.plan_box .bg2 p{padding-right:87px;}

.plan_box .bg3{background:url(../Zimages/bg3.gif) right bottom no-repeat;}
.plan_box .bg3 p{padding-right:87px;}

.plan_box .bg4{background:url(../Zimages/bg4.gif) right bottom no-repeat;}
.plan_box .bg4 p{padding-right:87px;}

.plan_box .bg5{background:url(../Zimages/bg5.gif) right bottom no-repeat;}
.plan_box .bg5 p{padding-right:87px;}

.plan_box .bg6{background:url(../Zimages/bg6.gif) right bottom no-repeat;}
.plan_box .bg6 p{padding-right:87px;}