ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html,
blockquote, fieldset, dl, dt, dd, caption {
  margin: 0;
  padding: 0;
}

body {
    background: #FFF;
    font-family: Arial;
    font-size: 12px;
    color: #555;
    min-width: 1100px;
}

h1, h2.unstyled, h3, h4 {
    color: #464646;
    font-weight: normal;
}

h1 {
    font-size: 20px;
}

h2.unstyled {
    font-size: 18px;
    padding-left: 0px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

hr {
    height: 8px;
    background: #e7e7e7;
    border: none;
    margin-top: 20px;
}

/*#center-wrapper {
    margin-bottom: 23px;
}*/

#left-box h2 {
    margin-left: 0px;
}

img {
    border: 0;
}

.clear {
    clear: both;
}

.bold {
    font-weight: bold;
}

ul {
    list-style: none;
}

a.details {
    display: block;
    color: #636363;
    padding-right: 20px;
    padding-bottom: 2px;
    float: left;
    background: url('/media/img/arrow.png') top right no-repeat;
}

a.back {
    display: block;
    color: #636363;
    padding-left: 20px;
    padding-bottom: 2px;
    float: left;
    background: url('/media/img/arrow_back.png') top left no-repeat;
}

ul.list li {
    padding-left: 15px;
    background: url('/media/img/li.png') left 50% no-repeat;
}

h4.kasper {
    color: #555;
    margin: 10px 0px;
    font-size: 14px;
}

span.with-arrow {
    padding-right: 18px; 
    background: url('/media/img/arrow.png') top right no-repeat;
    padding-bottom: 5px;
}

#wrapper {
    margin: 0 50px;
}

a {
    color: #0077aa;
}

a:hover {
    text-decoration: none;
}

h2 {
    color: #636363;
    font-size: 20px;
    padding-left: 40px;
    font-weight: normal;
}

#h-about {
    background: url('/media/img/h_about.png') top left no-repeat;
    padding-top: 7px;
}

div.news {
    float: left;
    margin-left: 10px;
    width: 80%;
}

#news, #h-news {
    margin-left: 40px;
}

#check-button, #fill-button {
    margin-left: 10%;
}

#h-news {
    background: url('/media/img/h_news.png') top left no-repeat;
    padding-bottom: 10px;
    padding-top: 1px;
    padding-left: 30px;
}

#inner #h-news {
    margin-top: 15px;
}

#h-zone {
    background: url('/media/img/h_zone.png') top left no-repeat;
    padding-bottom: 3px;
    margin-left: 47px;
}

#index4 #h-zone {
    background: url('/media/img/cas.png') top left no-repeat;
    padding-left: 32px;
    padding-top: 5px;
}

#h-plans {
    background: url('/media/img/h_plans.png') top left no-repeat;
    padding-bottom: 1px;
    padding-top: 3px;
    padding-left: 30px;
    margin-bottom: 10px;
    margin-top: 15px;
}

#h-advs {
    background: url('/media/img/h_advs.png') top left no-repeat;
    padding-top: 10px;
    padding-left: 35px;
    margin-top: 8px;
}

#h-suggestions {
    background: url('/media/img/h_suggestions.png') top left no-repeat;
    padding-left: 30px;
    margin-left: 8px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#about h3 {
    font-size: 18px;
    color: #e55712;
    font-weight: normal;
}

#header {
    background: url('/media/img/header_back.png') 55% 0 no-repeat;
    height: 108px;
    padding-top: 35px;
}

#logo {
    background: url('/media/img/logo.png') 0 0 no-repeat;
    height: 68px;
    float: left;
    width: 565px;
}

#phone {
    background: url('/media/img/new_phone.png') 0 0 no-repeat;
    height: 68px;
    float: right;
    width: 335px;
}

#add-menu {
    list-style: none;
    height: 35px;
    background: url('/media/img/add_menu_back.png') bottom left repeat-x;
}

#add-menu li {
    float: left;
    height: 28px;
    background: url('/media/img/add_menu_left.png') top left no-repeat;
    margin-right: 2px;
}

#add-menu li a, #add-menu li span {
    color: #636363;
    display: block;
    font-style: oblique;
    height: 22px;
    padding: 0 15px;
    padding-top: 6px;
    background: url('/media/img/add_menu_right.png') top right no-repeat;
}

#add-menu li span {
    color: #fff;
}

#add-menu li.active {
    color: #fff;
    background: url('/media/img/add_menu_left_active.png') top left no-repeat;
}

#add-menu li.active span {
    background: url('/media/img/add_menu_right_active.png') top right no-repeat;
}

