#main_body { width: 975px; position: relative; margin: auto; margin-top: 5px; } #bg_header { width: 100%; position: relative; } #bg_logo { height: 85px; position: relative; } #bg_conum { position: absolute; top: 50px; left: 300px; font-size: 35px; font-weight: bold; color: #9495A3; font-family: Arial, Helvetica, sans-serif; } #bg_support { width: 65px; height: 76px; top: 10px; right: 90px; position: absolute; } #bg_login { width: 150px; height: 68px; top: 18px; right: 90px; position: absolute; } #bg_contact { width: 63px; height: 68px; top: 18px; right: 0px; position: absolute; } #bg_menu { width: 100%; height: 30px; top: 5px; position: relative; background: url(images/mnu_bg.jpg) no-repeat right; } #mnu_left { width: 4px; height: 30px; top: 0px; left: 0px; background: url(images/mnu_left.jpg) no-repeat; position: absolute; } /* tapped_part */ #tabbed { padding-top: 15px; position: relative; } #tabbed .sliderwrapper { width: 975px; height: 200px; position: relative; overflow: hidden; } #tabbed .sliderwrapper .contentdiv { visibility: hidden; position: absolute; left:0; top:0; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #tabbed .sliderwrapper .pagination { font-size: 10px; } #tabbed_nav { width:975px; height:40px; background: url(images/tabbed_bg.jpg) no-repeat 0 0;; margin-left:auto; margin-right:auto; margin-bottom:0; padding: 1px 10px 0px 10px; } #domain_name { background:url(images/domain_name.jpg) no-repeat 0 0; border-right:1px solid #cfcfcf; display:block; width:200px; height:40px } #domain_name a:active, a:focus { outline: 0; } #web_hosting { background:url(images/web_hosting_hover.jpg) no-repeat 0 0; border-right:1px solid #cfcfcf; display:block; width:200px; height:40px } #reseller_hosting { background:url(images/reseller_hosting_hover.jpg) no-repeat 0 0; border-right:1px solid #cfcfcf; display:block; width:200px; height:40px } #domainSearch { width: 921px; height: 65px; position: relative; background: url(images/bg_domainsearch.jpg) no-repeat; margin: auto; } #domainSearch input { position: relative; float: left; width: 300px; margin-top: 15px; margin-left: 175px; padding: 7px; border: 1px solid #999; } #domainSearch select { position: relative; float: left; margin-top: 15px; margin-left: -1px; padding: 6px; border: 1px solid #999; } #domainSearch button { position: relative; float: left; margin-top: 13px; margin-left: 15px; background: url(images/btn_search.png) no-repeat; width: 70px; height: 34px; border: 0px; cursor: pointer; } #domainSearch .transfer { background: url(images/transferWebsite.jpg) no-repeat; width: 138px; height: 39px; position: absolute; top: 10px; right: 50px; } /* Package */ #bg_package { width: 100%; position: relative; margin-top: 10px; } #pkg_1 { width: 240px; height: 300px; top: 0px; left: 0px; background: url(images/pg_bg.jpg) no-repeat; position: relative; } #corner1 { background: url(images/pg_1.jpg) no-repeat; width: 45px; height: 45px; top: 3px; left: 3px; position: absolute; } #head_a { width: 180px; height: 30px; top: 10px; left: 45px; background: url(images/head_a.png) no-repeat; position: absolute; } #head_receller { width: 180px; height: 30px; top: 10px; left: 45px; background: url(images/head_receller.png) no-repeat; position: absolute; } #pkg_2 { width: 240px; height: 300px; top: 0px; left: 245px; background: url(images/pg_bg.jpg) no-repeat; position: absolute; } #corner2 { background: url(images/pg_2.jpg) no-repeat; width: 45px; height: 45px; top: 3px; left: 3px; position: absolute; } #head_b { width: 180px; height: 30px; top: 10px; left: 45px; background: url(images/head_b.png) no-repeat; position: absolute; } #head_vps { width: 180px; height: 30px; top: 10px; left: 45px; background: url(images/head_vps.png) no-repeat; position: absolute; } #pkg_3 { width: 240px; height: 300px; top: 0px; right: 245px; background: url(images/pg_bg.jpg) no-repeat; position: absolute; } #corner3 { background: url(images/pg_3.jpg) no-repeat; width: 45px; height: 45px; top: 3px; left: 3px; position: absolute; } #head_c { width: 180px; height: 30px; top: 10px; left: 45px; background: url(images/head_c.png) no-repeat; position: absolute; } #head_web { width: 180px; height: 30px; top: 10px; left: 45px; background: url(images/head_webdesignig.png) no-repeat; position: absolute; } #pkg_4 { width: 240px; height: 300px; top: 0px; right: 0px; background: url(images/pg_bg.jpg) no-repeat; position: absolute; } #corner4 { background: url(images/pg_4.jpg) no-repeat; width: 45px; height: 45px; top: 3px; left: 3px; position: absolute; } #head_unlimited { width: 180px; height: 30px; top: 10px; left: 45px; background: url(images/head_unlimited.png) no-repeat; position: absolute; } #head_leech { width: 180px; height: 30px; top: 10px; left: 45px; background: url(images/head_leech.png) no-repeat; position: absolute; } #pkg_inner { width: 210px; height: 235px; top: 50px; left: 15px; position: absolute; } #bg_update { width: 100%; margin-top: 5px; position: relative; } #bg_testimonial { width: 406px; height: 112px; background: #CCCCCC url(images/bg_testimonials.gif) no-repeat; position: relative; } #testimonial { width: 380px; height: 54px; top: 30px; left: 12px; position: relative; overflow: hidden; } #testimonial_name { right: 45px; bottom: 0px; position: absolute; } #bg_news { width: 555px; height: 106px; padding: 3px; background: url(images/bg_news.gif) no-repeat; position: absolute; top: 0px; right: 0px; } #bg_ticker { width: 550px; height: 80px; top: 23px; left: 3px; position: relative; overflow: hidden; } #bg_ticker a { font-size:14px; font-weight: bold; color: #000000; text-decoration: none; } #bg_ticker a:hover { color: #999999; } #bg_offers { width: 100%; position: relative; margin-top: 10px; } #bg_searchdomain { width: 315px; height: 150px; background: url(images/bg_domain.gif) no-repeat; top: 0px; right: 0px; position: absolute; } #domain_form { width: 295px; top: 85px; left: 10px; position: absolute; } #button_go { width: 40px; height: 35px; bottom: 2px; right: 0px; position: absolute; } #bg_partners { height: 54px; padding: 10px 13px 10px 13px; margin-top: 10px; position: relative; background: url(images/bg_partner.jpg) no-repeat; } /* Domain Page */ #domain_head { width: 958px; height: 68px; padding: 15px 0 17px 17px; margin-top: 15px; background: url(images/domain_top.jpg) no-repeat; position: relative; } #domain_rates { position: relative; margin-top: 10px; } #domain_left { width: 375px; top: 0px; left: 0px; position: absolute; } #domain_right { width: 375px; top: 0px; left: 390px; position: relative; } #domain_rates #head { background: url(images/bg_domain_head.gif) no-repeat; height: 18px; padding: 3px 0 3px 8px; font-size: 12px; font-weight: bold; color: #FFFFFF; overflow: hidden; } #domain_rates #body { background: url(images/bg_domain_body.gif) no-repeat bottom; padding: 5px 5px 5px 5px; } #domain_rates #right { width: 202px; top: 0px; right: 0px; position: absolute; } #bg_ext { height: 18px; padding: 1px 0 3px 6px; position: relative; background: #F4F8F9; } #bg_ext:hover { background: #DBEDF1; } #bg_ext #name { position: relative; } #bg_ext #rs { width: 80px; top:1px; right: 70px; position: absolute; } #bg_ext #dr { width: 70px; top:1px; right: 5px; text-align: right; position: absolute; } /* Hosting Page */ #hosting_head { width: 975px; height: 100px; margin-top: 15px; background: url(images/hosting_top.jpg) no-repeat; position: relative; } #hosting_bg { position: relative; margin-top: 5px; } #hosting_bg #windows { width: 435px; height:310px; position: relative; top: 0px; left: 20px; background: url(images/hosting_windows.jpg) no-repeat; } #hosting_bg #linux { width: 435px; height:310px; position: absolute; top: 0px; right: 20px; background: url(images/hosting_linux.jpg) no-repeat; } #hosting_bg #head { position: absolute; top: 52px; left: 90px; font-size: 16px; font-weight: bold; color: #FFFFFF; } #hosting_bg #inner { width: 250px; position: absolute; top: 120px; left: 45px; font-size: 12px; font-weight: bold; color: #333333; line-height: 27px; } #hosting_bg #price { position: absolute; top: 150px; right: 50px; font-weight: bold; line-height: 22px; } #price .orange { font-size: 14px; color: #FF6600; } #price .green { font-size: 30px; color: #009900; } #price .small { font-size: 10px; } #hosting_bg #more { width: 139px; height: 64px; position: absolute; right: 40px; bottom: 40px; } /* Price */ #hosting_pkg { width: 665px; position: relative; } #hosting_pkg1 { width: 100%; position: relative; } #hosting_pkg .br_lr, #hosting_pkg1 .br_lr { border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; } #hosting_pkg .br_br, #hosting_pkg1 .br_br { border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 5px; } #hosting_pkg .br_b, #hosting_pkg1 .br_b { border-bottom: 1px solid #cfcfcf; padding: 5px; } #hosting_pkg .fature, #hosting_pkg1 .fature { background: #666666; height: 20px; padding: 5px; font-size: 14px; font-weight: bold; color: #FFFFFF; } #hosting_pkg .bck, #hosting_pkg1 .bck { background: #F4F4F4; } #hosting_pkg .big, #hosting_pkg1 .big { font-size: 16px; font-weight: bold; color: #333333; } #others_pkg { width: 300px; position: absolute; top: 0px; right: 0px; } #others_pkg #win_pkg { width: 300px; height:214px; position: relative; background: url(images/hosting_windows_sml.jpg) no-repeat; } #others_pkg #lin_pkg { width: 300px; height:214px; position: relative; background: url(images/hosting_linux_sml.jpg) no-repeat; } #others_pkg #head { position: absolute; top: 33px; left: 62px; font-size: 13px; font-weight: bold; color: #FFFFFF; } #others_pkg #inner { width: 175px; position: absolute; top: 80px; left: 23px; font-size: 10px; color: #333333; line-height: 21px; } #others_pkg #price { position: absolute; top: 110px; right: 25px; font-weight: bold; line-height: 15px; } #others_pkg #price .orange { font-size: 11px; color: #FF6600; } #others_pkg #price .green { font-size: 16px; color: #009900; } #others_pkg #price .small { font-size: 9px; } #others_pkg #more { width: 75px; height: 46px; position: absolute; right: 25px; bottom: 25px; } /* Contact Page */ #contact_body { position: relative; margin-top: 25px; } #contact_body #head { font-size: 24px; font-weight: bold; color: #666666; margin-bottom: 20px; position: relative; } #contact_body #left { width: 540px; background: url(images/bg_contact_from.jpg) no-repeat; padding: 30px; position: relative; overflow: hidden; } #contact_body #right { width: 350px; top: 90px; right: 0px; position: absolute; } #contact_body .input { font-size: 12px; color: #333333; padding: 5px; border: 1px solid #cfcfcf; } #contact_body .button { background: #B9BDBC; color: #FFFFFF; font-size: 14px; font-weight: bold; border: 1px solid #808C8B; padding: 5px; cursor: pointer; } #contact_body .button:hover { background: #4677AF; color: #FFFFFF; } /* About Page */ #about_body { position: relative; margin-top: 25px; } #about_body #head { font-size: 24px; font-weight: bold; color: #666666; margin-bottom: 10px; position: relative; } #about_body #bg { background: url(images/bg_about_box.gif) no-repeat; width: 955px; height: 230px; padding: 10px; position: relative; } #about_body .txt { font-size:14px; color: #333333; line-height: 20px; letter-spacing: 1px; word-spacing: 2px; } /* About Page */ #payment_body { position: relative; margin-top: 25px; } #payment_body #head { font-size: 24px; font-weight: bold; color: #666666; margin-bottom: 10px; position: relative; } #payment_body #top { background: url(images/box_top.gif); width: 975px; height: 10px; position: relative; } #payment_body #bot { background: url(images/box_bot.gif); width: 975px; height: 20px; position: relative; } #payment_body #bg { background: url(images/box_bg.gif); width: 935px; padding: 10px 20px 10px 20px; position: relative; } #payment_body #left { width: 260px; height: 510px; top: 10px; position: relative; } #payment_body #right { width: 420px; position: absolute; top: 20px; right: 20px; } #payment_body .txt { font-size:14px; color: #333333; line-height: 18px; letter-spacing: 1px; word-spacing: 2px; } #payment_body .head { font-size: 14px; font-weight: bold; color: #333333; } #payment_body .sep { height: 10px; margin-bottom: 10px; border-bottom:1px solid #cfcfcf; } #page_body { position: relative; margin-top: 25px; } #page_body #head { font-size: 24px; font-weight: bold; color: #666666; margin-bottom: 10px; position: relative; } #page_body #box #top { background: url(images/box_top.gif) no-repeat; width: 975px; height: 10px; position: relative; } #page_body #box #bg { background: url(images/box_bg.gif) repeat-y; width: 940px; padding: 7px 17px 0 18px; position: relative; } #page_body #box #bot { background: url(images/box_bot.gif) no-repeat; width: 975px; height: 20px; position: relative; } #page_body .head { font-size: 14px; font-weight: bold; color: #333333; margin-top: 20px; } #page_body .pagetxt { font-size:14px; color: #333333; line-height: 18px; letter-spacing: 1px; word-spacing: 2px; } #page_body .sep { height: 10px; margin-bottom: 10px; border-bottom:1px solid #cfcfcf; } /* Admin Page */ #login_body { position: relative; margin-top: 15px; height: 285px; padding-top: 50px; } #login_body #bg { width: 400px; height: 235px; position: relative; background: url(images/bg_login.gif) no-repeat; margin: auto; } #login_body #frm { width: 240px; height: 90px; top: 62px; left: 15px; position: absolute; } #login_body #err { width: 300px; left: 15px; bottom: 12px; font-size:14px; font-weight: normal; color: #FF0000; position: absolute; } #login_body .txt { font-size: 12px; font-weight: bold; color: #333333; line-height: 24px; } #login_body .box { background: #FFFFFF url(images/bg_txtbox.gif) repeat-x bottom; padding: 5px; border: 1px solid #cfcfcf; } #login_body .box_err { background: #FFFFFF url(images/bg_txtbox_err.gif) repeat-x bottom; padding: 5px; border: 1px solid #FF0000; } #login_body .btn { width: 100px; height: 24px; background: url(images/login.gif) no-repeat; border: 0px; cursor: pointer; margin-top: 10px; } /* Footer */ #bg_footer { background: url(images/bg_bottom.jpg) repeat-x; margin-top: 10px; } #footer_inner { width: 975px; height: 120px; position: relative; margin: auto; padding-top: 10px; } #bg_gur { height: 105px; top: 15px; right: 0px; position: absolute; } #bg_sitelink { width: 550px; height: 110px; position: relative; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow: hidden; } .clearfix { display: inline-block; clear: both; width:0px; height:0px; overflow: hidden; } /* Hide from IE Mac */ .clearfix { display: block; overflow: hidden; clear: both; width:0px; height:0px; } #bg_bottom { background: #F4F4F7; border-top: 3px solid #ECEDF4; padding: 15px 0px; position: relative; } #bg_bottom .inner { width: 975px; position: relative; margin: auto; } #bg_bottom .inner .lft { float: left; width: 475px; position: relative; } #bg_bottom .inner .rgt { float: right; width: 475px; position: relative; } #bg_bottom .inner .head { font-size: 12px; font-weight: bold; color: #777; margin-bottom: 15px;} #bg_bottom .inner .txt { font-size: 11px; font-weight: normal; color: #999; margin-bottom: 15px;} .txtbox { padding: 3px; font-size: 12px; border: 1px solid #ccc; margin-bottom: 15px; } .dbtn { padding: 5px; font-size:14px; } .rrd { font-size: 12px; font-weight: bold; color: #FF0000; letter-spacing: 0px; word-spacing: 0px; }