@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=5081da36-981a-4df6-982e-55565c031d70");
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/
@font-face{
font-family:"Avenir LT W01 55 Roman";
src:url("/includes/Fonts/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot?#iefix");
src:url("/includes/Fonts/2f5a6074-badc-4e08-83f1-ed67fe5c3d7c.eot?#iefix") format("eot"),url("/includes/Fonts/b9ebb19d-88c1-4cbd-9baf-cf51972422ec.woff") format("woff"),url("/includes/Fonts/5ed4f98e-9044-4810-88ff-74d412c1351f.ttf") format("truetype"),url("/includes/Fonts/4cb16859-16ca-4342-b89c-292dc83266af.svg#4cb16859-16ca-4342-b89c-292dc83266af") format("svg");
}
@font-face{
font-family:"Avenir LT W01 85 Heavy";
src:url("/includes/Fonts/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix");
src:url("/includes/Fonts/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix") format("eot"),url("/includes/Fonts/7147ec3a-8ff8-4ec9-8c5c-bd1571dc6ae6.woff") format("woff"),url("/includes/Fonts/d1dc54b2-878d-4693-8d6e-b442e99fef68.ttf") format("truetype"),url("/includes/Fonts/731dd4d3-64da-427d-ba61-01575b3cf3f7.svg#731dd4d3-64da-427d-ba61-01575b3cf3f7") format("svg");
}
@font-face{
font-family:"Avenir LT W01 95 Black";
src:url("/includes/Fonts/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix");
src:url("/includes/Fonts/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix") format("eot"),url("/includes/Fonts/5a05cf7f-f332-456f-ae67-d8c26e0d35b3.woff") format("woff"),url("/includes/Fonts/c33278bc-988e-440b-b4be-6acc095e6044.ttf") format("truetype"),url("/includes/Fonts/7bdad4a5-289b-42f9-b6fa-c5883b9e9f23.svg#7bdad4a5-289b-42f9-b6fa-c5883b9e9f23") format("svg");
}
@font-face{
font-family:"Chaparral W01 SmBd";
src:url("/includes/Fonts/b8e71509-7373-42c0-970d-267e846142e0.eot?#iefix");
src:url("/includes/Fonts/b8e71509-7373-42c0-970d-267e846142e0.eot?#iefix") format("eot"),url("/includes/Fonts/00e0f052-b209-4296-b3ac-4e89d2ee67c9.woff") format("woff"),url("/includes/Fonts/778f8e54-6bd5-414d-8437-2ef1c915d6c5.ttf") format("truetype"),url("/includes/Fonts/b9f6f5aa-5c41-4d7d-a47b-76e18262e99e.svg#b9f6f5aa-5c41-4d7d-a47b-76e18262e99e") format("svg");
}

/*--- Here is the way the style sheet is grouped. Please add the new style to the corresponding grouping...
 - RESET STYLES
 - FONT STYLES
 - MAIN STYLES
 - LINK STYLES
 - HEADER STYLES
 - TABLE STYLES
 - MAIN COLUMN STYLES
 - SIDEBAR COLUMN STYLES
 - LOADING STYLES
 - FORM STYLES
 - FOOTER STYLES
 - RESPONSIVE STYLES
 - PRINT SPECIFIC STYLES
 ---*/
 
/* ---------- RESET STYLES ---------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner {
    padding: 0px;
}


/* ---------- FONT STYLES ---------- */
body, #siteTopNav li li, .sitemapList li li, ul.accordianList li li, .accountSummaryData dt,
#footerQuickLinks select, form .DES_CalControl {
    font-family: "Avenir LT W01 55 Roman", Arial, Verdana, Sans-Serif;
}
h3, h4, h5, h6, strong, b, #siteTopNav li, #frmLoginContainer label, #quickLinks li,
dt, .pleaseNoteDescription, .noteDescription, .errorDescription, .confirmNote,
.continueDescription, p.bdhvManageLink a, .ulWarnings, .siteTable th, p.errorMessage, .siteButton, .styledButton, .disabledSiteButton,
#mainContentCopy fieldset legend, #mainContentCopy fieldset label.formLabel,
#mainContentCopy fieldset span.formLabelValue, fieldset #termsAcknowledgement,
#ctl00_BodyContent_rblGraphOptions label, .helpTopLinks li,
.stepNumberIndicator li.stepActive span, .CSRMessage, .verifyPrompt, .validationSummary,
.helpLink, .siteTable tr.pagerRow td, .siteTable tr.footerRow td, .tipsTable td a,
span.enrolled, span.notEnrolled, #systemStatusMessage,
#interruptibleInfo table tr td.market, ul.accordianList li, .tabsTable .selectedTab a,
.eBillStatus, .cf-section_title, .cf-account_summary p, .cf-help_box em, .cf-option_box caption,
dd.billAmount, dd.paymentAmount, dd.serviceAddress, dd.billingInfo, dl.recommendedBilling dt,
td.WPSDataGridPager, form .DES_CalHeaderRows td, form .DES_MYPControl .DES_FYPYearTitle {
    font-family: "Avenir LT W01 85 Heavy", Arial, Verdana, Sans-Serif;
    font-weight: normal;
}
h1, h2, .sitemapList li, .accountSummaryAmountDue, .alertMessage h3 {
    font-family: "Avenir LT W01 95 Black", Arial, Verdana, Sans-Serif;
    font-weight: normal;
}
.rotatingPromo {
    font-family: "Chaparral W01 SmBd", Times, "Times New Roman", Serif;
    font-weight: normal;
}
pre {
    font-family: 'Courier New', Courier, monospace;
}
input, select, textarea {
    font-family: Arial, Verdana, Sans-Serif;
}


