html { overflow-y: scroll; }
body { margin: 0; padding: 0; background: #FFF; text-align: center; }
body, td { font-family: Tahoma, sans-serif; font-size: 12px; color: #4D4D4D; line-height: 130%; }
input, select, textarea { font-family: Verdana, sans-serif; font-size: 12px; border: 1px solid #333; padding: 1px 2px; }
img { border: 0; }
p { margin: 5px 2px; padding: 0; }
a { text-decoration: none; color: #284A73; }
form { display: inline; }
h1, .form_title { font-size: 16px; font-weight: bold; margin: 0; padding: 5px 0; color: #284A73; }
h1.reverse { padding: 5px 10px; color: #FFF; background: #284A73; }
h2 { font-size: 15px; font-weight: bold; margin: 0; padding: 3px 0; color: #284A73; }
h3 { font-size: 14px; font-weight: bold; margin: 0; padding: 3px 0; color: #284A73; }

.wrapper { width: 990px; margin: 0 auto; text-align: left; }
.header { position: relative; height: 230px; background: url(/gfx/header_bg.png) no-repeat top center; }
.infoline { position: absolute; top: 3px; right: 10px; margin: 0; padding: 0; color: #4C4C4C; list-style: none; }
.infoline li { float: left; display: block; margin: 0 0 0 30px; }
.infoline a { color: #4C4C4C; }
.logo { position: absolute; top: 75px; left: 30px; }
.left-col { position: relative; float: left; width: 241px; margin: -30px 14px 0 0; padding: 0 0 20px; }
.menu { width: 189px; height: 205px; padding: 35px 0 0 25px; background: url(/gfx/menu_bg.png) no-repeat top left; }
.menu li { font-weight: bold; }
.menu a { display: block; padding: 7px 0; }
.menu a:hover { color: #569BBA; }
.content-col { float: left; width: 735px; padding: 0 0 20px; }
#page_path { margin: 0 0 10px; }
.footer { clear: both; position: relative; height: 120px; background: url(/gfx/footer_bg.png) no-repeat 0 30px; }
.footer-logo { position: absolute; top: 0; left: 20px; }
.footer-menu { position: absolute; top: -3px; right: 10px; list-style: none; font-size: 11px; font-weight: bold; }
.footer-menu li { float: left; display: block; margin: 0 0 0 30px; }
.footer-menu a { color: #B4C1C9; }
.footer-menu a:hover { color: #4D4D4D; }
.logo_7even { position: absolute; display: block; top: 50px; right: 10px; width: 150px; height: 20px; padding: 30px 0 0; color: #569BBA; text-align: center; font-size: 9px; background: url(/gfx/logo_7even.png) no-repeat top center; }

.calculator-container { padding: 5px; border: 1px solid #C0CCDA; }
.calculator-header { padding: 5px; text-align: center; font-size: 11px; font-weight: bold; color: #FFF; background: #559BBA; }
.calculator-header h1 { font-size: 12px; color: #FFF; line-height: 130%; }
.calculator-left { float: left; width: 358px; }
.cell { position: relative; margin: 0 0 3px; padding: 7px 10px; color: #39567B; font-weight: bold; background: url(/gfx/calculator-cell.png) no-repeat top center; }
.inner { position: absolute; top: 5px; right: 10px; }
.calculator-tables { height: 174px; padding: 45px 10px 0; background: url(/gfx/calculator-tables1.png) no-repeat top center; }
.calculator-tables label { color: #569BBA; font-weight: normal; }
.calculator-buttons { padding: 2px 10px; }
.calculator-submit { width: 78px; height: 24px; padding: 0; border: 0; background: url(/gfx/calculator-submit.png) no-repeat; cursor: pointer; }
.calculator-reset { width: 111px; height: 24px; padding: 0; border: 0; background: url(/gfx/calculator-reset.png) no-repeat; cursor: pointer; }
.calculator-right { float: left; width: 365px; padding: 280px 0 0; background: url(/gfx/calculator-right.png) no-repeat top center; }
.calculator-result { height: 40px; padding: 30px 0; text-align: center; color: #FFF; background: #3B587C; }
.calculator-total { margin: 5px 0 0; font-size: 18px; font-weight: bold; color: #98C4DB; }

.productlist-item { height: 120px; padding: 10px; font-size: 14px; font-weight: bold; }
.bg { background: #E4EFF3; }
.product-description { float: left; width: 415px; }
.product-picture { float: left; width: 320px; text-align: center; }
.navbar { clear: both; padding: 50px 0 0; }

div.success, div.error, div.info, div.notice { margin: 10px; padding: 8px 10px 10px 28px; }
div.success { background: #CDEFA6 url(/gfx/icon_success.gif) no-repeat 5px 10px; border: 1px solid #9BCC54; color: #648434; }
div.error { background: #FFD5D5 url(/gfx/icon_error.gif) no-repeat 5px 10px; border: 1px solid #FFACAD; color: #CF3738; }
div.info { background: #A8CDE3 url(/gfx/icon_info.gif) no-repeat 5px 10px; border: 1px solid #6ABCE2; color: #1C6B8B; }
div.notice { background: #FFF3A3 url(/gfx/icon_notice.gif) no-repeat 5px 10px; border: 1px solid #E7BD72; color: #B79000; }
span.error { color: #CF3738; }
.required { font-weight: bold; }
.clear { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
img.left { float: left; }
img.right { float: right; }
