/* reset.css */
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; }
/* site background color */
body { background: #b5d3dd; }
a img { border: 0px; }
.clear { clear: both; }
a:link { color: #005898; }
a:visited { color: #005898; }
a:hover { color: #4b8c89; }
a:active { color: #005898; }
/* DEFAULT
----------------------------------------------------------------------------- */
h1 { font: normal 34px Georgia, "Times New Roman", Times, serif; color: #000; }
h2 { font: bold 25px/88px Arial, Helvetica, sans-serif; color: #fff; text-align: left; padding-left: 25px; }
h4 { width: 897px; font: normal 19px Georgia, "Times New Roman", Times, serif; color: #065b83; text-align: left; border-bottom: 1px solid #065b83; margin-bottom: 8px;}
h5 { font: normal 17px/20px Arial, Helvetica, sans-serif; color: #000; padding-left: 25px; margin-bottom: 27px; }
h5.last { margin-bottom: 0px; }
p { font: normal 16px/1.4em Arial, Helvetica, sans-serif; color: #253a4f; text-align: left; letter-spacing: normal; margin-bottom: 30px; }
.ie6gap { margin-top: -1px; }
.black { color: #000; }
.blue { color: #0d519a; }
.red { color: #f00; }
.fivegap { margin-top: 5px; margin-bottom: 5px; }
.thumb { border: 1px solid #000; }
/* WRAPPER
----------------------------------------------------------------------------- */
#sitewrap { width: 968px; height: auto; background: #fff; padding-bottom: 17px; margin-top: 17px; margin-right: auto; margin-left: auto; }
/* HEADERS AND TOP NAV BAR
----------------------------------------------------------------------------- */
#header { width: 933px; height: 72px; margin: 0px auto; padding: 17px 0px 0px; }
#header #headleft { width: 315px; height: 72px; text-align: left; float: left; margin: 0px; padding: 0px; }
#headleft h1 { line-height: 62px; }
#header #headright { width: 618px; height: 72px; text-align: right; float: right; margin: 0px; padding: 0px; }
#headright ul { float: right; height: auto; list-style-type: none; font: normal 13px Arial, Helvetica, sans-serif; color: #000; margin: 24px 0px 0px 48px; padding: 0px; }
#headright li { width: auto; display: inline; float: left; padding-right: 19px; }
#headright li.last { padding-right: 0px; }
#headright ul a:link, ul a:visited, ul a:hover, ul a:active { display: block; text-decoration: none; margin: 0px; padding: 0px; }
#headright ul a:link { color: #005898; }
#headright ul a:visited { color: #005898; }
#headright ul a:hover { color: #003f44; text-decoration: underline; }
#mainimage { width: 917px; margin: 0px auto 17px; border: 8px solid #003f44; padding: 0px; }
#pagetop { width: 917px; height: 88px; margin: 0px auto 17px; border: 8px solid #003f44; padding: 0px; background: #003f44 url(../img/bg_pagetop.jpg) no-repeat; text-align: left; }
/*LOGO TEXT - This can be customized to color and style the 3 words of a logo
----------------------------------------------------------------------------- */
.l1style { color: #2b5450; }
.l2style { color: #065b83; }
.l3style { color: #003f44; font-style: italic; }
/* BODY TEXT
----------------------------------------------------------------------------- */
#bodytext { width: 897px; height: auto; padding: 17px; margin-right: auto; margin-left: auto; margin-bottom: 17px; background: #fff; border: 1px solid #ccc; }
#bodytext p { width: 881px; height: auto; font: normal 18px/24px Arial, Helvetica, sans-serif; color: #31645f; text-align: left; margin-right: auto; margin-bottom: 17px; margin-left: auto; background: #efefef; padding: 8px; }
#bodytext p.cent { text-align: center; font: normal 24px/24px Arial, Helvetica, sans-serif; }
#bodytext p.centsmall { text-align: center; font: normal 16px/18px Arial, Helvetica, sans-serif; background: #fff; }
#bodytext p.wait { text-align: center; font: normal 24px/24px Arial, Helvetica, sans-serif; background: #fff; color: #000; }
/* PROCESSORS
----------------------------------------------------------------------------- */
#processorwrap { width: 897px; height: auto; margin-right: auto; margin-left: auto; }
#processorwrap #leftproc { width: 440px; height: auto; float: left; }
#processorwrap #rightproc { width: 440px; height: auto; float: right; }
#processorwrap #bigproc { width: 897px; height: auto; float: left; }
#processorwrap ul { width: 438px; height: auto; border: 0px solid #003f44; list-style-type: none; font: normal 17px Arial, Helvetica, sans-serif; color: #000; text-align: left; margin: 0px; padding: 0px; }
#processorwrap li { width: 430px; height: 40px; background: #ddd; padding-left: 8px; line-height: 40px; }
#processorwrap li.biller { background: #065b83; color: #fff; }
#processorwrap li.alt { background: #cdcdcd; }
#processorwrap li.address { height: auto; padding-top: 8px; padding-bottom: 8px; line-height: 28px; }
#processorwrap li.cancel { width: 438px; background: #fff; text-align: center; margin: 0px; padding: 0px; }
#processorwrap li.cancel a { display: block; color: #c00; text-decoration: none; margin: 0px; padding: 0px; }
.tbl { width: 897px; border: 0px solid #FFFFFF; }
.tbl span {font-size: 16px; font-family: Tahoma; color: #FFFFFF; }
.tbl td { height: 40px; background-color: #DDDDDD; text-align: center; padding-top: 8px; }
/
/*
#processorwrap ul { width: 897px; height: auto; border: 0px solid #003f44; list-style-type: none; font: normal 17px Arial, Helvetica, sans-serif; color: #000; text-align: left; margin: 0px; padding: 0px; }
#processorwrap li { width: 897px; height: 40px; background: #ddd; padding-left: 8px; line-height: 40px; }
#processorwrap li.biller { background: #065b83; color: #fff; }
#processorwrap li.alt { background: #cdcdcd; }
#processorwrap li.address { height: auto; padding-top: 8px; padding-bottom: 8px; line-height: 28px; }
#processorwrap li.cancel { width: 897px; background: #fff; text-align: center; margin: 0px; padding: 0px; }
#processorwrap li.cancel a { display: block; color: #c00; text-decoration: none; margin: 0px; padding: 0px; }
*/
/* SITES
----------------------------------------------------------------------------- */
#oursites { width: 400px; height: auto; margin-right: auto; margin-left: auto; text-align: center; }
#oursites ul { width: 897px; height: auto; list-style-type: none; font: normal 17px/40px Arial, Helvetica, sans-serif; color: #fff; text-align: left; }
#oursites li { width: 891px; height: 40px; background: #fff; padding-left: 8px; }
#oursites li a { display: block; color: #000; text-decoration: underline; }
.sitetable { font: normal 17px Arial, Helvetica, sans-serif; }
/* CONTACT
----------------------------------------------------------------------------- */
#contactwrap { width: 897px; height: auto; margin-right: auto; margin-left: auto; padding-top: 0px; }
#contactwrap p { width: 863px; height: auto; text-align: left; margin-right: auto; margin-left: auto; padding: 17px; }
#contactwrap #formwrap { width: 863px; height: 394px; margin-right: auto; margin-left: auto; padding: 17px 17px 0px; background: #ccc; }
/* CONTACT FORM STYLES
----------------------------------------------------------------------------- */
.contactfield {width: 829px; height: 25px; font: normal 16px Arial, Helvetica, sans-serif; color: #000; background: #fff; border-width: 0px; padding-top: 4px; padding-left: 4px; }
.cat_dropdown_smaller { width: 465px; background-color: #fff; color: #000; }
.mailbut { width: 90px; height: 30px; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; text-align: center; border: 1px solid #666; background: #003f44; }
.cat_listbox { width: 829px; height: 120px; font: normal 17px Arial, Helvetica, sans-serif; color: #000; background: #fff; border-width: 0px; padding-top: 4px; padding-left: 4px; }
table.webform, table.reporting { border-collapse:collapse; border-spacing:0; width: 100%; }
table.webform td { line-height: 24px; padding: 6px; }
.form label, .webform label { font: bold 15px Arial, Helvetica, sans-serif; color: #003f44; text-align: center; }
.form input, .webform input { margin-right: 3px; }
/* CANCEL FORM STYLES
----------------------------------------------------------------------------- */
.cancelfield {width: 265px; height: 25px; font: normal 16px Arial, Helvetica, sans-serif; color: #fff; background: #065b83; border-width: 0px; padding-top: 4px; padding-left: 4px; }
table.cancelform { border-collapse:collapse; border-spacing:0; width: 100%; }
table.cancelform td { line-height: 24px; padding: 6px; }
.form label2, .cancelform label { font: bold 15px Arial, Helvetica, sans-serif; color: #000; text-align: center; }
/* CANCEL PAGE
----------------------------------------------------------------------------- */
#cancelwrap { width: 899px; height: auto; margin-right: auto; margin-left: auto; }
#leftcancel { width: 350px; height: auto; float: left; margin-bottom: 17px; }
#rightcancel { width: 549px; height: 200px; float: right; margin-bottom: 17px; }
/* CANCEL SUCCESS
----------------------------------------------------------------------------- */
#cancelsuccess { width: 899px; height: auto; margin-right: auto; margin-left: auto;}
#cancelsuccess #sucleft { width: 275px; height: auto; text-align: left; float: left; }
#cancelsuccess #sucright { width: 624px; height: auto; text-align: center; float: right; font: normal 17px Arial, Helvetica, sans-serif; }
#sucright h6 { text-align: center; font: bold 30px Arial, Helvetica, sans-serif; color: #000; }
#sucright h7 { text-align: center; font: normal 17px/28px Arial, Helvetica, sans-serif; color: #000; }
.cancelbut { width: 370px; height: 30px; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; text-align: center; border: 1px solid #666; background: #0d519a; margin-top: 8px; }
#billedby { width: 525px; height: auto; font: normal 11px/14px Arial, Helvetica, sans-serif; color: #000; background: #fff; text-align: center; margin-right: auto; margin-left: auto; padding: 10px; border: 1px solid #000; }
.upgradeterms { width: 460px; font-size: 13px; line-height: 14px; margin: 6px auto; }
/* 3 COLUMN ICON FOOTER
----------------------------------------------------------------------------- */
#icons { width: 933px; height: 102px; margin-right: auto; margin-left: auto; margin-bottom: 17px; }
#icons ul { width: 933px; height: 102px; list-style-type: none; }
#icons li { width: 299px; height: 102px; display: inline; float: left; margin-right: 17px; background: #efefef url(../img/bg_3icon.png) repeat-x; text-align: center; }
#icons li.end { width: 301px; height: 102px; margin-right: 0px; }
#icons li h3 { font: bold 15px Arial, Helvetica, sans-serif; color: #003f44; text-align: center; padding-top: 5px; }
#icons ul a:link, ul a:visited, ul a:hover, ul a:active { display: block; text-decoration: none; }
/* SPECIALS AREA
----------------------------------------------------------------------------- */
#specialsheader { width: 933px; height: 50px; background: #003f44; margin-right: auto; margin-left: auto; font: bold 18px/50px Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 17px; text-align: center; }
#specials { width: 933px; height: 90px; margin-right: auto; margin-left: auto; margin-bottom: 17px; }
#specials #leftspecial { width: 458px; height: 90px; float: left; }
#specials #rightspecial { width: 458px; height: 90px; float: right; }
/* FOOTER
----------------------------------------------------------------------------- */
#footer { width: 933px; height: 50px; background: #065b83; margin-right: auto; margin-left: auto; font: 13px/50px Arial, Helvetica, sans-serif; color: #fff; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer #footleft { width: 483px; height: 50px; float: left; text-align: left; padding-left: 17px; }
#footer #footright { width: 416px; height: 50px; text-align: right; float: right; padding-right: 17px; }