body { font-size: 12px; color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; background: #FFF; margin: 0; padding: 0; } body#page, body#main { padding-bottom: 23px; } a:link, a:visited, a:hover, a:active {color: #003082; text-decoration: underline;} ul, ol{ margin-left: 25px; margin-bottom: 10px; margin-top: 5px; } #container{ font-size: 12px; height: 100%; width: 100%; margin: 0; min-width: 796px; } #branding { background: #DFE7F3; height: 64px; } #main .branding { background: #DFE7F3; height: 64px; } #branding2 { background: #DFE7F3 url(/etc/branding_bg.jpg) no-repeat top right; height: 64px; } a#vtb_logo { width: 81px; height: 34px; background: url(/etc/vtb_logo.gif) no-repeat top left; display: block; text-indent: -9999px; text-decoration: none; margin-left: -34px; margin-top: -12px; position: absolute; z-index: 10; } #main a#vtb_logo { background: url(/etc/vtb_logo_main.gif) no-repeat top left; margin-top: -13px; } #m_col1_t { width: 204px; height: 138px; background: url(/images/vtb/m_col1_t.jpg) no-repeat top left #AAC8ED; } #m_col2_t { background: url(/etc/bg_slogan.gif) repeat-x top left #AAC8ED; } #m_col2_1_t { height: 138px; background: url(/etc/m_col2_1_t.jpg) no-repeat top left; } #m_col2_2_t { height: 138px; background: url(/images/vtb/m_col2_t.jpg) no-repeat top right; } #col1_t { width: 204px; height: 69px; } #col2_t { height: 69px; } #col3_t { width: 173px; } #main #col1_t { height: 47px;} #main #col2_t { height: 47px;} #main #col3_t { height: 47px;} #col1_b { width: 204px; height: 34px; } #col2_b { height: 34px; } #col3_b { width: 173px; height: 34px; } #col1 { width: 204px; height: 100%; background: url(/images/vtb/col1_bg.gif) repeat-y top left; } #col2 { width: 100%; height: 100%; } #col3 { width: 173px; height: 100%; background: url(/images/vtb/col3_bg.gif) repeat-y top left; } .col1-content { padding: 0 0 0 0; margin-top: -1px; } .col2-content { padding: 0 15px; margin-top: -1px; line-height: 140% } .col2-content h3 { font-size: 12px; color: #000; padding: 0; margin: 0; margin-bottom: 7px; font-weight: bold; background: none; } .col3-content { padding: 0 0px 0 0px; margin-top: -1px; } .in_search { width: 100%; margin-top: 2px; } .in_search2 { color: #7F7F7F; width: 100%; margin-top: 2px; } .but_search { vertical-align: middle; } table.tbl_search { margin-bottom: 18px; } table.tbl_search td.col2{ padding-left: 6px; } #select_block { width: 100%; margin-bottom: 7px; } select.vtb_select { width: 100%; } .promo-block { margin-top: 15px; font-size: 11px; } #breadcrumbs { clear: all; padding-right: 6px; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; font-size: 11px; } select.select { vertical-align: middle; margin: 3px 0; width: 174px; } /*Footer styles */ td.footer { background: #BDD0EE; height: 23px; vertical-align: middle; color: #000; } #nav-footer { margin : 0; padding : 0; line-height: 100%; font-size: 11px; } #nav-footer a{ text-decoration: underline; color: #003082; border-left: 1px #000 solid; padding: 0 4px 0 7px; } #nav-footer span{ text-decoration: none; color: #000; padding: 0 3px 0 0; } /* End Footer styles */ /* Top icons styles */ #icons { padding-left: 7px; padding-top: 10px; padding-bottom: 10px; } #icons ul { list-style : none; margin : 0; padding : 0; padding-top: 0px; padding-right: 30px; float: right; } #main #icons ul { padding-top: 21px; } #icons li { padding: 0; margin : 0; display: inline; } #icons li a, #icons li span{ text-decoration: none; display: block; float: left; } #icons li a.but1 { background: url(/images/vtb/nav_icon1.gif) no-repeat top left; width: 11px; height: 10px; margin-right:13px; } #icons li span.but1_h { background: url(/images/vtb/nav_icon1_h.gif) no-repeat top left; width: 11px; height: 10px; margin-right:13px; } #icons li a.but2 { background: url(/images/vtb/b_map.gif) no-repeat top left; width: 11px; height: 11px; margin-right:13px; } #icons li a.but3 { background: url(/images/vtb/nav_icon3.gif) no-repeat top left; width: 13px; height: 9px; } #icons li a.but4 { background: url(/images/vtb/nav_icon2.gif) no-repeat top left; width: 11px; height: 11px; margin-right:13px; } /* End Top icons styles */ /* Main menu */ #nav-main { padding-top: 27px; margin-left: 25px; width: 100%; } #nav-main ul { font-size : 12px; list-style : none; color : #003082; margin : 0; padding : 0; } #nav-main li { display : inline; padding: 0; color: #003082; } #nav-main li a:link, #nav-main li a:visited { color: #003082; text-decoration: none; padding-right: 7px; padding-left: 3px; background: url(/images/vtb/main_menu_bg.gif) no-repeat right; font-weight: normal; } #nav-main li a:active, #nav-main li a:hover { color: #003082; text-decoration: none; font-weight: normal; } #nav-main li a.current:link, #nav-main li a.current:visited, #nav-main li a.current:active, #nav-main li a.current:hover, #nav-main span.current { color: #003082; text-decoration: none; padding-right: 7px; padding-left: 3px; background: url(/images/vtb/main_menu_bg.gif) no-repeat right; font-weight: bold; } #nav-main li.last a:link, #nav-main li.last a:visited { background: none; } /* End Main menu */ /* Submenu */ #nav-sub, #nav-sub2 { width: 100%; clear: both; } #nav-sub ul, #nav-sub2 ul { padding: 0; color: #003082; list-style-type:none; list-style-image: none; margin: 0; font-size: 12px; } #nav-sub ul li, #nav-sub2 ul li { margin: 0; padding: 0; line-height: normal; } #nav-sub ul a, #nav-sub2 ul a{ display:block; height:1%; } #nav-sub ul li a, #nav-sub2 ul li a{ color: #003082; text-decoration: underline; text-align: left; padding: 1px 0 4px 0; } #nav-sub ul li a:hover, #nav-sub2 ul li a:hover{ color: #003082; text-decoration: underline; padding: 1px 0 4px 0; } #nav-sub ul li span.current, #nav-sub ul li a.current, #nav-sub ul li a.current:hover, #nav-sub ul li a.visited, #nav-sub2 ul li span.current, #nav-sub2 ul li a.current, #nav-sub2 ul li a.current:hover, #nav-sub2 ul li a.visited{ color: #000; text-decoration: none; font-weight: bold; text-align: left; padding: 1px 0 4px 0; } #nav-sub ul li span.current, #nav-sub ul li span.current:hover, #nav-sub2 ul li span.current, #nav-sub2 ul li span.current:hover {display: block; height: 1%;} #nav-sub ul ul, #nav-sub2 ul ul { margin-left: 15px; margin-right: 0px; margin-top: 5px; margin-bottom: 3px; } /* / submenu */ .date { color: #7F7F7F } img.news_image { float: left; margin: 0px 7px 7px 0; } img.im { margin: 0 0 7px 7px; } .description { float: left; color: #7F7F7F; display: block; width: 160px; font-size: 11px; padding-top: 2px; line-height: 130%; } a.link_xls { background: url(/images/vtb/icon_xls.gif) no-repeat 0 1px; padding-left: 23px; padding-bottom: 5px; } a.link_pdf { background: url(/images/vtb/icon_pdf.gif) no-repeat 0 1px; padding-left: 23px; padding-bottom: 5px; } .title { clear: all; color: #003082; font-style: italic; font-size: 14px; line-height: 100%; padding-top: 51px; display: block; } dl dt { color: #7F7F7F; margin-bottom: 0px;} dl dd { margin-bottom: 14px;} ul.list{ margin-left: 15px; margin-bottom: 12px; margin-top: 0px; } ul.list li, ul.list2 li { background: url(/images/vtb/arr.gif) no-repeat 0 7px; list-style : none; padding-left: 16px; } ul.list2{ margin-left: 15px; margin-bottom: 12px; margin-top: -12px; } table.tbl_rate { width: 100%; } table.tbl_rate col.col1{ width: 60%: } table.tbl_rate col.col2, table.tbl_rate col.col3, table.tbl_rate col.col4, table.tbl_rate col.col5{ width: 10%: } table.tbl_rate caption{ text-align: left; font-weight: normal; border-bottom: 1px solid #000; padding-bottom: 4px; } table.tbl_rate thead th{ text-align: left; font-weight: bold; padding: 4px 10px 0 0; } table.tbl_rate tbody td{ text-align: left; padding: 10px 10px 0 7px; } table.tbl_rate tbody td.first{ padding-left: 0; } .f_line { display: block; padding-bottom: 4px; } input.feedback_in { width: 241px; } textarea.feedback_text { width: 321px; height: 175px; } input.mortg_in { width: 216px; } input.mortg_in2 { width: 61px; margin-right: 7px; } input.phone_in { width: 148px; } input.mortg_radio { vertical-align: middle; } label.currency_label {padding-right: 23px;} .site_map{ line-height: 140%; } .site_map ul{ margin-left: 0px; margin-bottom: 7px; list-style : none; margin-top: 0px; } .site_map ul li {font-weight: bold;} .site_map ul ul li {font-weight: normal;} .site_map ul ul{ margin-left: 30px; } .site_map ul ul ul{ margin-left: 23px; } .site_map ul ul ul ul{ margin-left: 30px; } span.current2 {font-weight: bold;} span.map_spacer {height: 3px; margin-left: 7px;} #nav_map{ margin-top: 7px; } .width50 { width: 50% } .pager { padding-top: 23px; } .page_text { float: left; margin-right: 46px; } .pager .current { float: left; margin-right: 13px; } .pager a { float: left; margin-right: 13px; } .find { font-weight: bold; clear: both; padding-top: 3px; } .archive { padding-top: 13px; } .archive .current { float: left; margin-right: 13px; margin-bottom: 5px; } .archive a { float: left; margin-right: 13px; margin-bottom: 5px; } .small { font-size: 11px; line-height: normal; } /* For print*/ #branding_print { background: #DFE7F3 url(/images/vtb/branding_bg_print.jpg) no-repeat top right; height: 69px; } span#vtb_logo { width: 81px; height: 34px; display: block; text-decoration: none; margin-left: -34px; margin-top: -12px; position: absolute; z-index: 10; } #col1_print { width: 203px; height: 100%; border-right:#BDD0EE 1px solid; } #col2_print { height: 100%; } #col2_print .col2-content { width: 528px; margin-top: -1px !important; margin-top: -2px; z-index: 10; position: relative; } #container_print{ font-size: 12px; width: 100%; min-width: 796px; margin: 0; } *html #container_print #col2_t { height: 70px; } body * { margin:0; padding:0; } body, html {height: 100%;} img {border: none;} .alignCenter { text-align:center; } .alignLeft { text-align:left; } .alignRight { text-align:right; } .floatLeft { float:left; } .floatRight { float:right; } .alignTop { vertical-align:top; } .absmiddle { vertical-align:middle;} .alignRight { text-align: right; } .clearall { clear:both; } .clearleft { clear:left; } .clearfix:after { /*content: "."; */ display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ *html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ table { border-collapse: collapse; font-size: 12px } th, td { font-size:12px; vertical-align: top; } input, textarea, select { font-size:12px; font-family: Arial, Helvetica, Verdana, sans-serif; } form {margin: 0px; padding: 0px;} p { margin: 0; padding: 0; padding-bottom: 12px; } a:link, a:visited, a:hover, a:active {outline: none;} .inv {display: none;} h1 { font-size: 12px; color: #003082; padding: 0; padding-bottom: 6px; line-height: 90%; margin: 0 0 3px 0; background: url(/images/vtb/h3_bg.gif) repeat-x bottom left; } h2 { font-size: 13px; color: #003082; padding: 0; margin: 0; margin-bottom: 7px; font-style: italic; } h3 { font-size: 12px; color: #003082; padding: 0; padding-bottom: 6px; line-height: 90%; margin: 0 0 7px 0; background: url(/images/vtb/h3_bg.gif) repeat-x bottom left; } h4 { font-size: 12px; color: #000; padding: 0; margin: 0; margin-bottom: 0px; font-weight: bold; } h5 { font-size: 12px; color: #AA0C37; padding: 0; margin: 0px 0 13px 0; font-weight: normal; } .col2-content ul {margin-left:15px; margin-bottom:10px} .red, .error {color: #FF0000} .height {height: 100%;} .width {width: 100%;}