/* PAGE BELOW */

body {margin:0; font:84%/1.2em Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#505050; background:#282526 url(../images/bg_gradient.png) repeat-x;}
img {border:0;}
a:link, a:visited {color:#505050; text-decoration:none;}
a:hover {color:#505050; text-decoration:none;}
a:focus {outline:none;}

fieldset {margin:0; padding:0; border:0;}
legend {text-indent:-9999em; margin:0; padding:0; display:none;}
form {margin:0; padding:0;}
input {border:0}
button {
    display:block;
    background:url(../images/button_submit.png) no-repeat top left;
    width:83px;
    height:29px;
    text-indent:-999em;
    border:none;
    margin:0;
    padding:0;
    cursor:pointer;
}
.clearboth {clear:both;}

/* PAGE ABOVE */

/* GRID CONTENT BELOW */

.content {position:relative; top:15px; width:984px; height:1101px; margin:auto; background:#F48005 url(../images/bg_container-top.jpg) no-repeat;}

.content .logo {position:absolute; top:24px; right:59px; z-index:1;}

.content .header {position:relative; top:57px; width:871px; height:47px; margin:auto;}
.content .header .nav {float:left; height:47px; background:url(../images/nav.png) no-repeat;}
.content .header .nav#one {width:192px;}
.content .header .nav.selected#one, .content .header .nav.chosen#one {background-position:0 -47px;}
.content .header .nav#two {width:187px; background-position:-192px 0;}
.content .header .nav.selected#two, .content .header .nav.chosen#two {width:187px; background-position:-192px -47px;}
.content .header .nav#three {width:197px; background-position:-379px 0;}
.content .header .nav.selected#three, .content .header .nav.chosen#three {width:197px; background-position:-379px -47px;}
.content .header .nav a {height:100%; display:block;}
.content .header .wrapper {float:left; width:295px; height:47px; background:url(../images/bg_header-right.png) no-repeat bottom;}

.content .splash {position:relative; top:57px; width:871px; margin:auto; text-align:left; background:url(../images/bg_body-top.png) repeat-y; z-index:2;}
.content .splash .intro {float:left; padding:9px 0 0 27px;}

.content .splash .contact-us {position:absolute; right:8px; width:276px;}
.content .splash .contact-us .top {height:34px; background:url(../images/contact-us_border-top.png) no-repeat;}
.content .splash .contact-us .mid {background:url(../images/contact-us_border-mid.png) repeat-y; color:white;}

.content .splash .contact-us .mid.closed {height:5px; cursor:pointer;}
.content .splash .contact-us .mid.closed .title {position:absolute; top:16px; left:19px;}

.content .splash .contact-us .mid.open .close-button {position:absolute; top:5px; right:7px; cursor:pointer;}
.content .splash .contact-us .mid.open .title {position:absolute; top:15px; left:14px;}
.content .splash .contact-us .mid.open .details {padding:10px 7px 5px 14px; line-height:14px; font-size:11px;}
.content .splash .contact-us .mid.open .eform {margin:-9px 0 -7px 0; padding:0 7px 5px 14px; line-height:14px; font-size:11px;}
.content .splash .contact-us .mid.open .eform .item {padding:3px 0;}
.content .splash .contact-us .mid.open .eform .item div {padding:2px 0;}
.content .splash .contact-us .mid.open .eform .item div.radio {*margin:-3px 0 -2px -5px;}
.content .splash .contact-us .mid.open .eform .item input {margin:0 4px 0 0;}
.content .splash .contact-us .mid.open .eform .item input.submit {margin:0 0 0 -5px;}
.content .splash .contact-us .mid.open .eform .item select {height:20px; font-size:12px;}
.content .splash .contact-us .mid.open .eform .item span {position:relative; top:-2px; *left:-2px; *margin:0 -7px 0 0; padding:0 7px 0 0;}
.content .splash .contact-us .mid.open .eform button {
    background:url(../images/button_submit-black.png) no-repeat top left;
    width:90px;
    height:34px;
}

.content .splash .contact-us .btm {height:9px; background:url(../images/contact-us_border-btm.png) no-repeat;}

.content .splash2 {position:relative; top:57px; width:871px; margin:auto; text-align:left; background:url(../images/bg_body-top.png) repeat-y; z-index:1;}
.content .splash2 .swf_placeholder {position:relative; clear:both; width:852px; height:345px; padding:24px 0 0 0; margin:auto;}

/* OVERVIEW BELOW */

.content .overview {position:relative; top:57px; width:921px; height:343px; margin:auto; text-align:left; background:url(../images/bg_overview.jpg) no-repeat;}
.content .overview .intro {padding:20px 0 11px 63px;}
.content .overview .left {float:left; width:374px; padding-left:63px;}
.content .overview .left .category {padding-bottom:15px;}
.content .overview .left .swf_placeholder {z-index:1;}
.content .overview .left .details {margin-top:-11px; padding-bottom:3px; line-height:16px; font-size:11px;}
.content .overview .left .details.p1 {margin-top:9px;}
.content .overview .left .details ul {margin:-13px 0 22px 16px; padding:0; list-style:outside;}
.content .overview .left .description {margin-top:9px; padding-bottom:3px; line-height:16px; font-size:11px;}

.content .overview .left .calculator {margin:10px 0 0 -6px; width:410px; height:139px; font-size:11px; background:url(../images/p2/bg_calculator.png) no-repeat; padding-top:10px;}

.content .overview .left .calculator dl {float:left; margin:0; padding:7px 0 0 16px;}
.content .overview .left .calculator dt {clear:both; float:left; width:315px; *margin-top:3px; margin-top:2px;}
.content .overview .left .calculator dd {float:left; height:21px; margin:0; padding-bottom:2px;}
.content .overview .left .calculator dd input {width:65px; height:14px; margin-top:3px; font-size:11px;}

.content .overview .left .calculator button {
    background:url(../images/p2/button_submit-gray.png) no-repeat top left;
    width:83px;
    height:29px;
}

.content .overview .left .calculator.entries input.submit,
.content .overview .left .calculator.entries button {position:relative; top:11px; left:318px;}

.content .overview .left .calculator .results {float:left; margin:0; padding:0 0 0 16px; font-size:11px; }
.content .overview .left .calculator .results .left {float:left; width:154px; margin-right:26px; padding:0; text-align:right;}
.content .overview .left .calculator .results .right {float:left; width:191px; padding:0; font-size:11px;}
.content .overview .left .calculator .results .result-details {padding-top:5px; margin-left:20px;}
.content .overview .left .calculator .results span.dollars {font-size:16px; font-weight:bold;}

.content .overview .left .calculator.result {}
.content .overview .left .calculator.result input.submit {position:relative; left:318px;}
.content .overview .left .calculator.result button {position:relative; left:15px;}

.content .overview .left .calculator .eform {position:relative; clear:both; float:left; left:16px; width:371px; font-size:11px; padding-top:9px;}
.content .overview .left .calculator .eform legend {padding:0; margin:0;}
.content .overview .left .calculator .eform dl {margin:0; padding:0;}
.content .overview .left .calculator .eform dt {clear:both; float:left; width:146px; *margin-top:3px; margin-top:2px;}
.content .overview .left .calculator .eform dd {float:left; height:21px; margin:0; padding-bottom:2px;}
.content .overview .left .calculator .eform dd input {width:134px; height:14px; margin-top:3px; font-size:11px;}
.content .overview .left .calculator .eform input.submit {position:relative; clear:both; float:left; top:-25px; *top:-24px; margin-left:-29px; width:83px; height:29px;}
.content .overview .left .calculator .eform .reset a {position:relative; float:left; top:-12px; text-decoration:underline;font-size:10px; }
.content .overview .left .calculator .eform .thankyou-reset a {top:-3px;}
.content .overview .left .calculator .eform .invalid {position:relative; float:left; top:-10px; left:51px; color:#F26408; display:none;}
.content .overview .left .calculator .eform .valid {font-weight:bold; color:#F26408; }

.content .overview .left .calculator .eform span.results {position:relative; top:-12px; left:3px; color:#F16502;}
.content .overview .left .calculator .eform span.results.positive {font-size:11px; font-weight:bold; display:none;}
.content .overview .left .calculator .eform span.results.negative {font-size:9px; display:none;}
.content .overview .left .quote {margin-left:26px; padding-top:9px; line-height:17px; font-size:11px;}
.content .overview .left .quote.p2 {margin-left:5px; padding-top:7px!important; line-height:14px;}
.content .overview .left .quote .credits {padding-top:5px; text-align:right; font-weight:bold;}
.content .overview .left .quote.p2 .credits {margin:0 0 0 113px; width:270px;}
.content .overview .left .quote .credits {padding-top:5px; text-align:right; font-weight:bold;}
.content .overview .left .quote .credits .position {font-weight:normal;}
.content .overview .left .quote .credits .publication {font-style:italic; font-weight:normal;}
.content .overview .right {float:right; width:367px; padding-right:63px;}
.content .overview .right .category {height:19px;}
.content .overview .right .topic {height:15px; padding-top:12px;}
.content .overview .right .details {padding-bottom:3px; line-height:16px; font-size:11px;}
.content .overview .right .details ul {margin:0 0 22px 15px; padding:0; list-style:outside;}
.content .overview .right .voicebar {position:relative; left:-3px; padding-top:11px;}
.content .overview .both {clear:both; float:left; width:741px; padding:0 63px;}
.content .overview .both .category {height:21px;}
.content .overview .both .details {width:796px; margin-top:7px; padding-bottom:0; line-height:16px; font-size:11px;}

/* OVERVIEW ABOVE */

.content .promos {position:relative; top:57px; width:937px; height:204px; margin:auto; text-align:left; background:url(../images/bg_promos.png) no-repeat;}
.content .promos .promo {position:absolute; width:276px;}

/* FIRST PROMO BELOW */

.content .promos .promo#first {top:15px; left:52px; height:140px;}
.content .promos .promo#first .top {height:42px; background:url(../images/check-out_border-top.png) no-repeat;}
.content .promos .promo#first .mid {background:url(../images/check-out_border-mid.png) repeat-y; color:white;}
.content .promos .promo#first .btm {height:9px; background:url(../images/check-out_border-btm.png) no-repeat;}

.content .promos .promo#first .closed .mid {height:89px;}
.content .promos .promo#first .closed .mid .open-button {position:absolute; top:6px; left:173px; cursor:pointer;}
.content .promos .promo#first .closed .mid .title {position:absolute; top:29px; left:14px;}
.content .promos .promo#first .closed .mid .details {position:relative; top:38px; left:14px; line-height:12px; margin-right:28px; font-size:11px;}

.content .promos .promo#first .open {position:absolute; top:-131px; width:276px; z-index:2;}
.content .promos .promo#first .open .mid {height:220px;}
.content .promos .promo#first .open .mid .close-button {position:absolute; top:11px; right:9px; cursor:pointer;}
.content .promos .promo#first .open .mid .title {position:absolute; top:29px; left:14px;}
.content .promos .promo#first .open .mid .details {position:relative; top:44px; left:14px; line-height:13px; margin-right:28px; font-size:11px;}
.content .promos .promo#first .open .mid .hr {position:relative; top:44px; width:268px; height:2px; margin:10px 0 0 4px; line-height:2px; background:url(../images/hr-orange.gif) repeat-x;}
.content .promos .promo#first .open .mid .eform {position:relative; top:44px; margin-top:-9px; *margin-top:-13px; padding:0 7px 0 14px; line-height:14px; font-size:11px;}
.content .promos .promo#first .open .mid .eform button {
    background:url(../images/button_sign-up.png) no-repeat top left;
    width:84px;
    height:28px;
}
.content .promos .promo#first .open .mid .eform .item {margin:0; padding:3px 0;}
.content .promos .promo#first .open .mid .eform .item div {padding:2px 0;}
.content .promos .promo#first .open .mid .eform .item div.radio {*margin:-3px 0 -2px -5px;}
.content .promos .promo#first .open .mid .eform .item label {font-weight:bold;}
.content .promos .promo#first .open .mid .eform .item input {margin:0 4px 0 0;}
.content .promos .promo#first .open .mid .eform .item input.email {width:121px; height:14px; font-size:11px;}
.content .promos .promo#first .open .mid .eform .item input.submit {position:relative; *top:0; top:3px; left:-1px; margin:0;}
.content .promos .promo#first .open .mid .eform .item select {height:21px; font-size:12px;}
.content .promos .promo#first .open .mid .eform .item span {position:relative; *top:0; top:-2px; *left:-2px; *margin:0 -7px 0 0; padding:0 7px 0 0;}

/* FIRST PROMO ABOVE */

/* SECOND PROMO BELOW */

.content .promos .promo#second {top:15px; left:330px; height:140px;}
.content .promos .promo#second .top {height:43px; background:url(../images/tell-me_border-top.png) no-repeat;}
.content .promos .promo#second .mid {background:url(../images/tell-me_border-mid.png) repeat-y; color:white;}
.content .promos .promo#second .btm {height:9px; background:url(../images/tell-me_border-btm.png) no-repeat;}

.content .promos .promo#second .closed .mid {height:88px;}
.content .promos .promo#second .closed .mid .open-button {position:absolute; top:10px; left:175px; cursor:pointer;}
.content .promos .promo#second .closed .mid .title {position:absolute; top:27px; left:16px;}
.content .promos .promo#second .closed .mid .details {position:absolute; top:56px; left:16px;}
.content .promos .promo#second .closed .mid .details .left {position:relative; float:left; width:175px; margin-right:12px; font-size:11px; line-height:13px;}
.content .promos .promo#second .closed .mid .details .right {position:relative; float:left; top:-16px; width:65px;}

.content .promos .promo#second .open {position:absolute; top:-269px; width:276px; z-index:2;}
.content .promos .promo#second .open .mid {height:357px;}
.content .promos .promo#second .open .mid .close-button {position:absolute; top:5px; right:7px; cursor:pointer;}
.content .promos .promo#second .open .mid .title {position:absolute; top:27px; left:14px;}
.content .promos .promo#second .open .mid .details {padding:10px 7px 0 14px; line-height:14px; font-size:11px;}
.content .promos .promo#second .open .mid .hr {width:268px; height:2px; margin:10px 0 0 4px; line-height:2px; background:url(../images/hr-black.gif) repeat-x;}
.content .promos .promo#second .open .mid .eform {margin-top:-9px; *margin-top:-13px; padding:0 7px 0 14px; line-height:14px; font-size:11px;}
.content .promos .promo#second .open .mid .eform button {
    background:url(../images/button_submit-black.png) no-repeat top left;
    width:90px;
    height:34px;
}
.content .promos .promo#second .open .mid .eform .item {margin:0; padding:3px 0;}
.content .promos .promo#second .open .mid .eform .item div {padding:2px 0;}
.content .promos .promo#second .open .mid .eform .item div.radio {*margin:-3px 0 -2px -5px;}
.content .promos .promo#second .open .mid .eform .item label {font-weight:bold;}
.content .promos .promo#second .open .mid .eform .item input {margin:0 4px 0 0;}
.content .promos .promo#second .open .mid .eform .item input.email {width:121px; height:14px; font-size:11px;}
.content .promos .promo#second .open .mid .eform .item input.submit {position:relative; top:1px; left:-5px; margin:0;}
.content .promos .promo#second .open .mid .eform .item select {height:21px; font-size:12px;}
.content .promos .promo#second .open .mid .eform .item span {position:relative; *top:0; top:-2px; *left:-2px; *margin:0 -7px 0 0; padding:0 7px 0 0;}

/* SECOND PROMO ABOVE */

/* THIRD PROMO BELOW */

.content .promos .promo#third {top:15px; left:609px; height:140px; padding:22px 0 0 14px; background:url(../images/tell-my_bg.png) no-repeat;}
.content .promos .promo#third .subtitle {margin:-3px 14px 0 0;}

.content .promos .promo#third .eform {position:relative; top:-16px; left:4px; font-size:11px;}
.content .promos .promo#third .eform button {
    background:url(../images/button_send.png) no-repeat top left;
    width:67px;
    height:29px;
}
.content .promos .promo#third .eform .item {float:left; margin-right:10px; padding-top:10px;}
.content .promos .promo#third .eform .item div {padding:1px 0;}
.content .promos .promo#third .eform .item input {width:115px; height:14px; margin:0 4px 0 0; font-size:11px;}
.content .promos .promo#third .eform .item input.submit {width:67px; height:29px; margin:15px 0 0 -3px;}
.content .promos .promo#third .eform .item.checkbox {float:left; margin-top:5px;}
.content .promos .promo#third .eform .item.checkbox input {width:15px; margin:2px 4px 0 0; padding:0; clear:both; float:left;}
.content .promos .promo#third .eform .invalid {position:absolute; top:55px; left:59px; font-size:10px; color:#F16502; display:none;}

.content .promos .promo#third .valid {margin-top:21px; font-size:14px; font-weight:bold; color:#F16502; display:none;}

/* THIRD PROMO ABOVE */

.border {position:relative; top:15px; width:984px; height:10px; margin:auto; line-height:10px; background:#F48005 url(../images/bg_container-btm.jpg) no-repeat;}

.footer {position:relative; top:15px; bottom:15px; width:976px; margin:auto; padding:4px 0 32px 0; line-height:19px; font-size:11px; color:#CCC;}
.footer span {padding:0 7px; border-right:1px solid #CCC;}
.footer span a {color:#CCC!important;}
.footer span.first {padding:0 7px 0 0;}
.footer span.last {padding:0 0 0 7px; border-right:0;}

/* GRID CONTENT ABOVE */