#top-menu {
    width: 100%;
    margin: 0;
    list-style: none;
    float: left;
}

#index4 #top-menu {
    width: 81%;
}

#balance {
    width: 18%;
    float: right;
    background: url('/media/img/balance_left.png') top left no-repeat;
    text-align: center;
    font-style: oblique;
    color: #fff;
/*  padding: 10px 20px 12px 20px;*/
}

#balance-inner {
    height: 32px;
    background: url('/media/img/balance_right.png') top right no-repeat;
    padding: 0 20px;
    padding-top: 10px;
}

#top-menu li {
    float: left;
    text-align: center;
    width: 16.66%;
    height: 40px;
    background: url('/media/img/blue_back.png') top left repeat-x;
}

#top-menu li:hover, #top-menu li.hover {
    background: url('/media/img/orange_back.png') top left repeat-x;
}

#top-menu li div {
    background: url('/media/img/blue_border_left.png') top left no-repeat;
}

#top-menu li:hover div, #top-menu li.hover div {
    background: url('/media/img/orange_border_left.png') top left no-repeat;
}

#top-menu li div a {
    background: url('/media/img/blue_border_right.png') top right no-repeat;
}

#top-menu li:hover div a, #top-menu li.hover div a {
    background: url('/media/img/orange_border_right.png') top right no-repeat;
}

#top-menu li.left div {
    background: url('/media/img/blue_corner_left.png') top left no-repeat;
}

#top-menu li.right div a {
    background: url('/media/img/blue_corner_right.png') top right no-repeat;    
}

#top-menu li.left:hover div, #top-menu li.left.hover div {
    background: url('/media/img/orange_corner_left.jpg') top left no-repeat;
}

#top-menu li.right:hover div a, #top-menu li.right.hover div a {
    background: url('/media/img/orange_right.png') top right no-repeat; 
}

#top-menu li a {
    color: #fff;
    text-decoration: none;
    font-style: oblique;
    display: block;
    padding-top: 14px;
    padding-bottom: 12px;
}

img.photo {
    float: left;
    display: block;
    width: 135px;
}

#left-box {
    float: left;
    width: 66%;
    margin-top: 20px;
}

#right-box {
    float: left;
    width: 33%;
    margin-top: 25px;
}

#about {
    padding-bottom: 20px;
    background: url('/media/img/grey_line.png') bottom left repeat-x;
}

#news dd, dl.news dd {
    font-style: oblique;
    margin-bottom: 5px;
}

dl.news dt {
    margin-bottom : 12px;
}

dl.news dt.last {
    margin-bottom : 0;
}

#news dt {
    font-size: 11px;
    padding-bottom: 15px;
}

#news dt.all {
    height: 125px;
    padding-bottom: 0;
    background: url('/media/img/all_news_back.png') top right no-repeat;
}

#index4 #news dt.all {
    height: 126px;
    background: url('/media/img/keyboard.png') top right no-repeat;
}

#news dt.all a {
    color: #636363;
    display: block;
    float: left;
}

#news dt.all a img {
    margin-left: 5px;
}

#silver-box, #silver-box div {
    height: 139px;
}

#index4 #silver-box, #index4 #silver-box div {
    height: 108px;
}

#index4 #silver-box {
    background: url('/media/img/silver_left4.png') top left no-repeat;
}

#index4 #silver-box div {
    background: url('/media/img/silver_right4.png') top right no-repeat;
}

#silver-box {
    width: 90%;
    min-width: 270px;
    background: url('/media/img/silver_right.png') top right no-repeat;
    margin-left: 40px;
    margin-bottom: 23px;
}

#silver-box div {
    background: url('/media/img/silver_left.png') top left no-repeat;
}

#silver-box div.result {
    background-image: none;
    min-width: 255px;
    height: 17px;
}

#silver-box div.orange-button,
#index4 #silver-box div.orange-button,
table.web-form div.orange-button {
    background: url('/media/img/orange_button_left.png') top left no-repeat;
    float: left;
}

#silver-box div.orange-button a,
table.web-form div.orange-button a {
    background: url('/media/img/orange_button_right.png') top right no-repeat;
}

#silver-box div.blue-button {
    background: url('/media/img/blue_button_left.png') top left no-repeat;
}

#silver-box div.blue-button a {
    background: url('/media/img/blue_button_right.png') top right no-repeat;
}

#silver-box #connected {
    background: url('/media/img/connected.png') top left no-repeat;
    width: 83px;
    height: 17px;
}

#silver-box #disconnected {
    background: url('/media/img/disconnected.png') top left no-repeat;
    width: 94px;
    height: 17px;
}

