/*resets...*/ *{margin:0; padding:0} fieldset{border:none} a{cursor:pointer; text-decoration:underline} a:hover{text-decoration:none} img{ border:none; } .curv{float:left; width:100%} .curv img{float:left} body{ background:#001b2b; 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;} #mainsite{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:13px;} #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} #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} .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.gif) no-repeat 0 0} .slide_show .slide_show_bg_2{float:left; width:960px; height:390px; background:url(../images/slide_show_bg_2b.gif) 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.gif) 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 .content{float:left; width:507px; margin:-2px 0 0 0} #body_container .domain_name_box .content 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;} #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; } #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; 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; 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; } #mainsite #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:1200px; height:auto!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 #mainsite #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 #mainsite #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 #mainsite #wrapper #body_container .body_container_top_box .body_contianer_bottom_box #left_container div p br { } #layout #mainsite #wrapper #body_container .body_container_top_box .body_contianer_bottom_box #left_container div p { font-family: Arial, Helvetica, sans-serif; } #layout #mainsite #wrapper #body_container .body_container_top_box .body_contianer_bottom_box #left_container div p { color: #FFF; } #layout #mainsite #wrapper #body_container .body_container_top_box .body_contianer_bottom_box #left_container div p { font-size: 12px; } #layout #mainsite #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 #mainsite #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.gif) no-repeat 0 0} .slide_show_hd .slide_show_bg_3{float:left; width:960px; height:390px; background:url(../images/slide_show_bg_hd2.gif) 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}