/* ---------- MAIN STYLES ---------- */
body {
    background-color: #ede6d5;
    text-align: center;
    -webkit-text-size-adjust: none;
    font-size: 106.25%;
}
body.homeSection {
    background-color: #dbd7dc;
}
body.businessSection {
    background-color: #e9edd0;
}
body.companySection {
    background-color: #ede6d5;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 15px 0px;
}
h1 {
    font-size: 1.25em;
}
h2, h3, h4, h5, h6 {
    font-size: .875em;
}
pre {
    font-size: 12px !important;
}
p, li, dt, dd, td, th {
    font-size: .875em;
}
ul {
    list-style: disc;
    margin: 15px 0px 10px;
}
ol {
    list-style: decimal;
    margin: 15px 0px 10px;
}
dl {
    margin: -10px 0px 0px;
}
dt {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 20px;
}
dd {
    padding: 5px 0px 0px;
    margin: 0px 0px 0px 40px;
}
li {
    margin: 0px 0px 5px 25px;
    line-height: 1.2em;
}
ul ul {
    list-style: disc;
    margin: 10px 0px 0px;
}
li li {
    margin: 0px 0px 5px 20px;
    font-size: 1em;
}
sup {
    font-size: .5em;
    vertical-align: top;
}
.siteSpacedList, .siteSpacedList li li {
    margin-bottom: 5px;
}
.siteSpacedList li {
    margin-bottom: 10px;
}
.siteSpacedList li ul {
    margin-top: 0px;
}
.siteSpacedList input {
    margin-top: 5px;
}
.leftAlign {
    text-align: left !important;
}
.centerAlign {
    text-align: center !important;
}
.rightAlign {
    text-align: right !important;
}
form {
    display: inline;
}
fieldset input, fieldset select, fieldset textarea {
    font-size: .75em;
    vertical-align: middle;  
}
hr, .hide, .hideFromMobile {
    display: none;
}
.noTopMargin  {
    margin-top: 0px !important;
}
div.hr {
    height: 1px;
    border-top: 1px dotted #999;
    clear: right;
}
.noWrap {
    white-space: nowrap;
}
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
.indented, .indent {
    margin-left: 20px;
}
.pleaseNoteDescription, .noteDescription, .continueDescription, p.bdhvManageLink a {
    padding-left: 30px;
    min-height: 17px;
}
.pleaseNoteDescription, .noteDescription {
    background: url(../images/info_16.gif) no-repeat 8px 0px;
}
.continueDescription, p.bdhvManageLink a {
    background: url(../images/arrow-back_16.gif) no-repeat 8px 0px;
}
.errorDescription, .confirmNote, .ulWarnings, .warningDescription {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.errorDescription, .confirmNote, .warningDescription {
    padding: 10px 10px 10px 44px;
    clear: right;
    display: block;
    min-height: 24px;
}
.errorDescription {
    background: #ffe5e5 url("../images/cancel_24.gif") no-repeat 10px 7px;
    border: 1px solid #f00;
}
.confirmNote {
    background: #e5ffcc url(../images/confirm_24.gif) no-repeat 10px 7px;
    border: 1px solid #360;
}
.warningDescription {
    background: #fff0c4 url(../images/warning_24.gif) no-repeat 8px 7px;
    border: 1px solid #c60;
}
p.errorMessage, .importantInformation {
    color: #f00;
}
.ulWarnings {
    border: 1px solid #c60;
    margin: 15px 0px;
    padding: 0px 10px 10px 44px;
    background: #fff0c4 url(../images/warning_24.gif) no-repeat 8px 7px;
    list-style: none;
}
.ulWarnings li {
    margin: 0px;
    padding: 10px 0px 0px;
}
#helpBody div {
    background-color: #FFF;
    margin-left: 40px;
    padding: 20px;
    text-align: left;
    min-height: 300px;
}
#helpBody div div {
    margin: 0px;
    padding: 0px;
    min-height: 0px;
}
/* clearfix styles */
.clearfix:after {
    clear: both;
    display: block;
    content: ".";
    height: 0px;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
li.clearfix {
    display: list-item;
}
/* End hide from IE-mac */


/* ---------- LINK STYLES ---------- */
a {
    text-decoration: none;
    color: #03c;
}
a:visited {			
    color: #03c;
}
a:hover, #mainContentCopy a {
    text-decoration: underline;
}
a:hover {
    color: #f27013;
}
a.help {			
    cursor: help;
}


/* ---------- HEADER STYLES ---------- */
#logoPrint, #siteLogo a span, #siteTagLine, #siteTopNav, #siteTopNavBackground, 
#siteTopLinks ul li a.contact, #frmSearch legend, #frmSearch label, #txtKeywords {
    display: none;
}
#siteHeaderContainer, #siteHeader {
    position: relative;
    z-index: 200;
}
#siteHeaderContainer {
    background-color: #fff;
    padding: 0px;
    margin: 10px 10px 0px;
}
#siteHeader {
    max-width: 1200px;
    margin: auto;
    padding-top: 35px;
}
#siteLogo {
    margin: 0px;
    height: 85px;
}
#siteLogo a {
    display: block;
    position: relative;
    width: 100%;
    height: 85px;
    background: url(../images/logo_mobile.gif) no-repeat center center;
}
#siteTopLinks {
    position: absolute;
    top: 10px;
    right: 50px;
}
#siteTopLinks ul, #siteTopLinks ul li {
    float: left;
    margin: 0px;
}
#siteTopLinks ul {
    list-style: none;
    padding-right: 30px;
}
#siteTopLinks ul li {
    font-size: 12px;
    white-space: nowrap;
}
#siteTopLinks ul li a {
    display: inline-block;
    min-height: 16px;
    vertical-align: text-top;
    white-space: nowrap;
}
#siteTopLinks ul #menuButton {
    position: absolute;
    top: 0px;
    right: 0px;
}
#siteTopLinks ul #menuButton a {
    background: url(/includes/images/bg_btnMenu.gif) no-repeat right top;
    display: block;
    width: 16px;
    height: 15px;
}
#siteTopLinks ul #menuButton a span {
	display: none;
}
#siteHeader #frmSearch {
    display: block;
    position: absolute;
    top: 6px;
    right: 15px;
    width: 22px;
    height: 22px;
    margin: 0px;
}
#siteHeader #btnSearch {
    position: absolute;
    top: 0px;
    right: 0px;
    border-width: 0px;
    background-color: Transparent;
    background: url(/includes/images/bg_btnSearch.gif) no-repeat 0px 4px;
    width: 22px;
    height: 22px;
    font-size: 0em;
    cursor: pointer;
    /* Hide text artifacts in IE*/
    text-indent: -9999px;
    text-transform: capitalize;
}

/* ---------- TABLE STYLES ---------- */
th {
    vertical-align: bottom;
    background-color: #fff;
}
td {
    vertical-align: top; 
    background-color: #fff;
}
fieldset td {
    background-color: Transparent;
}
p th, p td, li th, li td, dd th, dd td, td li, td td, dd li {
    font-size: 1em;
}
.siteTable {
    border-top: 1px dotted #999;
    margin: 20px 0px;
}
.siteTable th, .siteTable td {
    text-align: left;
    padding: 5px 10px;
    border-bottom: 1px dotted #999;
}
.siteTable th, .siteTable tr.pagerRow td, .siteTable tr.footerRow td {
    background-color: #f2f2f2;
}
.siteTable tr.evenRow td {
    background-color: #f7f7f7;
}
.siteTable tr.pagerRow td {
    text-align: center;
}
.siteTable .indentedCell {
    padding-left: 20px;
}
.siteTableNote, .tableNote {
    margin: 0px;
    font-size: .75em;
    padding: 5px 10px 0px;
    text-indent: -7px;
    color: #666;
}
.siteTable ul {
    margin: 0px;
    padding: 0px 0px 5px 20px;
}
.siteTable ul li {
    margin: 0px;
}
.accountSelectionTable td {
    font-size: .75em;
}
p.download {
    background-color: #e3e3e3;
    padding: 5px 15px;
    text-align: right;
    margin: 0px;
    border-bottom: 1px dotted #999;
}
#applianceCalc {
    clear: right;
}
#applianceCalc th, #applianceCalc td {
    font-size: .75em;
}
#applianceCalc input[type="text"] {
    width: 3em;
    text-align: right;
}
#applianceCalc td.rightAlign {
    padding-right: 0px;
}
#applianceCalc th {
    white-space: nowrap;
}
#applianceCalc td select {
    width: 8em;
}
#applianceCalc .applianceCost {
    border: none;
}
#applianceCalc .applianceCost2 {
    border: none;
    background-color: Transparent;
}
.calcTotals {
    width: 60px;
    text-align: right;
    border: 1px solid #CCC;
    padding-right: 2px;
}


