HTML, BODY { height: 100%; padding: 0px; margin: 0px; border: 0px; } BODY { background-color: #fff; } BODY, UL, DL, DD, H1, H2, H3, H4, H5, H6, FORM, FIELDSET { margin: 0; padding: 0; } A { color: #069; text-decoration: none; } A:hover { color: #FF8000; } A img { border: none; } H1, H2, H3, H4, H5, H6 { font-size: 1em; } BODY, TD, INPUT, TEXTAREA, SELECT, BUTTON { color: #000; font: 12px/1.6em Helvetica, Arial, sans-serif; } TH { font-style: normal; font-weight: normal; } .right { float: right; } .left { float: left; } .clear { clear: both; } .vtop { vertical-align: top; } .absmiddle { vertical-align: middle; margin: 0; } .hide { display: none; } .text-centered { text-align: center; } .centered { margin-left: auto; margin-right: auto; } .red { color: #f00; }  INPUT, TEXTAREA { border-width: 1px; background: #FFF; border-color: #DDD; padding: 2px; font-family: Helvetica, Arial, sans-serif; } INPUT[type="radio"], INPUT[type="checkbox"] { border: none; background: none; } .img_alt { display: block; font-size: 0; line-height: 0; margin-left: auto; margin-right: auto; text-indent: -9999px; }  #container { width: 975px; } #border { float: right; width: 10px; background: transparent url(/app/views/default/css/../images/right_shadow.jpg) top left repeat-y; }  #footer { float: left; width: 961px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 4px solid #6FA1CC; } #footer_banner span { background: transparent url(/app/views/default/css/../images/banners/footer_banner.jpg) top left no-repeat; height: 62px; }  #left { float: left; width: 183px; border-left: 4px solid #6fa1cc; } #left h1 a { height: 69px; margin-top: 18px; margin-bottom: 31px; background: #fff url(/app/views/default/css/../images/gvt_logo1.jpg) center center no-repeat; } #login_field { height: 116px; width: 173px; background: transparent url(/app/views/default/css/../images/login_field_bg.png) center center no-repeat; margin-left: auto; margin-right: auto; } #left_3options { width: 153px; height: 43px; background: transparent url(/app/views/default/css/../images/left_3options.jpg) center center no-repeat; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 25px; line-height: 0; font-size: 0; } #left_3options img { display: inline; height: 58px; } #ssl_banner a { height: 101px; background: transparent url(/app/views/default/css/../images/banners/ssl_banner.jpg) center center no-repeat; } #left p { width: 100%; text-align: center; margin-top: 10px; }  #mid { float: left; width: 178px; } #mid_top { height: 208px; background: transparent url(/app/views/default/css/../images/mid_top.jpg) top left no-repeat; } #mid_menu { height: 261px; background: transparent url(/app/views/default/css/../images/mid_menu_bg.jpg) top left no-repeat; padding-top: 5px; } #mid_menu_top a { height: 62px; background: transparent url(/app/views/default/css/../images/mid_menu_top.png) center center no-repeat; } #mid_menu ul { padding-top: 8px; padding-left: 35px; list-style: none; } #mid_menu ul > li { color: #fff; margin-bottom: 12px; } #mid_menu a { color: #fff; text-decoration: none; } #mid_features_top { background: transparent url(/app/views/default/css/../images/mid_features.jpg) top left no-repeat; height: 28px; color: #585858; padding-top: 8px; padding-left: 50px; } #mid_features { background: transparent url(/app/views/default/css/../images/mid_features_bg.jpg) top left repeat-y; padding-top: 10px; } #mid_features p { width: 100%; text-align: center; padding-top: 5px; padding-bottom: 5px; margin: 0; }  #right { float: left; width: 600px; } #header { height: 215px; background: transparent url(/app/views/default/css/../images/header_bg.jpg) top left no-repeat; } #language { height: 11px; position: absolute; top: 15px; left: 750px; } #language a { margin-right: 20px; } #navi { background: #fff url(/app/views/default/css/../images/navi_bg.jpg) top left repeat-x; height: 26px; padding-top: 2px; padding-left: 5px; } #navi p { background: transparent url(/app/views/default/css/../images/navi.jpg) center left no-repeat; padding-left: 20px; margin: 0; } #main { width: 580px; padding: 0 10px 10px 10px; } #main > h2 { width: 100%; height: 30px; background: transparent url(/app/views/default/css/../images/heading_bg1.gif) top left no-repeat; padding-top: 5px; padding-left: 15px; border-bottom: 1px solid #cfcfcf; margin-top: 10px; margin-bottom: 10px; font-size: 18px; text-transform: uppercase; } #main > h3 { background: transparent url(/app/views/default/css/../images/bullet8.gif) 2px center no-repeat; } #main p, #main > h3 { padding-left: 15px; padding-right: 15px; } #vps_banner { margin-bottom: 10px; } #vps_banner a { height: 150px; background: transparent url(/app/views/default/css/../images/banners/vps_banner.jpg) center center no-repeat; } .checkmark { background: transparent url(/app/views/default/css/../images/check_blue.png) center center no-repeat; width: 16px; height: 16px; margin-left: auto; margin-right: auto; } .redx { background: transparent url(/app/views/default/css/../images/x.png) center center no-repeat; width: 9px; height: 11px; margin-left: auto; margin-right: auto; } #services_skip { width: 100%; text-align: right; } #services_skip ul { margin: 0; padding: 0; } #services_skip ul li { display: inline; margin-left: 10px; } #heading_news, #heading_offers { clear: both; margin-bottom: 10px; } #heading_news a, #heading_offers a { width: 569px; height: 34px; } #heading_news a { background: transparent url(/app/views/default/css/../images/heading_news.gif) top left no-repeat; } #heading_offers a { background: transparent url(/app/views/default/css/../images/heading_offers.gif) top left no-repeat; } #news_table, #offer_table { width: 100%; } #news_table th, #offer_table th { width: 15%; color: #f90; } #service_list { padding-left: 40px; } #plans { width: 558px; height: 182px; margin-bottom: 10px; margin-left: auto; margin-right: auto; } #plan1 { float: left; width: 186px; height: 154px; background: transparent url(/app/views/default/css/../images/main_plan_bg1.jpg) top left no-repeat; margin-top: 28px; } #plan2 { float: left; width: 186px; height: 182px; background: transparent url(/app/views/default/css/../images/main_plan_bg2.jpg) top left no-repeat; } #plan3 { float: left; width: 186px; height: 180px; background: transparent url(/app/views/default/css/../images/main_plan_bg3.jpg) top left no-repeat; margin-top: 2px; } #plan1 h2, #plan2 h2, #plan3 h2 { color: #fff; font-size: 16px; margin-left: 20px; } #plan1 h2 { margin-top: 10px; } #plan2 h2 { margin-top: 38px; } #plan3 h2 { margin-top: 36px; } #plan1 ul, #plan2 ul, #plan3 ul { list-style: none; margin-left: 40px; margin-top: 14px; } #plan1 h3, #plan2 h3, #plan3 h3 { color: #f90; font-size: 16px; margin-left: 20px; margin-top: 20px; font-weight: bold; width: 60px; float: left; } #plan1 p, #plan2 p, #plan3 p { float: left; margin-top: 9px; margin-left: 20px; } th { vertical-align: top; } table.services, table.contact { width: 100%; border-collapse: collapse; border-spacing: 0; margin-left: auto; margin-right: auto; } table.services th, table.services td { padding: 3px 5px 3px 5px; } table.services thead tr { background-color: #D6EFF4; } table.services thead th, table.services thead td { border-top: 1px solid #399cb1; border-bottom: 1px solid #399cb1; } table.services thead th { text-align: center; font-weight: bold; color: #0078a5; } table.services tbody tr:hover { background-color: #eef1f6; } table.services th.group, table.contact th.group, table.contact td.group { background-color: #D6EFF4; border-top: 1px solid #399cb1; border-bottom: 1px solid #399cb1; text-align: center; color: #0078a5; font-weight: bold; } table.services tbody th { text-align: left; border-top: 1px solid #cfcfcf; } table.services tbody td { text-align: center; border-left: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; } table.services button { background-color: #FFF8C5; border: 1px outset #FDB939; color: #0078a5; padding: 0.3em 0; width: 100%; } table.contact th { width: 120px; } table.contact th, table.contact td { padding: 3px 5px 3px 5px; text-align: left; }.formbox label { cursor: pointer; } .formbox input[type="text"], .formbox input[type="password"], .formbox textarea { border: 1px solid #BDC7D8; width: 150px; height: 14px; } .formbox textarea { width: 100%; height: 100px; } .formbox input[type="text"].long { width: 100%; height: 14px; } .formbox input[type="text"].short { width: 50px; height: 14px; } .formbox button { cursor: pointer; border: 1px solid #80b5d0; background-color: #CEE1EF; font-size: 13px; padding: 3px 5px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-radius-topleft: 3px; -khtml-border-radius-topright: 3px; -khtml-border-radius-bottomleft: 3px; -khtml-border-radius-bottomright: 3px; } .formbox button:hover { border-color: #328AB2; color: #D54E21; } .formbox .operation { text-align: right; border-top: 1px dotted #0080C0; padding-top: 5px; margin-top: 10px; } .formbox input.invalid { background: #fff url(/app/views/default/css/../images/off.gif) right center no-repeat; } .formbox input.valid { background: #fff url(/app/views/default/css/../images/ok.gif) right center no-repeat; }#menu { color: #fff; padding-top: 50px; padding-left: 20px; } #menu a { text-decoration: none; color: #fff; } #menu li { width: 160px; cursor: pointer; } #menu ul { list-style: none; margin: 0; padding: 0; }  #menu > ul > li { display: inline; position: relative; margin-right: 20px; }  #menu > ul > li ul { position: absolute; display: block; visibility: hidden; background-color: #069; border: 1px solid #fff; }  #menu > ul > li ul > li { padding: 5px 7px 4px 7px; }  #menu > ul > li ul > li.hover { color: #000; background-color: #D9EBF5; }  #menu > ul > li ul > li a { display: block; } #menu > ul > li ul > li.hover > a { color: #000; }  #menu > ul > li ul > li a.expandable { background: transparent url(/app/views/default/css/../images/menu_arrow.gif) center right no-repeat; }  #menu > ul > li ul > li a.expandable_hover { color: #000; background: transparent url(/app/views/default/css/../images/menu_arrow_hover.gif) center right no-repeat; }label.error { color: red; font-style: italic; margin-left: 5px; } div.error { display: none; color: red; } input.error, select.error, textarea.error { border: 1px solid red !important; background-color: #FFF5CD !important; } .gray * { color: gray; }