/* ---------------------------
copyright (c) artkmv.com
icq: 997-01-21
email: box@artkmv.com
---------------------------*/

.info { align:center;background: #FDFBEA; border: 1px #F7C962 dotted; color: #000; }
.error { align:center;background: #FFE6E3; border: 1px solid #B40000; color: #A20000; }
.success { align:center;background: #EAFBEA; border: 1px solid green; color: green; }

/* reset */

* {padding:0; margin:0;}
img {border: 0;}
table {border-collapse: collapse; border: none;}
table th, table td {font-weight: normal;}

/* typo */

.row {overflow: hidden; zoom: 1; margin-bottom: 10px;}
.row .left {float: left; width: 150px;}
.row .center {float: right; margin-left: 160px;}

a:focus {outline: none;}
a, a:hover {text-decoration: underline; font: 14px "Times New Roman"; color: #000;}
a:hover {text-decoration: none;}

ul li {list-style: none;}
ol li {list-style: decimal inside;}


h1 {font: 18px arial; color: #000; margin: 0 0 20px 0;}
h1 a, h1 a:hover {font-size: 18px; color: #000;}

h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 10px;}

/* body */

html {height: 100%;}
body {height: auto !important; height:100%; min-height:100%; font: 14px "Times New Roman"; color: #000; line-height: 18px;}
#wrap {min-width: 985px; margin: 0 auto; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 985? "985px":"100%");}

#menu {background: #000;position: relative;height: 50px; z-index: 10;}
.menu {padding-left:130px;height: 50px;margin: 0 auto; width: 832px;}
.menu li {float: left; height: 50px; position: relative; display: block;}
.menu a, .menu a:hover {float: left; display: block; height: 33px; padding: 17px 16px 0 16px; color: #fff;font: 11pt "Times New Roman"; text-transform: uppercase;text-decoration:none;}
.menu a:hover {background: #cd1112;}

.menu li ul {display: none; position: absolute; top: 50px; left: 0; width: 145px; background: #333; border: 0; z-index: 99;}
.menu li ul li {height: 30px !important; display: block;}
.menu li ul li a, .menu li ul li a:hover {float: none; display: block; height: 23px; padding: 7px 0 0 16px; color: #fff;text-transform:none;font-size: 10pt;}
.menu li ul li a:hover {}

.menu ul ul {left: 100%; top: -1px;}
.menu li li {float: none;}

.menu li:hover ul ul,
.menu li:hover ul li:hover ul ul { display: none; }

.menu li:hover ul,
.menu li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul {display: block;}


.hjq {
border-bottom: 1px solid #ffffff;
}

#content {background: url(http://billing.webhost.su/design/2/center-bg.gif) #a0d128;}
#content-in {margin: 0 auto; width: 962px; background: #fff;}

#head {height: 194px; position: relative;}
#logo {left: 58px; top: 64px; position: absolute;}

#icons {left: 250px; top: 16px; position: absolute;}
#icons li {margin: 0 3px 0 0; float: left;}
#icons li a, #icons li a:hover {display: block; float: left; width: 41px; height: 41px; text-decoration: none;}

.icon1 {background: url(http://billing.webhost.su/design/2/home.gif);}
.icon1:hover {background: url(http://billing.webhost.su/design/2/home-hover.gif);}
.icon2 {background: url(http://billing.webhost.su/design/2/sitemap.gif);}
.icon2:hover {background: url(http://billing.webhost.su/design/2/sitemap-hover.gif);}
.icon3 {background: url(http://billing.webhost.su/design/2/search.gif);}
.icon3:hover {background: url(http://billing.webhost.su/design/2/search-hover.gif);}
.icon4 {background: url(http://billing.webhost.su/design/2/mail.gif);}
.icon4:hover {background: url(http://billing.webhost.su/design/2/mail-hover.gif);} 

#billing {left: 577px; top: 26px; position: absolute; padding-left: 142px; background: url(http://billing.webhost.su/design/2/chels.jpg) left top no-repeat; height: 170px; vertical-align: top;}
#billing2 {left: 657px; top: 26px; width: 224px;position: absolute; padding-left: 142px; background: url(http://billing.webhost.su/design/2/dom.gif) left top no-repeat; height: 170px; vertical-align: top;}

.login {height: 51px; border-right: 9px solid #000; margin: 8px 0 7px 0; width: 150px;}
.login dd {margin: 0 0 8px 0;}

.istyle1 {width: 140px; height: 20px; background: url(http://billing.webhost.su/design/2/input-bg.gif) top repeat-x; border: 1px solid #afafaf; color: #666; font: 14px "Times New Roman";}
.istyle2 {background: url(http://billing.webhost.su/design/2/input1.gif) #000; width: 70px; height: 23px; color: #fff; font: 14px "Times New Roman"; border: none; text-align: left; padding-left: 25px; text-decoration: underline;}

.astyle1, .astyle1:hover {font: 14px "Times New Roman"; color: #000; display: block; margin: 5px 0 5px 0;}

#domains {height: 160px; position: relative; width: 100%;}
.buttons {overflow: hidden; zoom: 1; padding-top: 10px; width: 100%;}
.buttons-c {margin-right: 143px;}
.buttons-r {width: 143px; height: 59px; float: right;}
.check-but {width: 143px; height: 59px; background: url(http://billing.webhost.su/design/2/check-bg.png) #000; font: 14px "Times New Roman"; color: #fff; border: none; text-align: left; padding: 0 0 0 28px; cursor: pointer;}
.checkbox {margin-bottom: 7px;}
.checkbox td {width: 100px; margin-bottom: 7px;}
.other-regions {background: url(http://billing.webhost.su/design/2/other-reg.gif) left center no-repeat; padding-left: 16px; margin-left: 10px;}

#chels2 {left: 58px; top: 0; position: absolute;}
#dom {width: 558px;left: 320px; top: 0; position: absolute;}

.check {}
.check dd {margin: 0 0 11px 0;}
.istyle3 {width: 556px; display: block; height: 20px; background: url(http://billing.webhost.su/design/2/input-bg.gif) top repeat-x; color: #000; font: 14px "Times New Roman"; border: 1px solid #afafaf;}

.table1 {width: 100%; margin: 10px 0 0 0;}
.table1 .r-td {width: 146px;}

#columns {margin: 31px 0 0 0; padding-bottom: 35px;}
#r-column {width: 334px; float: right;}
#c-column {margin-right: 350px; padding-left: 58px;}

.t-text-1 {font: 30px "times new roman"; color: #e61011; text-transform: uppercase; display: block; margin-top: -3px;}
.t-text-2 {font: 24px "times new roman"; color: #000; display: block;}
.t-text-3 {font: 30px "times new roman"; color: #de1311; text-transform: uppercase; display: block;}
.t-text-4 {font: 14px "times new roman"; color: #000; }
.zakaz a {font: 20px "times new roman"; color: #000;}

.make-order {display: block; background: url(http://billing.webhost.su/design/2/make-order.gif) left no-repeat; padding-left: 19px; margin: 5px 0 0 0;}

#rates {margin: 10px 0 38px 0; overflow: hidden; zoom: 1;}
#rates dl {margin-bottom: 10px; overflow: hidden; zoom: 1;}
#rates .rate-1 {width: 210px; padding: 0 0 0 19px; background: url(http://billing.webhost.su/design/2/rate-1.gif) left repeat-y; float: left;}
#rates .rate-2 {width: 210px; padding: 0 0 0 31px; background: url(http://billing.webhost.su/design/2/rate-2.gif) left repeat-y; float: left;}
#rates .rate-3 {width: 210px; padding: 0 0 0 19px; background: url(http://billing.webhost.su/design/2/rate-3.gif) left repeat-y; float: left;}
#rates .rate-4 {width: 210px; padding: 0 0 0 44px; background: url(http://billing.webhost.su/design/2/rate-4.gif) left repeat-y; float: left;}

#rent-server {overflow: hidden; zoom: 1;}
#rent-server dd {width: 49%; float: left; background: url(http://billing.webhost.su/design/2/rent-server-circle-bg.gif) no-repeat 30% 50%; height: 150px;}
#rent-server dl {margin-top: 15px;}

#news-about {height: 317px; background: url(http://billing.webhost.su/design/2/n-a-bg.gif) repeat-y 50% 0 #f4f9e7; position: relative; clear: both;}
#news-about .news {left: 44px; top: 29px; position: absolute;}
#news-about .himg {display: block; margin: 0 0 30px 0;}
#news-about dl {margin-bottom: 25px; overflow: hidden; _zoom: 1;}
#news-about dd {width: 190px; float: left; margin-right: 30px;}
#news-about .date {font: bold 16px Georgia; color: #cd1112; display: block;}
#news-about .about {width: 460px;left: 507px; top: 29px; position: absolute;}
#news-about .about p {padding-right: 33px;}

.readmore {background: url(http://billing.webhost.su/design/2/readmore.gif) left no-repeat; padding: 0 0 0 16px;}
.allnews {background: url(http://billing.webhost.su/design/2/allnews.gif) left no-repeat; padding: 0 0 0 16px;}

#support {text-align: right; padding-right: 33px;}
.alt-com { padding: 0 0 0 16px; background: url(http://billing.webhost.su/design/2/alt-com.gif) left no-repeat; margin: 7px 0 0 0;}

#moneyback {margin: 24px 0 24px 0; padding: 0 33px 0 0; font: 14px "Times New Roman"; background: url(http://billing.webhost.su/design/2/7-days.gif) 77% 0% no-repeat; text-align: left; line-height: 10px;}
#moneyback a, #moneyback a:hover {padding: 0 0 0 20px; font: 30px "Times New Roman";text-decoration: none; line-height: 24px;}
.mb-1, .mb-1:hover {background: url(http://billing.webhost.su/design/2/mb-1.gif) left no-repeat;  color: #000; }
.mb-2, .mb-2:hover {background: url(http://billing.webhost.su/design/2/mb-2.gif) left no-repeat; color: #cd1112;}

#reasons {background: #f4cbcb; padding: 56px 0 56px 0; color: #cd1112; font-weight: bold;}
#reasons ol {padding: 25px 0 0 40px;}

#your-choice {text-align: center; margin: 26px 0 10px 0;}
#your-choice a, #your-choice a:hover {background: url(http://billing.webhost.su/design/2/cours.gif) left no-repeat; padding: 4px 0 4px 26px; height: 22px;} 

#footer {min-width: 985px; height: 129px; background: url(http://billing.webhost.su/design/2/foot-bg.jpg) #000; padding: 72px 0px 0 0;}
#footer2 {height: 93px;  background: #fff;  text-align: center; color: #d1d1d1; padding: 17px 0 0 0;position: relative;}
#footer2 .search {position: absolute; left: 44px; bottom: 25px; display: block;}
#footer2 .search a, #footer .search a:hover {background: url(http://billing.webhost.su/design/2/search-2.gif) left no-repeat; padding: 0 0 0 19px;}
#footer2 .whlogo {display: block; left: 49px; top: 29px; position: absolute;}
#footer2 .copy {right: 38px; top: 36px; position: absolute; font: 12px arial; color: #000; padding: 0 0 0 69px; background: url(http://billing.webhost.su/design/2/copy.gif) left no-repeat; height: 54px; text-align: left;}
#footer2 .copy a, #footer2 .copy a:hover {color: #cd1112; font: 12px arial;}

.table-1 {width: 100%; text-align: left; margin: 15px 0 15px 0;}
.table-1 th {text-align: left; padding: 0 0 7px 0;}
.table-1 .th-1 {width: 14%; font-weight: bold; text-align: left;}
.table-1 td {text-align: left; padding: 0 0 2px 0;}

.table-2 {width: 100%; text-align: left; margin: 15px 0 15px 0;}
.table-2 th {text-align: left; padding: 0 0 7px 0;}
.table-2 .th-1 {width: 20%; font-weight: bold; text-align: left;}
.table-2 td {text-align: left; padding: 0 0 7px 0;}

.table-3 {width: 100%; text-align: left; margin: 15px 0 15px 0;}
.table-3 th {text-align: left; padding: 0 0 7px 0;}
.table-3 .th-1 {width: 30%; font-weight: bold; text-align: left;}
.table-3 td {text-align: left; padding: 0 0 7px 0;}

#menu-in {padding: 0 33px 54px 0; text-align: right;}
#menu-in a, #menu-in a:hover {font: 24px "Times New Roman"; color: #cd1112;}

.black {font: 60px georgia; color: #000;}
.red {font: 60px georgia; color: #e23231;}
.black2 {font: 30px georgia; color: #000;}
.host-text {width: 100%;}


#containerbilling table {background-color:#f4f9e7; border-collapse:collapse;margin-bottom:10px; padding-left:10px;}
#containerbilling td {text-align:left;padding:10px;font-size:12px; font-family:Verdana;  }
#billingmain

#billingmenu a {color:#000000; text-decoration:none;font-weight:normal; font-size:15px; font-family:'Times New Roman'; background:#f4f9e7;display:block;margin:2px;padding-left:10px;}
#billingmenu a:hover {color:#000000; background:#eeeeee;text-decoration:none;}