@charset "UTF-8"; body, div, form, input, fieldset, label, blockquote, ul, ol, li, dl, dt, dd, p, a, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

#PageWrapper { width: 952px; margin: 30px auto 0px auto; font: normal 12px/1.2em georgia, times new roman, serif; }
#LayoutWrapper { position: relative; }

h1, h2, h3, h4, #Header a, #Nav li, #Utilities p, blockquote p, #Close, #Top, p.homeLink { text-indent: -9999px; }

p { margin-bottom: 17px; line-height: 18px; }

a { background: url(../images/backgrounds/dotted-line-white.gif) repeat-x left 14px; color: #fff ; text-decoration: none; font-style: italic; }
a:hover { background: url(../images/backgrounds/dotted-line-plum.gif) repeat-x left 14px; color: #c4657b; }
a:focus { outline: none; }
a img { border: none; }
#Primary a.apply { }
#Primary a.apply:hover { }
.clear { clear: both; font-size: 1px; height: 0px; }
#Col2 a { }
#Col2 a:hover { }
#Header { background: url(../images/backgrounds/header-new2.jpg) no-repeat; height: 218px; position: relative; }
#Header h1, #Header h2 { position: absolute; display: block; }
#Header h1 { background: url(../images/headings/identity.gif) no-repeat; height: 40px; width: 324px; left: 296px; top: 83px; }
#Header h2 { background: url(../images/headings/tagline.gif) no-repeat; height: 13px; width: 360px; left: 297px; top: 134px; }
#Header a:hover { border: none; }
#Header a.apply { background: url(../images/headings/btn-apply.gif) no-repeat 0 0; width: 182px; height: 36px; display: block; position: absolute; left: 723px; top: 86px; }
#Header a.apply:hover { background: url(../images/headings/btn-apply.gif) no-repeat 0 -38px; border: none; }
#Header p.homeLink { position: absolute; width: 187px; height: 124px; display: block; left: 54px; top: 29px; }
#Header p.homeLink a { height: 124px; width: 187px; display: block; background-image: none; }
#Header a.OtherCards { background: url(../images/backgrounds/other-cards.gif) no-repeat 0 0; display: block; position: absolute; left: 723px; top: 135px; width: 161px; height: 30px; text-indent: -9999px; }
#Header a.OtherCards:hover { background: url(../images/backgrounds/other-cards.gif) no-repeat 0 -31px; }

#Nav { list-style: none; float: right; background: url(../images/backgrounds/nav3.gif) no-repeat 0 0; width: 448px; height: 27px; position: relative; margin-right: 42px; margin-top: 20px; }
#Nav li { display: block; width: inherit; height: 27px; position: absolute; top: 0; border-bottom: #9e4f6b 1px solid; font-size: 1px; }
#Nav li a { height: 27px; display: block; width: inherit; background-image: none; }
#Nav li.active { border-bottom: none; border-top: #9e4f6b 1px solid; height: 35px; top: -5px; }
#Nav li.active a { height: 35px; }

#Nav #Home { width: 101px; left: 0px; }
#Nav #About { width: 223px; left: 0px; }
#Nav #Who { width: 223px; left: 225px; }
#Nav #Refer { width: 165px; left: 467px; }

#Nav #Home a:hover { background: url(../images/backgrounds/nav2.gif) 0 -65px; }
#Nav #Home.active a, #Nav #Home.active a:hover { background: url(../images/backgrounds/nav2.gif) 0 -30px; }

#Nav #About a:hover { background: url(../images/backgrounds/nav3.gif) 0px -65px; }
#Nav #About.active a, #Nav #About.active a:hover { background: url(../images/backgrounds/nav3.gif) 0px -30px; }

#Nav #Who a:hover { background: url(../images/backgrounds/nav3.gif) -225px -65px; }
#Nav #Who.active a, #Nav #Who.active a:hover { background: url(../images/backgrounds/nav3.gif) -225px -30px; }

#Nav #Refer a:hover { background: url(../images/backgrounds/nav2.gif) -467px -65px; }
#Nav #Refer.active a, #Nav #Refer.active a:hover { background: url(../images/backgrounds/nav2.gif) -467px -30px; }

#ContentWrapper { background: #fff url(../images/backgrounds/page-destruct.gif) right bottom no-repeat; border-left: #9e4f6b 1px solid; color: #f3f3f3; }
#ContentWrapper.refer { border-left: none; }
#Content { width: 910px; background: #610026 url(../images/backgrounds/content.png) no-repeat left top; padding: 0 30px 0 10px; height: 292px; }
.refer #Content { width: 780px; background-color: #610026; background-image: none; padding: 80px 30px 0 50px; height: 270px; font: normal 12px/1.2em georgia, times new roman, serif; margin: 15px; }
.refer #Content #Close { background: url(../images/backgrounds/btn.close.gif) no-repeat left center; position: absolute; width: 51px; height: 16px; top: -55px; left: 720px; display: block; }
* html .refer #Content #Close { top: -55px; left: 700px; }
.refer #Content #Close:hover { border: none; }
#Content #Quotes { float: left; width: 137px; margin: 3px 21px 0 0; font-size: 1px; height: 200px; overflow: hidden; }
#Content #Quotes blockquote { display: none; height: 200px; }
#Content #Quotes .quote1 { background: url(../images/backgrounds/quotes/quote1.gif) no-repeat; }
#Content #Quotes .quote2 { background: url(../images/backgrounds/quotes/quote2.gif) no-repeat; }
#Content #Quotes .quote3 { background: url(../images/backgrounds/quotes/quote3.gif) no-repeat; }
#Content #Quotes .quote4 { background: url(../images/backgrounds/quotes/quote4.gif) no-repeat; }
#Content #Quotes .quote5 { background: url(../images/backgrounds/quotes/quote5.gif) no-repeat; }
#Content #Quotes .quote6 { background: url(../images/backgrounds/quotes/quote6.gif) no-repeat; }
#Content #Quotes .quote7 { background: url(../images/backgrounds/quotes/quote7.gif) no-repeat; }
#Content #Quotes .quote8 { background: url(../images/backgrounds/quotes/quote8.gif) no-repeat; }
#Content #Quotes .quote9 { background: url(../images/backgrounds/quotes/quote9.gif) no-repeat; }
#Content #Quotes .quote10 { background: url(../images/backgrounds/quotes/quote10.gif) no-repeat; }
#Content #Quotes .quote11 { background: url(../images/backgrounds/quotes/quote11.gif) no-repeat; }
#Content #Quotes .quote12 { background: url(../images/backgrounds/quotes/quote12.gif) no-repeat; }
#Content #Quotes .quote13 { background: url(../images/backgrounds/quotes/quote13.gif) no-repeat; }
#Content #Quotes .quote14 { background: url(../images/backgrounds/quotes/quote14.gif) no-repeat; }
#Content #Quotes .quote15 { background: url(../images/backgrounds/quotes/quote15.gif) no-repeat; }
#Content #Quotes .quote16 { background: url(../images/backgrounds/quotes/quote16.gif) no-repeat; }
#Content #Quotes .quote17 { background: url(../images/backgrounds/quotes/quote17.gif) no-repeat; }
#Content #Quotes .quote18 { background: url(../images/backgrounds/quotes/quote18.gif) no-repeat; }
#Content #Quotes .default { display: block; }

#Content ul { margin: 0 0 14px 18px; }
#Content ul li { margin: 9px 0; }
#Content p.dollar { background: url(../images/backgrounds/icon.dollar.gif) no-repeat 0 2px; width: 250px; padding: 0 0 0 20px; }
#Content p.percent { background: url(../images/backgrounds/icon.percent.gif) no-repeat 0 4px; width: 250px; padding: 0 0 0 20px; }

#Content h3 { display: block; height: 9px; margin: 2px 0 7px 0; font-size: 1px; }
#Content h3.home { background: url(../images/headings/copy-plumcard.gif) no-repeat; width: 94px; }
#Content h3.refer { background: url(../images/headings/copy-invite.gif)  no-repeat; width: 94px; }
#Content h3.about { background: url(../images/headings/copy-about.gif)  no-repeat; width: 131px; }
#Content h3.early { background: url(../images/headings/about-earlypay.gif) no-repeat; width: 121px; }
#Content h3.new { background: url(../images/headings/h3.who.gif) no-repeat; width: 82px; margin: 0 0 10px 0; }
#Content h3.benefits { background: url(../images/headings/h3.benefits.gif) no-repeat; width: 327px; margin: 0 0 10px 5px; }
#Content h3.defer { background: url(../images/headings/about-deferpay.gif) no-repeat; width: 110px; }
#Content h3.terms, #External h3.terms { background: url(../images/headings/terms.gif) left center no-repeat; width: 180px; height: 20px; }
#Content h3.plum { background: url(../images/headings/who-plum.gif) no-repeat left 1px; width: 110px; height: 12px; float: left; margin: 0; }
#Content p.terms { margin: 30px 0 0 0; }
#Content p.note { margin: 20px 0 0 0; color: #d0b3be; }

#Content #Primary { float: left; width: 267px; margin-right: 16px; position: relative; } 
.refer #Content #Primary { float: left; width: 267px; margin: 0 16px 0 20px; position: relative; }
#Content #Primary p { line-height: 15px; }
.refer #Content #Primary p { line-height: 15px; margin: 0 0 10px 0; }
#Content #Primary p strong { font-weight: normal; } 
#Content #PrimaryInner { width: 710px; margin: 15px 0px 0px 23px; overflow: hidden; }
#Content #PrimaryInner #Col1 { width: 218px; float: left; margin: 0 15px 0 0; }
#Content #PrimaryInner #Col2 { width: 475px; float: left; }
#Content #PrimaryInner p { margin: 0 0 20px 0; }
#Content #PrimaryInner p.termsLink { padding-left: 5px; margin: 0; }
#Content #PrimaryInner p.termsLink a { }
#Content #PrimaryInner p.termsLink a:hover { }
#Content #PrimaryInner ul li { margin: 0; padding: 0; }
#Content #PrimaryInner ul li { list-style-type: none; list-style-image: url(../images/backgrounds/arrow.gif); margin: 0 0 6px 0; line-height: 15px; }
* html #Content #PrimaryInner ul li, *: first-child+html #Content #PrimaryInner ul li { margin: 0 0 3px 0; }
#Content #Secondary { float: left; width: 451px; position: relative; z-index: 100; }
#Content #Secondary .split { margin-bottom: 28px; background: url(../images/backgrounds/about-divider.gif) 20px top repeat-y; padding-bottom: 2px; padding-left: 19px; }
#Content #Secondary #EarlyPay, 
#Content #Secondary #DeferPay { padding-left: 48px; }
#Content #Secondary #EarlyPay { background: url(../images/backgrounds/about-dollar.gif) 12px 6px no-repeat; }
#Content #Secondary #DeferPay { background: url(../images/backgrounds/about-percent.gif) 2px 7px no-repeat; }

#ColumnWrapper { width: 910px; background: #610026 url(../images/backgrounds/content.png) no-repeat left top; padding: 0 30px 0 10px; height: 292px; }

/*** Flash ***/
#flashWrapper { width: 733; height: 126px; margin: -20px 0 0 -16px; }
* html #flashWrapper { width: 733; height: 126px; margin: -10px 0 0 -5px; }
object { outline: none; }

/***Styles specific to the card carousel, terms and cond. & bzz***/
#Content.carousel { padding: 0 0 0 27px; width: 923px; height: 292px; position: relative; } 
#Content.terms { padding: 0 0 50px 37px; width: 913px; }

#Content.bzz p { margin-bottom: 10px; }
#Content.bzz #Secondary .split { margin-bottom: 20px; }


#Content.carousel #Primary { float: left; width: 765px; margin: -20px 0px 0px 0px; } 
* html .carousel #Primary { margin: -20px 0px 0px 0px; }
#Content.terms #Primary { float: left; width: 765px; margin-right: 0; } 
#Content.carousel #Secondary { /*width: 720px; margin-right: 0px; padding: 5px 5px 5px 130px; */ }
#Content.terms #Secondary { width: 760px; margin-right: 0px; padding: 5px 5px 5px 130px; }

/***Styles for lists on 'terms and cond.' use if js enabled columns***//*
#Content .columns { counter-reset: section; overflow: hidden; width: 100%; margin: 0 0 10px; }
#Content .columns ol { float: left; margin: 0 2px 0 0; padding: 0 0 0 20px; width: 160px; }*/

/***b/c of the different hierarchy of #External in IE, styles must be duplicated to include it specifically : ( ***/
#Content ol, #External ol { padding: 0 0 0 28px; }
#Content ol h4, #External ol h4 { text-indent: 0px; display: block; margin-bottom: 10px; }
#Content ol p, #External ol p { display: block; text-indent: 0px; }
#Content ol.columns, #External ol.columns { float: left; margin: 0 20px 0 0; padding-left: 35px; width: 150px; padding-top: 10px; }
#Content ol.columns li, #External ol.columns li { margin-bottom: 5px; } 
#Content ol.columns li a, #External ol.columns li a { color: #f3f3f3; } 
#Content ol.terms li, #External ol.terms li { margin-bottom: 20px; }

#Content dl, #External dl { clear: both; background-color: #56061f; padding: 15px 20px 1px 10px; margin-bottom: 20px; }
*html #Content dl, *html #External dl { padding-top: 5px; }
#Content dl dt, #External dl dt { display: block; margin: 0 0 7px 0; height: 10px; display: block; }
#Content dl dd, #External dl dd { margin: 0 0 20px 0; }
#Content dl #Patriot, #External dl #Patriot { background: url(../images/headings/terms-patriot.gif) no-repeat; width: 127px; text-indent: -9999px; }
#Content dl #Annual, #External dl #Annual { background: url(../images/headings/terms-annual.gif) no-repeat; width: 76px; text-indent: -9999px; }
#Content dl #Late, #External dl #Late { background: url(../images/headings/terms-late.gif) no-repeat; width: 115px; text-indent: -9999px; }

/***Styles for VCard***/
#Utilities { background: url(../images/backgrounds/footer.jpg) left top no-repeat; height: 30px; padding: 6px 20px; }
#Utilities h4, #Utilities p { float: left; }
#Utilities h4 { background: url(../images/headings/util-open.gif) no-repeat; width: 203px; height: 27px; display: block; }
#Utilities h4 a { width: 82px; height: 22px; display: block; }
#Utilities h4 a:hover { border: none; }
#Utilities p { width: 688px; margin-left: 18px; padding-top: 6px; }
#Utilities p strong { display: none; }

#Utilities .cards { width: 286px; height: 16px; display: block; float: left; }
#Utilities .cards a { background: url(../images/headings/util-cards.gif) no-repeat 0 0; width: 286px; height: 16px; display: block; }
*html #Utilities .cards a { line-height: 16px; }
#Utilities .cards a:hover { background: url(../images/headings/util-cards.gif) no-repeat 0 -16px; border: none; }
#Utilities .tel { background: url(../images/headings/phone.gif) no-repeat 0 4px; width: 194px; height: 17px; display: block; float: left; }
#Utilities .refer { background: url(../images/backgrounds/icon.mail.gif) no-repeat 0 3px; width: 140px; height: 14px; display: block; float: right; padding: 3px 0 0 22px; margin-right: -40px; }
#Utilities .refer a { background: url(../images/backgrounds/refer-business.gif) no-repeat 0 0; width: 97px; height: 14px; display: block; margin-top: 0; overflow: hidden; }
#Utilities .refer a:hover { background: url(../images/backgrounds/refer-business.gif) no-repeat 0 -14px; border: none; }
#Footer { background: #fff; color: #5a5a5a; padding-top: 3px; font-size: 10px; clear: both; }
#Footer a { color: #000; }
#Footer a:hover { border-color: #000; }
#Footer span { padding: 0 2px; color: #5a5a5a; }


/***Refer a Business***/
#ReferForm { padding-top: 4px; }
#ReferForm legend, #ReferForm label { display: none; font-size: 1px; }
#ReferForm fieldset { display: block; border: none; padding-left: 48px; }
#ReferForm input { font: normal 12px "georgia", times new roman, serif; display: block; padding: 3px 5px; border: none; color: #666; }
#ReferForm #To { background: transparent url(../images/headings/form-to.gif) no-repeat scroll 72px 4px; height: 105px; }
#ReferForm #From { background: transparent url(../images/headings/form-from.gif) no-repeat scroll 72px 2px; height: 68px; }
#ReferForm #FromName, 
#ReferForm #FromEmail { width: 171px; position: absolute; top: 20px; }
#ReferForm #ToName, 
#ReferForm #ToEmail { width: 171px; position: absolute; top: 91px; }
#ReferForm #FromName,
#ReferForm #ToName,
#ReferForm #ToBusiness { left: 72px; } 
#ReferForm #FromEmail,
#ReferForm #ToEmail { left: 268px; }
#ReferForm #ToBusiness { display: block; width: 367px; position: absolute; top: 132px; }

#ReferForm #Button { height: 32px; padding-left: 0px; display: block; }
#ReferForm #Button #Submit { background: transparent url(../images/backgrounds/btn-invite.gif) no-repeat 0 0; width: 141px; height: 32px; padding: 32px 0 0 0; overflow: hidden; cursor: pointer; display: block; float: right; margin: -12px 0 0 0; }
* html #ReferForm #Button #Submit { margin: -5px 0 0 0; }
#ReferForm #Button #Submit:hover, 
#ReferForm #Button #Submit.hover { background: transparent url(../images/backgrounds/btn-invite.gif) no-repeat 0 -30px; cursor: pointer; }


#ReferForm #Error { position: absolute; width: 250px; height: 15px; left: 70px; top: 172px; }
#ReferForm #Error p { color: #c76888; padding: 0; margin: 0; height: 15px; }
#ReferForm .alert { background: #903053 url(../images/backgrounds/asterisk.gif) no-repeat left top; color: #f3f3f3; }

#ReferForm #Hide input { display: none; }

#External { position: absolute; height: 386px; width: 840px; overflow: hidden; border: 12px solid #fff; left: 16px; top: 62px; background: #610026; padding: 0 28px 28px 28px; z-index: 1000; }
#External #Top { background: url(../images/backgrounds/top.gif) no-repeat left center; position: absolute; width: 84px; height: 16px; top: 15px; left: 740px; display: block; }
#External #Close { background: url(../images/backgrounds/close.gif) no-repeat left center; position: absolute; width: 51px; height: 16px; top: 10px; left: 835px; display: block; }


#External .close { margin: 5px 0px; }

#External #TermsHead { background-color: #4d0018; position: absolute; top: 0; left: 0; width: 867px; height: 33px; padding: 12px 11px 2px 20px; }
#External #TermsHead a:hover { text-decoration: none; border-bottom: none; }
#External #TermsContent { height: 367px; width: 866px; overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; top: 47px; padding: 0 15px 0px 15px; }

#FlashContent { margin-bottom: 5px; }

/*** Tooltip styles ***/

div.tooltip { width: 250px; height: 186px; display: block; position: absolute; top: 305px; left: 40px; background: url(../images/backgrounds/tooltip.gif) no-repeat right center; padding-right: 25px; color: #fff; font-size: 10px; line-height: 11px; }
div.tooltip .wrap { display: block; background: #610026; border: 5px solid #fff; padding: 3px; width: 250px; height: 186px; }
div.tooltip .wrap p { margin: 0; }
a.tooltip { color: #fff; font-style: normal; }

*html div.tooltip { height: 160px; padding-right: 10px; }
*html div.tooltip .wrap { height: 160px; }

/********/


/*** Eliminates bg flicker in IE - only executed by IE ***/
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }