/* ----------------------- HEADER & MAIN & FOOTER LAYOUT --------------------------- */
body {behavior:url("../../environment/csshover.htc"); margin:0px; padding:0px; height:100%; text-align:center; font-family: Georgia, Arial; font-size:11px; color:#1d1d1d;}

#content {position:relative; margin:auto; text-align:left; width:980px; height:100%; font-size:13px; border: 1px solid #eef0ea; border-top: 0px; border-bottom: 0px}

#left, #right {position:relative; width:112px; height:512px; background-repeat:no-repeat}
#left {float:left; background-image:url("../../graphic/left-bg.jpg")}
#right {float:right; background-image:url("../../graphic/right-bg.jpg")}

#main {position:relative; float: left; width: 756px; height: 512px; text-align:left}

/* head and menu */
#header {position:relative; width:100%; height:173px; background-image:url("../../graphic/header-bg.gif");}
#logo {position:absolute; width:326px; height:68px; top: 41px; left: 108px; background-image:url("../../graphic/logo.gif"); background-repeat:no-repeat}
#languages {position:absolute; top: 50px; right: 40px}
#login {position: absolute; top:0px; right: 112px; width 200px}
#apply {display:block; position: absolute; right: 50px; bottom: 30px; height: 30px; background-image:url("../../graphic/apply.jpg"); background-repeat:no-repeat; background-position: left center; padding-left: 33px; padding-top: 15px}
#apply.savings, #apply.contacts, #apply.contact-form {left: 50px; width: 270px}
#menu {position:absolute; height:48px; bottom:0px; left:112px; width:756px; background-image:url("../../graphic/menu-bg.gif"); background-repeat:repeat-x}
#menu div, #menu a {height: 31px}
#menu div.left {float: left; width: 3px; background-image:url("../../graphic/menu-left.gif"); background-repeat:no-repeat;height: 48px}
#menu div.right {float: right; width: 3px; background-image:url("../../graphic/menu-right.gif"); background-repeat:no-repeat;height: 48px}
#menu div.split {float: left; width: 8px; height:48px;background-image:url("../../graphic/menu-split.gif"); background-repeat:no-repeat}
#menu a {float: left; display:block; text-align: center; padding:17px 17px 0px 16px; font-size:14px; text-decoration:none; color: #ffffff;font-weight: normal;_height:48px}
#menu a:hover {background-image:url("../../graphic/menu-bg-hover.gif"); background-repeat:repeat-x}

/* footer */
#footer {position:relative; border-top:1px solid #c6c6c6; background-color:#808080; color:#c0c0c0; clear: both; font-size: 11px; height: 30px; padding: 10px 112px 10px 112px}
#footer a {color: #ffffff; text-decoration:none; font-weight: normal}
#footer a:hover {color: #aaaaaa; text-decoration:underline;}

#text {position: relative; height: 463px; background-repeat:no-repeat; background-position: 0% 100%}
#scroll {position: absolute; width:360px; height: 300px; overflow: auto; padding-right: 10px; scrollbar-face-color : #ffffff; scrollbar-highlight-color : #4c9820; scrollbar-3dlight-color : #ffffff; scrollbar-darkshadow-color : #ffffff; scrollbar-arrow-color : #4c9820; scrollbar-shadow-color : #4c9820; scrollbar-track-color: #eef0ea}
h1 {position: absolute; font-size: 24px; color:#000000; font-weight: normal; width: 350px}

#text {background-image:url("../../graphic/person-info.jpg")}
#text.info {background-image:url("../../graphic/person-info.jpg")}
#text.services {background-image:url("../../graphic/person-services.jpg")}
#text.loans {background-image:url("../../graphic/person-loans.jpg")}
#text.savings {background-image:url("../../graphic/person-savings.jpg");  background-position: 100% 100%}
#text.contacts {background-image:url("../../graphic/person-contacts.jpg");  background-position: 100% 100%}
#text.contact-form {background-image:url("../../graphic/person-contact-form.jpg");  background-position: 100% 100%}
#text.savings #scroll {left: 40px; top: 80px}
#text.contacts #scroll {left: 40px; top: 80px}
#text.contact-form #scroll {left: 40px; top: 80px}
#text #scroll {left: 350px; top: 80px}
#text h1 {left: 350px; top: 30px}
#text.savings h1 {left: 40px; top: 30px}
#text.contacts h1 {left: 40px; top: 30px}
#text.contact-form h1 {left: 40px; top: 30px}
#text.info h1, #text.savings h1 {top: 17px}

#line, #pre_footer {position:absolute; width:756px}
#line {position: absolute; bottom: 0px; height: 17px; background-image:url("../../graphic/line.gif"); background-repeat:repeat-x}
#pre_footer {position: absolute; bottom: 0px; height: 49px; background-image:url("../../graphic/footer-bg.jpg"); background-repeat:no-repeat;}

/* box */
.box {position:relative; width:100%; background-color:#e5e5e5}
.box .lt {position:absolute; left:0px; top:0px; width:9px; height:7px; background-image:url("../../graphic/lt.gif")}
.box .rt {position:absolute; right:0px; top:0px; width:9px; height:7px; background-image:url("../../graphic/rt.gif")}
.box .lb {position:absolute; left:0px; bottom:0px; width:9px; height:7px; background-image:url("../../graphic/lb.gif")}
.box .rb {position:absolute; right:0px; bottom:0px; width:9px; height:7px; background-image:url("../../graphic/rb.gif")}

/* regular tags definition */ 
.inbox {position:relative; padding:10px}
.inbox_left {position:relative; padding:10px 0px 20px 140px}
.inbox_right {position:relative; padding: 30px 140px 20px 0px}

h3 {font-size: 26px; font-weight: normal; margin-bottom: 5px}
h4 {font-size: 20px; font-weight: normal}

input, textarea {background-color:#c0c0c0; border:1px solid #fff; font-family: Georgia, Arial;}
input.submit {font-size: 13px; color:#fff; background-color: #4c9820; border: 0px; font-family: Georgia, Arial;}
input.error, textarea.error {background-color: #ffc4c4}

.stretcher {clear:both; font-size:1px; height:1px}

a {color:#ed3581; font-weight: bold; text-decoration:underline}
a:hover {color: #747474}
a img {border:0px}
a.new_window {background-image:url("../../graphic/new-window.gif"); background-repeat:no-repeat; background-position: right; padding-right: 15px;}
a.pdf {background-image:url("../../graphic/pdf.jpg"); background-repeat:no-repeat; background-position: right; padding-right: 20px;}
ul.small li {font-size: 12px}

table td {font-family: Georgie, Arial; font-size:12px}
table th {text-align:left; padding-left:5px; color:#999; font-size: 12px; height: 20px}
table td.title {background-color:#e6f7fd}
table td {padding:3px}

ul {line-height:18px; font-size:13px}
ul.special {list-style-type: none}
ul.special li div.list {position: absolute; width: 20px; left: 10px;}

fieldset {border:1px solid #dcdddf; padding:15px 15px 15px 15px}
legend {font-weight: bold; padding-left:1px; padding-right:10px}

.nb {border: 0px}

/* classic table */
table.classic {width: 100%; _width: 90%}
table.classic th {border:1px solid #999; padding:5px; text-align:center}
table.classic td {border:1px solid #999; padding:5px}

/* error */
div.err_error, div.err_warning, div.err_notice {text-align: center; border: 1px solid #dcdddf; min-height:18px; padding-top:3px; color: #ffffff; font-weight: bold;}
div.err_error {background-color: #c41224;}
div.err_warning {background-color: #fbb058}
div.err_notice {background-color: #79b1d4}

/* Page Manager */
#pagemanager {border: 1px solid #000000; background-color: #ffffff; width: 350px; text-align: center;}
#pagemanager h3 {background-color: #000000; color: #ffffff}

form {padding: 0px; margin: 0px}