div#fancy_overlay {position:absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #333}
div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100}
div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(images/fancy_progress.png) no-repeat}
div#fancy_close {position: absolute; top: -12px; right: -12px; height: 30px; width: 30px; background: transparent url(images/fancy_closebox.png) ; cursor: pointer; z-index: 100; display: none}
div#fancy_content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 96}
#fancy_frame {position: relative; width: 100%; height: 100%; display: none}
img#fancy_img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0; padding: 0; margin: 0; z-index: 92}
div#fancy_title {position: absolute; bottom: -35px; left: 0; width: 100%; z-index: 100; display: none}
div#fancy_title table {margin: 0 auto}
div#fancy_title div {color: #FFF; font: bold 12px Arial; padding-bottom: 2px}
td#fancy_title_left {height: 32px; width: 15px; background: transparent url(images/fancy_title_left.png) repeat-x}
td#fancy_title_main {height: 32px; background: transparent url(images/fancy_title_main.png) repeat-x}
td#fancy_title_right {height: 32px; width: 15px; background: transparent url(images/fancy_title_right.png) repeat-x}
div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 58px 18px; margin: 0; overflow: hidden; background: transparent; display: none}
div#fancy_inner {position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFF}
a#fancy_left, a#fancy_right {position: absolute; bottom: 10px; height: 100%; width: 35%; cursor: pointer; background-image: url(data:image/gif;base64,AAAA); z-index: 100}
a#fancy_left {left: 0px}
a#fancy_right {right: 0px}
a#fancy_left:hover {background: transparent url(images/fancy_left.gif) no-repeat 0% 100%}
a#fancy_right:hover {background: transparent url(images/fancy_right.gif) no-repeat 100% 100%}
#fancy_bigIframe, #fancy_freeIframe {position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10}
div#fancy_bg {display: none}
div.fancy_bg {position: absolute; display: block; z-index: 70}
div.fancy_bg_n {top: -18px; width: 100%; height: 18px; background: transparent url(images/fancy_shadow_n.png) repeat-x}
div.fancy_bg_ne {top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(images/fancy_shadow_ne.png) no-repeat}
div.fancy_bg_e {right: -13px; height: 100%; width: 13px; background: transparent url(images/fancy_shadow_e.png) repeat-y}
div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(images/fancy_shadow_se.png) no-repeat}
div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: transparent url(images/fancy_shadow_s.png) repeat-x}
div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(images/fancy_shadow_sw.png) no-repeat}
div.fancy_bg_w {left: -13px; height: 100%; width: 13px; background: transparent url(images/fancy_shadow_w.png) repeat-y}
div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(images/fancy_shadow_nw.png) no-repeat}
*{ margin: 0; padding: 0}* body {margin: 0 0 0; background: #fff; font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444}
h1 {font-size: 3em; font-weight: normal; float: left}
h1 a {text-decoration: none}
h2 {font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em}
h3 {font-size: 2em; border-bottom: 1px solid #eee; margin: 0 0 .8em}
p {margin: 0 0 2em 0; line-height: 1.8em}
em {border-bottom: 1px dotted #fff; cursor: pointer}
a {color: #9D2900}
a:hover {color: #A0000E; text-decoration: none}
img {border: 0}
.red {color: #9D2900}
.wrap {width: 900px; margin: 0 auto}
.form {line-height: 2.5em}
.form input {font-size: 1.5em; display: inline-block; width: 200px}
.form input.error {border: 2px solid red}
.form select {font-size: 1.5em; width: 200px}
.form label {width: 200px; font-size: 1.5em; font-weight: bold; display: inline-block;}
.form label.error {font-size: 1em; color: red; width: 100%; display: block; padding-left: 205px;}
.button {width: 120px !important;}
.label {width: 200px; float: left; font-weight: bold}
#frame_content {font-size: 1.5em}
#frame_content .wrap {width: 800px; margin: 0 auto;}
#frame_content .value {width: 200px; text-align: right; display: inline-block;}
#frame_content .label {width: 300px; float: left; font-weight: bold}
#header {width: 900px; height: 50px; margin: 0 auto}
#menu {float: right; padding: 6px 0 0 0; list-style: none}
#menu li {display: inline}
#menu a {display: block; float: left; margin-left: 30px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000}
#menu a:hover {color: #000; border-bottom: 2px solid #ccc}
#menu .active a {border-bottom: 2px solid #C70012; color: #9D2900;}
#teaser {clear: both; height: 259px; background: #fff url(../images/teaserbg.jpg) repeat-x}
.box {float: left; padding: 66px 0 0; width: 480px; color: #C7E3EE}
#image {float: right; width: 388px; position: relative; top: 16px; background: url(../images/mortage_calc.png) no-repeat top right; height: 258px}
#bar {height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x}
.step {cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(../images/step.gif) no-repeat; height: 30px}
.step a {color: #fff; margin: 0 10px 0 0; text-decoration: none}
#calculation_result {width: 552px; font-size: 1.2em; line-height: 1.7em}
#chart {}
.pager {font-weight: bold; padding-top: 20px; float: left}
.right {float: right}
.col {float: left; width: 276px; margin: 0 30px 16px 0}
.double {width: 552px }
.last {float: right; margin: 0}
.info {border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px}
table#payment_plan {border-collapse: collapse; text-align: right; width: 700px}
table#payment_plan th:first-child, table#payment_plan td:first-child {text-align: left}
table#payment_plan thead tr {border-bottom: 1px solid black}
table#payment_plan tfoot tr {border-top: 1px solid black; border-bottom: 1px solid black; font-weight: bold}
table#payment_plan tbody tr.odd {background-color: #EEEEEE}
table#payment_plan tr.disabled {display: none}
#footer {clear: both; width: 900px; margin: 0 auto; padding: 15px; border-top: 1px solid #e0e0e0; background: #fff url(../images/small_logotype.jpg) no-repeat right 13px}
#footer .right {float: right; margin: 0 55px 0 0}
#footer a {color: #808080; font-weight: bold}
div#loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100}
div#loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(images/fancy_progress.png) no-repeat}