/*[fmt]1010-101A-3*/
/*
Title: PlanandPath.com
Start date: 03.03.08
Last update: 03.12.2009
Authors: Gunnar Bruun and Jonathan Wold / Sabramedia, LLC
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { background: #000; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; }
a img { border: none; outline: none; }
a { outline: none; }
.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
.clearfix { display: inline-block; }
/*Hide from IE Mac \*/
.clearfix { display: block; }
/*End hide from IE Mac
Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/*End hide from IE-mac
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
body { color: #000; background: #FFF url(../img/bg-body.png) repeat-x; font-family: Georgia, "Times New Roman", serif; }
#container { width: 960px; background: #FFF; margin: 20px auto; }
#header { height: 189px; background: url(../img/bg-header.png); position: relative; }
img#logo { position: absolute; top: -6px; left: -10px; border: none; }
ul#nav { text-align: center; position: absolute; top: 161px; left: 203px; font-size: 13px; list-style: none; }
ul#nav li { border-right: 1px solid #BEBEBF; float: left; padding-right: 12px; margin-left: 8px; }
ul#nav li a { border: none; color: #FFF; text-decoration: none; }
ul#nav li a:hover { text-decoration: underline; }
ul#nav li.last { border: none; }
ul#nav em { font-style: italic; }
/*Home*/
#home ul#questions { list-style: none; margin: 18px 0 0 15px; float: left; width: 540px; }
#home ul#questions li { padding-left: 25px; background: url(../img/bullet-arrow.png) no-repeat left; margin: 15px 0; font: 0.9em Verdana; }
#home #call-outs { border-left: 1px dashed #CCC; float: left; width: 380px; padding-left: 10px; }
#home #call-outs #students { text-indent: -13370px; display: block; width: 358px; height: 76px; background: url(../img/home-students.png); margin: 20px 0; }
#home #call-outs #diabetics { text-indent: -13370px; display: block; width: 358px; height: 76px; background: url(../img/home-diabetics.png); margin-bottom: 10px; }
/*Content*/
#masthead { border-bottom: 1px dashed #777; margin: 0 0 20px; padding: 0 0 20px; }
#masthead h1 { text-transform: uppercase; text-align: center; color: #ED202A; font: bold 2em Verdana, Arial; margin: 10px; }
#diabetics #masthead h1 { text-transform: uppercase; text-align: center; color: #ED202A; font: bold 1.5em Verdana, Arial; margin: 10px; }
#masthead p { margin: 0 20px; }
#contentWrap { border: 5px solid #B9AB88; padding: 10px 0; }
#content { position: relative; padding: 0 20px 20px; }
#content h1 { font-size: 1.4em; }
#content h2 { font-weight: bold; font-size: 1.1em; margin: 0 0 15px; }
#content h3 { font-weight: bold; margin: 5px 0; color: #ED1E29; }
#content p { margin-bottom: 10px; line-height: 1.4em; }
#content p.small { font-size: 0.7em; }
#content p.indent { margin: 0 0 10px 20px; }
#content a { color: #000; }
#content em { font-style: italic; }
#content ul { margin: 0 0 0 25px; list-style: url(bullet); }
#content ul.about-aspire { margin: 0 0 0 30px; }
#content ul.about-aspire ul { margin: 0 0 0 30px; }
/*Content - Diabetics*/
#diabetics #content #column1Wrap { float: left; width: 500px; }
#diabetics #content #column1 { padding: 0 10px 0 0; border-right: 1px dashed #777; }
#diabetics #content #column1 h2#direction { color: red; }
#diabetics #content #column2Wrap { float: left; width: 400px; }
#diabetics #content #column2 { padding: 0 0 0 10px; position: relative; }
#diabetics #content #column2 h3 { font-size: 1.2em; }
#diabetics #content ul#choices { margin: 15px 0 15px 30px; }
#diabetics #content ul#choices li { list-style: none; height: 30px; }
#diabetics #content ul#choices li#ignore { background: url(../img/graphic-ignore.gif) no-repeat; padding-left: 30px; }
#diabetics #content ul#choices li#check { background: url(../img/graphic-check.gif) no-repeat; padding-left: 30px; }
#diabetics #content #column2 ol { margin: 0 0 0 30px; color: red; font-size: 1.2em; }
#diabetics #content #column2 li { margin: 0 35px 0 0; }
#diabetics #content #call-out { background: url(../img/callout-diabetics.jpg) no-repeat; position: absolute; right: -3px; width: 369px; height: 273px; top: 182px; }
#diabetics #content #call-out a { display: block; width: 359px; height: 50px; position: absolute; left: 5px; top: 208px; text-indent: -13370em; background: none; }
/*Content - Students*/
#students #content #column1Wrap { float: left; width: 500px; }
#students #content #column1 { padding: 0 10px 0 0; border-right: 1px dashed #777; }
#students #content #column2Wrap { float: left; width: 400px; }
#students #content #column2 { padding: 0 0 0 10px; position: relative; }
#students #content #column2 p { width: 296px; }
#students #content #call-out { background: url(../img/callout-student.png); position: absolute; right: -60px; width: 424px; height: 452px; top: 20px; }
#students #content #call-out a { display: block; width: 400px; height: 50px; position: absolute; left: 0; top: 375px; text-indent: -13370em; background: none; }
/*Content: Choose A Plan*/
#choose-plan { position: relative; }
#choose-plan a#essential { display: block; position: absolute; top: 469px; left: 228px; text-indent: -13370em; width: 120px; height: 35px; }
#choose-plan a#enhanced { display: block; position: absolute; top: 467px; left: 383px; text-indent: -13370em; width: 120px; height: 35px; }
#choose-plan a#total { display: block; position: absolute; top: 467px; left: 532px; text-indent: -13370em; width: 120px; height: 35px; }
/*Columns*/
#columnA { width: 430px; float: left; padding: 20px 10px 10px 20px; margin-bottom: 10px; font-size: 1em; color: #000; }
#questions-list { margin: 20px 0 0; padding-bottom: 5px; }
h2#questions-title { width: 430px; height: 82px; margin: 0 0 15px; background: url(../img/homepage-questions.png) no-repeat; text-indent: -9999px; }
h2#ifyes { margin-left: 210px; padding-top: 30px; font-size: 1.2em; }
h2#ifyes .yes { font-size: 1.4em; color: #ED2025; }
img#woman { float: left; margin: -40px 0 -15px -5px; }
p#text-ifyes { width: 215px; float: right; font-size: 1.1em; line-height: 1.3em; }
#columnBWrap { width: 489px; float: left; }
#columnB { padding: 20px 10px 10px 20px; position: absolute; z-index: 35; }
#columnB p { margin-bottom: 20px; }
#columnB p.small { padding: 0 120px 0 0; }
#columnB em { font-style: italic; }
#columnB a { color: #000; }
#columnB a:visited { color: #000; }
#headline-about-aspire-text { width: 270px; height: 35px; margin-left: 20px; text-indent: -9999px; background: url(../img/headline-about-aspire.png) no-repeat 30px 5px; }
#headline-terry-seitz-bio-text { width: 304px; height: 35px; margin-bottom: 20px; text-indent: -9999px; background: url(../img/headline-terry-seitz-bio.png); }
#photo-terry-seitz-bio { float: left; margin: -10px 0 0 -15px; padding: 0 10px 5px 0; }
#photo-about-aspire { float: left; margin: 20px 0 0 10px; padding: 0 10px 5px 0; }
#about-intro { padding-top: 40px; }
#approach { position: absolute; padding-top: 30px; z-index: 20; }
#celebrate { position: absolute; bottom: 3px; right: -23px; width: 288px; height: 459px; z-index: 10; }
#click-here { position: absolute; bottom: 50px; right: 360px; width: 105px; height: 67px; z-index: 14; background: url(../img/click-here.png); }
#survey { position: relative; margin: 0 0 0 40px; }
h2#five-elements { position: absolute; top: 240px; left: 220px; width: 563px; height: 44px; background: url(../img/five-elements.png); text-indent: -9999px; }
h2#statement { position: absolute; top: 16px; font-size: 1.4em; color: #F00; }
ul#elements { clear: both; height: 681px; list-style: none; }
ul#elements h3 { font-size: 1.2em; }
ul#elements li#one { position: absolute; top: 76px; width: 400px; padding-left: 50px; z-index: 13; background: url(../img/button-one.png) no-repeat; }
ul#elements li#two { position: absolute; top: 250px; width: 400px; padding-left: 50px; z-index: 13; background: url(../img/button-two.png) no-repeat; }
ul#elements li#three { position: absolute; top: 401px; width: 383px; padding-left: 50px; z-index: 13; background: url(../img/button-three.png) no-repeat; }
ul#elements li#four { position: absolute; left: 470px; top: 80px; width: 400px; padding-left: 50px; z-index: 13; background: url(../img/button-four.png) no-repeat; }
ul#elements li ul.about-aspire li { list-style: square; }
ul#elements li ul.circle li { list-style: circle; }
ul#elements li#five { position: absolute; left: 470px; top: 478px; width: 320px; padding-left: 50px; z-index: 13; background: url(../img/button-five.png) no-repeat; }
#what-next { padding: 10px 20px; }
#what-next h3 { font-size: 1.2em; font-weight: bold; }
#app-message { margin: -30px 0 10px; font-size: 1.3em; color: #F00; text-align: center; }
/*Footer Styles*/
#footer { width: 850px; margin: 10px auto 30px; text-align: center; color: #000; }
#footer ul { font-size: 0.8em; font-weight: bold; color: #666; }
#footer ul li { display: inline; padding-right: 7px; margin-left: 3px; list-style: none; border-right: 1px solid #666; }
#footer ul li a { text-decoration: none; color: #666; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li.last { border-right: 0; padding: 0; }
#footer ul li.break { border: none; display: block; margin-top: 5px; }
#footer p { font-size: 0.8em; margin: 5px 0 0; text-align: center; }
#footer p a { color: #000; }
/*Survey Page Styles*/
#survey1Wrap { width: 480px; float: left; }
#survey1 { margin: 0 20px 0 60px; border-right: 1px dashed #CCC; }
#survey1 img.survey-header, #survey2 img.survey-header { margin: 0 20px 35px 0; }
#survey1 h2, #survey2 h2 { font-size: 1.6em; text-indent: 20px; }
#survey1 .box-display, #survey2 .box-display { margin: 0 0 30px; }
#survey1 .box-display img.display-graphic, #survey2 .box-display img.display-graphic { float: left; margin: 0 20px 0 0; }
#survey1 .description ul, #survey2 .description ul { margin: 20px 0 0 30px; }
#survey1 .description ul ul, #survey2 .description ul ul { margin-top: 0; }
#survey2Wrap { width: 440px; float: left; }
#survey2 { margin: 0 30px 0 20px; }
/*Commerce Styles*/
#content #shopping-cart { margin: 20px; }
#content #shopping-cart table#table-cart { width: 100%; }
#content #shopping-cart table#table-cart tr.row_head { text-align: left; background: #CBBD9F; }
#content #shopping-cart table#table-cart tr.row_head td { padding: 5px; font-size: 1.2em; color: #FFF; border-right: 1px solid #FFF; }
#content #shopping-cart table#table-cart tr.row_head td.cart-total { border: none; }
#content #shopping-cart #cart-options { margin-top: 20px; padding: 20px 0; text-align: right; }
#content #shopping-cart table#table-cart tr.item { text-align: left; }
#content #shopping-cart table#table-cart tr.item td { padding: 5px; }
#content #shopping-cart table#table-cart tr.item td.item-title { width: 480px; font-size: 1.2em; }
#content #shopping-cart table#table-cart tr.item td.item-title a { }
#content #shopping-cart table#table-cart tr.item td.item-delete { text-align: center; }
#content #shopping-cart table#table-cart tr.item td input { font-size: 1.1em; }
#content #shopping-cart #grand-total { padding-top: 10px; border-top: 2px solid #CBBD9F; margin-top: 10px; text-align: right; height: 80px; color: #333; }
#content #shopping-cart #grand-total strong { padding: 0 10px 0 0; font-size: 1.4em; }
#content #shopping-cart #grand-total input { width: 270px; height: 50px; font-size: 1.4em; display: block; float: right; }
form#checkout-address, form#checkout-payment { padding: 0 20px 20px; font-size: 1.2em; }
form#checkout-address ul, form#checkout-payment ul { list-style: none; }
form#checkout-address ul li, form#checkout-payment ul li { height: 30px; margin: 10px 0; clear: both; }
form#checkout-address ul li label { display: block; width: 200px; float: left; }
form#checkout-payment ul li label { display: block; width: 250px; float: left; }
form#checkout-payment ul li a { float: left; cursor: pointer; }
form#checkout-address ul li input, form#checkout-address ul li select, form#checkout-payment ul li input, form#checkout-payment ul li select { float: left; font-size: 1.2em; margin-right: 5px; }
input#submit-next-step { font-size: 1.2em; }
input#submit-next-step { margin-top: 20px; }
form#checkout-address fieldset { margin: 20px 0; border: 1px solid #CCC; padding: 10px; }
form#checkout-address fieldset#account-details { position: relative; }
form#checkout-address fieldset#account-details p { position: absolute; top: 10px; right: 10px; width: 357px; font-size: 0.9em; color: #333; }
form#checkout-address fieldset#account-details #validation-message { position: absolute; top: 10px; left: 470px; font-size: 0.8em; color: green; font-weight: bold; font-style: italic; }
#order-summary #summary-message { border: 1px solid #CCC; padding: 10px 20px 0; }
#order-summary #summary-message h1 { font-size: 1.6em; }
#order-summary #summary-data { border: 1px solid #CCC; padding: 20px; margin: 20px 0; font-size: 1.2em; }
#order-summary #summary-data ul { list-style: none; }
#order-summary #summary-data #billing-detailsWrap { width: 350px; float: left; }
#order-summary #summary-data #billing-details { border-right: 1px solid #CCC; margin-right: 20px; padding-right: 20px; }
#order-summary #summary-data #order-details h2, #order-summary #summary-data #billing-details h2 { font-size: 1.3em; margin: 0 0 10px; padding-right: 10px; border-bottom: 1px dashed #CCC; }
#order-summary #summary-data #order-details { float: left; }
#order-summary #summary-data #order-details h3 { margin: 20px 0 0; font-size: 1.2em; }
#order-summary a#proscan-link { display: block; height: 60px; width: 400px; margin: 30px 0 0; }
/*Testimonials*/
#testimonialsWrap { }
#testimonials { padding: 20px; }
#testimonials p { margin: 15px 0; font-size: 1.2em; }
#testimonials p.small { padding: 0 280px 0 0; }
#testimonials p.medium { padding: 0 120px 0 0; }
#testimonials p cite { display: block; margin: 0 0 0 10px; text-align: left; font-size: 0.9em; color: #666; }
/*Contact Begins Below*/
#contact-form { float: left; width: 600px; margin: 0 50px 0 0; }
#contact-form form fieldset { border: 1px solid #CCC; padding: 10px 20px; font-size: 1.2em; margin: 0 0 20px; }
#contact-form form fieldset ul { list-style: none; }
#contact-form form fieldset ul li { clear: both; }
#contact-form form fieldset ul li label.item { width: 200px; float: left; }
#contact-form form fieldset ul li input { float: left; font-size: 1.2em; margin: 2px 0; }
#contact-form form fieldset input#submit-contact { font-size: 1.2em; margin: 10px 0; }
#contact-form form fieldset ul li textarea { font-size: 1.2em; }
#contact-details { float: left; width: 250px; }
#contact-details h2 { border-bottom: 1px solid #CCC; font-weight: bold; font-size: 1.2em; }
/*Other Styles*/
.center { text-align: center; }