/* Global Styles */ * { padding: 0px; margin: 0px; } body { background-color: #d1cdc8; font-family:Arial, Helvetica, sans-serif; } .nomargin { margin-bottom:0!important; padding-bottom:0!important; } .photoright { float:right; margin-left:15px; } .photoleft { float:left; margin-right:15px; } img.border { border:3px solid #d2cccc; } fieldset { border:none; } label { font-size:12px; color:#444444; } ul.pdf { list-style-type:none; margin-left:0; padding-left:0; } ul.pdf li { background:url(../images/pdficon_small.gif) 1px 0 no-repeat; padding:0 0 1em 23px; } a.button img { float:left; margin-right:5px; } .legal-callout { border: 2px solid #666; padding: 15px; margin-bottom: 18px; } .homecolumn_photo_moneygram { margin-bottom: 1em; } /* Structural */ #topContentBackground { width: 100%; background-image: url(../images/bg_topbar.gif); background-repeat:repeat-x; height: 115px; } #topContent { width: 750px; margin: 0px auto; position: relative; } #midContent { width: 656px; margin: 0px auto; padding: 27px 47px 35px 47px; } #midContentBackground { width: 100%; background-color: #eceae8; border-bottom: 1px solid #757270; } #bottomContent { width: 656px; margin: 0px auto; padding: 18px 47px 0 47px; } #bottomContentBackground { width: 100%; height: 90px; border-top: 4px solid #9d9a96; background-image:url(../images/bg_bottomdiag.gif); background-repeat:repeat-x; } /* HomePage */ #midContentHome { width: 750px; margin: 0px auto; padding: 0 0 0 0; } #midContentBackgroundHome { width: 100%; border-bottom: 1px solid #757270; background-image:url(../images/bg_midbar_home.gif); background-repeat:repeat-x; } #midContentHomePromosBackground { width: 100%; border-top: 1px solid #f8f7f6; margin: 1px 0 0 0; background-color: #f0efee; } #midContentHomePromosFrame { width: 100%; border-top: 4px solid #e3e3e2; } #midContentHomePromoHolder { width: 656px; margin: 0px auto; } #midContentHomePromo1 { height: 215px; width: 197px; float: left; margin: 15px 0 15px 0; border-right: 1px solid #d1cfcd; padding: 0 20px 0 0; } #midContentHomePromo2 { height: 215px; width: 180px; float: left; margin: 15px 0 15px 0; padding: 0 20px 0 20px; } #midContentHomePromo3 { height: 215px; width: 197px; float: left; margin: 15px 0 15px 0; border-left: 1px solid #d1cfcd; padding: 0 0 0 20px; } /* Thickbox */ #thickbox-content {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; margin: 25px;} #thickbox-content p {margin-bottom: 1em;} #thickbox-content ul {margin-left: 1.2em;} #thickbox-content h1 {margin-bottom: 1em; font-size: 1.5em;} /* Page Elements */ #mainContent { position:relative; width: 468px; float: right; } #mainContent div.headline { display:inline-block; position:relative; padding-top:10px; margin-bottom:15px; } #mainContent div.headline h1 { position:relative; z-index:5; font-size:1.2em; } #mainContent div.headline h2 { font-size:.9em; } #mainContent div.headline img { float:right; position:absolute; right:0; bottom:1px; } #mainContent div.headline .hrzrule { clear:both; width:468px; position:relative; z-index:5; margin:0; } #mainContent div.callout { padding:20px 20px 10px; background:#688ab4; } #mainContent div.callout h2 { color:#000; font-size:.9em; } #mainContent div.callout p { color:#000; } #textLinks { } #legal { } #mainContent div.legal { margin-top:30px; } #mainContent div.legal p { font-size:10px; } #topLinks { position: absolute; right: 14px; border-top:1px solid #2e2e2e; background:url(../images/bg_toplinks_left.gif) left no-repeat; padding-left:5px; } #topLinks ul { list-style-type:none; } #topLinks ul li { float:left; } #topLinks ul li img { position:relative; top:5px; } #topLinks ul li a { float:left; display:block; color:#fff; font-size:1em; background:url(../images/bg_toplinks.gif) top right no-repeat; padding:17px 14px 22px; text-decoration:none; } #topLinks ul li a:hover { text-decoration:none; background-position:right -60px; } #topLinks ul li a.home { padding-top:24px;} #topLinks ul li a.last { background:url(../images/bg_toplinks_right.gif) top right no-repeat; padding-right:20px; } #topLinks ul li a.last:hover { background-position:right -60px; } /* fee calculator */ #dim.on * { color:#ccc;text-decoration:none; } #dim.on table { display:none; } #dim.off * { } #feecalculator { border:solid 1px #ccc; padding:15px 20px; margin-bottom:1em; } #feecalculator .pdfdl { position:relative; top:8px; left:10px; } #feecalculator .pdficon { float:left; } #feecalculator .feecalc_left { float:left; padding-right:20px; border-right:solid 1px #ccc; } #feecalculator .feecalc_right { float:left; margin-left:20px; } #feecalc_math td.total { text-align:right; padding-right:30px; } #feecalc_math td.left { border:none; text-align:right; padding-right:30px; } #feecalculator select { width: 213px; } .hrzrule { background-color: #CCC; height: 1px; margin: 1em 0; } table td { border-top: 1px solid #CCC; padding: 5px; } #repayment { font-size: 12px; } /* Typography */ #topContent h1 { font-size: 18px; position: absolute; } #topContent li { font-size: 11px; font-weight: bold; } #mainContent p { font-size: 12px; color: #444444; padding-bottom: 18px; line-height: 18px; } #mainContent p.legal { padding-bottom: 0; line-height:12px;} #mainContent h1 { font-size: 20px; font-weight: bold; color: #4b6e97; padding-bottom: 15px; } #mainContent ol li { margin-bottom:1em; } #textLinks { font-size: 11px; font-weight: bold; color: #666666; } #textLinks a { color: #4b6e97; text-decoration: none; } #textLinks a:hover { text-decoration: underline; } #legal { font-size: 9px; color: #8a8886; line-height: 18px; } #subNav { font-size: 11px; color: #444444; } #mainContent a { color: #4b6e97; } #mainContent ol { font-size: 12px; color: #444444; margin: 0 0 15px 35px; line-height: 18px; } #mainContent ul { font-size: 12px; color: #444444; margin: 0 0 15px 35px; line-height: 18px; } #mainContent li.pad { margin-bottom: 10px; } #mainContent h2 { font-size: 12px; font-weight: bold; padding-bottom: 15px; color: #4b6e97 } #mainContent ol h2 { padding-top: 15px; } #mainContent table { font-size: 11px; color: #444444; margin: 0 0 18px 0; } #midContentHomePromoHolder { font-size: 11px; color: #444444; line-height: 16px; } #midContentHomePromoHolder h1 { font-size: 15px; color: #4b6e97; letter-spacing: -1px; padding-bottom: 10px; } #midContentHomePromoHolder a { color: #4b6e97; font-weight: bold; } #midContentHomePromoHolder p { padding-bottom: 15px; } h3 { font-size: 13px; font-weight: bold; } #midContentHomePromoHolder a:hover { text-decoration: none; } /* Classes (General) */ .clear { clear: both; } .hide { visibility: hidden; } .logo { background-image: url(../images/top_header.gif); background-repeat:no-repeat; width: 750px; height: 80px; display: block; position: absolute; } .linkGap { padding: 0 4px 0 4px; } .frame1 { float: right; background: #d8d5d1; margin-left: 10px; margin-bottom: 10px; } /* Image Frame */ .frame2 { border:#555555 1px solid; position: relative; margin: 2px; } /* Image Frame */ .twoPaneColumnLeft { float: left; width: 232px; color: #444444; font-size: 11px; } .twoPaneColumnRight { float: left; width: 232px; color: #444444; font-size: 11px; } /* Top Navigation */ #nav { position: absolute; top: 80px; height: 30px; width: 750px; } #nav ul { list-style: none; padding: 0; margin: 0 0 0 5px; } #nav li { float: left; } #nav li a { border-left: 1px solid #e1dedb; border-right: 1px solid #aeaaa7; border-bottom: 2px solid #b9b5b1; padding: 8px 12px 0 12px; height: 20px; float: left; display: block; color: #4b6e97; text-decoration: none; text-align: center; } #nav li a:hover { background-color: #8799ad; border-bottom: 2px solid #708092; border-left: 1px solid #596572; border-right: 1px solid #596572; color: #ffffff;} #nav li .navHighlight { background-color: #8799ad; border-bottom: 2px solid #708092; border-left: 1px solid #596572; border-right: 1px solid #596572; color: #ffffff;} .firstItem { border-left: 1px solid #a7a4a0; } /* Sub Nav */ #subNav { width: 155px; } #subNav ul { list-style: none; } #subNav li { border-bottom: 1px solid #dddddd; } #subNav li a { padding: 7px 12px 7px 8px; display: block; text-decoration: none; color: #444444; } * html #subNav li a { height: 1em; } /* Display block fix for ie */ #subNav li a:hover { background-color: #e1dfdd; } .firstSubItem { border-top: 1px solid #dddddd; } .subnavHighLight { background-color: #e1dfdd; } #subNav h2 { font-size: 12px; font-weight: bold; padding-bottom: 5px; color: #4b6e97; } #subNav ul ul { list-style-type:none; margin:0 0 0 15px; } #subNav ul ul li { border:none; } #subNav ul ul li a { background:none; border:none; border-top:1px solid #dddddd; font-size:.9em; padding:2px 4px 2px 3px; } /* Form Elements */ .frmLabel { font-weight: bold; } .inputText { font-size: 11px; color: #444444; width: 200px; } .inputTextArea { font-size: 11px; color: #444444; width: 434px; height: 100px; } /* ZipCode Finder Results */ .searchColumnHeader { padding: 0 0 0 5px; border-bottom: 1px solid #cecdcd; border-right: 1px solid #cfcdcb; } .searchRowBackground0 { background-color:#e5e2e0; font-size:11px; padding: 0 0 0 5px; } .searchRowBackground1 { background-color:#f0efed; font-size:11px; padding: 0 0 0 5px; } /* Misc Classes */ .zipSearch { background-color: #e0dfdc; height: 18px; width: 140px; padding: 5px 0 5px 10px; margin-bottom: 25px; } .stateSearch { background-color: #e0dfdc; height: 18px; width: 160px; padding: 5px 0 5px 10px; } .homeInputSelect { height: 16px; width: 152px; font-size: 9px; color: #444444; } #inputTextZipSearch { width: 38px; margin: 0 0 0 5px; font-size: 11px; color: #444444; } #inputZipSearchSubmit { margin: 0 0 0 5px;} .inputElement { display:block; float: left; } .zipSearch { font-size: 11px; color: #444444; } .twoPaneLeftColumn { float: left; margin: 0 25px 0 0; } .twoPaneRightColumn { float: left; } div.hr { height: 1px; background: #CCCCCC; margin-bottom: 15px; } div.hr hr { display: none; } .error { color: red; } .stateSelect { margin-bottom:2em;} .result-row td {padding: 5px;} #mainContent div.cta { clear:both; margin:0 0 10px 0; padding:12px 22px 17px 13px; height:14px; width:400px; background:url(../images/bg_cta.gif) top right no-repeat; } #mainContent div.cta form { float:left; margin:0 0 0 10px; padding:0; } #mainContent div.cta #inputTextZipSearch { width:100px; } #mainContent div.cta #inputZipSearchSubmit { position:relative; top:-1px; } #mainContent div.cta label { float:left; margin:0 5px 0 0; padding:0; line-height:18px; } #mainContent div.cta input { float:left; position:relative; top:-2px; margin:0 5px 0 0; padding:1px 4px 2px; font-size:12px; } #mainContent div.cta p { display:inline; margin:0; padding:0;} #mainContent div.cta a { float:left; display:block; margin:0 10px 0 0; padding:0; line-height:18px; } #mainContent div.cta a img { margin:0; padding:0; } #mainContent #services div { position:relative; float:left; margin:0 30px 30px 0; width:189px; height:82px; padding:13px 15px; background:#d1cdc8; color:#000; } #mainContent #services h2 { position:relative; z-index:2; font-size:18px; font-weight:normal; color:#000; margin:0 0 4px 0; padding:0; } #mainContent #services p { position:relative; z-index:2; margin-bottom:11px; padding:0; line-height:13px; font-size:11px; } #mainContent #services img { position:absolute; bottom:0; right:0; } #mainContent #services a img { position:relative; } #mainContent #services div.last { margin-right:0; } small.registered { font-size: 8px; vertical-align: super; text-decoration: none; } small.headline { font-size: 8px; vertical-align: text-top; text-decoration: none; } .legal sup.registered { vertical-align:baseline; position:relative; top:-3px; } table.styled { border-width: 1px 1px 1px 1px; border-spacing: 2px; border-style: solid; border-color: #c4c2c1; border-collapse: collapse; background-color: #f4f4f4; } table.styled th { border-width: 1px 1px 1px 1px; padding: 3px 3px 3px 3px; border-color: #c4c2c1; border-style:solid; font-weight: bold; color: #4b6e97; text-align: left;} table.styled td { border-width: 1px 1px 1px 1px; padding: 3px 3px 3px 3px; border-color: #c4c2c1; border-style:solid; } table.styled td.headline { color: #ffffff; font-weight: bold; background-color:#8799ad; } #visaprepaid { margin-bottom:2em; } #visaprepaid td { padding:7px 15px; border:1px solid #eceae8; text-align:center; } #visaprepaid caption { background:#777; padding:7px 15px; font-weight: bold; text-align: left; border:1px solid #eceae8; color:#fff; } #visaprepaid .color { background:#c4c2c1; } #visaprepaid .color2 { background:#8799ad; color:#fff; } /* Brought over */ .rightimage { float: right; margin: 0 0 15px 15px; } img { border: none; } /* Worry-Free */ #mainContent .worryfree-header { position:absolute; float:left; border-bottom:1px solid #eceae8; } #mainContent .wfcontent { padding-top:175px; } #mainContent .wfcontent ul { margin-left:24px; } #mainContent .wfcontent ul li { list-style-type:disc; padding-bottom:0; margin-bottom:0; } #mainContent .wfcontent ul.faqs li { margin-bottom:1em; } #subNav #worryfree_subnav li { padding:1.5em 0; } #subNav #worryfree_subnav li.lastSubItem { border-bottom:none; } #subNav #worryfree_subnav li a { display:inline; margin:0; padding:0; border:none!important; } #subNav #worryfree_subnav li a:hover { background:none; padding:0; margin:0; } ul#worryfreenav { position:absolute; left:0; top:130px; float:left; width:507px; list-style-type:none; margin:0 0 1em; padding:0; } #worryfreenav li { float:left; background:url(../images/bg_worryfreenav.gif) left top repeat-x; } #worryfreenav li a { display:block; background:url(../images/bg_worryfreenav_a.gif) 12px 9px no-repeat; line-height:26px; border-right:1px solid #eceae8; padding:0 15px 0 26px; color:#000; text-decoration:none; } #worryfreenav li a.last { border-right:0; background-position:17px 9px; padding:0 17px 0 31px; } #worryfreenav li a:hover, #worryfreenav li a.current { background:#8799ad url(../images/bg_worryfreenav_a_hover.gif) 12px 9px no-repeat; color:#fff; }