/* - - - - - - - - - - - - - - - - - - - - - Title : Company Name URL : Company URL Author :Siliconpetals Author URL : http://www.siliconpetals.com - - - - - - - - - - - - - - - - - - - - - */ /* ----------------------------------------------------------------------------- Global Styles -----------------------------------------------------------------------------*/ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; list-style:none; } body { background: url(../images/pg_bg.jpg) repeat-x #2d469a; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:center;/* for IE */ margin-top:0; margin-bottom:0; margin-right:0; color:#4e4e4e;} form{margin:0; padding:0; display:inline; border:none; } fieldset{ border:none;} select, input, textarea { font: Verdana, Helvetica, sans-serif; } img { border: 0;} h1,h2,h3,h4,h5,h6 {margin:0; padding:0;} p{ margin:0; padding:0; text-align:left; color:#000000; font-size:11px; font-family: Arial, Helvetica, sans-serif;} td { margin:0px; padding:0px; text-align:left; line-height:24px; color:#4e4e4e; font-size:11px; font-family:Verdana;} ul,li {margin:0; padding:0; list-style:none;} a{ color:#4286c7; text-decoration:none; font-weight:normal;} h5{ font-size:15px; color:#3d61b7; font-weight:bold;} h4{ font-size:16px; font-weight:bold; color:#000000; font-family:Arial, Helvetica, sans-serif;} .sm_font{ font-size:10px; color:#990000;} .bold_text{ font-size:15px; font-weight:bold;} .bold_text2{ font-size:15px; font-weight:bold; color:#2d469a;} .pading{ padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;} .pading3{ padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;} .pading4{ padding-top:5px; padding-bottom:5px;} .pading1{ padding-left:25px; padding-top:5px; padding-bottom:5px;} .padding15{ padding:12px;} .padding12{ padding-top:10px;} .yellow{ color:#fefa00;} .display{ display:block; text-align:left;} .dis_fl{ float:left; display:block;} .dis_fr{ float:right; display:block;} .marg15{ margin-top:15px;} .marg25{ margin-top:25px;} .marg7{ margin-top:7px;} .marg20{ margin-bottom:20px;} .clear {clear:both; height:1px; } /* ----------------------------------------------------------------------------- Template Styles -----------------------------------------------------------------------------*/ #wrapper{ background:url(../images/cen_bg.png) repeat-y; width:730px; padding-left:72px; padding-right:76px; margin:auto; text-align:left;} /* ----------------------------------------------------------------------------- TOp headers goes here Styles -----------------------------------------------------------------------------*/ #top_header{ width:100%; height:59px; text-align:left;} #top_header #logo{ float:left; width:251px; height:59px;} #top_header .help{ float:right; width:182px; height:59px;} /* ----------------------------------------------------------------------------- NAvigation goes here Styles -----------------------------------------------------------------------------*/ #navi{ background:url(../images/nav_cen.jpg) repeat-x; width:auto;} #navi .lf{ background:url(../images/nav_lf.jpg) left no-repeat; width:auto;} #navi .rf{ background:url(../images/nav_rf.jpg) right no-repeat; height:32px; width:100%;} #navi ul{ display:block;} #navi li{ float:left; display:block; line-height:32px; padding-left:11px; background:url(../images/navi_divider.jpg) right no-repeat;} #navi a{ float:left; display:block; padding-right:13px;font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; } #navi a:hover{ color:#2d4699;} #navi .selected{ display:block;} #navi .selected a{ color:#2d4699;} #navi .home{ background:url(../images/home.gif) left no-repeat; padding-left:12px; float:left;} #navi .hosting{ background:url(../images/hosting.gif) left no-repeat; padding-left:12px;} #navi .whyus{ background:url(../images/why_us.gif) left no-repeat; padding-left:12px;} #navi .guarantees{ background:url(../images/guarantees.gif) left no-repeat; padding-left:12px;} #navi .contact_us{ background: url(../images/guarantees.gif) left no-repeat; padding-left:12px;} #navi .help_center{ background: url(../images/help_center.gif) left no-repeat; padding-left:12px;} #navi .sign_up{ background: url(../images/sign_up.gif) left no-repeat; padding-left:12px;} /* ----------------------------------------------------------------------------- Header goes here Styles -----------------------------------------------------------------------------*/ #header{ background:url(../images/header_home.jpg) no-repeat; width:720px; height:388px; display:block; padding-left:10px;} #header .title{ width:auto; height:34px; padding-top:14px;} #header .titext{ display:block; padding-top:2px; padding-left:5px; padding-right:230px;} #header .titext p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:18px;} #header .titext h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; font-weight:bold; display:block;} #header .lef{ width:237px; float:left; display:block;} #header .lef .icons{ background: url(../images/icons.png) left no-repeat; float:left; display:block;} #header .lef .icons li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; padding-left:28px; line-height:22px;} #header .lef .icons li span{ margin-right:6px; margin-top:4px;} #header .ref{ width:229px; float:left; display:block;} /* ----------------------------------------------------------------------------- Comman content goes here Styles -----------------------------------------------------------------------------*/ #content{ width:100%; padding-top:10px; padding-bottom:20px; text-align:left;} #content .round_box{ width:auto; display:block;} #content .round_box .rttp{ background:url(../images/right_top.jpg) top right no-repeat; width:auto; height:11px; overflow:hidden;} #content .round_box .lftp{ background:url(../images/left_top.jpg) top left; no-repeat; width:auto;} #content .round_box .cenlf{ background:url(../images/left_cen.jpg) left repeat-y; width:100%;} #content .round_box .cenrf{ background:url(../images/right_cen.jpg) right repeat-y; width:100%;} #content .round_box .botlf{ background:url(../images/left_bot.jpg) left top no-repeat; width:auto; } #content .round_box .botrf{ background:url(../images/right_bot.jpg) right top no-repeat; width:auto; height:11px; } #content .blue_box{ width:auto; display:block;} #content .blue_box .lftp{ background:url(../images/bl_lftop.jpg) left top no-repeat #3a5dbc; } #content .blue_box .rftp{ background:url(../images/bl_rftop.jpg) right top no-repeat;} #content .blue_box .lfbt{ background:url(../images/bl_lfbot.jpg) left bottom no-repeat;} #content .blue_box .rfbt{ background:url(../images/bl_rfbot.jpg) right bottom no-repeat; width:100%;} /* ----------------------------------------------------------------------------- Home goes here Styles -----------------------------------------------------------------------------*/ #home{ display:block; width:auto; text-align:left;} #home .questions{ width:209px; float:left; display:block; text-align:left; } #home .questions .icon{ background:url(../images/questions.jpg) left 1px no-repeat; text-align:left; padding-left:30px; margin-bottom:10px;} #home .webhost{ width:249px; float:left; display:block; margin-left:11px; } #home .webhost .icon{ background:url(../images/webhost.jpg) left 5px no-repeat; text-align:left; padding-left:25px; margin-bottom:10px;} #home .webtrans{ width:249px; float:left; display:block; margin-left:11px;} #home .webtrans .icon{ background: url(../images/web_transfer.jpg) left 5px no-repeat; text-align:left; padding-left:22px; margin-bottom:10px;} #home a.livechat{ background:url(../images/live_chat.png) no-repeat; width:103px; height:33px; display:block; margin-left:52px; margin-top:-10px; z-index:1; position:absolute;} #home a.continue{ background:url(../images/continue.png) no-repeat; width:98px; height:32px; display:block; margin-left:75px; margin-top:-10px; z-index:1; position:absolute;} #home .box{ display:block; padding-top:10px; padding-bottom:10px;} #home .box li{ background:url(../images/black_aquare.png) left no-repeat;font-family:Arial, Helvetica, sans-serif; padding-left:8px; font-size:11px; font-weight:bold; color:#000000; line-height:16px;} #home .box li span{ color:#bf0000;} #home h2 {text-align:left;font-size:24px; font-weight:normal;} #home h3 {text-align:left;font-size:18px; font-weight:normal;} #home h4 {text-align:left;font-size:18px; font-weight:normal; margin-bottom:8px; padding-left:5px;} #home .free{ float:left; margin-left:5px; margin-right:5px; display:block; text-align:center;} #home .free .img_box{ height:57px;} #home .free p{ text-align:center; padding-top:5px;} #home .free .lf_img{ float:left; width:50px; display:block;} #home .free .big_title{ float:left; display:block;} /* ----------------------------------------------------------------------------- Hosting goes here Styles -----------------------------------------------------------------------------*/ #hosting_header{ background:url(../images/hostin_header.png) no-repeat; width:730px; height:208px; } #hosting_header .lfh{ width:710px; display:block; padding-left:20px; padding-top:25px;} #hosting_header .lfh .title{ float:left;} #hosting_header a.sign_up1{ background:url(../images/sign_up_now1.png) no-repeat; width:225px; float:right; height:45px; display:block; border:none; margin-right:10px;} #hosting_header .first{ width:250px; float:left;} #hosting_header .first ul{ background:url(../images/first_ul.png) left no-repeat; float:left;} #hosting_header .first li{ padding-left:35px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; line-height:27px;} #hosting_header .second{ width:202px; float:left;} #hosting_header .second ul{ background:url(../images/second_ul.png) left no-repeat; float:left;} #hosting_header .second li{ padding-left:25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; line-height:27px;} #hosting_header .third{ width:224px; float:left;} #hosting_header .third ul{ background:url(../images/third_ul.png) left no-repeat; float:left;} #hosting_header .third li{ padding-left:27px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; line-height:27px;} #hosting_cont{ display:block;} #hosting_cont .lty{ width:238px; float:left; margin-right:7px;} #hosting_cont .lty1{ width:238px; float:left;} #hosting_cont h5{ padding-left:10px; padding-bottom:3px;} #hosting_cont .box_rd{ display:block;} #hosting_cont .box_rd li{ background: url(http://resellerrocket.com/images/featu_base.jpg) no-repeat; width:224px; text-align:left; color:#000000; font-size:11px; height:18px; line-height:18px; font-weight:bold; padding-left:8px; padding-bottom:5px;} .red{ color:#af0000;} #hosting_cont .right{ background:url(../images/right.jpg) no-repeat; padding-left:24px; display:block; line-height:22px;} .pad5{ padding-top:5px;} /* ----------------------------------------------------------------------------- Why us goes here Styles -----------------------------------------------------------------------------*/ #comman_header{ background:url(../images/why_usheader.jpg) no-repeat; width:729px; height:208px; display:block;} #whyus_imh{ background:url(../images/whyus_hdimg.png) no-repeat; width:729px; height:208px; display:block; text-align:left;} #whyus_content{ display:block; text-align:left;} #whyus_content p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; line-height:18px;} #whyus_content .lef{ width:225px; float:left; display:block; margin-right:12px;} #whyus_content .ref{ width:488px; float:right; display:block; padding-top:2px;} #whyus_content .ref img{ margin-bottom:8px;} #comman_header .lf{ width:285px; float:left; display:block; padding-left:50px; padding-top:45px;} #comman_header a.sign_up{ background:url(../images/sign_up_now1.png) no-repeat; width:225px; height:45px; display:block; border:none; margin-top:60px;} #comman_header .gurantees_hd{ background:url(../images/stasifaction.png) no-repeat; width:729px; height:208px;} #comman_header .contact_hd{ background:url(../images/contact_hd.png) no-repeat; width:729px; height:208px;} #comman_header .affliate_hd{ background:url(../images/affliate_hd.png) no-repeat; width:729px; height:208px;} #comman_header .template_hd{ background:url(../images/template_hd.png) no-repeat; width:729px; height:208px;} #comman_header a.submit_ticket{ background:url(../images/ticket.png) no-repeat; width:227px; height:45px; cursor:pointer; display:block; margin-top:15px;} .bold_a{ color:#0000FF; font-weight:bold;} /* ----------------------------------------------------------------------------- Gurantees goes here Styles -----------------------------------------------------------------------------*/ #gurantee{ display:block; text-align:left;} #gurantee p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; line-height:18px;} #gurantee .lf{ float:left; width:333px; display:block;} #gurantee .lf .display{ min-height:153px; height:auto!important; height:153px;} #gurantee .rf{ float:left; width:375px; margin-left:10px;} #gurantee .lf .lif{ float:left; width:129px;} #gurantee .lf .rif{ float:left; width:200px;} #gurantee .rf .display{ min-height:153px; height:auto!important; height:153px;} #gurantee .rf .lif{ float:left; width:156px; margin-right:3px;} #gurantee .rf .rif{ float:left; width:216px;} a.sign_up_big{ background:url(../images/sign_up_now1.png) no-repeat; width:225px; height:45px; display:block; border:none; margin:auto;} a.click_join{ background:url(../images/click_here_join.png) no-repeat; width:227px; height:46px; display:block; border:none; display:block; margin:auto;} /* ----------------------------------------------------------------------------- Site map page goes here -----------------------------------------------------------------------------*/ #blue_arrow{ padding-left:20px; padding-right:40px; text-align:left;} #blue_arrow li{ line-height:30px; border-bottom:1px dotted #CCCCCC;} #blue_arrow a{ background:url(../images/arrow.gif) left no-repeat; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; } #blue_arrow a:hover{ color:#3d61b7;} #blue_arrow li ul{ padding-left:20px;} #blue_arrow li li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000FF; font-weight:normal; background:url(../images/arrow.gif) left no-repeat;} #blue_arrow li li a:hover{ color:#000000;} /* ----------------------------------------------------------------------------- Footer goes here Styles -----------------------------------------------------------------------------*/ #footer{ display:block; width:auto; text-align:center; padding-bottom:20px;} #footer .payment{ width: auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;} #footer .links{ width:auto; text-align:center;} #footer .links a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; display:inline; color:#2d469a; background:url(../images/footer_divider.jpg) right no-repeat; padding-left:5px; padding-right:5px;} #footer .links a:hover{ text-decoration:underline;} #footer .links p{ font-size:10px; color:#000000; text-align:center; display:inline;}