body { background:#CCC url(../tmdnew/img/top_x.jpg) repeat-x top left; margin: 0px; padding: 0px; }
.wrapper { width:1300px; margin-left:auto; margin-right:auto}
#tanicosmenu { position:relative; height:56px; color:#E0E0E0; background:#000000; width:100%; font-family:Helvetica, Arial, Verdana, sans-serif; }
#tanicosnav { position:relative; height:33px; font-size:12px; text-transform:uppercase; font-weight:bold; background:#fff url(images/tan_bg.gif) repeat-x bottom left; padding:0 0 0 20px; }
#tanicosnav ul { margin:0; padding:0; list-style-type:none; width:auto; float:left; }
#tanicosnav ul li { display:block; float:left; margin:0 1px; }
#tanicosnav ul li a { display:block; float:left; color:#EAF3F8; text-decoration:none; padding:0 0 0 20px; height:33px; }
#tanicosnav ul li a span { padding:12px 20px 0 0; height:21px; float:left; }
#tanicosnav ul li a:hover { color:#fff; background:transparent url(images/tanicos-OVER.gif) repeat-x bottom left; }
#tanicosnav ul li a:hover span { display:block; width:auto; cursor:pointer; }
#tanicosnav ul li a.current, #tanicosnav ul li a.current:hover { color:#fff; background:#1D6893 url(images/tanicos_left-ON.gif) no-repeat top left; line-height:275%; }
#tanicosnav ul li a.current span { display:block; padding:0 20px 0 0; width:auto; background:#1D6893 url(images/tanicos_right-ON.gif) no-repeat top right; height:33px; }
#leftcontent { position: absolute; left:0px; top:0px; width:13px; border:none; height: 127px; }
#centercontent { margin-top: 0px; margin:0 auto; voice-family: "\"}\""; voice-family: inherit; }
html>body #centercontent { margin-top: 0px; margin-left: 12px; margin-right:12px; clear:both; position:relative }
#rightcontent { position: absolute; right:0px; top:0px; width:13px; background:url(../images/bg2.gif) no-repeat; border:none; height: 127px; }
#logo { color: #FFFFFF; display: block; height: 64px; width: 217px; }
#headerlinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; padding-top: 10px; padding-right: 20px; }
.clear { clear: both; height: 0; }
#mainban { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; height: 300px; background-image: url(../images/1.png); background-repeat: repeat-x; background-position: left top; margin-left: 8px; margin-right:12px; }
#round1 { position: absolute; width:13px; background:url(../images/round1.gif) no-repeat; border:none; height: 127px; top: 373px; right: 0px; }
.foot { display:block; float:left; clear:both; width:100%; margin-top:30px; background:#191919 url(../img/foot_x.png) left top repeat-x; min-height:250px; }
.foot_menu { display:block; float:left; width:190px; margin:0px 10px 0px 0px; }
.foot_menu strong, /*.foot_contacts*/ strong { display:block; clear:both; font-family:trade; font-size:20px; color:#0cf; font-weight:normal; }
.social_foot b { display:block; float:left; line-height:32px; margin:0px 10px 0px 0px; }
.social_foot a { margin:0px 5px 0px 0px; }
.foot_bottom { display:block; float:left; clear:both; width:100%; background:#000; padding:10px 0px; color:#999; }
.foot_bottom.with-promo { padding: 10px 0px 55px 0; }
.foot_bottom span { display:block; float:left; width:200px; background:url(../img/foot_logo.png) left top no-repeat; line-height:33px; padding:0px 0px 0px 40px; }
.foot_bottom p { display:block; float:right; width:500px; line-height:33px; text-align:right; }
.foot_bottom p a { color:#999; margin:0px 5px; }
.foot_bottom p a:hover { color:#fff; text-decoration:underline; }
#head_lnk { background-color: #FFFFFF; left: 13px; right: 13px; float: left; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
/**************************** starts hosting page ***************/
.pricing { display:block; float:left; width:660px; min-height:380px; background:url(../img/hosing_pricing_table.png) left top no-repeat; }
.pricing thead tr td { text-align:center; font-family:trade; height:57px; color:#369; text-shadow:#fff 1px 1px 0; font-size:26px; }
.pricing thead tr td strong { color:#5f9600; font-weight:normal; }
.pricing tbody tr td { font-size:13px; font-weight:bold; text-align:center; height:41px; }
.pricing tbody tr td span { text-align:left; color:#fff; font-size:14px; text-shadow:#000 -1px -1px 0; display:block; clear:both; padding-left:15px; }
.pricing tbody tr td strong { color:#c00; font-size:18px; text-shadow:#fff 1px 1px 0; }
.pricing tbody tr td b { text-shadow:#fff 1px 1px 0; }
.pricing tbody tr td b em { color:#369; font-style:normal; }
.singups td { padding:25px 0 0; }
.singups td a { display:block; clear:both; width:114px; height:38px; background:transparent url(../img/hosing_signup.png) left top no-repeat; margin:0 auto; }
.singups td a:hover { background-position:bottom; }
.host_start { display:block; padding:0 !important; margin-left:20px !important; width:300px; height:460px; background:transparent url(../img/hosting_start_box.png) left 41px no-repeat; }
.host_start .pr_tabs { width:320px; }
.host_start .pr_tabs a { width:145px !important; height:46px !important; line-height: 43px !important; background:transparent url(../img/host_start_transfer_tab.png) left 50px no-repeat; }
.host_start .pr_tabs a:hover, .host_start .pr_tabs a.selected { background-position:left top !important; text-shadow:#690 -1px -1px 0 !important; }
.host_start ul { display:block; float:left; width:300px; clear:both; padding:10px; }
*+html .host_start ul { float:none; margin-top:0px; }
.host_start ul li p { width:200px !important; text-shadow:#060 -1px -1px 0 !important; }
.host_start ul li span { margin-left:230px !important; }
.host_start ul li { display:block; float:left; clear:both; width:280px; background:transparent url(../img/inner_border_green.png) left bottom repeat-x; margin:0 !important; padding:10px 0 !important; }
*+html .host_start ul li { float:none !important; padding:6px 0!important; }
.host_start .sub_signup { margin:0 0 0 45px!important; }
.payments { display:block; float:left; clear:both; width:300px; text-align:center; padding:80px 0 0 0; }
.host_save { display:block; float:left; clear:both; width:1000px; padding:20px 0 10px; }
.savebox { display:block; float:left; width:165px; margin:0 14px 0 0; background:#f2f2f2; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:10px; }
.savebox strong { display:block; clear:both; font-size:12px; color:#069; width:100px; height:75px; text-shadow:#fff 1px 1px 0; }
.savebox strong img { display:block; clear:both; width:32px; height:32px; margin-bottom:5px; }
.savebox div { display:block; clear:both; position:absolute; z-index:10; width:67px; text-align:center; height:53px; padding:15px 0 0; color:#fff; font-size:11px; margin:-15px 0 0 100px; background:url(../img/host_save.png) left top no-repeat; }
.savebox div big { font-size:13px; font-weight:bold; display:block; clear:both; padding:3px 0; }
.savebox p { display:block; clear:both; font-size:11px; color:#555; padding:0 0 5px; text-shadow:#fff 1px 1px 0; }
.savebox p a { color:#555; text-decoration:underline; }
.savebox p a:hover { color:#000; }
.save_more { display:block; clear:both; font-weight:bold; color:#333; text-decoration:underline; margin:5px 0 0; text-shadow:#fff 1px 1px 0; }
.save_more:hover { color:#069; }
.host_box { display:block; float:left; width:450px; padding:15px; background:#f2f2f2; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:10px 20px 15px 0; text-shadow:#fff 1px 1px 0; }
.hb_title { display:block; clear:both; padding:0 0 10px 0; margin-bottom:5px; background:url(../img/inner_border_grey.png) left bottom repeat-x; font-weight:normal; color:#069; font-family:trade; font-size:30px; line-height:32px; }
.hb_title img { width:32px; height:32px; float:left; margin:0 10px 0 5px; }
.host_box table tr td { padding:8px 0; border-bottom:#ccc 1px dotted; font-size:13px; font-weight:bold; }
.host_detail { width:380px; }
.host_detail_value { text-align:right; color:#369; font-size:14px !important; }
.host_box table tr td b { color:#c00; }
.full_overflow { display:block; clear:both; width:1030px; }
/************************* starts reseller page *********************/
.reseller { display:block; float:left; clear:both; background:transparent url(../img/reseller_head.png) left top no-repeat; width:988px; height:440px; overflow:hidden; margin:0 0 20px -4px; }
.res_up { display:block; float:left; clear:both; width:1110px; padding:20px 25px; }
.res_up h1 { display:block; float:left; width:350px; font-family:trade; font-size:32px; font-weight:normal; color:#fff; text-shadow:#C30 -1px -1px 1px; }
.res_up div { display:block; float:left; width:660px; padding:5px 0 0 20px; }
.res_up div a { float:left; margin:0 50px 0 0; }
.res_up div a img { width:22px; margin:0 10px 0 0; float:left; }
.res_up div a span { color:#fff; line-height:22px; color:#fff; float:left; font-family:trade; text-shadow:#036 -1px -1px 0; font-size:20px; cursor:pointer; }
.res_up div a:hover span { color:#CF0; }
.switch1 { display:block; float:left; width:248px; height:308px; background:url(../img/reseller_switch.png); overflow:hidden; margin-left:20px; }
.switch1 a { display:block; float:left; clear:both; width:30px; height:15px; background:transparent url(../img/reseller_switch_btn.html) left top no-repeat; margin-left:44px; }
.switch_down { background-position: left bottom; }
.switch_down a { margin-top:275px; }
.switch_mid { background-position:left -308px; }
.switch_mid a { margin-top:149px; }
.switch_up { background-position:left top; }
.switch_up a { margin-top:17px; }
.res_pack { display:block; float:left; width:680px; padding:0 0 0 20px; }
.rp_name { display:block; clear:both; font-family:helv_black; font-size:34px; font-weight:normal; color:#000; text-shadow:#FC3 1px 1px 1px; padding:7px 0; }
.rp_info { display:block; float:left; clear:both; padding:20px 20px 0px; color:#fff; }
.rp_size { display:block; float:left; width:120px; margin-right:10px; }
.rp_size div { display:block; clear:both; padding:2px 0; font-size:15px; text-shadow:#300 0 0 5px; text-align:center; }
.rp_size div strong { display:block; clear:both; font-weight:normal; font-family:helv_black; font-size:26px; }
.rp_info ul { display:block; float:left; width:230px; padding:5px 20px; overflow:hidden; }
.rp_info p { display:block; float:left; width:240px; padding:10px 0 0; text-shadow:#620 -1px -1px 0px; line-height:150%; font-size:13px; }
.rp_info ul li { display:block; clear:both; font-family:trade; font-size:20px; text-shadow:#C30; padding:5px 0px 10px 25px; margin:2px 0 0; text-shadow:#620 -1px -1px 1px; background:url(../img/tick_16.png) left 8px no-repeat; }
.rp_foot { display:block; float:left; clear:both; width:700px; padding:20px 10px; }
.rp_foot strong { display:block; float:left; width:200px; font-family:helv_black; color:#fff; font-weight:normal; font-size:20px; padding-top:10px; text-shadow:#300 0 0 5px; }
.rp_foot strong big { display:block; clear:both; font-size:50px; line-height:45px; }
.reseller .sub_signup { margin:15px 0 0 10px; float:left; clear:none; }
.rp_foot p { display:block; float:left; width:200px; padding:40px 0 0 30px; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase; }
.rp_foot p a { color:#fff; margin:0 10px; text-decoration:underline; }
.rp_foot p a:hover { text-decoration:none; }
.res_box { display:block; float:left; width:480px; padding:0 20px 20px 0; }
.res_title { display:block; clear:both; width:480px; height:45px; line-height:45px; font-family:trade; font-size:22px; font-weight:normal; color:#369; text-shadow:#fff 1px 1px 0; padding-left:20px; background:url(../img/res_box_title.png) left top no-repeat; }
.res_box div { display:block; float:left; clear:both; padding:9px; border:#ccc 1px solid; border-top:none !important; width:460px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }
.res_box div img { float:left; width:110px; }
.res_box div ul { display:block; float:left; width:340px; padding:0 0 5px 10px; }
.res_box div ul li { display:block; clear:both; padding:5px 0 5px 10px; background:url(../img/bullet_blue.png) left 10px no-repeat; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#555; }
/********************* ends reseller page **********************/
.sl_holder { width: 250px; position: absolute; height: 300px; top: 270px; }
.res_pack { margin-left: 270px; }
#slider { left: 72px; height: 257px; top: 9px; position: absolute; margin-top: 15px !important; }
/************************* end hosting package page *****************/
*+html .foot_contacts { margin-left:0px; }
.foot_contacts strong { font-size:22px; font-weight:normal; }
.foot_contacts ul li a { color:#fff; }
.foot_contacts ul li a:hover { color:#CF3; }
.social_foot b { display:block; float:left; line-height:32px; margin:0px 10px 0px 0px; }
.social_foot a { margin:0px 5px 0px 0px; }
.foot_bottom { display:block; float:left; clear:both; width:100%; background:#000; padding:10px 0px; color:#999; }
.foot_bottom.with-promo { padding: 10px 0px 55px 0; }
.foot_bottom span { display:block; float:left; width:200px; background:url(tmdnew/img/foot_logo.png) left top no-repeat; line-height:33px; padding:0px 0px 0px 40px; }
.foot_bottom p { display:block; float:right; width:500px; line-height:33px; text-align:right; }
.foot_bottom p a { color:#999; margin:0px 5px; }
.foot_bottom p a:hover { color:#fff; text-decoration:underline; }
#round2 { position: absolute; right:0px; width:13px; background:url(../images/round2.gif) no-repeat; border:none; height: 5px; top: 373px; }
a.head_lnk:link { color: #000000; text-decoration: underline; }
a.head_lnk:visited { color: #000000; text-decoration: underline; }
a.head_lnk:hover { color: #000000; text-decoration: none; }
a.head_lnk:active { color: #000000; text-decoration: underline; }
#maincont { height: 988px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#domain { background: url(../images/domain-name.png) no-repeat 7px 10px; width: 620px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #373741; padding-top: 10px; padding-bottom: 14px; height: 195px; position:relative; }
.right_advanced_search { font-family: "trebuchet MS"; font-size: 12px; color: #FFFFFF; text-align: right; float: right; width: 500px; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; padding-right: 15px; }
.bottom_link { font-family: calibri; font-size: 11px; color: #cccccc; text-decoration: none; text-align: center; float: left; width: 600px; text-transform: uppercase; padding-top:10px; }
.bottom_link a { color: #cccccc; text-decoration: none; }
.bottom_link a:hover { color: #ffffff; text-decoration: none; }
.right_advanced_search a { color: #FFFFFF; }
.new_input_search { background-color: transparent; background-image: url(../images/input_search1.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 3px; float: left; height: 24px; width: 177px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-family: calibri; font-size: 15px; color: #333333; text-decoration: none; }
.inx_txtara { width:225px; float:left; font-family: calibri; font-size: 15px; color: #FFFFFF; line-height: 30px; }
.inx_ckbx { width:300px; margin:0 0 0 0; padding: 20px 0 0 15px; font-size:11px; color:#fff; float:left; }
.inx_ckbx ul { margin:0 0 0 0; padding:0 0 0 0; position:relative; list-style:none; }
.inx_ckbx ul li { float: left; line-height: 19px; list-style: none outside none; margin: 0; padding: 3px 0; position: relative; width: 75px; }
.inx_ckbx a { color:#FFF; text-decoration:underline; float:right }
.inx_btn { width:110px; float:left; }
.inx_btn input { height:30px; width:104px; text-align:center; cursor:pointer; background-color: transparent; background-image: url(../images/btn_search1.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; float: right; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.ie #domain { background-image: url(../images/search.png); background-repeat: no-repeat; width: 611px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #373741; padding-top: 23px; padding-bottom: 13px; }
.wwwfield { background-color: #FFFFFF; height: 19px; width: 200px; border: 3px solid #C6ECFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 10px; }
form { margin: 0px; padding: 0px; }
#lng { background-image: url(../images/lg1.gif); background-repeat: no-repeat; height: 15px; width: 611px; }
#lngy { background-image: url(../images/lg2.gif); background-repeat: repeat-y; width: 611px; margin: 0px; padding: 0px; }
#box1 { background-image: url(../images/lg3.gif); background-repeat: no-repeat; height: 12px; width: 611px; }
td {
	font-family:calibri;
	font-size: auto;
	color: #333333;
	margin-left: 50px;
}
#guarantee1 { text-align: center; float: left; width: 33%; background-image: url(../images/uptime.png); background-repeat: no-repeat; background-position: center top; padding-top: 92px; padding-bottom: 30px; }
#guarantee2 { text-align: center; float: left; width: 33%; background-image: url(../images/30back.png); background-repeat: no-repeat; background-position: center top; padding-top: 92px; }
#guarantee3 { text-align: center; float: left; width: 34%; background-image: url(../images/cup.png); background-repeat: no-repeat; background-position: center top; padding-top: 92px; }
h2 { color: #000000; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif!important;  font-size: 18px; font-weight: normal; }
.who { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0099CC; text-align: right; display: block; padding-right: 15px; padding-bottom: 10px; }
#offer { background: url("../images/homebox_1.jpg") no-repeat scroll left top transparent; display: block; float: left; height: 98px; padding: 9px; position: relative; width: 46%; }
#offer1 { float: left; width: 48%; padding-right: 7px; display: block; text-align:center }
.tanic { font-family: calibri; font-size: 13px; line-height: 18px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px 0px 7px; color: #0099cc; }
.footer { width:98%; margin:0px auto; position:relative }
.footer2 { background-image:url(../images/bgfoot.gif); background-repeat:repeat-x; float:left; width:100%; padding-top:20px; padding-bottom:20px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
.phone { font-weight: bold; color: #ff6600; background-image: url(../images/tel.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; text-align: right; }
.ie .phone { font-weight: bold; color: #ff6600; background-image: url(../images/tel.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; display:block; }
<style type="text/css"> #images a {
 margin-right: 14px;
}
#images a img { border: 1px solid #888; padding: 3px; vertical-align: top; }
#credit { clear: both; margin-top: 50px; padding-top: 20px; font-size: 10px; border-top: 1px solid #BBB; font-family: Verdana; }
 </style> <script type="text/javascript"> $(document).ready(function() {
 $("#example1-1").imgbox();
 $("#example1-2").imgbox( {
 'zoomOpacity' : true, 'alignment' : 'center'
}
);
 $("#example1-3").imgbox( {
 'speedIn' : 0, 'speedOut' : 0
}
);
 $("#example2-1, #example2-2").imgbox( {
 'speedIn' : 0, 'speedOut' : 0, 'alignment' : 'center', 'overlayShow' : true, 'allowMultiple' : false
}
);
}
);
.homepage_right { padding: 0; margin:0px; width: 580px; }
.homepage_right ul { padding:0px; margin:0px; width: 580px; }
.homepage_right ul li { background-image: url(../images/homepage_right_bullet.png); background-position: left 5px; background-repeat: no-repeat; color: #333333; float: left; font-family: calibri; font-size: 14px; line-height: 16px; margin: 0; padding: 6px 0 6px 25px; text-decoration: none; width: 555px; }
.way_should { float:left; margin: 0 }
#bottom_blue { background-image: url(../images/blue_bottom1.png); background-repeat: no-repeat; height: 16px; width: 611px; }
#top_blue { background-image: url(../images/blue_top1.png); background-repeat: no-repeat; height: 40px; width: 611px; }
#middle_blue { background-image: url(../images/blue_middle1.png); background-repeat: repeat-y; width: 611px; margin: 0px; padding: 0px; }
.home_testimonials { width:550px; float:left; }
#sub_testimonials {
    float: left;
    padding-left: 10px;
    width: 525px;
}
.sub_testimonials_left {
float:left;}
.sub_testimonials_right {
float:right;}
#sub_testimonials table {
    background-image: url("../images/ballon.png");
    background-position: 6px 10px;
    background-repeat: no-repeat;
    padding-left: 63px;
}
.test_right_images { float:right; width:150px;}
.test_more { color:#00CCFF; text-decoration:none; font-size:13px;}
.test_more a { color:#00CCFF; text-decoration:none}
.test_more a:hover { color:#000; text-decoration:none}
/* ============================================ Start Fade Gellary ================================================*/
#slideshow { position:relative; height:auto; font-family: calibri; font-size: 13px; line-height: 18px; color: #333333; text-decoration: none; float: left; }
#slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 120px; background-image: url(../images/blue_middle1.png); background-repeat: repeat-y; background-position: left top; }
#slideshow DIV.active { z-index:10; opacity:1.0; }
#slideshow DIV.last-active { z-index:9; }
#slideshow DIV IMG { height: auto; display: block; border: 0; }
/* ============================================ End Fade Gellary ================================================*/

/** reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:margin-left;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:bottom;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
} body, button, input, select, textarea { font:12px/1.5 Arial, Helvetica, sans-serif} table { border-collapse:separate; border-spacing:0} caption, th, td { text-align:left; font-weight:normal} table, td, th { vertical-align:top} blockquote:before, blockquote:after, q:before, q:after { content:""} blockquote, q { quotes:"" ""} a { text-decoration:none; color:#111} a:hover { text-decoration:underline} a img { border:none} strong { font-weight:bold} em { font-style:italic} ul, ol { list-style:none} input:focus { outline:0} select:focus { outline:0}

/** font-size */
.f10 { font-size:10px} .f12 { font-size:12px} .f14 { font-size:14px} .f16 { font-size:16px} .f18 { font-size:18px} .f20 { font-size:20px} .f22 { font-size:22px} .f24 { font-size:24px}
/* margin */
.ml5 { margin-left:5px} .ml10 { margin-left:10px} .ml15 { margin-left:15px} .mr15 { margin-right:15px}
.mt5 { margin-top:5px} .mt10 { margin-top:10px} .mt15 { margin-top:15px} .mt20 { margin-top:20px} .mt30 { margin-top:30px} .mt40 { margin-top:40px}
.mb5 { margin-bottom:5px} .mb10 { margin-bottom:10px} .mb20 { margin-bottom:20px}
/* padding */
.pb5 { padding-bottom:5px} .pb10 { padding-bottom:10px} .pb15 { padding-bottom:15px} .pb20 { padding-bottom:20px}
.pt10 { padding-top:10px}

.block { display:block} .inline { display:inline} .inline-block { display:inline-block}
.rel { position:relative} .abs {
	position:absolute;
	width: 713px;
} .fixed { position:fixed}
.tl { text-align:left} .tc { text-align:center} .tr { text-align:right}
.vt { vertical-align:top} .vm { vertical-align:middle}

.fl { display:inline; float:left}
.fr { display:inline; float:right}

.over-hide { text-indent:-9999px; overflow:hidden}

/* clear float */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:before, .clearfix:after { content:'\0020';display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after { clear:both}
.clearfix { *zoom:1}

.wrapper { width:960px; margin-left:auto; margin-right:auto}
.header { height:136px; background:url(../images/header-bg.png) repeat-x}
.main { padding-top:12px; padding-bottom:20px; background:#fff}
.footer { min-height:99px; color:#fff}
* html .footer { height:99px}

.header .logo { top:9px; left:-9px}
.header .links { top:28px; right:0}
.header .contact { top:61px; right:0}

.header .links li,
.header .contact li { display:inline; float:left; height:25px; line-height:25px; margin-left:15px; padding-left:30px; background:url(../images/header-icon.png) no-repeat}

.header .links li.item-2 { background-position:0 -25px}
.header .links li.item-3 { background-position:0 -50px}
.header .links li a { font-size:11px; color:#fff}

.header .contact li { font-size:11px; color:#d7d7d7}
.header .contact li.item-1 { background-position:0 -75px}
.header .contact li.item-2 { background-position:0 -100px}
.header .contact li a { font-weight:600; text-decoration:underline; color:#fff}
.header .contact li strong { font-weight:600; color:#fff}

.header .nav { top:103px; right:0; height:33px; padding-left:64px; background:url(../images/nav.png) no-repeat}
.header .nav ul { float:left; height:33px; background:url(../images/nav.png) repeat-x 0 -35px}
.header .nav li { display:inline; float:left; height:33px}
.header .nav li a { float:left; padding:0 15px; text-transform:uppercase; font:bold 12px/33px Helvetica, Arial; color:#fff}
.header .nav li.first a { padding-left:2px}
.header .nav li.last { background:url(../images/nav.png) no-repeat left -140px}
.header .nav li.last a { background:url(../images/nav.png) no-repeat right -105px}
.header .nav li a:hover { text-decoration:underline;}

.save-banner { width:960px}
.save-banner .countdown { top:-4px; right:10px; width:332px; height:79px; background:url(../images/countdown-bg.png) no-repeat}
.save-banner .countdown li { display:inline; float:left; width:76px; height:45px; margin-left:9px; padding-top:34px; text-align:center; font-size:44px; font-weight:bold; line-height:44px; font-family:'Trebuchet MS', Helvetica, Arial; color:#182b45; letter-spacing:-1px}
.save-banner .countdown li.days { margin-left:0}
.save-banner .expires {
	top:45px;
	right:49px;
	margin-top:-10px;
	font:18px/20px Helvetica;
	color:#fff
}
.save-banner .info {
	top:25px;
	left:-122px;
	height:41px;
	line-height:52px;
	margin-top:-50px;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#fff
}
.save-banner .info strong {
	vertical-align:middle;
	font-size:30px;
	font-weight: normal;
}
.save-banner .info span {
	margin:0 5px;
	vertical-align:middle;
	font-size:20px
}
.save-banner .info a { margin-left:10px}

.footer a { color:#fff}
.footer .links { top:44px; left:0}
.footer .links li { display:inline; float:left; line-height:18px; margin-right:30px; text-transform:uppercase}
.footer .copyright { top:35px; right:0; text-align:right; line-height:18px}

.banner { z-index:0; height:95px; background:url(../images/banner-bg.png) no-repeat center bottom}
.banner .title { padding:10px 0 0 20px; font-size:36px; line-height:38px; letter-spacing:-1px; color:#182b45}

.main-wp { z-index:0; top:-7px; background:url(../images/main-repeat.png) repeat-y}
.main-wp .icon { z-index:3; top:-123px; right:17px}
.main-top { z-index:2; top:-7px; left:0; width:960px; height:7px; background:url(../images/main-top.png) no-repeat; overflow:hidden}
.main-bottom { height:7px; background:url(../images/main-bottom.png) no-repeat; overflow:hidden}
.main-inner { padding:15px 20px; min-height:400px; background:url(../images/main-bg.png) no-repeat left bottom}
* html .main-inner { height:400px}
.page-desc { width:780px; line-height:14px; color:#2f3032}

.main-inner-wp { width:920px}
.main-inner-wp .left { display:inline; float:left; width:657px}
.main-inner-wp .right { display:inline; float:left; width:236px; margin-left:27px}

.home-banner { height:231px; background:url(../images/home-banner-bg.png) no-repeat}
.home-banner .icon { top:-5px; right:18px}
.home-banner .title { padding:20px 0 0 20px; font-size:36px; line-height:38px; letter-spacing:-1px; color:#182b45}
.home-banner .list { margin-left:20px; margin-top:15px; width:500px}
.home-banner .list li { display:inline; float:left; width:250px; height:28px; font-size:14px; line-height:28px; text-indent:25px; background:url(../images/snow.png) no-repeat 0 5px; color:#181a1f; overflow:hidden}
.home-banner .price { top:59px; left:540px; width:220px; padding-top:24px; background:url(../images/banner-price-bg.png) no-repeat; line-height:100%; color:#d32472}
.home-banner .price strong { font-size:60px}
.home-banner .price span { font-size:24px}

.plans { margin-right:-4px}
.plans .item { display:inline; float:left; width:236px; margin-right:5px}
.plans .item .box { padding:15px; height:243px; background:url(../images/plan-box.png) no-repeat}
.plans .item .box .title { margin-bottom:2px; text-transform:uppercase; letter-spacing:-1px; font-size:24px; line-height:24px; color:#182b45}
.plans .item .box .title img { margin-left:8px}
.plans .item .box .desc { font-size:11px; line-height:14px; color:#575a62}
.plans .item .box .list { margin-top:10px}
.plans .item .box .list li { height:23px; line-height:23px; text-indent:25px; background:url(../images/snow.png) no-repeat 0 2px; color:#181a1f; overflow:hidden}
.plans .item .box .price { margin-top:5px; text-align:center; height:36px; line-height:100%; color:#0f1e31}
.plans .item .box .price strong { font-size:36px}
.plans .item .box .price span { font-size:24px}
.plans .item .more { padding-top:8px; text-align:right}
.plans .item .more span { margin-right:10px; color:#181a1f}

.home-bottom {}
.home-bottom .title { padding:15px 0 0 17px; font-size:24px; line-height:28px; letter-spacing:-1px; color:#fff}

.home-bottom .col-1 { display:inline; float:left; width:474px; height:264px; background:url(../images/home-bl.png) no-repeat}
.home-bottom .col-1 .list { width:440px; padding:10px 17px}
.home-bottom .col-1 .list li { display:inline; float:left; width:210px; padding-right:10px; height:34px; margin-bottom:7px; line-height:34px; color:#fff; overflow:hidden}
.home-bottom .col-1 .list li span { float:left; width:34px; height:34px; margin-right:10px; background:url(../images/circle.png) no-repeat 0 0; text-align:center; font-size:18px; line-height:34px; color:#1e3351; overflow:hidden}

.home-bottom .col-2 { display:inline; float:left; width:466px; margin-left:20px}
.home-bottom .col-2 .title { padding-left:0; color:#182b45}
.home-bottom .col-2 .title .icon { position:absolute; margin-left:10px; margin-top:-40px}
.home-bottom .col-2 .desc { margin-top:5px; font-size:11px; line-height:14px; color:#575a62}
.home-bottom .col-2 .list { width:466px; margin-top:15px; overflow:hidden}
.home-bottom .col-2 .list li { display:inline; float:left; width:220px; height:30px; line-height:30px; margin-left:13px; text-indent:30px; background:url(../images/true.png) no-repeat 0 center; color:#181a1f; overflow:hidden}

.hosting-plan-detail { width:657px}
.hosting-plan-detail li { float:left; width:657px}
.hosting-plan-detail li span { display:inline; float:left}
.hosting-plan-detail li .c1 { width:220px; text-indent:15px}
.hosting-plan-detail li .c2,
.hosting-plan-detail li .c3,
.hosting-plan-detail li .c4,
.hosting-plan-detail li .c5 { width:99px; margin-right:6px; text-align:center}
.hosting-plan-detail li.th { height:38px; font-size:13px; line-height:38px; font-weight:bold}
.hosting-plan-detail li.th .c1 { color:#182b45}
.hosting-plan-detail li.th .c2 strong,
.hosting-plan-detail li.th .c3 strong,
.hosting-plan-detail li.th .c4 strong,
.hosting-plan-detail li.th .c5 strong { display:block; width:99px; height:38px; background:url(../images/hosting-plan-title.png) no-repeat; color:#fff}
.hosting-plan-detail li.line { height:39px; line-height:39px; background:url(../images/line.png) no-repeat; color:#0e0f12; overflow:hidden}
.hosting-plan-detail li.line .c1 { height:39px; line-height:39px; font-size:13px; color:#181a1f}
.hosting-plan-detail li.line .c1 strong { vertical-align:middle}
* html .hosting-plan-detail li.line .vm { margin-top:12px}
.hosting-plan-detail li.line .c1 strong { float:left; padding-right:5px; font-size:12px}
.hosting-plan-detail li.line .c1 .ask { float:left; margin-top:12px; cursor:help}
.hosting-plan-detail li.price { padding:8px 0; font-size:18px; line-height:20px; letter-spacing:-1px; color:#0f1e31}
.hosting-plan-detail li.price .c1 { font-size:13px; letter-spacing:0; color:#182b45}
.hosting-plan-detail li.btn { padding-top:10px}

.sidebox { width:236px}
.sidebox .title { height:38px; background:url(../images/sidebox-title.png) no-repeat; text-indent:15px; font:bold 13px/38px Helvetica, Arial; color:#fff}
.sidebox .content { background:url(../images/sidebox-content.png) no-repeat left bottom}
.sidebox .content .inner { width:210px; padding:13px}

.i-list {}
.i-list li { height:30px; line-height:30px; text-indent:30px; background:url(../images/true.png) no-repeat 0 5px; color:#181a1f; overflow:hidden}
.snow li { background-image:url(../images/snow.png)}
.i-list-add li { background-image:url(../images/add.png)}

.hosting-packages { width:900px; margin-left:10px}
.hosting-packages .tab-title { position:relative; z-index:2; padding-left:65px; height:47px}
.hosting-packages .tab-title li { display:inline; float:left; height:47px; margin-right:35px; cursor:pointer; font-size:18px; letter-spacing:-1px; color:#182b45}
.hosting-packages .tab-title li.active { background:url(../images/slider-on.png) no-repeat center bottom}

.hosting-packages .tab-content { position:relative; margin-top:-1px}
.hosting-packages .item { height:152px; padding:20px; background:url(../images/hosting-packages.png) no-repeat; display:none}
.hosting-packages .item-active { display:block}

.hosting-packages .item .ui-bar { position:relative; width:752px; margin:0 27px; height:3px; padding:10px 0}
.hosting-packages .item .ui-bar .line { position:absolute; width:860px; margin-left:-23px; height:3px; background:#ababab; overflow:hidden}
.hosting-packages .item .ui-bar .line-active { position:absolute; width:23px; margin-left:-23px; height:3px; background:#d32472; overflow:hidden}
.hosting-packages .ui-slider-handle { position:absolute; top:-13px; left:0; width:38px; height:43px; background:url(../images/drop.png) no-repeat; cursor:pointer; outline:none}

.hosting-packages .item .ui-icon { margin-top:12px; height:50px; overflow:hidden}
.hosting-packages .item .ui-icon li { display:inline; float:left; width:48px; margin:0 23px; text-align:center}
.hosting-packages .item .ui-icon li span { display:block; height:18px; line-height:18px; color:#acacac}
.hosting-packages .item .ui-icon li span.active { color:#2f3032}

.ui-tab-content { width:860px; height:100px; overflow:hidden}
.ui-tab-item { position:relative; width:803px; padding:0 29px; height:60px; font-family:Tahoma}
.ui-tab-item a { position:absolute; top:55px; right:10px}

.ui-tab-item th { font-size:14px; font-weight:bold; color:#5b5b5b}
.ui-tab-item td { font-size:24px; font-weight:bold; color:#0f1e31}
.ui-tab-item tbody tr { display:none}
.ui-tab-item tbody tr.active { display:table-row}
* html .ui-tab-item tbody tr.active { display:block}

.i-box { padding:0 10px}
.i-box .title { margin-bottom:10px; font-size:24px; line-height:25px; letter-spacing:-1px; text-transform:uppercase; color:#182b45}
.i-box .content { position:relative; min-height:138px; width:290px; padding-left:150px}
* html .i-box .content { height:138px}
.i-box .content .icon { position:absolute; top:0; left:0}
.i-box .i-list li { height:28px; line-height:28px; background-position:0 4px}

.vps-bottom { width:900px}
.vps-bottom .col-1 { display:inline; float:left; width:440px; overflow:hidden}
.vps-bottom .col-2 { display:inline; float:left; width:440px; padding-left:19px; border-left:1px solid #e4e4e4; overflow:hidden}

.say { width:427px; height:154px; background:url(../images/say-bg.png) no-repeat}
.say .inner { padding:10px 15px; line-height:18px; font-style:italic; color:#707172}
.say .author { top:130px; left:110px; color:#181a1f}
.say .icon { top:90px; right:30px}