/* ---------- MAIN COLUMN STYLES ---------- */
#siteContentContainer {
    margin: 0px 10px;
}
#siteContent {
    max-width: 1200px;
    text-align: left;
    margin: 0px auto;
}
#mainContent {
    position: relative;
    padding-bottom: 30px;
    background-color: #fff;
}
.breadcrumbNav, .pageHeading {
    margin: 0px 20px;
    max-width: 600px;
}
.breadcrumbNav {
    font-size: .75em;
    padding: 5px 0px 15px;
}
#mainContentCopy {
    margin: 0px 20px;
    min-height: 150px;
}
.accountNickname {
    margin-bottom: 0px;
}
.accountNumber {
    margin-top: 0px;
    font-size: .75em;
}
.accountNumber a {
    white-space: nowrap;
}
.flexibleImage {
    max-width: 100%;
    height: auto !important;
    -ms-interpolation-mode: bicubic;
}
.flexibleVideoContainer {
    width: 320px;
    max-width: 100%;
    margin: 20px 20px 20px 0px;
}
.flexibleVideo {
    max-width: 100%;
    height: auto !important;
}
.sectionIndex {
    margin: 0px;
    list-style: none;
    overflow: auto;
}
.sectionIndex li {
    margin: 0px;
    position: relative;
    min-height: 70px;
    vertical-align: top;
}
.sectionIndex li.leftColumn {
    clear: both;
}
.sectionIndex li span {
    display: block;
    padding: 0px 10px 20px 60px;
}
.sectionIndex li span span {
    display: inline;
    padding: 0px;
}
.sectionIndex li img {
    position: absolute;
    top: 0px;
    left: 5px;
}
.sectionIndex li br {
    display: none;
}
#mainContentCopy .sectionIndex li a {
    display: block;
    padding: 2px 0px 5px;
    color: #000;
    text-decoration: none;
}
#mainContentCopy .sectionIndex li a:hover {
    text-decoration: underline;
}
.sectionIndex img {
    width: 50px;
    height: 45px;
}
.photoGallery p {
	width: 400px;
    margin: 5px 0px 15px 20px;
}
.photoGallery img {
	border: 1px solid #000;
    margin-left: 20px;
}
div.faqContainer {
    margin-left: -10px;
    position: relative;
}
dl.faqItem {
    border-top: 1px dotted #999;
    padding: 15px 0px 0px;
    margin: 0px 0px 0px 10px;
}
dl.faqItem dt, dl.faqItem dd {
    margin: 0px;
    min-height: 17px;
}
dl.faqItem dt {
    padding: 0px 0px 5px 40px;
    background: url(../images/faq_q.gif) no-repeat 12px 0px;
}
dl.faqItem dd {
    padding: 10px 0px 0px 40px;
    background: url(../images/faq_a.gif) no-repeat 12px 10px;
}
.selectedQuestion {
    background: url(../images/arrow-forward_16.gif) no-repeat 0px 14px;
}
.newSection {
    border-top: 1px dotted #999;
    padding-top: 10px;
}
#definitionList {
    width: 100%;
}
#definitionList dt {
    margin-left: 0px;
    padding: 5px 5px 0px 20px;
    color: #03c;
    background: url(../images/sidenav_closed.gif) no-repeat 2px 9px;
    cursor: pointer;
}
#definitionList dt.expanded {
    background: url(../images/sidenav_opened.gif) no-repeat 2px 9px;
}
#definitionList dd {
    padding: 0px 5px 5px 20px;
    margin-left: 0px;
    border-bottom: 1px dotted #999;
    position: relative;
}
#definitionList dd span {
    display: block;
    padding: 5px 0px;
}
.expandCollapseList {
    list-style: none;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 15px;
}
.expandCollapseList li {
    display: inline;
    color: #069;
    font-size: .75em;
    margin: 0px;
    padding: 0px 10px 0px 0px;
    cursor: pointer;
}
.sitePhoto {
    float: right;
    margin: 0px;
    clear: right;
    border-bottom: 20px solid #fff;	
    border-left: 20px solid #fff;
}


/* ---------- SIDEBAR COLUMN STYLES ---------- */
#mainContentSidebar {
    margin: 20px 20px 0px;
    clear: both;
}
.siteSidebar {
    border: 1px solid #ccc;
    padding: 15px 0px;
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.siteSidebar h3 {
    margin: 0px 0px 5px;
    padding: 0px 15px;
}
.siteSidebar h3 a {
    color: #000;
}
.siteSidebar ul {
    margin: 0px;
    padding: 5px 15px 10px;
}
.siteSidebar ul li {
    margin: 0px 0px 5px 20px;
    padding: 0px;
    font-size: .75em;
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
}
.siteSidebar dl {
    margin: 0px;
    padding: 0px 15px 10px;
}
.siteSidebar dl dt {
    margin: 0px;
    padding: 0px;
    font-size: .75em;
}
.siteSidebar dl dd {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px;
    font-size: .75em;
}
.siteSidebar p {
    margin: 0px 0px 10px;
    padding: 0px 15px;
    font-size: .75em;
}
.siteSidebar form p {
    font-size: .875em;
    margin-bottom: 0px;
}
#mainContentSidebar .quickLinks {
    border: 1px solid #c7d28a;
    background-color: #e9edd0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9edd0));
    background-image: -webkit-linear-gradient(top, #ffffff, #e9edd0);
    background-image: -moz-linear-gradient(top, #ffffff, #e9edd0);
    background-image: -o-linear-gradient(top, #ffffff, #e9edd0);
    background-image: linear-gradient(to bottom, #ffffff, #e9edd0);    
}
#mainContentSidebar .blueSidebar {
    border: 1px solid #c2c2eb;
    background-color: #e0e0f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #e0e0f5);
    background-image: -moz-linear-gradient(top, #ffffff, #e0e0f5);
    background-image: -o-linear-gradient(top, #ffffff, #e0e0f5);
    background-image: linear-gradient(to bottom, #ffffff, #e0e0f5);
}
#didYouKnow h3 {
    margin-bottom: 10px;
    padding: 0px;
    width: 171px;
    height: 45px;
    background: url(/includes/images/bg_didYouKnow.gif) no-repeat 15px 0px;
}
#didYouKnow h3 span {
    display: none;
}
#didYouKnow p.tip {
    color: #666;
    font-size: .875em;
}
#didYouKnow p.centerAlign {
    font-size: .875em;
}
.accountSelectionAddress label {
    cursor: pointer;
}
.siteSidebar ul li.twitter {
    background: url(/includes/images/twitter_16.png) no-repeat 0px 0px;
    margin-left: 5px;
    padding-left: 20px;
    list-style: none;
}
.twitterPanel h3, .twitterPanel p.followLink {
    margin: 0px;
    padding: 0px;
}
.twitterPanel h3 a {
    display: block;
    height: 83px;
}
.twitterPanel h3.WPSstorm a {
    background: url(/includes/images/twitterPanelStorm.png) no-repeat left top;
}
.twitterPanel h3.WPSforBiz a {
    background: url(/includes/images/twitterPanelBiz.png) no-repeat left top;
}
.twitterPanel h3 span, .twitterPanel p.followLink a span {
    display: none;
}
.twitterPanel ul li {
    font-size: .75em;
    padding-bottom: 10px;
}
.twitterPanel ul li span.tweet {
    display: block;
    padding-bottom: 5px;
}
.twitterPanel ul li span.error, .twitterPanel ul li span.old {
    color: #666;
}
.twitterPanel .siteSidebar {
    padding-bottom: 5px;
}
.twitterPanel p.followLink a {
    display: block;
    height: 43px;
    background: url(/includes/images/twitterPanel_bottom.gif) no-repeat left bottom;
}

/* ---------- LOADING STYLES ---------- */
.loadingPage #siteHeaderContainer, .loadingPage h1, .loadingPage table, .loadingPage p, .loadingPage ul, .loadingPage #siteFooterContainer, .loadingPage #debugPanel {
    display: none;
}
.loadingPage #siteContentContainer, .loadingPage #siteContent, .loadingPage #mainContent, .loadingPage #mainContentCopy {
    margin: 0px !important;
    padding: 0px !important;
    background-color: Transparent !important;
    background-image: none !important;
    max-width: 100% !important;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
#loadingGraphicContainer {
    background: #fff;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    border: 3px solid #ccc0a1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 500; 
}
#loadingGraphic {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-left: -90px;
    margin-top: -90px;
    z-index: 1000;
}


