/* HOSTROCKET CSS DOCUMENTATION */ /* DEFUALT HTML */ html, body{margin:0; padding:0; background-color:#f2f2f2;} .logo {padding:73px 0 0 308px;} #left_column {background:url(images/left_bg.jpg) top right no-repeat;} #middle_column {background:url(images/footer_bg.jpg) top left no-repeat #f5f7f7;} #right_column {background:url(images/right_bg.jpg) top left no-repeat;} body {font-family: verdana, arial, tahoma, sans-serif; font-size:11px; line-height:1.2; color:#545454} a{font: 11px Verdana, Arial, Helvetica, sans-serif; color:#0991ee/*#499d0e (green)*/;} a:hover{text-decoration:none;} p{margin:0; padding:0 0 15px 0; line-height:13.5pt; color:#545454;} p.txt1{font: 10px Verdana, Arial, Helvetica, sans-serif; color:#0991ee; padding:0; margin:0} p.txt2{font: 11px Verdana, Arial, Helvetica, sans-serif; color:#545454; padding: 0; margin:0; line-height:17px} p.txt2 span{display:block; font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#499d0e/*#0991ee (light blue)*/; padding: 5px 0 0 0; margin:0; line-height:17px} p.txt3{font: 11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding: 0; margin:0; line-height:17px} p.txt3 span{display:block; font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#0991ee; padding: 5px 0 0 0; margin:0; line-height:17px} form {margin:0; padding:0; display:block;} img{border:0;} h1{font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#00499b; padding:0 0 15px 0; margin:0} h1.white{font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; padding:0 0 5px 0;} h1.blue{font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 5px 0;} h1.blue2{font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 5px 0; color:#0991ee;} h1.dedicated1{display:inline; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#4a9e0f; padding:0; background:url(images/hr_dotted.gif) repeat-x 0 20px;} h1.reseller1{display:inline; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#00499b; padding:0; background:url(images/hr_dotted.gif) repeat-x 0 20px;} h1.orange{font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 5px 0; color:#d79300} h1.red{font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 5px 0; color:#c10000} h1.black{font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 5px 0; color:#545454} h1.green{font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#499d0e; padding:0 0 5px 0;} h2{font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#499d0e/*#0991ee (light blue)*/; padding:0 0 10px 0; margin:0} h2 b{color:#545454} h2.features{display:inline; font-size:12px; color:#d79300; background:url(images/hr_dotted.gif) repeat-x 0 18px;} ul{list-style:none; margin:0; padding:0} ul li{list-style:none; padding:5px 0} /* GLOBAL */ #container{background:url(images/bg_shadow.gif) repeat-y 0 0; width:782px; margin:0 auto;} .clear{height:1px; clear:both; font-size:1%} .dotted{height:1px; background:url(images/hr_dotted.gif) repeat-x 0 0; margin:0 0 15px 0} .ptline {height:1px; background:url(images/hr_dotted.gif) repeat-x 0 0; margin:10px 0 0 0; padding:0px 0 20px 0} /* HEADER */ #header{width:770px; background-color:#FFF; margin:0 6px} /* H1 IMAGE TEXT */ h1.img_text{background:url(images/logo_hostrocket.gif) no-repeat 0 0; text-indent: -2000px;} /* SUPPORT BAR */ #support_number{float:right; height:31px; line-height:31px; width:500px; background:url(images/bg_supportnumber2.gif) repeat-y top right; text-align:right; padding:0} #support_number p{margin:0 10px 0 0; padding:0; line-height:31px; height:31px;} #support_number span{color:#D70000; background:url(images/ico_phone.gif) no-repeat 0 1px; height:31px; line-height:31px; padding:4px 0 4px 12px} /* MAIN NAV */ #nav{height:31px; margin: 0; padding:0; display:block; background:url(images/bg_nav.gif) repeat-x top left;} #nav ul{height:31px; margin:0; padding:0 0 0 20px; list-style:none; display:block;} #nav li{float: left; margin:0 4px 0 0; padding:0; list-style:none; display:block;} #nav a {font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; margin:0; padding:0 0 0 14px; text-decoration:none; text-transform:capitalize; text-align:center; line-height:31px; display:block;} #nav a span {padding:0 14px 0 0; display:block; text-transform:capitalize;} #nav a:hover {background:url(images/nav_left.gif) no-repeat left 5px; color:#499d0e;} #nav a:hover span {background:url(images/nav_right.gif) no-repeat right 5px;} #nav a.active {background:url(images/nav_left.gif) no-repeat left 5px; color:#499d0e;} #nav a.active span {background:url(images/nav_right.gif) no-repeat right 5px;} /* SUB NAV */ #nav2{height:31px; margin:0; padding:0; display:block; background:url(images/bg_nav2.gif) repeat-x bottom left;} #nav2 ul{height:31px; margin:0; padding:0 0 0 320px; list-style:none; display:block;} #nav2 li{float: right; margin:0 8px 0 0; padding:0; list-style:none; display:block;} #nav2 a {font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color:#545454; margin:0; padding:0 0 0 14px; text-decoration:none; text-transform:capitalize; text-align:center; line-height:31px; display:block; letter-spacing: 0.5px} #nav2 a:hover {color:#499d0e;} /* CONTENT */ #content {width:760px; background-color:#FFF; margin:0 0 0 16px;} /* SIGNUP CONTENT */ #full_column {display:inline; float:left; width:750px; padding:0; margin:10px 10px 10px 0} /* INSIDE EXPAND BOX */ #box1_2 {padding:0; margin:0} #box1_2 #end{} #body3{padding:10px 20px; margin:0; background:url(images/inside_body2.gif) repeat-y 0 0} /* MAIN CONTENT */ #left {display:inline; float:left; width:550px; padding:0; margin:10px 10px 0 0} /* LARGE BOX */ #box1 {padding:10px; margin:0 0 10px 0; background:url(images/bg_shared.jpg) no-repeat 0 0; height:168px} #box1_3 {padding:10px; margin:0 0 10px 0; background:url(images/bg_shared2.jpg) no-repeat 0 0; height:168px} ul.feature1 {list-style:none; margin:0; padding:0 0 0 10px;} ul.feature1 li {list-style:none; margin:0; padding:0 0 2px 0} ul.feature1 li a {font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#FFF; background:url(images/bul_01.gif) no-repeat 0 4px; padding:0 0 0 15px;} ul.feature1 li a:hover {background:url(images/bul_01.gif) no-repeat 2px 4px;} ul.feature1 li a b {color:#00e8ff;} ul.feature1 li a.style2{color:#545454; background:url(images/bul_03.gif) no-repeat 0 4px;} ul.feature1 li a.style2:hover{background:url(images/bul_03.gif) no-repeat 2px 4px;} ul.feature1 li a.style2 b{color:#3974b3/*#00499b;*/} a.more{width:111px; height:16px; display:block; background:url(images/but_shared_more.gif) no-repeat 0 0; font-size: 10px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; margin:5px 0 ; padding:2px 0 0 0;} a.more:hover{background:url(images/but_shared_more.gif) no-repeat 0 -18px;} a.order{width:111px; height:18px; display:block; background:url(images/but_dedicated_order2.gif) no-repeat 0 0; font-size: 10px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; margin:0; padding:6px 0 0 0;} a.order:hover{background:url(images/but_dedicated_order2.gif) no-repeat 0 -24px;} /* INSIDE EXPAND BOX */ #box1_1 {padding:0; margin:0 0 10px 0;} #end{} #body{padding:10px 20px; margin:0; background:url(images/inside_body.gif) repeat-y 0 0} #body2{padding:0px 10px; margin:0; background:url(images/inside_body.gif) repeat-y 0 0} .body_text{padding:0px 10px; margin:0;} .body_text ul{margin:10px 0 20px 0 } .body_text li{padding:2px 0 2px 15px; background:url(images/bul_feature.gif) no-repeat 5px 7px} .body_text li a{color:#545454} a.support {color:#545454; font-size:12px; text-decoration:none; font-weight:bold; background:url(images/hr_dotted.gif) repeat-x 0 13px; padding-bottom:5px;} a.support:hover{text-decoration:underline;} a.support2 {color:#999; font-size:12px; text-decoration:none; font-weight:bold; background:url(images/hr_dotted.gif) repeat-x 0 13px; padding-bottom:5px;} a.support2:hover{text-decoration:underline;} /*shared page */ .shared_info{padding:0px 10px; margin:10px 0 20px 0; background:url(images/rocket_freedom_price3.gif) no-repeat 0 0} p.info{padding:10px 0px; margin:0; width:350px; display:block; float:left; color:#545454} p.info2{padding:10px 0px; margin:0; width:510px; display:block; float:left; color:#545454} a.rocket_freedom{width:144px; height:100px; display:inline; float:left; margin:10px 0 0 15px; background:url(images/but_rocket_freedom.gif) no-repeat 0 0; text-decoration:none} a.rocket_freedom:hover{background:url(images/but_rocket_freedom.gif) no-repeat 0 -101px;} .shared_info2{padding:0px 10px 10px 10px; margin:10px 0; background:url(images/rocket_freedom_price2.gif) no-repeat bottom left} ul.info{padding:10px 0px; margin:0; width:350px; display:block; float:left; color:#000} ul.info li.heading{background:none; padding:0 0 2px 0; margin:0 0 0 5px} ul.info li {list-style:none; margin:0 0 0 10px; padding:0 0 4px 15px; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#588dc2; background:url(images/bul_02.gif) no-repeat 0 4px; /*padding:0 0 0 15px;*/} ul.info li b {/*color:#d79300;*/color:#00499b} a.rocket_freedom2{width:144px; height:100px; display:inline; float:left; margin:10px 0 0 15px; background:url(images/but_rocket_freedom2.gif) no-repeat 0 0; text-decoration:none} a.rocket_freedom2:hover{background:url(images/but_rocket_freedom2.gif) no-repeat 0 -101px;} /*dedicated page */ .dedicated_info{padding:10px 10px; margin:10px 0; background:url(images/bg_dedicated.gif) no-repeat 0 0} .dedicated_info ul{margin:10px 0 2px 0; display:block; float:left; width:255px;} .dedicated_info li{padding:2px 0 2px 15px; background:url(images/bul_feature.gif) no-repeat 5px 7px} #dedicated_plans{} .notice{border:3px solid #efefef; padding:10px; margin:0 0 20px 0} .notice b{color:#C10000} .product_box{display:block; float:left; margin:0 0px 10px 0px; padding:0px; background:url(images/bg_productbox_bot.gif) no-repeat bottom left; clear:both} .product_box .top{} .product_box .bottom{padding:0 10px 10px 10px} ul.feature_highlight2{margin:10px 0 2px 0; display:block; float:left; width:245px;} ul.feature_highlight2 li{padding:2px 0 2px 10px; background:url(images/bul_feature2.gif) no-repeat 0px 7px} ul.feature_highlight2 li b{color:#d79300 } .plan_box{width:255px; display:inline; float:left; margin:0 5px 10px 5px; padding:0px; background:url(images/bg_dedicated_bot.gif) no-repeat bottom left} .plan_box .top{} .plan_box .bottom{padding:0 10px 10px 10px} ul.feature_highlight{list-style:none; margin:5px 0;} ul.feature_highlight li{padding:2px 0 2px 10px; background:url(images/bul_feature2.gif) no-repeat 0px 7px} ul.feature_highlight li.heading{padding:2px 0 10px 0px; background:none} ul.feature_highlight li.heading b{color:#000} ul.feature_highlight li b{color:#00499b/*#4a9e0f*/} ul.feature_highlight li b.resell{color:#d79300 } .icon_insert{float:right; display:block; padding:10px 5px 0 0} .price{font-size:12px; font-weight:bold; color:#545454; width:155px; display:block; float:left; text-align:center; line-height:24px} .price b{color:#d79300 /*#C10000#d79300*/} .price b.red{color:#C10000} .order_box{width:78px; display:block; float:left} .ded_order{padding-top: 10px; background:url(images/hr_line.gif) repeat-x 0 0} a.order3{width:78px; height:18px; display:block; float:left; background:url(images/but_order2.gif) no-repeat 0 0; font-size: 10px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; margin:0; padding:6px 0 0 0;} a.order3:hover{background:url(images/but_order2.gif) no-repeat 0 -24px;} a.order5{width:78px; height:18px; display:block; float:left; background:url(images/but_order3.gif) no-repeat 0 0; font-size: 10px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; margin:0; padding:6px 0 0 0;} a.order5:hover{background:url(images/but_order3.gif) no-repeat 0 -24px;} a.soldout{width:78px; height:18px; display:block; float:left; background:url(images/but_soldout.gif) no-repeat 0 0; font-size: 10px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; margin:0; padding:6px 0 0 0;} /* MEDIUM BOX */ #box2 {float:left; width:332px; height:190px; margin:0 0 10px 0; padding:10px; background:url(images/bg_dedicated.jpg) no-repeat 0 0} #box2_2 {float:left; width:332px; height:190px; margin:0 0 10px 0; padding:10px; background:url(images/bg_dedicated2.jpg) no-repeat 0 0} ul.feature2{list-style:none; margin:5px 0 0 0; padding:0 0 0 10px;} ul.feature2 li{list-style:none; margin:0; padding:0 0 2px 0} ul.feature2 li a{font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#FFF; background:url(images/bul_01.gif) no-repeat 0 4px; padding:0 0 0 15px;} ul.feature2 li a:hover{background:url(images/bul_01.gif) no-repeat 2px 4px;} ul.feature2 li a span{color:#b3ff86;} ul.feature2 li a.style2{color:#545454; background:url(images/bul_03.gif) no-repeat 0 4px;} ul.feature2 li a.style2:hover{background:url(images/bul_03.gif) no-repeat 2px 4px;} ul.feature2 li a.style2 span{color:#499d0e;} a.more2{width:111px; height:16px; display:block; float:right; background:url(images/but_dedicated_more.gif) no-repeat 0 0; font-size: 10px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; margin:5px 0 ; padding:2px 0 0 0;} a.more2:hover{background:url(images/but_dedicated_more.gif) no-repeat 0 -18px;} a.order2{width:111px; height:18px; display:block; float:right; background:url(images/but_dedicated_order2.gif) no-repeat 0 0; font-size: 10px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; margin:0; padding:6px 0 0 0;} a.order2:hover{background:url(images/but_dedicated_order2.gif) no-repeat 0 -24px;} /* GUTTER SPACE */ #gutter{float:left; width:10px; height:100px; margin: 0 0 10px 0;} /* SMALL BOX */ #box3 {float:left; width:168px; height:190px; margin:0 0 10px 0; padding:10px; background:url(images/review_box.gif) no-repeat 0 0;} #box3_2 {float:left; width:168px; height:190px; margin:0 0 10px 0; padding:10px; background:url(images/review_box2.gif) no-repeat 0 0;} #box3_3 {float:left; width:168px; height:190px; margin:0 0 10px 0; padding:10px; background:url(images/review_box3.gif) no-repeat 0 0;} /* SIDE CONTENT */ #right {display:inline; float:left; width:188px; margin:10px 10px 0 0} /* DOMAIN CHECK BOX LARGE */ #box4 {padding:10px; margin: 0 0 10px 0; height:168px; background:url(images/domain_check1.gif) no-repeat 0 0} #box4_2 {padding:10px; margin: 0 0 10px 0; height:168px; background:url(images/domain_check2.gif) no-repeat 0 0} #box4_3 {padding:10px; margin: 0 0 10px 0; height:168px; background:url(images/domain_check3.gif) no-repeat 0 0} a.go{width:53px; height:18px; display:block; float:left; clear:both; background:url(images/but_go2.gif) no-repeat 0 0; font-size: 10px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; margin:5px 0; padding:6px 0 0 0;} a.go:hover{background:url(images/but_go2.gif) no-repeat 0 -24px;} a.hosting1{display:block; clear:both; height:26px; background:url(images/but_rcorner.gif) no-repeat top right; text-decoration:none; font: 11px Verdana, Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; color:#FFF; padding:0; line-height:24px; margin:7px 0 0 0} a.hosting1 b{display:block; height:26px; background:url(images/but_lcorner.gif) no-repeat top left; clear:both} a.hosting1:hover{background:url(images/but_lhcorner.gif) no-repeat top left;} a.hosting1:hover b{background:url(images/but_rhcorner.gif) no-repeat top right;} /* SIDE IMAGE BOX */ .box5 {padding:0; margin: 0 0 10px 0} /* SIDE BOX EXPAND */ .box6 {padding:0; margin: 0 0 10px 0; background:url(images/side_body.gif) repeat-y 0 0 } .box6 #body1{padding: 10px 10px 0 10px; background:url(images/side_top.gif) no-repeat 0 0; margin:0} .box6 #body2{padding: 10px 10px 0 10px; background:url(images/side_top2.gif) no-repeat 0 0; margin:0} /* FOOTER */ #footer {background-color:#FFF; background:url(images/bg_footer.gif) no-repeat left bottom; margin:0; padding:0px 16px 20px 16px} /* FOOTER GREY BOX */ #footbox{background-color:#F1F1F1; border-top:1px solid #DADADA; padding:10px} #footbox ul{display:block; margin:0; padding:0; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#545454} #footbox ul li {display:inline; padding:0; margin:0} #footbox ul li a{color:#1c7faf; text-decoration:none;} #footbox ul li span{ color:#DADADA} /* SIGN UP FORM */ table.signup td, table.signup th {height:30px; vertical-align:middle; text-align:left; padding:0px 0 0px 10px; margin:0;} table.signup th.style1 {background:url(images/corner_left.gif) no-repeat top left} table.signup th.style2 {background:url(images/corner_right.gif) no-repeat top right} table.signup tr.color {background-color:#e6eff2/*#f5f7fc*/;} table.signup tr.head {background-color:#4180c6/*#c8d5e5*/; color:#FFF} table.signup td.nostyle, table.signup th.nostyle {height:0px; vertical-align:middle; text-align:left; padding:0} a.order4{width:111px; height:18px; display:block; background:url(images/but_order3.gif) no-repeat 0 0; font-size: 10px; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; margin:0; padding:6px 0 0 0;} a.order4:hover{background:url(images/but_order3.gif) no-repeat 0 -24px;} table.dsearch{ border:3px solid #efefef; margin:0 auto 30px auto; width:550px; padding:10px} table.dsearchyes{ border:3px solid #efefef; margin:0 auto 30px auto; width:550px; padding:10px; background-color:#e6ffe8} table.dsearchno{ border:3px solid #efefef; margin:0 auto 30px auto; width:550px; padding:10px; background-color:#ffe6ee}