/* CSS Document */

/*************************************************   RESET   *************************************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* IE PNG FIX 
* { behavior: url(iepngfix/iepngfix.htc) }*/

/*************************************************   TEXT   *************************************************/
h1{font-size:24px}
h2{font-size:20px; margin-bottom:16px;}
h3{font-size:14px; font-weight:bold; color:#0e7fc7; margin-bottom:10px}
h4{font-size:16px; font-weight:bold;}
p{margin-bottom:18px}
a{color:#0e7fc7; text-decoration:none; cursor:pointer;}
a:hover{text-decoration:underline;}
ol{margin:20px 0 18px 20px}
ul{margin-bottom:18px}
/*************************************************   LAYOUT   *************************************************/
html, body {font: 12px/18px "Arial", Geneva, Arial, Verdana, sans-serif; color:#333; background:#fff;}
#top-home{background:#fff url(images/bg_body1.jpg) repeat-x 0px 1px;}
#top-cp{background:#fff url(images/bg_body3.jpg) repeat-x 0px 1px;}
#top-cp #content{margin:50px 0}
#top{background:#fff url(images/bg_body2.jpg) repeat-x 0px 1px;}
#bottom{background:url(images/bg_footer2.gif) repeat-x 0 0;}
#container{width:760px; margin:0 auto;}
#header{}
#content{min-height:255px; margin:0 10px}
#footer{width:740px; margin:0 auto; padding:20px; color:#666}
.clear{height:1px; clear:both;}

/*************************************************   HEADER  *************************************************/
#contacts{width:300px; float:right; margin-top:25px}
#contacts li{width:129px; float:left; padding:0 10px;}
#contacts li.left{text-align:right; border-right:1px solid #ccc;}
h1#logo{height:80px;}
h1#logo a{text-decoration:none; line-height:80px; background:url(images/gotfax.gif) no-repeat 0 0; display:block; text-indent:-2000px}
h1#logo span{font-size:12px;}
#nav{background:url(images/bg_nav1.gif) repeat-x; height:33px; border:solid #ccc; border-width:1px 1px 0; margin:0}
#nav li{float:left; display:block}
#nav li a{height:33px; line-height:33px; text-decoration:none; padding:0 20px; display:block; background:url(images/bg_nav2.gif) no-repeat right top; color:#333; font-weight:bold}
#nav li a:hover{background:url(images/bg_nav2.gif) no-repeat right bottom;}
/*************************************************   CONTENT   *************************************************/
#special{height:86px; margin-bottom:20px; background:url(images/bg_special.jpg) no-repeat top right;}
#special h1{color:#a60303;  line-height:normal; padding-top:22px }
#special li{/*color:#a60303;*/ color:#f1f1f1; display:inline; padding-left:8px; margin-right:10px; background:url(images/bul_orange.gif) no-repeat 0 6px}
#special .signup{display:block; margin-top:24px}
#left{width:532px; margin:0 20px 20px 0; float:left;}
#right{width:188px; float:left; margin-bottom:20px}
.list-arrow li{background:url(images/icon_arrow.gif) no-repeat 0 5px; padding-left:12px; margin:0 0 2px 10px}
.list-faq li{margin:0 0 2px 10px}
.list-faq .faq{background:url(images/icon_open.gif) no-repeat 0 3px; padding-left:14px;}
.list-faq div{background:url(images/bg_faq.gif) repeat-x; padding:10px; margin:10px 0;}
.sidebox{background:url(images/sidebox_bottom.gif) no-repeat bottom; padding-bottom:10px; margin-bottom:10px}
.sidebox h4{padding:2px 10px 0 10px; line-height:33px; background:url(images/sidebox_top.gif) no-repeat;}
.sidebox h4#questions{background:url(images/sidebox_questions.gif) no-repeat; padding-left:38px}
.sidebox h4#compare{background:url(images/sidebox_compare.gif) no-repeat; padding-left:38px}
.sidebox a.compare{color:#333;}
.sidebox a.compare:hover p{color:#0e7fc7;}
.sidebox p, .sidebox form{margin:0 10px}
.list-package{margin:0 1px;}
.list-package li{background:url(images/list_break1.gif) repeat-x; padding-top:2px}
.list-package a{line-height:30px; height:30px; display:block; text-decoration:none; color:#333; font-weight:bold; text-align:right; padding:0 10px}
.list-package a:hover{background:#fff;}
.list-package .plan{float:left;}
#ticket{margin:10px 0 20px; width:418px}
#ticket label{width:70px; display:block; float:left; line-height:26px; padding-right:10px}
#ticket div{margin-bottom:5px}
#ticket .textfield{width:330px; padding:3px 0;}
#ticket .textarea{width:330px; height:100px}
#billing{display:none;}
#account{display:none;}
.login{text-align:left; width:367px; height:201px; padding:100px 30px 0 30px; margin-top:90px; background:url(images/bg_login.gif) no-repeat top left;}
.login div{margin-bottom:5px}
.login .textfield{width:250px; padding:3px 0;}
.login .login-info{width:100px; display:block; float:left; line-height:26px; text-align:right; padding-right:10px}
.login .account-type label{float:left; padding-right:20px}
.login .account-type{margin-left:110px;}
ul.default{list-style:outside disc; margin:0 0 18px 20px;}
#phone{background:url(images/icon_phone.gif) no-repeat; padding-left:15px; margin-left:10px;}
#faq-price{width:300px; color:#fff; margin-top:5px; font-weight:bold}
#faq-price td{border-bottom:1px solid #ccc; padding:2px 4px; background:#fff}
#faq-price th{color:#333; padding:2px 4px; font-weight:bold; border-bottom:1px solid #ccc;}
#faq-price tr.plan1{color:#f29f05;}
#faq-price tr.plan2{color:#d96704;} 
#faq-price tr.plan3{color:#a60303;} 
#faq-price tr.plan4{color:#73020c;}
#comparison{margin-bottom:10px;}
#comparison tr.top{background:url(images/comparison_header.gif) no-repeat #000; border:none;}
#comparison th{width:20%; vertical-align:middle; padding:5px 7px; font-weight:bold; color:#fff; background:url(images/comparison_line.gif) no-repeat right;}
#comparison tr{border:solid #ccc; border-width:0 1px 1px 1px}
#comparison tr.alt{background:#f5f5f5;}
#comparison tr.highlight{background:#fcebca;}
#comparison td{padding:5px 7px;}
/*************************************************   HOMEPAGE   *************************************************/

#intro{background:url(images/bg_intro1.jpg) no-repeat top right; min-height:155px; margin-bottom:5px}
#intro h1{color:#f1f1f1; height:100px; line-height:normal; padding-top:55px;}
#intro h1 span{color:#a60303}
.package{background:url(images/package_bottom.gif) no-repeat bottom; width:177px; margin:0 10px 20px 0; float:left; height:172px;}
.package h2{line-height:38px; background:url(images/package_top.gif) no-repeat top; padding-left:10px; margin-bottom:5px}
.package-box{background:url(images/packagebox_bottom.gif) no-repeat bottom; width:177px; margin:0 10px 20px 0; float:left;}
.package-box h2{line-height:38px; background:url(images/packagebox_top.gif) no-repeat; padding-left:10px; margin-bottom:5px}
#top-home .package-box h2{line-height:38px; background:url(images/packagebox_top2.gif) no-repeat; padding-left:10px; margin-bottom:5px}
.package .info, .package-box .info{margin:0 10px 10px 10px}
.info ul{margin-bottom:10px}
.info .price{margin-bottom:5px}
span.package1{background:#f29f05; color:#fff; padding:0 2px; margin:0 2px}
span.package2{background:#d96704; color:#fff; padding:0 2px; margin:0 2px}
span.package3{background:#a60303; color:#fff; padding:0 2px; margin:0 2px}
span.package4{background:#73020c; color:#fff; padding:0 2px; margin:0 2px}
a.package1{height:29px; width:82px; display:block; line-height:29px; background:url(images/but_package1.gif) no-repeat; color:#fff; text-align:center; text-decoration:none; font-weight:bold; text-indent:-2000px; overflow:hidden;}
a.package1:hover{background:url(images/but_package1.gif) no-repeat 0 -29px;}
a.package2{height:29px; width:82px; display:block; line-height:29px; background:url(images/but_package2.gif) no-repeat; color:#fff; text-align:center; text-decoration:none; font-weight:bold; text-indent:-2000px; overflow:hidden;}
a.package2:hover{background:url(images/but_package2.gif) no-repeat 0 -29px;}
a.package3{height:29px; width:82px; display:block; line-height:29px; background:url(images/but_package3.gif) no-repeat; color:#fff; text-align:center; text-decoration:none; font-weight:bold; text-indent:-2000px; overflow:hidden;}
a.package3:hover{background:url(images/but_package3.gif) no-repeat 0 -29px;}
a.package4{height:29px; width:82px; display:block; line-height:29px; background:url(images/but_package4.gif) no-repeat; color:#fff; text-align:center; text-decoration:none; font-weight:bold; text-indent:-2000px; overflow:hidden;}
a.package4:hover{background:url(images/but_package4.gif) no-repeat 0 -29px;}

a.packagebox1{height:30px; width:82px; display:block; line-height:30px; background:url(images/but_packagebox1.gif) no-repeat; color:#fff; text-align:center; text-decoration:none; font-weight:bold; text-indent:-2000px; overflow:hidden;}
a.packagebox1:hover{background:url(images/but_packagebox1.gif) no-repeat 0 -30px;}
a.packagebox2{height:30px; width:82px; display:block; line-height:30px; background:url(images/but_packagebox2.gif) no-repeat; color:#fff; text-align:center; text-decoration:none; font-weight:bold; text-indent:-2000px; overflow:hidden;}
a.packagebox2:hover{background:url(images/but_packagebox2.gif) no-repeat 0 -30px;}
a.packagebox3{height:30px; width:82px; display:block; line-height:30px; background:url(images/but_packagebox3.gif) no-repeat; color:#fff; text-align:center; text-decoration:none; font-weight:bold; text-indent:-2000px; overflow:hidden;}
a.packagebox3:hover{background:url(images/but_packagebox3.gif) no-repeat 0 -30px;}
a.packagebox4{height:30px; width:82px; display:block; line-height:30px; background:url(images/but_packagebox4.gif) no-repeat; color:#fff; text-align:center; text-decoration:none; font-weight:bold; text-indent:-2000px; overflow:hidden;}
a.packagebox4:hover{background:url(images/but_packagebox4.gif) no-repeat 0 -30px;}

#left-home{width:437px; float:left; margin:0 10px 20px 0; background:url(images/bg_left_home.gif) no-repeat; padding:10px 10px 0 10px}
#right-home{width:263px; float:left; background:url(images/bg_right_home.gif) no-repeat; padding:10px 0 0 10px; margin-bottom:20px;}
#left-home a{font-weight:bold;}
li#email{background:url(images/icon_email.gif) no-repeat 4px 10px; padding-left:60px}
li#money{background:url(images/icon_money.gif) no-repeat 0 10px; padding-left:60px}
li#fax{background:url(images/icon_fax.gif) no-repeat 0 10px; padding-left:60px}

/*************************************************   FOOTER   *************************************************/
#footer a{color:#333}
#nav-foot{margin-bottom:2px}
#nav-foot li{display:inline;}
#nav-foot li a{padding-right:10px;}
.viatalk{float:right; width:89px; height:35px; background:url(images/viatalk.gif) no-repeat 0 0; margin-right:30px; text-decoration:none;}
.viatalk:hover{background:url(images/viatalk.gif) no-repeat 0 -35px; text-decoration:none;}
.hostrocket{float:right; width:129px; height:35px; background:url(images/hostrocket.gif) no-repeat 0 0; text-decoration:none;}
.hostrocket:hover{background:url(images/hostrocket.gif) no-repeat 0 -35px; text-decoration:none;}

/************************************************* ORDER *******************************************************/

.order-form{margin-bottom:20px}
.order-form h3{margin-bottom:20px; border-bottom:2px solid #ccc/*#0e7fc7*/}
.order-form div{margin-bottom:10px}
.order-form div label{width:130px; display:block; float:left; line-height:24px}
.order-form .split{float:left; width:390px; margin-right:10px}
.bill-cycle{border:1px solid #7f9db9; width:152px; margin:0 5px 20px 5px; padding:0px 10px; float:left;}
.bill-cycle li{padding:5px 0; border-bottom:1px solid #ccc}
.bill-cycle li.end{border:none;}
.order-form .textarea{width:200px; height:120px}
.order-form .textfield{width:200px; padding:2px 0;}
.bill-cycle .save{margin:0 0 0 20px; color:#CC0000}