#silver-box #hzconnected {
    background: url('/media/img/hzconnected.png') top left no-repeat;
    width: 93px;
    height: 17px;   
}

#silver-box div.connect-state {
    padding-left: 20px;
    margin-left: 5px;
    margin-top: 2px;
    font-style: normal;
    float: left;
}

#index4 #silver-box table th {
    font-size: 11px;
}

#zone-form {
    font-style: oblique;
}

#mail-form {
    font-style: oblique;
}

#zone-form table {
    padding: 15px 20px;
}

#mail-form table {
    padding: 15px 20px;
}

#index4 #zone-form table {
    padding: 10px 20px;
}

#zone-form table th {
    font-weight: normal;
    color: #636363;
    text-align: right;
    padding-right: 10px;
}

#mail-form table th {
    font-weight: normal;
    color: #636363;
    text-align: left;
    padding-right: 10px;
}

#zone-form table tr th, #zone-form table tr td {
    padding-bottom: 4px;
}

#zone-form table tr.double th, #zone-form table tr.double td {
    padding-bottom: 8px;
}

#zone-form table tr.last th, #zone-form table tr.last td {
    padding-bottom: 0px;
}

#mail-form table tr th, #zone-form table tr td {
    padding-bottom: 4px;
}

#mail-form table tr.double th, #zone-form table tr.double td {
    padding-bottom: 8px;
}

#mail-form table tr.last th, #zone-form table tr.last td {
    padding-bottom: 0px;
}

#silver-box div.orange-button,
#silver-box div.orange-button a,
table.web-form div.orange-button,
table.web-form div.orange-button a {
    height: 21px;
    width: 120px;
}

#silver-box div.blue-button, 
#silver-box div.blue-button a {
    height: 21px;
    width: 210px;
}

#silver-box div.orange-button a, 
table.web-form div.orange-button a,
#silver-box div.blue-button a {
    display: block;
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

#silver-box div.orange-button a:hover, 
table.web-form div.orange-button a:hover,
#silver-box div.blue-button a:hover {
    text-decoration: underline;
}

input, textarea {
    border: 1px solid #d5d4df;
}

#zone-form input {
    width: 188px;
}

//div.web-form {
//  padding-left: 10px;
//  background: url('/media/img/web_form_left.png') top left no-repeat;
//}

table.web-form {
    height: 187px;
    padding-left: 25px;
/*  padding-left: 15px;*/
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 8px;
    //background: #f1f1f1 url('/media/img/web_form_right.png') top right no-repeat;
    background: #f1f1f1;
}

div.date {
    font-style: oblique;
}

table.web-form div.orange-button {
    margin-top: 3px;
}

table.web-form input {
    width: 169px;
}

select {
    border: 1px solid #d5d4df;
}

table.web-form select {
    width: 171px;
}

table.web-form th.header {
    font-size: 14px;
    padding-bottom: 12px;
    padding-left: 0;
}

table.web-form th,
table.web-form td {
    padding-bottom: 4px;
    font-size: 11px;
}

table.web-form th {
    color: #636363;
    font-weight: normal;
    padding-right: 10px;
    text-align: right;
}

#zone-form select {
    width: 190px;
}

#advantages, #plans-wrapper {
    width: 50%;
    float: left;
}

#advantages {
    background: url('/media/img/monitor.png') bottom right no-repeat;
    padding-bottom: 18px;
}

#advantages ul {
    list-style: none;
}

#advantages ul li {
    margin-top: 10px;
    line-height: 23px;
    padding-left: 30px;
}

#advantages ul li.adv-second-level {
    margin-left: 10px;
}

#advantages ul li.adv-third-level {
    margin-left: 20px;
}

#adv-first {
    background: url('/media/img/first.png') left top no-repeat;
}
#adv-second {
    background: url('/media/img/second.png') top left no-repeat;
}
#adv-third {
    background: url('/media/img/third.png') top left no-repeat;
}
#adv-fourth {
    background: url('/media/img/fourth.png') top left no-repeat;
}
#adv-fifth {
    background: url('/media/img/fifth.png') top left no-repeat;
}
#adv-sixth {
    background: url('/media/img/sixth.png') top left no-repeat;
}

#plans {
    height: 205px;
    padding-bottom: 23px;
    background: url('/media/img/plans_left_with_cord.png') left top no-repeat;
}

#plans table {
    height: 100%;
    text-align: center;
    color: #fff;
    background: url('/media/img/plans_right.png') right top no-repeat;
}

#plans table th {
    font-style: oblique;
    font-weight: normal;
    font-size: 14px;
/*  height: 34px;*/
}

#plans table td {
/*  height: 33px;*/
}

