/*resets...*/ * { margin: 0; padding: 0; color: rgba(52,237,23,1.00); font-size: 22px; font-family: Arial, "Arial Narrow", "Arial Black", "Arial Rounded MT Bold"; font-style: normal; font-weight: 400; } fieldset { border: none } a { cursor: pointer; text-decoration: underline } a:hover { text-decoration: none } img { border: none; text-align: center; } .curv { float: left; width: 100% } .curv img { float: left } body { background: #001b2b; color: #d4d4d4; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; } .clear { clear: both } a:focus { outline: none; color: #060; text-align: left; text-decoration: none; } #layout { width: 100%; background: url(../images/layout_bg.gif) repeat-x 0 0; float: left; } #main { width: 100%; background: url(../images/wrapper_bg.gif) no-repeat center 58px; float: left; } #wrapper { width: 960px; margin: 0 auto; } /*********top_links goes here...*************/ #top_links_container { float: left; width: 960px } #top_links_container .left_box { float: left; height: 40px; padding: 18px 0 0 0 } #top_links_container .social_links { width: auto; float: right; padding-top: 15px; } #top_links_container .social_links ul { width: auto; float: left; list-style: none; } #top_links_container .social_links ul li { width: auto; float: left; margin: 0 4px; } #top_links_container .trust { width: 110px; float: right; margin-left: 12px; padding-top: 5px; height: 50px; } #top_links_container .trust img { width: 100px; height: 38px; } #top_links { float: left; list-style: none } #top_links li { float: left; padding: 0 15px 0 0; background: url(../images/top_links_divider.gif) no-repeat right center; margin: 0 0 0 5px; font: 12px/14px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif } #top_links li.last { background: none } #top_links li a { text-decoration: none; color: #74b9ff; padding: 3px 0 3px 25px } #top_links li a:hover { text-decoration: underline; } #top_links li.login a { float: left; background: url(../images/login_icon.gif) no-repeat 0 50% } #top_links li.tech_support a { float: left; background: url(../images/tech_support_icon.gif) no-repeat 0 50% } #top_links li.sales_support a { float: left; background: url(../images/sales_support_icon.gif) no-repeat 0 50% } #top_links li.phone_no a { float: left; background: url(../images/phone_icon.gif) no-repeat 0 50% } #top_links li.twitter a { float: left; background: url(../images/tweet.gif) no-repeat 0 50% } #top_links_container .right_box { float: right; height: 53px; padding: 15px 0 0 0 } #top_links_container .right_box ul { width: auto; float: left; list-style: none; } #top_links_container .right_box ul li { width: auto; float: left; margin: 0 3px; } /*********header goes here...*************/ #header { float: left; width: 960px; height: 168px; top: 255px; } #logo { float: left; margin: 40px 0 0 30px; display: inline } /*********menu_container goes here...*************/ #menu_container { float: left; width: 960px; position: relative!important; overflow: hidden } /*Top Menu goes here...*/ #menu_container .top_box { float: left; width: 960px; height: 45px } #menu { width: 960px; float: left } #menu ul { float: left; list-style: none; padding: 0 0 0 18px; } #menu ul li { float: left; font: 13px/15px Arial, Helvetica, sans-serif; margin-right: 2px; text-transform: uppercase } #menu ul li a { float: left; text-decoration: none; height: 45px; padding: 0 0 0 10px; color: #989898 } #menu ul li a span { float: left; height: 30px; padding: 15px 15px 0 5px; cursor: pointer } #menu ul li a:hover { float: left; height: 45px; padding: 0 0 0 10px; text-decoration: none; background: url(../images/nav_left_curv.gif) no-repeat 0 0; color: #FFF } #menu ul li a:hover span { float: left; height: 30px; background: url(../images/nav_right_curv.gif) no-repeat top right; padding: 15px 15px 0 5px } #menu ul li.current a { color: #FFF; float: left; height: 45px; padding: 0 0 0 10px; text-decoration: none; background: url(../images/nav_left_curv.gif) no-repeat 0 0 } #menu ul li.current a span { float: left; height: 30px; padding: 15px 15px 0 5px; background: url(../images/nav_right_curv.gif) no-repeat top right } #menu ul li.home { float: left } #menu ul li.home img { float: left; margin: 14px 18px 0 0 } #menu ul li.home a:hover { background: none } .chromestyle ul li a.selected { float: left; height: 45px; padding: 0 0 0 10px; text-decoration: none; background: url(../images/nav_left_curv.gif) no-repeat 0 0!important; color: #FFF!important } .chromestyle ul li a.selected span { float: left; height: 30px; background: url(../images/nav_right_curv.gif) no-repeat top right!important; padding: 15px 15px 0 5px } /*Top Menu ends here...*/ /*Sub Menu goes here...*/ #menu_container .bottom_box { float: left; width: 960px; height: 47px } #menu_container .bottom_box .left_curv { float: left } #menu_container .bottom_box .right_curv { float: left } #menu_container .sub_menu_box { float: left; width: 940px; height: 47px; background: url(../images/menu_bg.gif) repeat-x 0 0 } #sub_menu { float: left; list-style: none; padding: 15px 0 0 70px } #sub_menu li { float: left; background: url(../images/menu_divider.gif) no-repeat right center; font: 13px/15px Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 8px 0 6px } #sub_menu li.last { background: none } #sub_menu li a { color: #74b9ff; text-decoration: none } #sub_menu li a:hover { text-decoration: underline } /* Sub Menu ends here...*/ /*********slide_show goes here...*************/ #home_banner { float: left; width: 960px; height: 390px; position: relative } .money_back_icon_box { float: right; width: 100%; position: relative; z-index: 999 } .money_back_icon { float: right; width: 206px; height: 193px; position: absolute; top: -47px; right: 0; z-index: 99999 } #slideshow { float: left; width: 960px; height: 390px; overflow: hidden; } .slide_show { float: left; width: 960px; height: 390px; } .slide_show .slide_show_bg_1 { float: left; width: 960px; height: 390px; background: url(../images/slide_show_bg_1.jpg) no-repeat 0 0 } .slide_show .slide_show_bg_2 { float: left; width: 960px; height: 390px; background: url(../images/slide_show_bg_2b.jpg) no-repeat 0 0 } .slide_show .slide_show_bg_3 { float: left; width: 960px; height: 390px; background: url(../images/slide_show_bg_3b.jpg) no-repeat 0 0 } .slide_show .slide_show_bg_4 { float: left; width: 960px; height: 390px; background: url(../images/slide_show_bg_4b.jpg) no-repeat 0 0 } .slide_show .content_box { float: right; width: 518px; } .slide_show .content_box h2 { float: left; width: 478px; padding: 33px 0 6px 40px; z-index: 999 } .slide_show .content_box h2 img { float: left; } .slide_show .content_box p { float: left; width: 448px; padding: 0 35px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; } .slide_show .content_box .sign_up_now { float: left; width: 217px; height: 56px; margin: 30px 13px 0 120px } #home_banner .slider_btn { float: left; width: auto; position: absolute; bottom: 20px; right: 0px; z-index: 999 } #home_banner .slider_btn .slide_btns { float: right; padding: 0 40px 0 0 } #home_banner .slider_btn li { float: left; width: 14px; height: 14px; display: block; margin: 0 0 0 4px } #home_banner .slider_btn li a { float: right; width: 14px; height: 14px; display: block; background: url(../images/slider.gif) no-repeat 0 0 } #home_banner .slider_btn li a:hover { background: url(../images/slider_active.gif) no-repeat 0 0 } #home_banner .slider_btn li.active a { background: url(../images/slider_active.gif) no-repeat 0 0 } /*********body_container goes here...*************/ #body_container { float: left; width: 960px } #body_container .contents { float: left; width: 960px; background: #001b2b url(../images/body_container_contents_bg.gif) repeat-x 0 0 } #body_container .box { float: left; width: 960px; margin: 0 0 17px 0 } #body_container .domain_search_box { float: left; width: 960px; height: 145px; padding: 30px 0 0 0; background: url(../images/domain_search_box_bg.gif) no-repeat 0 0 } #body_container .domain_name_box { float: left; width: 507px; height: 115px; background: url(../images/domain_name_box_bg.gif) no-repeat; margin-left: 52px; display: inline; padding: 5px 15px 2px 15px; } #body_container .domain_name_box .domain_search_form_box { float: left; width: 100%; margin: 10px 0 0 0; } #body_container .domain_name_box .domain_search_form_box form { width: 100%; float: left; } #body_container .domain_name_box .domain_search_form_box p { float: left; padding-bottom: 5px; } #body_container .domain_name_box .domain_search_form_box p img { float: left; } #body_container .domain_name_box .domain_search_form_box .blank { width: 228px; float: left; margin-left: 5px; } #body_container .domain_name_box .form_area { width: 490px; height: 57px; float: left; background: url(../images/form_area_bg.jpg) no-repeat 0 0; } #body_container .domain_name_box .form_area .input_box { width: 374px; height: 35px; float: left; background: url(../images/input_bg.jpg) no-repeat 0 0; margin: 10px 0 0 12px; display: inline; } #body_container .domain_name_box .form_area .input_box input { width: 272px; float: left; background: none; border: none; margin: 5px 0 0 13px; padding: 6px 0; display: inline; } #body_container .domain_name_box .form_area .input_box select { float: left; width: 65px; margin: 7px 0 0 16px; padding: 2px 0; display: inline; } #body_container .domain_name_box .form_area input.submit { width: 89px; height: 33px; border: 0; background: url(../images/submit_btn.jpg) no-repeat 0 0; cursor: pointer; float: left; margin: 10px 0 0 8px; display: inline; } #domain_search_form { float: left; width: 280px } #domain_search_form .input_wrap { float: left; width: 207px; height: 33px; background: url(../images/domain_search_input_bg.gif) no-repeat 0 0; margin-right: 3px } #domain_search_form .input { float: left; width: 180px; margin: 8px 0 0 14px; padding: 2px 0; border: none; background: none; color: #333 } #domain_search_form .select { float: left; font-size: 20px; color: #333; width: 70px; margin: 2px 0 0 0 } #body_container .domain_name_box .domain_offer_box { float: right; width: 190px; text-align: center; } #body_container .domain_name_box .domain_offer_box .offer_title { float: left; width: 190px; font: 14px/16px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif; color: #7fb0cb } #body_container .domain_name_box .domain_offer_box .rate { float: left; font: 45px Arial, Helvetica, sans-serif; color: #d4d4d4; font-weight: bold } #body_container .domain_name_box .domain_offer_box .per_year { float: left; width: 122px; padding: 0 18px 0 0; font: 12px/14px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: right; font-weight: bold; margin: -25px 0 0 0 } #body_container .domain_name_box .content1 { float: left; width: 507px; margin: -2px 0 0 0 } #body_container .domain_name_box .content1 p { float: left; width: 507px; font: 12px/16px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif } #body_container .live_chat_box { float: right; width: 300px; margin-right: 35px; display: inline } #body_container .live_chat_box .image_box { float: left; width: 75px; height: 107px; padding: 18px 0 0 0 } #body_container .live_chat_box .think_box { float: right; width: 182px; height: 45px; background: url(../images/chat_content_bg.png) no-repeat 0 0; margin: 18px 0 0 0; padding: 10px 4px 0 36px } #body_container .live_chat_box .think_box p.first { float: left; width: 172px; font: 12px/14px "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: bold; color: #848282 } #body_container .live_chat_box .think_box p.last { float: left; width: 172px; font: 13px/16px "Myriad Pro", Arial, Helvetica, sans-serif; color: #7fb0cb; margin: 2px 0 0 0 } #body_container .live_chat_box .think_box p.last a { color: #d7f1ff; text-decoration: none } #body_container .live_chat_box .think_box p.last a:hover { text-decoration: underline } #body_container .live_chat_box .chat_button_box { float: right; width: 222px } #body_container .live_chat_box .chat_button_box { float: right; width: 222px; margin: 15px 0 0 0 } #body_container .live_chat_box .chat_button_box .start_chat { float: left; display: block; margin: 0 0 0 91px; display: inline } #body_container .live_chat_box .chat_button_box .start_chat a { color: #fc3; text-decoration: none; width: 109px; height: 33px; float: left; background: url(../images/chat_btn.jpg) no-repeat 0 0; } #body_container .live_chat_box .chat_button_box .start_chat a:hover { text-decoration: underline } #body_container .live_chat_box .chat_button_box .chat_btn { float: left } #body_container .plans { float: left; width: 864px; margin: 30px 0 0 0; padding: 0 43px 0 53px } #body_container .box { float: left; width: 960px; margin: 0 0 17px 0 } #body_container .box .plan_box { float: left; width: 241px; margin: 0 68px 0 0 } #body_container .box .plan_box.last { margin: 0 } #body_container .box .plan_box .title_box { float: left; width: 241px; height: 30px; padding: 20px 0 0 0; background: url(../images/plan_box_title_bg.gif) no-repeat 0 0 } #body_container .box .plan_box .title_box h2 { float: left; width: 190px; padding: 0 0 0 24px; font: 16px/18px "Myriad Pro", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #b3dcf3 } #body_container .box .plan_box .title_box span { float: left; width: 17px; height: 17px; display: block } #body_container .box .plan_box .plan_content { float: left; width: 201px; padding: 20px 20px; background: #002a43 url(../images/plan_box_content_bg.gif) repeat-x 0 0 } #body_container .box .plan_box .plan_content .plan_list { float: left; width: 201px; list-style: none } #body_container .box .plan_box .plan_content .plan_list li { float: left; width: 177px; background: url(../images/list_green_bullet.gif) no-repeat 0 50%; padding: 0 0 0 24px; margin-bottom: 6px; font: 15px/17px "Myriad Pro", Arial, Helvetica, sans-serif } #body_container .box .plan_box .plan_content .plan_list li a { text-decoration: none; color: #828282 } #body_container .box .plan_box .plan_content .plan_list li a:hover { text-decoration: underline; } #body_container .box .plan_box .plan_content .plan_list li.active a { color: #cfcfcf } #body_container .box .plan_box .plan_content .plan_list li.active a:hover { color: #cfcfcf } #body_container .box .plan_box .plan_bottom_box { float: left; width: 215px; height: 54px; padding: 0 10px 0 16px; background: url(../images/plan_box_rate_bg.gif) no-repeat 0 0 } #body_container .box .plan_box .plan_bottom_box .rate_box { float: left; width: 130px } #body_container .box .plan_box .plan_bottom_box .rate_box p { float: left; width: 130px; font: 30px Arial, Helvetica, sans-serif; font-weight: bold; color: #ababab; margin: 5px 0 0 0 } #body_container .box .plan_box .plan_bottom_box .rate_box span { float: left; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #666; margin: -20px 0 0 40px } #body_container .box .plan_box .plan_bottom_box .rate_box span.last { margin: -20px 0 0 55px } #body_container .box .plan_box .plan_bottom_box .order_box { float: right; width: 72px; border-left: 1px dotted #999; margin: 10px 0 0 0; padding: 0 0 0 10px } #body_container .box .plan_box .plan_bottom_box .order_box span { float: left; font: 12px/14px "Myriad Pro", Arial, Helvetica, sans-serif; padding: 14px 0 8px 0 } #body_container .box .plan_box .plan_bottom_box .order_box span a { float: left; color: #759725; text-decoration: none; margin: 0 0 5px 0; background: url(../images/yellow_go_bullet.gif) no-repeat right 5px; padding: 0 11px 0 0 } #body_container .box .plan_box .plan_bottom_box .order_box span a:hover { text-decoration: underline } #body_container .box .featured_box { float: left; width: 874px; margin: 0 33px 0 53px; display: inline; padding: 24px 0; border-top: 1px solid #1a3241; } #body_container .box .featured_box.top { border-top: none; border-bottom: 1px solid #1a3241; font-size: 12px; } #body_container .box .featured_box.top p { font-size: 11px; color: #96a1a8; padding-bottom: 5px; } #body_container .box .featured_box .slider_left { width: 422px; height: 247px; float: left; background: url(../images/slider_bg.jpg) no-repeat 0 0; margin-left: 3px; display: inline; position: relative; overflow: hidden; } #body_container .box .featured_box .slider_left .pic_area { width: 100%; float: left; z-index: 0 } #body_container .box .featured_box .slider_left .slide_text { width: 188px; height: 247px; position: absolute; left: 0px; top: 0px; background: url(../images/slide_text_bg.png) no-repeat 0 0; } #body_container .box .featured_box .slider_left .slide_text ul { width: 100%; float: left; list-style: none; } #body_container .box .featured_box .slider_left .slide_text ul li { width: 100%; float: left; } #body_container .box .featured_box .slider_left .slide_text ul li a { width: 100%; float: left; height: 61px; text-decoration: none; color: #fff; background: url(../images/line.gif) no-repeat 0 bottom; } #body_container .box .featured_box .slider_left .slide_text ul li.active a { background: url(../images/slider_hover.png) no-repeat 0 0!important; color: #000; } #body_container .box .featured_box .slider_left .slide_text ul li span { float: left; padding: 11px 0 0 12px; } #body_container .box .featured_box .slider_left .slide_text ul li.last a { background: none; } #body_container .box .featured_box .slider_right { width: 410px; float: right; } #body_container .box .featured_box .slider_right .top_text { width: 100%; float: left; } #body_container .box .featured_box .slider_right .top_text h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; width: 262px; float: left; color: #fff; } #body_container .box .featured_box .slider_right .top_text h3 span { font-size: 14px; font-weight: normal; } #body_container .box .featured_box .slider_right .top_text h3 a { color: #fccd35; text-decoration: none; } #body_container .box .featured_box .slider_right .top_text h3 a:hover { text-decoration: underline; } #body_container .box .featured_box .slider_right .top_text h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: auto; float: left; color: #fff; font-style: italic; } #body_container .box .featured_box .slider_right .top_text h4 a { color: #fff; text-decoration: underline; } #body_container .box .featured_box .slider_right .top_text h4 a:hover { text-decoration: none; } #body_container .box .featured_box .slider_right .crousal_area { width: 100%; float: left; margin-top: 25px; } #body_container .box .featured_box .slider_right .crousal_area .left_arrow { width: 35px; float: left; padding-top: 24px; } #body_container .box .featured_box .slider_right .crousal_area .right_arrow { width: 35px; float: right; padding-top: 24px; } #body_container .box .featured_box .slider_right .crousal_area .slide { width: 340px; float: left; } #body_container .box .featured_box .slider_right .crousal_area .slide ul { width: 100%; float: left; list-style: none; } #body_container .box .featured_box .slider_right .crousal_area .slide ul li { width: auto; float: left; margin: 0 14px; position: relative; } #body_container .box .featured_box .slider_right .crousal_area .slide ul li span { width: 84px; position: absolute; left: 0; bottom: 10px; text-align: center; color: #001B2B; font-weight: bold; font-style: italic; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #body_container .box .featured_box .slider_right .btm_text { width: 100%; float: left; margin-top: 10px; } #body_container .box .featured_box .curve { float: left; } #body_container .box .featured_box .featured_main_box { float: left; width: 862px; background: url(../images/featured_box_repeat_bg.jpg) repeat-y 0 0; padding: 0 1px } #body_container .box .featured_box .featured_main_box .featured_details_container { float: left; width: 862px; background: #0d1f23 url(../images/featured_box_repeat_bg_inner.jpg) repeat-x 0 0; padding: 0 0 0 0 } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_left { float: left; width: 358px; padding: 17px 0 0 18px } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_left .video_box { float: left; width: 317px; height: 249px; border: 1px solid } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right { float: right; width: 460px; padding: 15px 5px 15px 17px } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_content_box { float: left; width: 260px } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_content_box .detail_box { float: left; width: 225px; padding: 0 0 35px 15px } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_content_box .detail_box.last { padding: 0 0 0px 15px } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_content_box .detail_box h2 { float: left; width: 225px; font: 12px/14px Arial, Helvetica, sans-serif; font-weight: bold; color: #8aced6; margin-bottom: 2px } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_content_box .detail_box p { float: left; width: 170px; font: 12px/14px Arial, Helvetica, sans-serif; text-align: left; } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_content_box .detail_box span { float: left; width: 225px; font: 12px/14px Arial, Helvetica, sans-serif; margin: 25px 0 0 0 } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_content_box .detail_box span a { color: #189eb1 } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_list_box { float: right; width: 196px } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_list_box ul { float: left; width: 220px; list-style: none } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_list_box ul li { float: left; width: 171px; font: 12px/14px Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 8px; background: url(../images/list_green_bullet.gif) no-repeat 0 0; padding: 0 0 0 25px } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_list_box ul li a { float: left; color: #9bcbd1; text-decoration: none } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_list_box ul li a:hover { text-decoration: underline } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_list_box span { float: left; width: 171px; font: 12px/14px Arial, Helvetica, sans-serif; margin: 25px 0 0 0 } #body_container .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_list_box span a { color: #189eb1 } /*********Data Center page goes here...*************/ #data_center_top_box { float: left; width: 890px; padding: 0 0 20px 70px; background: #000508 url(../images/datacenter_top_box_bg.jpg) no-repeat 0 0 } #data_center_top_box .content_box { float: left; width: 890px } #data_center_top_box .content_box .right_content { float: right; width: 430px; padding: 65px 20px 0 0 } #data_center_top_box .content_box h2 { font: 30px/34px "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: lighter; color: #1b70a0 } #data_center_top_box .content_box p.title_line { font: 14px/24px "Myriad Pro", Arial, Helvetica, sans-serif; color: #cfcfcf; margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #data_center_top_box .content_box p { font: 14px/24px "Myriad Pro", Arial, Helvetica, sans-serif; color: #696969 } #data_center_top_box .content_box .full_content { float: left; width: 860px; padding: 10px 30px 0 0 } #body_container .body_container_top_box { float: none; width: 960px; background: #001724 url(../images/data_center_body_bottom_bg.gif) repeat-x bottom } #body_container .body_contianer_bottom_box { float: left; width: 860px; padding: 40px 30px 0 70px; background: url(../images/data_center_body_top_bg.gif) repeat-x 0 0 } #left_container { float: left; width: 490px } #left_container h2 { float: left; width: 490px; font: 30px/34px "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: lighter; color: #1b70a0 } #left_container p { float: left; width: 490px; font: 14px/24px "Myriad Pro", Arial, Helvetica, sans-serif; color: #696969; margin-bottom: 30px; text-align: left; } #left_container p.first { color: #cfcfcf } #left_container p.last { margin-bottom: 0px } #right_container { float: right; width: 328px } #right_container .box { float: left; width: 328px; margin-bottom: 15px } #right_container .list_box { float: left; width: 300px; padding: 20px 3px 10px 25px; background: #000b13 url(../images/right_container_box_top_curv.png) no-repeat 0 0 } #right_container .list_box ul { float: left; width: 300px; list-style: none } #right_container .list_box ul li { float: left; width: 275px; padding: 0 0 23px 25px; font: 14px/16px "Myriad Pro", Arial, Helvetica, sans-serif; background: url(../images/list_green_bullet.gif) no-repeat 0 3px; font-weight: normal } #right_container .list_box ul li.last { padding: 0 0 15px 25px } #right_container .list_box ul li a { float: left; width: auto; text-decoration: none; color: #FFF } #right_container .list_box ul li a:hover { text-decoration: underline } /*********Contact page goes here...*************/ #body_container .contact_container_box { float: left; width: 960px; background: url(../images/contact_body_top_bg.gif) repeat-x 0 0; text-align: center; } #body_container .contact_container_box img { float: left; } #body_container .contact_banner_box { float: left; width: 884px; padding: 38px 38px 42px 38px } #body_container .contact_banner_box .title { float: left } #body_container .contact_banner_box .ticket_btn { float: right; margin: 16px 0 0 0 } #body_container .contact_content_box { float: left; width: 935px; padding: 0 10px 0 15px } #body_container .contact_content_box .contact_wrap { float: left; width: 935px; background: url(../images/contacts_box_bg.gif) repeat-y } #body_container .contact_content_box .contact_wrap .row { float: left; width: 935px; margin: 40px 0 45px 0 } #body_container .contact_content_box .contact_wrap .row.last { float: left; width: 935px; margin: 40px 0 20px 0 } #body_container .contact_content_box .contact_wrap .contact_box { float: left; padding: 20px 5px 20px 20px } #body_container .contact_content_box .contact_wrap .contact_box.first { float: left; width: 280px; background: url(../images/contact_box_divider.gif) no-repeat right center } #body_container .contact_content_box .contact_wrap .contact_box.second { float: left; width: 305px; background: url(../images/contact_box_divider.gif) no-repeat right center } #body_container .contact_content_box .contact_wrap .contact_box.third { float: left; width: 275px } #body_container .contact_content_box .contact_wrap .contact_box .icon_box { float: left; width: 70px; height: 70px } #body_container .contact_content_box .contact_wrap .contact_box .icon_box img { float: left } #body_container .contact_content_box .contact_wrap .contact_box .content_box { float: left; width: 195px; margin: 20px 0 0 5px } #body_container .contact_content_box .contact_wrap .contact_box .content_box h2 { float: left; width: 195px; font: 22px/25px "Myriad Pro", Arial, Helvetica, sans-serif; color: #26b2ff; text-align: left; } #body_container .contact_content_box .contact_wrap .contact_box .content_box p { float: left; width: 195px; font: 14px/16px "Myriad Pro", Arial, Helvetica, sans-serif; color: #a4a29f; text-align: left; } #body_container .contact_content_box .contact_wrap .contact_box .content_box div { float: left; width: 195px; margin: 20px 0 0 0 } #body_container .contact_content_box .contact_wrap .contact_box .content_box div span.col_one { float: left; width: 51px; display: block; color: #5f6064 } #body_container .contact_content_box .contact_wrap .contact_box .content_box div span.col_two { float: left; width: 142px; display: block } #body_container .contact_content_box .contact_wrap .contact_box .content_box div span.col_two a { color: #D4D4D4; text-decoration: none } #body_container .contact_content_box .contact_wrap .contact_box .content_box div span.col_two a:hover { text-decoration: underline } #body_container .map_location_box { float: left; width: 935px; padding: 0 10px 40px 15px; margin: 25px 0 0 0 } #body_container .map_location_box .map_box { float: left; width: 415px } #body_container .map_location_box .map_box span { float: left; margin: 0 0 0 15px } #body_container .map_location_box .content_box { float: left; width: 500px; padding: 60px 0 0 0 } #body_container .map_location_box .content_box p { float: left; width: 500px; font: 14px/18px "Myriad Pro", Arial, Helvetica, sans-serif; color: #1b3f53; margin-bottom: 20px } #body_container .map_location_box .content_box p.first { color: #cfcfcf } #body_container .map_location_box .content_box p.last { margin-bottom: 0px } /********* C Panel goes here... *************/ #body_container .c_panel_container_box { float: left; width: 960px; background: url(../images/contact_body_top_bg.gif) repeat-x 0 0 } #body_container .c_panel_title_box { float: left; width: 884px; padding: 38px 38px 42px 38px } #body_container .c_panel_title_box .title { float: left; margin: 0 0 0 24px; display: inline } #body_container .c_panel_content_box { float: left; width: 935px; padding: 0 10px 0 15px } #body_container .c_panel_content_box .c_panel_wrap { float: left; width: 935px; background: url(../images/contacts_box_bg.gif) repeat-y } #body_container .c_panel_content_box .c_panel_image { float: left; margin: 3px 35px 0 20px; display: inline } #body_container .c_panel_content_box .banner_content { float: left; width: 360px } #body_container .c_panel_content_box .banner_content h2 { float: left; width: 360px; color: #707070; font: 30px/34px "Myriad Pro", Arial, Helvetica, sans-serif; padding: 50px 0 20px 0 } #body_container .c_panel_content_box .banner_content p { float: left; width: 360px; color: #d9d9d9; font: 15px/24px "Myriad Pro", Arial, Helvetica, sans-serif; padding: 0 0 50px 0 } #body_container .c_panel_content_box .banner_content span { float: left; display: block; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; } #body_container .c_panel_content_box .banner_content span.last { margin: 0 } #body_container .cp_content_box { float: left; width: 860px; padding: 0 50px 0 50px; margin: 80px 0 0 0 } #body_container .cp_content_box .left_content { float: left; width: 415px } #body_container .cp_content_box .left_content .box { float: left; width: 370px; padding: 0 0 30px 45px } #body_container .cp_content_box .left_content .box.last { padding: 0 0 0 45px } #body_container .cp_content_box .left_content .box.simple { background: url(../images/simple_icon.png) no-repeat 0 0 } #body_container .cp_content_box .left_content .box.reliable { background: url(../images/reliable_icon.png) no-repeat 0 0 } #body_container .cp_content_box .left_content .box h2 { float: left; width: 370px; color: #FFF; font: 30px/34px "Myriad Pro", Arial, Helvetica, sans-serif } #body_container .cp_content_box .left_content .box p { float: left; width: 300px; color: #696969; font: 15px/24px "Myriad Pro", Arial, Helvetica, sans-serif; padding: 0 0 20px 0 } #body_container .cp_content_box .right_content { float: right; width: 415px } #body_container .cp_content_box .right_content .box { float: left; width: 290px; padding: 0 0 30px 50px } #body_container .cp_content_box .right_content .box.last { padding: 0 0 0 45px } #body_container .cp_content_box .right_content .box.secure { background: url(../images/simple_icon.png) no-repeat 0 0 } #body_container .cp_content_box .right_content .box.cutting_edge { background: url(../images/cutting_icon.png) no-repeat 0 0 } #body_container .cp_content_box .right_content .box h2 { float: left; width: 370px; color: #FFF; font: 30px/34px "Myriad Pro", Arial, Helvetica, sans-serif; } #body_container .cp_content_box .right_content .box p { float: right; width: 300px; color: #696969; font: 15px/24px "Myriad Pro", Arial, Helvetica, sans-serif; padding: 0 0 20px 0 } /********* Site Builder Page goes here... *************/ #body_container .site_builder_container_box { float: left; width: 960px; background: url(../images/contact_body_top_bg.gif) repeat-x 0 0 } #body_container .site_builder_title_box { float: left; width: 884px; padding: 38px 38px 42px 38px } #body_container .site_builder_title_box .title { float: left; margin: 0 0 0 54px; display: inline } #body_container .site_builder_content_box { float: left; width: 935px; padding: 0 10px 0 15px } #body_container .site_builder_content_box .site_builder_wrap { float: left; width: 935px; background: url(../images/contacts_box_bg.gif) repeat-y } #body_container .site_builder_content_box .site_builder_wrap .product_banner_box { float: left; width: 935px; background: url(../images/product_banner_bg.jpg) no-repeat 1px bottom; padding: 28px 0 0 0 } #body_container .site_builder_content_box .product_box { float: left; width: 182px; margin: 0 90px 0 52px; display: inline } #body_container .site_builder_content_box .product_box.last { margin: 0 0px 0 43px } #body_container .site_builder_content_box .product_box .product { float: left; width: 182px; text-align: center; margin-bottom: 47px } #body_container .site_builder_content_box .product_box .product_btn { float: left; width: 182px; text-align: left; margin-bottom: 16px } #body_container .sb_content_box { float: left; width: 860px; padding: 0 30px 0 70px; margin: 80px 0 0 0 } #body_container .sb_content_box .product_detail_box { float: left; width: 860px; margin-bottom: 50px } #body_container .sb_content_box .product_detail_box .detail_box { float: left; width: 230px; margin-right: 80px } #body_container .sb_content_box .product_detail_box .detail_box.last { margin-right: 0 } #body_container .sb_content_box .product_detail_box .detail_box h2 { float: left; width: 230px; font: 20px/22px "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; margin-bottom: 25px } #body_container .sb_content_box .product_detail_box .detail_box h2.blue { color: #00baf0 } #body_container .sb_content_box .product_detail_box .detail_box h2.green { color: #7fa70c } #body_container .sb_content_box .product_detail_box .detail_box h2.pink { color: #a321a1 } #body_container .sb_content_box .product_detail_box .detail_box p { float: left; width: 230px; font: 14px/16px "Myriad Pro", Arial, Helvetica, sans-serif; color: #999; margin-bottom: 25px } #body_container .sb_content_box .product_detail_box .detail_box ul { float: left; width: 230px; list-style: none } #body_container .sb_content_box .product_detail_box .detail_box ul li { float: left; width: 200px; font: 14px/16px "Myriad Pro", Arial, Helvetica, sans-serif; background: url(../images/list_green_check_bullet.gif) no-repeat 0 5px; padding: 0 0 0 30px; margin-bottom: 10px } #body_container .sb_content_box .product_detail_box .detail_box ul li a { color: #eee; text-decoration: none } #body_container .sb_content_box .product_detail_box .detail_box ul li a:hover { text-decoration: underline } #body_container .sb_content_box .additional_solution_box { float: left; width: 860px } #body_container .sb_content_box .additional_solution_box h2 { float: left; width: 860px; font: 20px/22px "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; margin-bottom: 25px; color: #00baf0 } #body_container .sb_content_box .additional_solution_box p { float: left; width: 860px; font: 14px/18px "Myriad Pro", Arial, Helvetica, sans-serif; padding-bottom: 18px; color: #999 } /********* About Us goes here... *************/ #body_container .about_us_container_box { float: left; width: 950px; background: url(../images/contact_body_top_bg.gif) repeat-x 0 0; padding: 0 10px; padding: 0 0 0 10px } #body_container .about_us_title_box { float: left; width: 874px; padding: 38px 38px 12px 28px; background: url(../images/divide_line_bg.gif) repeat-x bottom left } #body_container .about_us_title_box .title { float: left; margin-bottom: 25px } #body_container .about_us_title_box P { float: left; width: 864px; padding: 0 0 25px 0; font: 15px/18px "Myriad Pro", Arial, Helvetica, sans-serif } #body_container .about_content_box { float: left; width: 894px; padding: 38px 18px 42px 28px; background: url(../images/divide_line_bg.gif) repeat-x bottom left } #body_container .about_content_box .about_company_box { float: left; width: 894px } #body_container .about_content_box .about_company_box .company_detail_box { float: left; width: 190px; margin-right: 42px } #body_container .about_content_box .about_company_box .company_detail_box.last { margin-right: 0 } #body_container .about_content_box .about_company_box .company_detail_box .icon_box { float: left; width: 190px; text-align: center; margin-bottom: 15px } #body_container .about_content_box .about_company_box .company_detail_box .featured_title { float: left; width: 161px; text-align: center; background: url(../images/featured_btn_bg.gif) no-repeat 0 0; padding: 18px 0; color: #0173b3; font: 16px/20px Arial, Helvetica, sans-serif; margin: 0 0 15px 15px } #body_container .about_content_box .about_company_box .company_detail_box p { float: left; width: 100%; color: #696969; font: 14px/20px "Myriad Pro", Arial, Helvetica, sans-serif } #body_container .company_reliablity_box { float: left; width: 894px; padding: 30px 16px 30px 30px } #body_container .company_reliablity_box .image_box { float: left; width: 406px } #body_container .company_reliablity_box .content_box { float: left; width: 480px } #body_container .company_reliablity_box .content_box h2 { float: left; width: 480px; color: #c7e238; font-weight: normal; font: 24px/26px "Myriad Pro", Arial, Helvetica, sans-serif; margin-bottom: 15px } #body_container .company_reliablity_box .content_box p { float: left; width: 480px; color: #FFF; font-weight: normal; font: 15px/18px "Myriad Pro", Arial, Helvetica, sans-serif; margin-bottom: 15px } #body_container .company_reliablity_box .content_box ul { float: left; width: 470px; list-style: none; padding-left: 10px } #body_container .company_reliablity_box .content_box ul li { float: left; width: 440px; font: 12px/16px "Myriad Pro", Arial, Helvetica, sans-serif; background: url(../images/list_green_check_bullet.gif) no-repeat 0 4px; padding: 0 0 0 30px; margin-bottom: 10px } #body_container .company_reliablity_box .content_box ul li a { color: #4d5458; text-decoration: none } #body_container .company_reliablity_box .content_box ul li a:hover { text-decoration: underline } /*********footer goes here...*************/ #footer { float: left; width: 960px; padding: 20px 0; text-align: center; } #footer ul { float: left; width: 960px; list-style: none; text-align: center; margin-bottom: 5px } #footer ul li { float: none; display: inline; width: auto } #footer ul li.last a { background: none; font: 12px/14px Arial, Helvetica, sans-serif } #footer ul li a { color: #FFF; text-decoration: none; background: url(../images/footer_link_divider.gif) no-repeat right 4px; padding: 0 9px 0 4px; color: #1C668F; display: inline-block } #footer ul li a:hover { text-decoration: underline } #footer span { float: left; width: 960px; text-align: center; color: #060 } #footer span.home_page { float: left; width: 960px; text-align: center; color: #189eb1 } /*********basic page goes here...*************/ .table { float: left; width: 920px; margin: 0 0 0 20px; display: inline; background: none; } .table .row_container { float: left; width: 920px; border-top: 1px solid #00121e; background: none; line-height: normal; margin: 0; padding: 0; } .table .row_container.heading { float: left; width: 920px; height: 59px; border-top: none; font-size: 20px; font-weight: bold; background: url(../images/heading_row_bg.gif) repeat-x 0 0; color: #bababa; line-height: 30px; padding: 0; margin: 0; } .table .row_container.price { color: #fefefe; } .table .row_container.web_space { color: #abd53e; } .table .row_container.monthly_bandwidth { color: #2a99a9; } .table .row_container .col1 { float: left; width: 183px; background: none; color: #9a9999; padding: 10px 0 5px 16px; margin: 0; text-align: left; } .table .row_container .col1 .question { float: none!important; margin: 0 0 0 15px; display: inline; vertical-align: middle } .table .row_container .col1 .question img { float: none!important; } .table .row_container .col1.title { float: left; margin: 14px 33px 0 11px!important; width: 132px; height: 31px; padding: 0 12px 0 12px!important; background: url(../images/title_bg.gif) no-repeat 0 0; display: inline; } .table .row_container .col1.title h5 { float: left; width: auto; color: #387da7; line-height: 30px; font-size: 14px; } .table .row_container .col1.title .drop_down { float: right; margin-top: 14px; } .table .row_container .col1.title .drop_down img { float: right; } .table .row_container .col1 span { color: #abd53e; } .table .row_container .col2 { float: left; width: 100px; height: 100%; border-right: 1px solid #00121e; text-align: center; padding: 10px 0 5px; margin: 0; } .table .row_container .col3 { float: left; width: 130px; height: 100%; border-right: 1px solid #00121e; text-align: center; padding: 10px 0 5px; margin: 0; } .table .row_container .col4 { float: left; width: 126px; height: 100%; border-right: 1px solid #00121e; text-align: center; padding: 10px 0 5px; margin: 0; } .table .row_container .col5 { float: left; width: 124px; height: 100%; border-right: 1px solid #00121e; text-align: center; padding: 10px 0 5px; margin: 0; } .table .row_container .col6 { float: left; width: 126px; height: 100%; border-right: 1px solid #00121e; padding: 10px 0 5px; margin: 0; text-align: center; } .table .row_container .col7 { float: left; width: 110px; height: 100%; background: none; text-align: center; padding: 10px 0 5px; margin: 0; font-weight: normal; } .table .row_container .col2.top { border: none; font-weight: normal; } .table .row_container .col3.top { border: none; font-weight: normal; } .table .row_container .col4.top { border: none; font-weight: normal; } .table .row_container .col5.top { border: none; font-weight: normal; } .table .row_container .col6.top { border: none; text-align: center; font-weight: normal; } .table .row_container .col1.bottom { padding-bottom: 20px; } .table .row_container .col2.bottom { padding-bottom: 20px; } .table .row_container .col3.bottom { padding-bottom: 20px; } .table .row_container .col4.bottom { padding-bottom: 20px; } .table .row_container .col5.bottom { padding-bottom: 20px; } .table .row_container .col6.bottom { padding-bottom: 20px; } .table .row_container .col7.bottom { padding-bottom: 20px; } .table .row_container .col2 .order_now { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 0; margin-left: 10px; display: inline } .table .row_container .col2 .order_now:hover { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 -37px; } .table .row_container .col3 .order_now { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 0; margin-left: 24px; display: inline } .table .row_container .col3 .order_now:hover { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 -37px; } .table .row_container .col4 .order_now { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 0; margin-left: 20px; display: inline } .table .row_container .col4 .order_now:hover { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 -37px; } .table .row_container .col5 .order_now { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 0; margin-left: 24px; display: inline } .table .row_container .col5 .order_now:hover { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 -37px; } .table .row_container .col6 .order_now { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 0; margin-left: 20px; display: inline } .table .row_container .col6 .order_now:hover { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 -37px; } .table .row_container .col7 .order_now { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 0; margin-left: 16px; display: inline } .table .row_container .col7 .order_now:hover { float: left; width: 80px; height: 37px; background: url(../images/order_btn.gif) no-repeat 0 -37px; } .table .row_container .sign_mark { float: left; width: 100%!important; text-align: center; height: 100%; } .table .row_container .sign_mark img { float: none!important; vertical-align: middle; } .table .row_container p { float: left; width: 100%; font-size: 10px; line-height: normal; padding: 20px 0 50px 0; } /** TOOL TIP CONTAINERS **/ #tooltip_container1 { display: none; background: transparent url(../images/white_arrow.png); font-size: 11px; height: 123px; width: 180px; color: #000000; z-index: 9999999; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; } #main #wrapper #body_container .body_container_top_box .c_panel_container_box .cp_content_box .right_content .right_content p { font-size: 12px; font-style: normal; color: #666; } /****************************** tutorial page & login page starts ******************************/ #body_container .login_container_box { float: left; width: 912px; background: url(../images/contact_body_top_bg.gif) repeat-x 0 0; padding: 8px 24px 0; min-height: 541px; height: 0px!important; height: 1200px } #body_container .login_container_box .login_box_row { float: left; width: 861px; background: url(../images/login_box_row_bg.jpg) no-repeat 0 0; height: 206px; padding: 0 25px; margin-top: 14px } #body_container .login_container_box form { float: left; width: 100%; font-family: Arial, Helvetica, sans-serif } #body_container .login_container_box fieldset { float: left; width: 100%; } #body_container .login_container_box .login_box_row .icons { float: left; width: 123px; text-align: center; margin: 30px 36px 0 0; display: inline } #body_container .login_container_box .login_box_row .icons img { float: none; margin-top: 30px } #body_container .login_container_box .login_box_row .details { float: left; width: 700px; margin-top: 28px } #body_container .login_container_box .login_box_row .details h3 { float: left; width: 700px; font-size: 20px; line-height: 24px; font-weight: normal; color: #fff; background: url(../images/dot_line.gif) repeat-x 0 bottom; padding-bottom: 8px; margin-bottom: 4px; display: inline } #body_container .login_container_box .login_box_row .details .row { float: left; width: 100%; margin-top: 12px; } #body_container .login_container_box .login_box_row .details .row .col { float: left; width: 350px; } #body_container .login_container_box .login_box_row .details .row .right { float: right; width: 350px; } #body_container .login_container_box .login_box_row .details .row .col label { float: left; width: 100%; font-size: 12px; line-height: 14px; color: #fff; padding-bottom: 7px } #body_container .login_container_box .login_box_row .details .row .col a { color: #fff; text-decoration: none } #body_container .login_container_box .login_box_row .details .row .col a:hover { text-decoration: underline } #body_container .login_container_box .login_box_row .details .row .col label.remember { float: left; width: auto; font-size: 12px; line-height: 14px; color: #fff; padding: 15px 0 0 } #body_container .login_container_box .login_box_row .details .row .col input { float: left; width: 275px; background: #51a9fe; border: 1px solid #012c45; font-size: 12px; line-height: 14px; color: #000; padding: 3px 5px 4px; } #body_container .login_container_box .login_box_row .details .row .col input.checkbox { float: left; width: auto; background: none; border: none; padding: 0; margin: 15px 12px 0 0; display: inline; height: 14px; } #body_container .login_container_box .login_box_row .details .row .col input.login_btn { float: right; width: 85px; background: none; border: none; padding: 0; margin: 18px 63px 0 0; display: inline } #body_container .login_container_box .login_box_row .details .row .col input.past_tickets_btn { float: right; width: 104px; background: none; border: none; padding: 0; margin: 16px 63px 0 0; display: inline } #body_container .tutorial_container_box { float: left; width: 905px; background: url(../images/contact_body_top_bg.gif) repeat-x 0 0; padding: 0 27px 0; min-height: 1200px; height: auto!important; height: 1200px } #body_container .tutorial_container_box .tutorial_row .stare_box { float: left; width: 905px; margin: 25px 34px 0 0; display: inline } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_heading { float: left; width: 873px; background: #024c77 url(../images/start_heading.gif) no-repeat 0 0; padding: 5px 15px 5px 17px; border-bottom: 1px solid #0e5e8b } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_heading h3 { float: left; width: 100%; font-size: 15px; line-height: 17px; color: #fff; font-weight: normal } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_heading h3 strong { float: left; width: auto; font-weight: normal; margin-top: 4px } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_heading h3 img { float: right; } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_content { float: left; width: 878px; background: #002a43 url(../images/tutorial_box_bg.gif) repeat-x 0 0; padding: 0 13px } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_content ul { float: left; width: 700px; list-style: none; padding: 10px 0 7px } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_content ul li { float: left; width: 700px; background: url(../images/yellow_arrow.gif) no-repeat 0 7px; padding: 0 0 6px 17px; font-size: 12px; } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_content ul li a { color: #fff; text-decoration: none } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_content ul li a:hover { color: #af830e; text-decoration: none } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_content ul li.active a { color: #af830e; text-decoration: none } #body_container .tutorial_container_box .tutorial_row .stare_box .stare_content ul li.active a:hover { color: #af830e; text-decoration: none; } #body_container .tutorial_container_box .tutorial_row { float: left; width: 100%; font-family: Arial, Helvetica, sans-serif; padding-bottom: 20px } #body_container .tutorial_container_box .tutorial_row .cols { float: left; width: 279px; margin: 0 34px 0 0; display: inline } #body_container .tutorial_container_box .tutorial_row .tutorial_box { float: left; width: 279px; margin-top: 25px } #body_container .tutorial_container_box .tutorial_row .last { margin-right: 0 } #body_container .tutorial_container_box .tutorial_row .right { float: right; margin-right: 0px; } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_heading { float: left; width: 247px; background: #024c77 url(../images/tutorial_heading_bg.gif) no-repeat 0 0; padding: 5px 15px 5px 17px; border-bottom: 1px solid #0e5e8b } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_heading h3 { float: left; width: 100%; font-size: 15px; line-height: 17px; color: #fff; font-weight: normal } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_heading h3 strong { float: left; width: 210px; font-weight: normal; margin-top: 5px } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_heading h3 img { float: right; } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_content { float: left; width: 279px; background: #002a43 url(../images/tutorial_box_bg.gif) repeat-x 0 0; padding: 0 } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_content ul { float: left; width: 279px; list-style: none; padding: 10px 0 } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_content ul li { float: left; width: 242px; background: url(../images/yellow_arrow.gif) no-repeat 13px 7px; padding: 0 7px 6px 30px; font-size: 12px; } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_content ul li.subTuts { width: 269px!important; z-index: 9999; margin-bottom: 5px; display: inline; padding: 3px 0 3px 10px!important; position: relative; background: #009999!important; color: #fff; font-weight: bold; } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_content ul li a { color: #fff; text-decoration: none } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_content ul li a:hover { color: #af830e; text-decoration: none } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_content ul li.active a { color: #af830e; text-decoration: none } #body_container .tutorial_container_box .tutorial_row .tutorial_box .tutorial_content ul li.active a:hover { color: #af830e; text-decoration: none } /******************* tutorial page & login page ends ****************/ #bottomofaboutus { color: #CCC; } #layout #main #wrapper #body_container .body_container_top_box .site_builder_container_box .sb_content_box .product_detail_box .detail_box.last p a { color: #C204C0; text-decoration: underline; } #layout #main #wrapper #body_container .contents .box .featured_box .featured_main_box .featured_details_container .featured_right .featured_list_box ul p { color: #fc3; } .addtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FC3; text-align: left; } .linkyellow { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #F90; text-align: right; text-decoration: none; font-weight: bold; } .textgreen { color: #3F0; } #layout #main #wrapper #body_container .body_container_top_box .body_contianer_bottom_box #left_container div p br { text-align: center; } #layout #main #wrapper #body_container .body_container_top_box .body_contianer_bottom_box #left_container div p { font-family: Arial, Helvetica, sans-serif; } #layout #main #wrapper #body_container .body_container_top_box .body_contianer_bottom_box #left_container div p { color: #FFF; } #layout #main #wrapper #body_container .body_container_top_box .body_contianer_bottom_box #left_container div p { font-size: 12px; } #layout #main #wrapper #body_container .body_container_top_box .contact_container_box .contact_content_box .contact_wrap .row .contact_box.first .content_box h2 { text-align: left; } #layout #main #wrapper #body_container .body_container_top_box .contact_container_box .contact_content_box .contact_wrap .row .contact_box.second .content_box h2 { text-align: left; } /* css new */ #home_banner_hd { float: left; width: 960px; height: 390px; position: relative } .money_back_icon_box { float: right; width: 100%; position: relative; z-index: 999 } .money_back_icon { float: right; width: 206px; height: 193px; position: absolute; top: -47px; right: 0; z-index: 99999 } .slide_show { float: left; width: 960px; height: 390px; } .slide_show_hd .slide_show_bg_1 { float: left; width: 960px; height: 390px; background: url(../images/slide_show_bg_hd1.jpg) no-repeat 0 0 } .slide_show_hd .slide_show_bg_2 { float: left; width: 960px; height: 390px; background: url(../images/slide_show_bg_hd4.jpg) no-repeat 0 0 } .slide_show_hd .slide_show_bg_3 { float: left; width: 960px; height: 390px; background: url(../images/slide_show_bg_hd2.jpg) no-repeat 0 0 } .slide_show_hd .slide_show_bg_4 { float: left; width: 960px; height: 390px; background: url(../images/slide_show_bg_hd1.jpg) no-repeat 0 0 } .slide_show_hd .content_box { float: right; width: 518px; } .slide_show_hd .content_box h2 { float: left; width: 478px; padding: 33px 0 6px 40px; z-index: 999 } .slide_show_hd .content_box h2 img { float: left; } .slide_show_hd .content_box h4 { float: left; width: auto; padding: 130px 0 6px 200px; z-index: 999 } .slide_show_hd .content_box h4 img { float: left; } .slide_show_hd .content_box p { float: left; width: 448px; padding: 0 35px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; } .slide_show_hd .content_box .sign_up_now { float: left; width: 217px; height: 56px; margin: 30px 13px 0 150px } #home_banner_hd .slider_btn { float: left; width: auto; position: absolute; bottom: 20px; right: 0px; z-index: 999 } #home_banner_hd .slider_btn .slide_btns { float: right; padding: 0 40px 0 0 } #home_banner_hd .slider_btn li { float: left; width: 14px; height: 14px; display: block; margin: 0 0 0 4px } #home_banner_hd .slider_btn li a { float: right; width: 14px; height: 14px; display: block; background: url(../images/slider.gif) no-repeat 0 0 } #home_banner_hd .slider_btn li a:hover { background: url(../images/slider_active.gif) no-repeat 0 0 } #home_banner_hd .slider_btn li.active a { background: url(../images/slider_active.gif) no-repeat 0 0 } .logo_slider { float: left; height: 88px; width: 340px; overflow: hidden; } /* ====================================== reseller page start here 12-03-2013 ===================================================== */ .wrapper { width: 960px; margin: 0 auto; } /********* reseller slide_show goes here...*************/ #home_banner1 { float: left; width: 960px; height: 318px; position: relative } .money_back_icon_box { float: right; width: 100%; position: relative; z-index: 999 } .money_back_icon { float: right; width: 206px; height: 193px; position: absolute; top: -47px; right: 0; z-index: 99999 } #slideshow1 { float: left; width: 960px; height: 318px; overflow: hidden; } .slide_show1 { float: left; width: 960px; height: 318px; } .slide_show1 .slide_show_bg_1 { float: left; width: 960px; height: 318px; background: url(../images/slide_show_bg_1b.jpg) no-repeat 0 0 } .slide_show1 .content_box { float: left; width: 518px; } .slide_show1 .content_box h2 { float: left; width: 478px; padding: 10px 0 6px 40px; color: #ffffff; font: 48px/50px 'latolight', Arial, Helvetica, sans-serif; } .slide_show1 .content_box span { float: left; width: 478px; padding: 0 0 0 40px; position: relative; margin-top: -8px; color: #34919f; font: 24px/25px 'latoblack', Arial, Helvetica, sans-serif; } .slide_show1 .content_box span small { padding: 0; color: #34919f; font: 20px/25px 'latobold', Arial, Helvetica, sans-serif; } .slide_show1 .content_box p { float: left; width: 478px; padding: 0 0 0 40px; color: #749e0e; font: 18px/23px 'latoblack', Arial, Helvetica, sans-serif; } .slide_show1 .content_box h3 { float: left; width: 478px; padding: 42px 0 14px 40px; color: #ffffff; font: 25px/28px 'latoregular', Arial, Helvetica, sans-serif; } .slide_show1 .content_box h4 { float: left; width: 520px; padding: 56px 0 6px 92px; } /*********reseller body_container start here...*************/ #body_container { float: left; width: 100% } .body_content { float: left; width: 100%; } .hosting_tools { float: left; width: 100%; background: url(../images/hosting_tool_bg.jpg) repeat-x 0 bottom #000203; padding-bottom: 12px; } .have_que { float: left; width: 235px; padding: 15px 0 0 38px; } .have_que h3 { float: left; width: 100%; color: #4fb6c5; font: 46px/40px 'latoblack', Arial, Helvetica, sans-serif; } .have_que .getans { float: left; width: 100%; } .have_que .getans span { float: left; width: auto; color: #4fb6c5; font: 57px/52px 'latoblack', Arial, Helvetica, sans-serif; } .have_que .getans small { float: left; width: 102px; color: #d3ede5; font: 20px/18px 'latoblack', Arial, Helvetica, sans-serif; text-transform: uppercase; padding-left: 5px; } .have_que .getans small a { float: left; width: 100%; color: #7faf0b; font: 12px/16px 'latoblack', Arial, Helvetica, sans-serif; } .have_que p { float: left; width: 100%; color: #669900; font: 20px/26px 'latoregular', Arial, Helvetica, sans-serif; text-align: center; padding-top: 22px; } .hosting_tools ul { float: left; width: 595px; padding: 22px 0 0 90px; list-style: none; } .hosting_tools ul li { float: left; width: 168px; padding-right: 29px; } .hosting_tools ul li span { float: left; width: 80%; text-align: center; } .hosting_tools ul li h4 { float: left; width: 100%; color: #87feff; font: 26px/20px 'MyriadPro-Regular', Arial, Helvetica, sans-serif; padding-top: 5px; } .hosting_tools ul li p { float: left; width: 100%; color: #87feff; font: 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; } .hosting_plans { float: left; width: 100%; background: url(../images/hosting_plans_bg.jpg) repeat-x 0 bottom #0f1e26; } .hosting_plans ul { float: left; width: auto; list-style: none; padding: 8px 0 16px 71px; } .hosting_plans ul li { float: left; width: 205px; padding-right: 112px; } .hosting_plans ul li.last { padding: 0 0 0 3px; } .hosting_plans ul li span { float: left; width: 100%; text-align: center; color: #ffcc33; font: 35px/39px 'latoblack', Arial, Helvetica, sans-serif; } .hosting_plans ul li span small { color: #f6f7f5; font: 24px/39px 'latoregular', Arial, Helvetica, sans-serif; } .hosting_plans ul li h5 { float: left; width: 91%; text-align: center; } .hosting_plans ul li h5 img { float: left; width: auto; height: auto; margin: -12px 0 0 0; position: relative; } .hosting_plans ul li h5 a { float: right; width: auto; color: #749e0e; font: 12px/20px 'latoblack', Arial, Helvetica, sans-serif; text-transform: uppercase; margin-right: 6%; } .hosting_plans ul li p { float: left; width: 100%; text-align: center; color: #c5f968; font: 14px/18px 'latoregular', Arial, Helvetica, sans-serif; } .content { float: left; width: 900px; background: url(../images/content_bg.jpg) repeat-x 0 bottom #001724; min-height: 500px; padding: 8px 32px 15px 28px; } .left_content { float: left; width: 635px; } .left_content h3 { float: left; width: 96%; color: #ffcc33; font: 22px 'latoregular', Arial, Helvetica, sans-serif; padding: 0 2%; } .left_content p { float: left; width: 96%; color: #ffffff; font: 14px/18px 'latoregular', Arial, Helvetica, sans-serif; padding: 0 2% 5px; } .left_content h3 a { color: #fff; font: 11px 'latoblack', Arial, Helvetica, sans-serif; text-transform: uppercase; padding-left: 15px; } .choose_plan { float: left; width: 100%; padding-top: 10px; } .choose_plan .choose_head { float: left; width: 635px; } .choose_plan .choose_mid { float: left; width: 635px; } .choose_plan .choose_mid ul { float: left; width: 634px; border: 1px solid #fffdfd; list-style: none; border-bottom: 0px; border-right: 0px; } .choose_plan .choose_mid ul li { float: left; width: 100%; background: url(../images/reseller_mid_bg.jpg) repeat-y 0 0; } .choose_plan .choose_mid ul li ul { float: left; width: 100%; list-style: none; border: 0; } .choose_plan .choose_mid ul li ul li { float: left; text-align: center; width: 112px; border-right: 1px solid #fffdfd; border-bottom: 1px solid #fffdfd; color: #fff; font: 16px/53px Arial, Helvetica, sans-serif; background: none; } .choose_plan .choose_mid ul li ul li a { float: left; width: auto; text-align: center; margin: 16px 0 14px 15px; } .choose_plan .choose_mid ul li ul li.first { width: 181px; } .choose_plan .choose_mid ul li.head ul li.first { color: #ffffff } .choose_plan .choose_mid ul li.last ul li { border-bottom: 0px } .choose_plan .choose_mid ul li.head { float: left; width: 100%; background: url(../images/reseller_head_bg.jpg) repeat-y 0 0; } .choose_plan .choose_mid ul li.head ul li { color: #444343; font: bold 16px/53px Arial, Helvetica, sans-serif; } .choose_plan .choose_boot { float: left; width: 637px; } .right_content { float: right; width: 225px; } .right_content span { float: left; width: 100%; padding-top: 15px; position: relative; margin-left: -7px; } .right_content h4 { float: left; width: 100%; color: #176773; font: 22px/24px 'latoregular', Arial, Helvetica, sans-serif; padding-top: 6px; } .right_content ul { float: left; width: 100%; list-style: none; padding: 10px 0 0 0; } .right_content ul li { float: left; width: 100%; } .right_content ul li a { float: left; width: auto; color: #99cccc; font: 12px/24px Arial, Helvetica, sans-serif; text-decoration: underline; } .right_content ul li a:hover { text-decoration: none; } .right_content p { float: left; width: 100%; color: #99cccc; font: 12px/22px Arial, Helvetica, sans-serif; padding-top: 20px; } .left_content .footer { float: left; width: 100%; padding-top: 5px; } .left_content .footer ul { text-align: center; list-style: none; width:auto; float:none;} .left_content .footer ul li { display: inline-block; *display:inline;zoom: 1; padding: 0 4px; border-right: 1px solid #898b8c; line-height: 13px; float:none;} .left_content .footer ul li.first { padding: 0 6px 0 0; } .left_content .footer ul li.last { padding: 0 0 0 6px; border: 0 } .left_content .footer ul li a { color: #a8a9a9; display: block; font: bold 12px/13px 'latoregular', Arial, Helvetica, sans-serif; text-decoration: none; background:none; padding:0; float:none;} .left_content .footer ul li a:hover { text-decoration: underline; } .left_content .footer p { float: left; width: 100%; text-align: center; color: #a8a9a9; font: bold 12px/16px 'latoregular', Arial, Helvetica, sans-serif; }