/*19-07-2007*/

/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0; border: none; width: 100% }
table td { margin: 0; padding: 0; vertical-align: top }
fieldset,img { border: 0 }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal }
ol,ul { list-style: none }
caption,th { text-align: left }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal }
q:before,q:after { content:'' }
abbr,acronym { border: 0 }
/* css reset end */

html, body { height: 100% }
body { background-color: #ba131a; color: #353535; font-family: Arial, Verdana, Tahoma, sans-serif }

a:link { color: #ba131a; font-weight: normal; text-decoration: none }
a:visited { color: #996769; font-weight: normal; text-decoration: none }
a:hover, a:active { color: #a17124; font-weight: normal; text-decoration: none }

h1 { color: #a17124; font-size: 120%; line-height: 1.3em }
h2 { color: #353535; font-weight: bold; font-size: 130%; line-height: 1.3em; margin: 1.5em 0 -6px 0;  }
strong { font-weight: bold }

/* all grey links */
.grey a:link, .grey a:visited { color: #737879; font-weight: normal; text-decoration: none }
.grey a:hover, .grey a:active { color: #a17124; font-weight: normal; text-decoration: none }
/* all grey links end */

div#container { 
background-color: #ffffff; 
width: 97%;
max-width:1300px;
width:expression(document.body.clientWidth > 1300? "1300px": "97%" );
position: relative; 
min-height: 100%
}

* html div#container {
height: 100%;
}

div#top-line { width: 100%; height: 13px; background-color: #ba131a }
ul#language { margin: 0; font-size: 70%; text-align: right; width: auto; padding: 13px 271px 0 0 }
ul#language li { display: inline; padding-right: 13px; margin: 0 }
ul li.lang { padding-left: 26px }
table td#logo { padding: 17px 0 0 27px; width: 81px }
table td#logo-plus { padding: 17px 0 0 27px; width: 164px }
.padding-logo { padding: 0 0 5px 0 } /* do not use ".padding-logo" class when main navigation letters have no descenders */
table td#menu { padding: 0 0 0 43px; vertical-align: bottom }
table td#menu-plus { padding: 0 0 0 54px; vertical-align: bottom }

/* pdf and other icon lists; "/media/interview/" style */
div#icons-txt { color: #999999 }
div.icons { margin-bottom: 2em }
.small-txt { font-size: 90%; color: #4f4f4f; margin-top: 0.3em }
p.icons2 { padding: 0; margin: 0; color: #999999 }
/* pdf and other icon lists; "/media/interview/" style end */

/* FOOTER */
#footer { position: absolute; bottom: 0; background-color: #ba131a; color: #ffffff; font-size: 70%; padding: 0 27px 13px 225px }
div#copyright { margin-top: 19px; font-size: 70% }
/* FOOTER END */

.frontpage { margin-left: 234px; padding-top: 57px }
.frontpage a:link, .frontpage a:visited, .frontpage a:hover, .frontpage a:active { color: #ffffff; font-weight: normal; text-decoration: underline }

dl.links-list { margin-top: 27px; margin-left: 5px }
dl dd.links-list { line-height: 1.3em; margin-bottom: 0.5em }

/* 2ND PAGE LAYOUT */
div#crumbs { font-size: 70%; margin-bottom: 12px; line-height: 1.4em }
table#content { margin-top: 27px }
#content-center { padding: 0 27px 0 27px }
#content-center-txt { font-size: 80%; line-height: 1.4em; margin-top: 13px }
#content-center-txt p { margin: 1em 1em 0 0 }
#content-center-txt table {font-size: 100% }
#content-center-image { background-color: #fec357; height: 144px; width: 100%; margin: 10px 0 27px 0 }
#content-center-image-corner { background: url(/common/img/stress-corner.gif) top right no-repeat } 
#left-width { width: 180px }
div#content-margin { padding: 0 27px 27px 27px; padding-bottom: 150px }
div#example { padding: 27px; background: #f6f6f6 }

/* Bulleted lists */
ul#offers-list { font-size: 80%; margin-top: 13px }
ul#offers-list li { padding-left: 18px; margin-left: 1px; background: url(/common/img/bull_offers.gif) 0 0.2em no-repeat; line-height: 1.3em; margin-bottom: 0.3em }
ul#bull-list li { padding-left: 10px; background-image: url(/common/img/bull2.gif); background-repeat: no-repeat; background-position: 0 0.7em; line-height: 1.5em }
/* Bulleted lists end */

/* Left menu */
ul#leftmenu { width: 180px; margin-top: -3px; font-weight: bold }
ul#leftmenu li { margin: 0; padding-top: 0.25em; padding-bottom: 0.25em; line-height: 1.3em; font-size: 80% }
ul#leftmenu li.three { font-size: 70%; padding-left: 13px }
ul#leftmenu li.four { font-size: 70%; padding-left: 26px }
ul#leftmenu li.five { font-size: 70%; padding-left: 39px }
/* Left menu end */

/* Related links */
#related { width: 197px }
div#related { border: #e5e4de 1px solid; padding: 13px; width: auto; font-size: 70%; background-color: #fbfbfb }
div#related dd { line-height: 1.3em; margin-bottom: 0.4em; font-weight: bold }
/* Related links end */

div.suptext, p.suptext, span.atm-num { font-size: 85%; color: #4c4c4c }
div.stress { background-color: #fec357; color: #000000; line-height: 1.5em }
div.stress2 { background: url(/common/img/stress-corner.gif) top right no-repeat; padding: 19px }
/* 2ND PAGE LAYOUT END */

/* FOR PRESS ROOM AND PHOTO'S */
div.float { float: left; margin: 5px 27px 27px 0; width: 162px; height: 260px }
div.float2 { float: left; margin: 5px 27px 27px 0; width: 162px; height: 215px } /* /media/visual/branches/ */
div.float-logo { float: left; margin: 5px 27px 54px 0 }
/* FOR PRESS ROOM AND PHOTO'S END */

/* TABLES */
table#tables { border-top: #fec357 2px solid }
table#tables td { padding: 7px 2px 7px 2px; border-bottom: #e5e4de 1px solid }
p.table-head { padding-bottom: 4px; font-weight: bold }
/* Calculators */
#calc-table td { padding: 6px 0 6px 0 }
table#calc-res { width: auto; border-top: #fec357 2px solid }
table#calc-res td { padding: 7px 2px 7px 2px; border-bottom: #e5e4de 1px solid }
/* Calculators end */
/* TABLES END */