/* ---------- FORM STYLES ---------- */
.siteButton, .styledButton, .disabledSiteButton {
    margin: 0px;
    padding: 3px 5px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #666;
    background: #808081 url(/includes/images/bg_siteButton.gif) no-repeat -25px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    overflow: visible;	
    vertical-align: middle;
    text-shadow: -1px 0px #666, 0px 1px #666, 1px 0px #666, 0px -1px #666;
    font-size: 1em;
    line-height: 1.1em;
}
.enrollmentOptions {    
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    padding: 10px 20px;
    vertical-align: middle;
}
.enrollmentOptions .siteButton {    
    margin: 0px 20px 5px 0px;
}
 .siteButton:hover, .styledButton:hover {
    background-position: -25px -100px;    
}
.continueButton, .greenButton, .disabledSiteButton, .selectAccountButton {
    border: 1px solid #360;
    background: #80b300 url(/includes/images/bg_siteButton.gif) no-repeat -425px 0px;
    text-shadow: -1px 0px #360, 0px 1px #360, 1px 0px #360, 0px -1px #360;
}
.disabledSiteButton {
    color: #360;
    text-shadow: none;
}
a.greenButton {
    color: #fff;
    display: inline-block;
    padding: 3px 5px;
}
a.greenButton:hover, #mainContent .enrollmentOptions a.greenButton {
    text-decoration: none;
}
.continueButton:hover, .greenButton:hover, .disabledSiteButton, .disabledSiteButton:hover {
    background-position: -425px -100px;
}
.cancelButton, .backButton, .selectAccountButton {
    width: 27px;
    max-width: 27px;
    padding: 3px 0px;
    cursor: pointer;
    overflow: hidden;
    text-indent: 30px;
}
.cancelButton {
    border: 1px solid #600;
    background: #9b0000 url(/includes/images/bg_siteButton.gif) no-repeat -800px 0px;
    text-shadow: -1px 0px #600, 0px 1px #600, 1px 0px #600, 0px -1px #600;
}
.cancelButton:hover {
    background-position: -800px -100px
}
.backButton {
    background: #808081 url(/includes/images/bg_siteButton.gif) no-repeat 0px 0px;    
}
.backButton:hover {
    background-position: 0px -100px
}
.centerAlign .backButton {
    margin-right: 10px;
}
.centerAlign .cancelButton {
    margin-left: 10px;
}
.selectAccountButton {
    background: #80b300 url(/includes/images/bg_siteButton.gif) no-repeat -1200px 0px;    
}
.selectAccountButton:hover {
    background-position: -1200px -100px
}
.stepNumberIndicator {
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    background-color: #f2f2f2;
}
.stepNumberIndicator li {
    margin-top: 5px;
}
#mainContentCopy fieldset {
    border: 1px dotted #999;
    padding: 10px 20px 10px 30px;
    margin: 20px 0px;
    position: relative;
    display: block;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    clear: both;
}
#mainContentCopy fieldset label, #mainContentCopy fieldset input, #mainContentCopy fieldset select, #mainContentCopy fieldset a, #mainContentCopy fieldset span, #mainContentCopy fieldset img {
	vertical-align: top;
}
#mainContentCopy fieldset textarea, #mainContentCopy fieldset input[size="35"]  {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#mainContentCopy fieldset input, #mainContentCopy fieldset select, #mainContentCopy fieldset textarea {
    margin-bottom: 10px;
}
#mainContentCopy fieldset legend {
    border: 1px dotted #999;
    background-color: #fff;
    padding: 5px 10px;
    font-size: .875em;
    margin: 0px 0px 10px -10px;
}
p.requiredFieldsLegend {
    color: #666;
    margin: 0px 0px 20px;
}
p.requiredFieldsLegend span {
    position: relative;
}
p.requiredFieldsLegend span img {
    position: absolute;
    left: -12px;
}
#mainContentCopy fieldset label.formLabel {
    font-size: .875em;
    display: block;
    position: relative;
    padding-bottom: 5px;
}
#mainContentCopy fieldset label.formLabel span {
    white-space: nowrap;
}
#mainContentCopy fieldset label.formLabel img {
    position: absolute;
    left: -12px;
}
#mainContentCopy fieldset span.formLabelValue {
    display: block;
    padding-bottom: 5px;
    font-size: .875em;
}
#mainContentCopy fieldset span.formLabelValue img {
    vertical-align: middle;
}
#mainContentCopy fieldset p {
    margin: 0px 0px 10px 0px;
}
#mainContentCopy fieldset .spaceAfter {
    margin-bottom: 10px !important;
}
fieldset ul.terms {
    margin: 0px;
    padding: 0px 0px 10px;
}
fieldset ul.terms li {
    margin: 0px 0px 0px 35px;
    padding: 0px 0px 5px;
}
fieldset span.inputDescription {
    padding-left: 5px;
}
fieldset #termsAcknowledgement, fieldset .optionGroup, fieldset .optionsWithDescriptions {
    display: block;
    font-size: .875em;
}
fieldset .optionGroup {
    padding-left: 2em;
    position: relative;
}
fieldset .optionGroup input[type="radio"], fieldset .optionGroup input[type="checkbox"] {
    position: absolute;
    left: 0em;
}
fieldset .optionGroup label {
    display: inline-block;
    padding-bottom: 5px;
}
fieldset .optionGroup input, fieldset .optionGroup label, fieldset .optionGroup span, fieldset .optionGroup b {
    vertical-align: middle;
}
fieldset .optionGroup span.optionDetails {
    font-size: .75em;
    display: block;
    padding: 0px 0px 5px 25px;
}
fieldset .optionGroup div.hr {
    height: 8px;
    background: url(../images/line_h.gif) repeat-x 0px 3px;
    clear: right;
}
fieldset .optionsWithDescriptions input {
    float: left;
    width: 20px;
    margin: 0px;
    padding: 0px;
}
fieldset .optionsWithDescriptions label {
    margin-left: 20px;
    display: block;
    padding-bottom: 10px;
}
* html fieldset .optionGroup, * html fieldset .optionsWithDescriptions {
    height: 1%;
}
.confirmationOutput {
    margin-left: 20px;
    margin-top: -10px;
}
.confirmationOutput th {
    padding-top: 10px;
    padding-bottom: 5px;
}
.confirmationOutput td {
    padding-right: 10px;
}
.confirmationOutput th, .confirmationOutput td {
    text-align: left;
}
.editLink {
    display: block;
}
fieldset .fieldsWithExample .fieldExample {
    font-size: .75em;
    color: #666;
    display: block;
    padding-bottom: 5px;
}
fieldset .fieldTip {
    margin: 0px 0px 10px 0px;
    color: #666;
    font-size: .75em;
    padding-left: 17em;
}
fieldset .fieldsetGraphic {
    margin-left: 16em;
    border-width: 0px;
}
body .DESVALErrorText {
    display: none !important;
}
body .DESVALSummaryErrors {
    margin: 5px 0px 0px 55px;
    padding: 0px;
}
body .DESVALSummaryErrors li {
    margin: 0px;
    padding: 0px;
}
fieldset label.formLabel .DESVALRequiredFieldMarker {
    font-size: 0;
    overflow: hidden;
    line-height: 1em;
}
#helpWindow {
    background: #FFF url(../images/help_bg.gif) repeat-y left top;
    padding: 20px 20px 20px 60px;
    text-align: left;
}
#helpWindow h1 {
    margin-top: 0px;
}
#helpWindow h3 {
    margin-bottom: 10px;
}
#helpWindow .accountNumber span {
    padding-left: 0px;
}
#helpWindow p {
    margin-top: 10px;
}
#helpWindow #flashGraph {
    text-align: center;
}
#ctl00_BodyContent_rblGraphOptions {
    margin-left: auto;
    margin-right: auto;
}
#ctl00_BodyContent_rblGraphOptions input, #ctl00_BodyContent_rblGraphOptions label {
    vertical-align: middle;
}
#ctl00_BodyContent_rblGraphOptions label {
    padding-right: 20px;
}
.helpTopLinks {
    float: right;
    margin: 0px;
    padding: 0px 0px 10px;
    list-style: none;
}
.helpTopLinks li {
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    display: inline;
}
.helpTopLinks li .helpLink {
    float: none;
    padding-bottom: 0px;
}
.ineligibilityMessage {
	margin: 15px 0px;
}
.ineligibilityMessage li {
    margin: 0px 0px 0px 25px;
}
fieldset .spacedList {
    margin-top: 0px;
}
#siteContent .DESVALSummary {
    clear: right;
    background: #ffe5e5 url("../images/cancel_32.gif") no-repeat 10px 10px;
    border: 1px solid #f00;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
}
#siteContent .DESVALSummaryHeader {
    margin: 0px 0px 0px 40px;
    padding: 5px 0px 0px;
}
#siteContent .DESVALFieldWithError .DESVALMultiSegTextBox, #siteContent textarea.DESVALFieldWithError, #siteContent input.DESVALFieldWithError, #siteContent .DESVALListWithError {
    background-color: #fff;
    border: 2px solid #f00;
}
#siteContent .DESVALCheckBoxWithError {
    background-color: Transparent;
}
.CSRMessage {
    color: #F00;
    padding-bottom: 10px;
    text-align: center;
}
.clearright {
    clear: right;
}
.validationSummary {
    border: 1px solid #F00;
    margin: 20px 0px;
    padding: 15px 10px 10px 50px;
    background: #FF9 url(../images/cancel_32.gif) no-repeat 10px 10px;
    min-height: 32px;
    color: #000 !important;
}
* html .validationSummary {
    height: 32px;
}
.validationSummary ul {
    margin: 5px 0px 0px 20px;
}
.validationSummary ul li {
    margin: 0px;
    font-weight: normal;
}
.helpLink {
    background: url(../images/help_16.gif) no-repeat right top;
    padding: 0px 20px 10px 0px;
    display: inline-block;
    min-height: 16px;
    cursor: help;
    font-size: .875em;
}
p .helpLink, li .helpLink {
    font-size: 1em;
}
.newSectionHelp {
    float: right;
    margin: 0px;
    padding-top: 5px;
}
fieldset .helpLink {
    margin: 0px;
    font-size: .875em;
}
div.radioButtonOption label {
    font-size: .875em;
}
form .DES_CalControl, form .DES_MYPControl {
    font-size: .875em;
    border: 2px solid #999;
    padding: 2px;
}
form .DES_CalControl table, form .DES_MYPControl table {
    border-collapse: inherit;
    font-size: 1em;
}
form .DES_MYPControl table td {
    padding: 2px;
}
form .DES_CalControl .DES_CalWeekRowsTable {
    border: 1px solid #ccc;
}
form .DES_CalControl th, form .DES_CalControl td {
    font-size: 1em;
}
form .DES_CalControl .DES_CalDayHeader, form .DES_CalControl .DES_CalDayHeader th, form .DES_MYPControl .DES_FYPYearTitle {
    background-color: #ede6d5;
}
form .DES_CalControl .DES_CalDayHeader {
    font-size: .785714286em;
}
form .DES_CalControl .DES_CalDay, form .DES_CalControl .DES_CalDay tr {
    border-color: #ccc;
}
form .DES_CalControl .DES_SDUnselectable1, form .DES_CalControl .DES_SDUnselectable1 tr,
form .DES_CalControl .DES_SDUnselectableOM1, form .DES_CalControl .DES_SDUnselectableOM1 tr {
    background-color: #f2f2f2;
    border-color: #ccc;
    color: #999;
}
form .DES_CalControl .DES_CalCommandButton, form .DES_MYPControl .DES_FYPFooterButton {
    background-color: #ccc;
    border-style: none;
    border-width: 0px;
    font-size: 1em;
}