#plans-line0 {
    height: 34px;
}

#plans-line1 {
    height: 32px;
    line-height: 32px;
    background: url('/media/img/plans_line1.png') top left no-repeat;
}

#plans-line2 {
    height: 33px;
    background: url('/media/img/plans_line2.png') top left no-repeat;
}

#plans-line3 {
    height: 35px;
    background: url('/media/img/plans_line3.png') top left no-repeat;
}

#plans-line4 {
    height: 34px;
    background: url('/media/img/plans_line4.png') top left no-repeat;
}

#plans-line5 {
    height: 37px;
    background: url('/media/img/plans_line5.png') top left no-repeat;
}

#plans table td.speed {
    font-size: 11px;
}

#plans table td.title {
/*  padding-bottom: 2px;*/
    text-align: left;
    padding-left: 25px;
}

#plans table td.price {
    color: #6d6d6d;
    background: url('/media/img/plan_price_field.gif') 50% 50% no-repeat;
    font-size: 11px;
}

#footer {
    font-size: 11px;
}

#footer, #features {
    background: url('/media/img/grey_line.png') left top repeat-x;
    padding-top: 20px;
}

div.feature {
    width: 29%;
    float: left;
    padding-right: 18px;
    padding-left: 25px;
    background: url('/media/img/feature_back.png') top right repeat-y;
    margin-bottom: 20px;
/*  height: 170px;*/
}

div.feature.last {
    background: none;
}

div.feature h3 {
    font-size: 14px;
    color: #07a;
    font-weight: normal;
    padding-top: 5px;
}

#bottom-menu-wrapper {
    float: left;
    width: 100%;
}

ul.menu {
    list-style: none;
}

ul.menu li {
    float: left;
    border-right: 1px solid #d3d3d3;
    height: 21px;
    line-height: 21px;
    padding: 0 15px;
    color: #636363;
    font-style: oblique;    
}

ul.menu li.first {
    padding-left: 5px;
}

ul.menu li.last {
    padding-right: 0px;
}

#bottom-menu {
    margin: 0px 220px;
    list-style: none;
    text-align: center;
}

#bottom-menu li {
    float: left;
    width: 16.5%;
    border-right: 1px solid #d3d3d3;
    height: 21px;
    line-height: 21px;
    margin-top: 10px;
}

#bottom-menu li.no-height {
    line-height: 11px;
}

#bottom-menu li.last, ul.menu li.last {
    border: none;
}

#bottom-menu li a, ul.menu li a {
    color: #afafaf;
    font-style: oblique;
}

#creation {
    float: left;
    margin-left: -100%;
}

#creation div {
    padding-left: 45px;
    padding-top: 15px;
}

#copyright {
    float: left;
    margin-left: -220px;
}

#copyright div {
    padding-left: 35px;
    padding-top: 7px;
}

div.gray-left {
    width: 220px;
    height: 43px;
    background: #e7e7e7 url('/media/img/gray_left.png') top left no-repeat;
}

div.gray-right {
/*  padding: 5px 0px 0px 30px;*/
    height: 43px;
    background: url('/media/img/gray_right.png') top right no-repeat;
}

table.plans th {
    background: #878888;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-style: oblique;
    padding: 8px 0px;
}

table.plans th.delimiter {
    padding: 0;
    background-color: #fff;
    height: 5px;
}

table.plans th.description {
    text-align: left;
}

table.plans th.left {
    background: #878888 url('/media/img/plans_table_th_left.png') top left no-repeat;
}

table.plans th.right {
    background: #878888 url('/media/img/plans_table_th_right.png') top right no-repeat;
}

table.plans td.plan,
table.plans td.speed,
table.plans td.price {
        text-align: center;
}

table.plans td.plan {
    font-size: 18px;
    background: #f1f1f1 url('/media/img/plans_table_td_left.png') top left no-repeat;
}

table.plans td.description {
    font-size: 11px;
}

table.plans td.price {
    color: #e55712;
    background: #f1f1f1 url('/media/img/plans_table_td_right.png') top right no-repeat;
}

table.plans td.price span {
    padding-left: 8px; 
    padding-bottom: 5px; 
    padding-top: 4px;
    background: url('/media/img/plan_price.png') top left no-repeat;
}

table.plans td {
    padding: 13px 0px;
    background: #f1f1f1;
}

// form overridings

form {
    padding: 0 20px;
}

form table {
    width: 100%;
    background: #f1f1f1;
}

form.custom table {
    background: none;
}

form.wide input,
form.wide select,
form.wide textarea {
    width: 95%;
}

input, select, textarea {
    background: white;
}