.passwordBarBorder { 
    border: solid 1px; width: 200px; 
}
.passwordBarWeak { 
    background: red;
}
.passwordBarAverage {
    background: yellow;
}
.passwordBarStrong { 
    background: green; 
}        
.passwordBarText {
    margin-top: -20px;
    background-color: White;
}
/* ---------- FOOTER STYLES ---------- */
#siteFooterContainer {
    padding: 0px;
    margin: 0px 10px;
}
#footerQuickLinks {
    margin-left: 20px;
    text-align: left;
}
#footerQuickLinks h3 {
    margin: 0px;
    padding: 20px 0px 10px;
    font-size: .875em;
}
#footerQuickLinks select {
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: .75em;
    height: 22px;
    padding-top: 2px;
    vertical-align: middle;
}
#footerQuickLinks .greenButton {
    font-size: .75em;
    padding: 2px;
}
#socialMediaLinks {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#socialMediaLinks li {
    margin: 0px 0px 5px 5px;
    padding: 0px 0px 0px 20px;
    min-height: 16px;
    font-size: .75em;
}
* html #socialMediaLinks li {
    height: 16px;
}
#socialMediaLinks li.twitter {
    background: url(/includes/images/twitter_16.png) no-repeat 0px 0px;
}
#socialMediaLinks li.facebook {
    background: url(../images/facebook_16.gif) no-repeat 0px 0px;
}
#socialMediaLinks li.linkedin {
    background: url(../images/linkedin_16.gif) no-repeat 0px 0px;
}
.siteBottomNavSection {
    margin-bottom: 20px;
}
#siteBottomNav {
    position: relative;
    padding-top: 15px;
    margin: 0px 10px;
}
#siteBottomNav:after {
    clear: both;
    display: block;
    content: ".";
    height: 0px;
    visibility: hidden;
}
#siteBottomNav {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html #siteBottomNav  {
    height: 1%;
}
#siteBottomNav {
    display: block;
}
/* End hide from IE-mac */
#siteBottomNav h3 {
    margin: 0px;
    padding: 0px;
    font-size: .875em;
    border: 1px solid #999;
    background-color: #cccccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc);
    background-image: -moz-linear-gradient(top, #f2f2f2, #cccccc);
    background-image: -o-linear-gradient(top, #f2f2f2, #cccccc);
    background-image: linear-gradient(to bottom, #f2f2f2, #cccccc);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#siteBottomNav h3 a {
    display: block;
    padding: 5px 10px;
    background: url(/includes/images/bg_siteBottomNav.gif) no-repeat right 2px;
}
#siteBottomNav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#siteBottomNav ul li {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    font-size: .75em;
    background-color: #fff;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#siteBottomNav ul li a {
    display: block;
    padding: 5px 10px;
    background: url(/includes/images/bg_siteBottomNav.gif) no-repeat right top;
}
#siteBottomNav a {
    color: #000;
}
#siteFooter {
    max-width: 1200px;
    text-align: left;
    margin: auto;
    position: relative;
}
#siteFooter p {
    margin: 0px;
    padding: 10px 15px 20px;
    border-top: 1px dotted #999;
    position: relative;
    font-size: .75em;
}
#parentCompanyContainer {
    padding: 5px 0px 10px 15px;
    text-align: left;
}
#debugPanel {
    background-color: #666;
    color: #fff;
    padding: 10px 20px;
}
#debugPanel a {
    color: #fff;
}


/* ---------- RESPONSIVE STYLES ---------- */
/* for 480px or less */
@media screen and (max-width: 480px) {
    #siteContentContainer #siteContent {
        background-image: none;
    }   
}
/* for 480px or greater */
@media screen and (min-width: 480px) {
    th.hideFromMobile, td.hideFromMobile {
        display: table-cell;
    }
    div.hideFromMobile, p.hideFromMobile {
        display: block;
    }
    .hideFromMobile {
        display: inline;
    }
    #mainContentCopy {
        min-height: 250px;
    }
    li {
        margin-left: 40px;
    }
    .editLink {
        padding-left: 20px;
        display: inline;
    }
    a.pdf {
        background: url(../images/adobe.gif) no-repeat right top !important;
        padding-right: 21px;
        white-space: nowrap;
        display: inline-block;
        min-height: 14px;
    }
    a.word {
        background: url(/includes/images/search_doc.gif) no-repeat right top !important;
        padding-right: 21px;
        white-space: nowrap;
        display: inline-block;
        min-height: 14px;
    }
    .siteSidebar ul {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
    #frmLoginContainer ul, .faqSidebar ul {
        -webkit-column-count: auto; /* Chrome, Safari, Opera */
        -moz-column-count: auto; /* Firefox */
        column-count: auto;
    }
    #siteFooter {
        padding-top: 20px;
    }
    #footerQuickLinks {
        position: absolute;
        top: 0px;
        left: 20px;
        width: 220px;
        margin-left: 0px;
    }
    #siteBottomNav {
        margin: 0px 0px 0px 260px;
        padding-top: 0px;
    }
    .siteBottomNavSection {
        margin-bottom: 0px;
    }
    #siteBottomNav h3 {
        padding: 0px 0px 5px;
        background-color: Transparent;
        background-image: none;
        border-width: 0px;
    }
    #siteBottomNav h3 a {
        padding: 0px;
        background-image: none;
    }
    #siteBottomNav ul {
        padding: 0px 0px 20px;
        list-style: disc;
    }
    #siteBottomNav ul li {       
        margin: 0px 0px 0px 25px;
        padding: 5px 0px 0px;
        background-color: Transparent;
        border-width: 0px;
    }
    #siteBottomNav ul li a {
        padding: 0px;
        background-image: none;
    }
    .naturewisePartners li {
        float: left;
        width: 50%;
    }
}
/* for 575px or greater */
@media screen and (min-width: 575px) {
    body {
        font-size: 100%;
    }
    #siteHeaderContainer, #siteContentContainer, #siteFooterContainer {
        padding: 0px 20px;
        margin: 0px;
    }
    #siteTopNavBackground, #siteTopNav {
        border: 1px solid #339;
        background-color: #4d4db3;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#333399));
        background-image: -webkit-linear-gradient(top, #6666cc, #333399);
        background-image: -moz-linear-gradient(top, #6666cc, #333399);
        background-image: -o-linear-gradient(top, #6666cc, #333399);
        background-image: linear-gradient(to bottom, #6666cc, #333399);
        border-right-width: 0px;
    }
    #siteTopNav {
        position: relative;
        border-width: 1px 20px;
        display: block;
        height: 30px;
        margin: 0px -20px -5px;
        list-style: none;
    }
    #siteTopNav li {
        margin: 0px;
        display: block;
        height: 30px;
        font-size: 14px;
        position: absolute;
        top: 0px;
        width: 25%;
        border-right: 1px solid #339;
        white-space: nowrap;
        text-shadow: -1px 0px #339, 0px 1px #339, 1px 0px #339, 0px -1px #339;
    }
    #siteTopNav a {
        color: #fff;
        display: block;
        height: 30px;
    }
    #siteTopNav a span {
        display: block;
        padding: 6px 15px 0px;
    }
    #siteTopNavTab1 {
        left: 0;
    }
    #siteTopNavTab2 {
        left: 25%;
    }
    #siteTopNavTab3 {
        left: 50%;
    }
    #siteTopNavTab4 {
        left: 75%;
    }
    #siteTopNav ul {
        list-style: none;
        position: absolute;
        right: 0px;
        top: 30px;
        left: 5px;
        background-color: #333;
        margin: 0px;
        display: none;
        border: 1px solid #333;
        border-bottom-width: 0px;
    }
    #siteTopNav ul li {
        position: relative;
        height: auto;
        width: 100%;
        text-align: left;
        border-width: 0px;
        font-size: 12px;
        white-space: normal;
        border-bottom: 1px solid #333;
        text-shadow: none;
    }
    #siteTopNav ul li a {
        height: auto;
        background-color: #666;
        width: 100%;
    }
    #siteTopNav ul li a:hover {
        background-color: #f27013;
        text-decoration: none;
    }
    #siteTopNav ul li a span {
        background-image: none;
        padding: 5px 10px;
    }
    #siteHeaderContainer {
        padding-bottom: 0px;
    }
    #siteHeader {
        padding-top: 0px;
        text-align: left;
    }
    #siteLogo {
        height: 107px;
    }
    #siteLogo a {
        height: 107px;
        width: 240px;
        background: url(../images/logo_screen.gif) no-repeat 51px 14px;
    }
    #siteTopLinks {  
        top: 24px;
        right: 20px;    
    }
    #siteTopLinks ul {
        padding-right: 0px;
    }
    #siteTopLinks ul li {
	    margin-left: 20px;
    }
    #siteTopLinks ul li a {
        padding-right: 20px;
    }
    #siteTopLinks ul li a.contact {
        display: block;
        background: url(../images/mail_16.gif) no-repeat right top;
    }
    #siteTopLinks ul li a.account {
        background: url(../images/security-locked_16.gif) no-repeat right top;
    }
    #siteTopLinks ul #menuButton {
        display: none;
    }
    #siteHeader #frmSearch {
        display: block;
        top: 60px;
        right: 20px;
        left: auto;
        width: 208px;
        background-color: #f2f2f2;
        border: 1px solid #999;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    #siteHeader #txtKeywords {
        display: block;
        background-color: Transparent;
        border-width: 0px;
        padding: 3px 0px;
        width: 185px;
        margin-left: 5px;
        color: #666;
        font-size: .75em;
    }
    #contactUsQuickLink {
        display: none;
    }
    #siteContentContainer {
        background: #fff url(/includes/images/bg_siteContentContainer.gif) repeat-x 0px 0px;
    }
    .homeSection #siteContentContainer {
        background: #fff url(/includes/images/bg_siteContentContainer_home.gif) repeat-x 0px 0px;
    }
    .businessSection #siteContentContainer {
        background: #fff url(/includes/images/bg_siteContentContainer_business.gif) repeat-x 0px 0px;
    }
    .companySection #siteContentContainer {
        background: #fff url(/includes/images/bg_siteContentContainer_company.gif) repeat-x 0px 0px;
    }
    #mainContent {
        padding-top: 125px;
        background-color: Transparent;
    }
    .homeSection #mainContent, .businessSection #mainContent, .companySection #mainContent {
        padding-top: 200px;
    }
    #headingContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 125px;
    }
    .homeSection #headingContainer, .businessSection #headingContainer, .companySection #headingContainer {
        height: 200px;
    }
    #breadcrumbsAndHeading {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: url(/includes/images/bg_breadcrumbsAndHeading.png) repeat-y left top;
        text-shadow: -1px 0px 2px #fff, 0px 1px 2px #fff, 1px 0px 2px #fff, 0px -1px 2px #fff;
    }
    .breadcrumbNav {
        padding: 15px 0px;
    }
    .pageHeading {
        padding-bottom: 15px;
    }
    h1 {
        font-size: 1.5em;
    }
    h2, h3, h4, h5, h6 {
        font-size: 1em;
    }
    .accountNumber, .accountSelectionTable td {
        font-size: .875em;
    }
    .newSection {
        padding-top: 10px;
    }
    #loadingGraphicContainer {
        top: 30px;
        bottom: 30px;
        right: 30px;
        left: 30px;
    }
    .naturewisePartners li {
        width: 40%;
        margin: 0px 10px;
    }
    .siteSidebar ul {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }
    .faqSidebar ul {
        -webkit-column-count: auto; /* Chrome, Safari, Opera */
        -moz-column-count: auto; /* Firefox */
        column-count: auto;
    }
}
/* for 700px or greater */
@media screen and (min-width: 700px) {
    #siteTagLine {
        display: block;
        position: absolute;
        left: 260px;
        top: 65px;
        width: 133px;
        height: 14px;
        margin: 0px;
        background: url(../images/tagline.gif) no-repeat left top;
    }
    #siteTagLine span {
        display: none;
    }
    .homeSection .sectionIndex li, .businessSection .sectionIndex li, .companySection .sectionIndex li {
        width: 49%;
        min-width: 49%;
        float: left;
        display: inline;
    }
    .stepNumberIndicator {
        list-style: none;
        margin: 15px 0px 0px 0px;
        padding: 0px;
        min-height: 50px;
        width: 100%;
        display: block;
        overflow: visible;
        clear: right;
        position: relative;
        background-color: Transparent;
        border-bottom-width: 0px;
    }
    .stepNumberIndicator:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .stepNumberIndicator {
        display: inline-block;
    }
    .stepNumberIndicator li {
        margin: 0px;
        padding: 0px;
        display: block;
        width: 100px;
        font-size: .75em;
        text-align: center;
        color: #ccc;
        min-height: 49px;
        float: left;
        border-top-width: 0px;
    }
    .stepNumberIndicator li.step1 {
        background: url(../images/step1.gif) no-repeat 0px 0px;
    }
    .stepNumberIndicator li.step2 {
        background: url(../images/step2.gif) no-repeat 0px 0px;
    }
    .stepNumberIndicator li.step3 {
        background: url(../images/step3.gif) no-repeat 0px 0px;
    }
    .stepNumberIndicator li.step4 {
        background: url(../images/step4.gif) no-repeat 0px 0px;
    }
    .stepNumberIndicator li.step5 {
        background: url(../images/step5.gif) no-repeat 0px 0px;
    }
    .stepNumberIndicator li.stepDisabled {
        background-position: -200px 0px;
    }
    .stepNumberIndicator li a, .stepNumberIndicator li span {
        padding: 48px 5px 0px;
        display: block;
    }
    .stepNumberIndicator li.stepActive {
        background-position: -100px 0px;
    }
    .stepNumberIndicator li.stepActive a {
        text-decoration: none;
    }
    .stepNumberIndicator li.stepActive span {
        color: #666;
    }
    .helpLink {
        float: right;
    }    
    fieldset .helpLink {
        margin-left: 20px;
    }
    p.requiredFieldsLegend span, #mainContentCopy fieldset label.formLabel {
        width: 16em;
        float: left;
    }
    p.requiredFieldsLegend span {
        display: block;
    }
    p.requiredFieldsLegend span img {
        top: 3px;
        right: 3px;
        left: auto;
    }
    #mainContentCopy fieldset label.formLabel {
        clear: left;
    }
    #mainContentCopy fieldset label.formLabel span {
        text-align: right;
        display: block;
        padding-right: 15px;
    }
    #mainContentCopy fieldset label.formLabel span span {
        padding-right: 0px;
    }
    #mainContentCopy fieldset label.formLabel img {
        top: 3px;
        right: 3px;
        left: auto;
    }
    #mainContentCopy fieldset .indentedObject, #mainContentCopy fieldset span.formLabelValue, fieldset #termsAcknowledgement, fieldset .optionGroup, fieldset .optionsWithDescriptions {
        margin-left: 16em;
    }
    fieldset .fieldsWithExample {
        padding-top: 1.2em;
        position: relative;
        margin-bottom: 3px;
        overflow: hidden;
    }
    fieldset .fieldsWithExample .fieldExample {
        display: inline;
        position: absolute;
        top: 0px;
        height: 1.2em;
        padding-bottom: 0px;
        white-space: nowrap;
    }
    fieldset .fieldsWithExample input {
        margin-bottom: 0px;
    }
    #mainContentCopy fieldset input, #mainContentCopy fieldset select, #mainContentCopy fieldset textarea {
        margin-bottom: 3px;
    }
    .fieldDescription {
        color: #666;
        font-size: .8571428em;
    }
    dl.verify {
        position: relative;
        margin-top: 20px;
        clear: right;
        overflow: hidden;
    }
    dl.verify dt {
        margin: 0px;
        padding: 0px;
        width: 16em;
        text-align: right;
    }
    dl.verify dd {
        margin: 0px;
        padding: 0px 0px 8px;
        margin-left: 17em;
        margin-top: -1.2em;
        min-height: 1.2em;
    }
    * html dl.verify dd {
        height: 1.2em;
    }
    .contentSplitLeftColumn {
        width: 48.5%;
        float: left;
    }
    .contentSplitRightColumn {
        width: 48.5%;
        float: right;
    }
    .contentSplitLeftColumn h2, .contentSplitRightColumn h2 {
        margin-top: 0px;
    }
    #mainContentCopy fieldset input[type="text"], #mainContentCopy fieldset textarea {
        width: auto;
    }
    .continueButton, .disabledSiteButton {
        padding: 3px 8px 3px 27px;
        background-position: -400px 0px;
    }
    .continueButton:hover {
        background-position: -400px -100px;
    }
    .disabledSiteButton, .disabledSiteButton:hover {
        background-position: -400px -200px;
    }
    .backButton, .cancelButton, .selectAccountButton {
        width: auto;
        overflow: visible;
        padding: 3px 8px 3px 23px;
        max-width: 200px;
        text-indent: 0px;
    }
    .centerAlign .backButton {
        margin-right: 100px;
    }
    .centerAlign .cancelButton {
        margin-left: 100px;
    }
    .siteBottomNavSection {
        float: left;
        width: 50%;
    }
    .languageLinks {
        position: absolute;
        top: 10px;
        right: 15px;
    }
    .firstDivider {
        display: none;
    }
    #parentCompanyContainer {
        padding-right: 26px;
        padding-left: 0px;
        text-align: right;
    }
}
/* for 850px or greater */
@media screen and (min-width: 850px) {
    #siteTopNavBackground {
        display: block;
        position: absolute;
        right: 0px;
        bottom: -10px;
        height: 48px;
        left: 50%;
    }
    #siteHeaderContainer, #siteHeader {
        height: 125px;
    }
    #siteLogo {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 125px;
    }
    #siteLogo a {
        height: 125px;
        background-position: 51px 24px;
    }
    #siteTagLine {
        top: 55px;
    }
    #siteTopNav {
        position: absolute;
        right: 0px;
        bottom: -10px;
        left: 240px;
        height: 48px;
        margin: 0px;
        border-width: 1px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #siteTopNav li {
        height: 48px;
        font-size: 16px;
    }
    #siteTopNav a {
        height: 48px;
    }
    #siteTopNav a span {
        padding: 15px 20px 0px 20px;
    }
    #siteTopNav ul {
        top: 48px;
        left: 10px;	
    }
    #siteTopLinks {
        right: 248px;
    }
    #siteHeader #frmSearch {
        top: 20px;
    }
    .homeSection #mainContentCopy, .businessSection #mainContentCopy, .companySection #mainContentCopy, .accountSummarySection #mainContentCopy {
        float: left;
        width: 100%;
        margin-right: -270px;
        /* This accounts for the left margin of plus the width of the sidebar and its margins:  
        20 + 20 + 210 + 20 = 270 */
    }
    .homeSection #mainContentCopy #mainContentCopyInner, .businessSection #mainContentCopy #mainContentCopyInner, .companySection #mainContentCopy #mainContentCopyInner, .accountSummarySection #mainContentCopy #mainContentCopyInner {
        margin-right: 270px;
    }
    .homeSection #mainContentSidebar, .businessSection #mainContentSidebar, .companySection #mainContentSidebar, .accountSummarySection #mainContentSidebar {
        float: left;
        clear: none;
        width: 210px;
        margin: 20px 0px 20px 20px;
    } 
    .siteSidebar ul {
        -webkit-column-count: auto; /* Chrome, Safari, Opera */
        -moz-column-count: auto; /* Firefox */
        column-count: auto;
    }
    .flexibleVideoContainer {
        float: left;
    }
    .wmvVideoContainer {
        float: left;
        margin: 0px;
        width: 38%;
    }
    .wmvVideoContainerDescription {
        margin-left: 353px;
        min-height: 260px;
    }
    .siteBottomNavSection {
        float: left;
        width: 25%;
    }
}
/* for 980px or greater */
@media screen and (min-width: 980px) {
    #siteTopNav a span {
        padding: 15px 40px 0px 20px;
        background: url(/includes/images/bg_siteTopNavButton.gif) no-repeat right top;
    }
    .naturewisePartners li {
        width: 30%;
    }
}

/* ---------- PRINT-SPECIFIC STYLES ---------- */
.printPage {
	padding-right: 20px;
	background: url(../images/print_16.gif) no-repeat right top;
	display: inline-block;
	min-height: 16px;
}
@media print {
    body {
        background-color: Transparent !important;
        text-align: left;
    }
    #logoPrint, .hideFromMobile {
        display: block;
    }
    #siteHeaderContainer, #siteHeader, #siteContentContainer, #mainContent, #mainContentCopy, #siteFooterContainer {
        padding: 0px;
        margin: 0px;
        min-height: 0px;
    }
    #siteLogo, #siteTopLinks, #frmSearch, #btnSearch, .breadcrumbNav, #mainContentSidebar, #footerQuickLinks, #socialMediaLinks, #siteBottomNav, #debugPanel {
        display: none;
    }
    .pageHeading {
        margin: 20px 0px;
    }
    span.hideFromMobile { 
        display: inline; 
    }
    #siteFooter p {
        padding: 10px 0px 0px;
    }
}