html, body, * { margin: 0; padding: 0; }
html,body{height:100%;}
body { background-color: #fff; color: #333; font: .8125em/1.75em Arial, Helvetica, sans-serif; }
.wrap,#masthead,#content,#footer ul { width: 960px; margin: 0 auto; }
#torso { min-height: 100%; height: auto !important; height: 100%; position: relative; margin: 0 0 -379px 0; }


/*
### OTHER TAGS ### */
p,li,dt,dd { word-spacing: 1px; }
p { margin: 1em 0 1.5em 0; }
hr { display: none; }
blockquote { margin: 1.5em 0 1.5em 20px; border-left: 2px solid #630021; padding: 0 0 0 20px; }
blockquote p { font-size: 13px; font-style: italic; margin: 0; padding: 5px 0; }
blockquote span { display: block; padding-top: 5px; }
a { color: #2367BC; }
a:visited { color: #2367BC; }
a:hover { color: #1C5296; }
a img { border-width: 0; }
a.link-box, a.link-box:visited { background-color: #FFF9BC; color: #2D4470; padding: 0 2px; text-decoration: none; }
a.link-box:hover { background-color: #FFEFA4; color: #2D4470; }
iframe { border-width: 0; width: 690px; }

/*
### HEADINGS ### */
h1,h2,h3,h4,h5{line-height:normal;font-weight:normal;color:#2267BB;font-family:"Kozuka Gothic Pro M", "Myriad Pro", Arial, Helvetica, sans-serif;}
h1 { margin: 1.25em 0 .65em 0; font-size: 32px; }
h1 span { color: #888; font-size: 26px; display: block; padding-bottom: 8px; }
h2 { margin: 1.5em 0 10px 0; font-size: 26px; color: #009913; }
#col-2 h2 { font-size: 22px; }
.box h2, .iboxes h2 { font-size: 22px; margin-top: 10px; }
h2.tinytext { color: #1C5296; margin-top: 3em; font-size: 12px !important; font-family: Helvetica,Arial,sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid #ddd; padding: 8px 0; }
h2.hp { font-size: 18px; position: relative; }	h2.hp a { text-decoration: none; }
h2.hp strong { display: block; position: absolute; top: 100px; left: 0; height: 30px; line-height: 30px; width: 250px; color: #fff; font-weight: normal; padding: 0 5px; background-color: rgb(26,44,71); background-color: rgba(26, 44, 71,.65); }
h2.on strong { background-color: rgb(43, 74, 119); background-color: rgba(43, 74, 119, .65); color: #FFECC7; }
ol.numbers h2 { color: #2267BB; font-size: 24px; margin: 0; }
h3 { margin: 1.5em 0 .625em 0; font-size: 16px; font-weight: bold; }
.box h3, .iboxes h3 { margin: 15px 0 -5px 0; }


/*
### LISTS ### */
#col-1 ul, ul.list { margin: 1em 0 1.5em 20px; padding: 0; }
#col-1 ul li, ul.list li { background: url("../_images/bullet.gif") 0 .3em no-repeat; padding-left: 20px; list-style-type: none; margin: 0; }
#col-2 ul.list { margin-left: 10px; }
#col-1 ul.ticks li { background-image: url("../_images/bullet_tick.gif"); }
#col-1 ul ul, ul.list ul { margin-top: 0; margin-bottom: 0; }

#col-1 ul.blocks li { margin-bottom: .8em; }

.thumbs { clear: both; margin: 10px 0 !important; width: 100%; }
#col-1 .thumbs li, .thumbs li { list-style-type: none; float: left; margin: 5px 9px !important; padding: 15px 0; list-style-image: none !important; background-image: none; }
#col-1 .thumbs li.portrait { padding: 0; }
.thumbs li a img { border: 4px solid #e1e5e5; }
.thumbs li a:hover img { border-color: #d1d1d1; }

.albums { border-top: 1px solid #CCD6EA; overflow: hidden;}
#col-1 .albums li, .albums li { float: left; width: 100%; margin: 0 !important; padding: 10px; border-bottom: 1px solid #CCD6EA; list-style-image: none !important; }
#col-1 .albums li.odd { background-color: #EFF3FF; }
#side .albums li { height: 78px; }
#side .albums li { padding: 10px 0; }
.albums a { float: left; margin-right: 15px; }
#side .albums a { margin-right: 10px; }
.albums .title { float: none; background: none; height: auto; width: auto; display: inline; font-size: 14px; font-weight: bold; padding: 0; }
.albums .title:hover { background: none; }

.webster dt { font-weight: bold; }
.webster dd { margin-bottom: 1.25em; }

.faq { margin: 1.5em 0; border-bottom: 1px solid #ccc; }
.faq dt { font-weight: bold; color: #009913; font-size: 14px; border-top: 1px solid #ccc; line-height: 1.5em; padding: 4px 0 4px 35px; position: relative; height: 1%; }
.faq dd { padding-left: 40px; }
.faq dt span { position: absolute; top: 4px; left: 4px; width: 21px; height: 21px; line-height: 21px; color: #D4E3EE; text-align: center; margin-right: 10px; background: url("../_images/faq_bullet.gif") 0 0 no-repeat; font-size: 12px; font-weight: normal; }

#content .alphabet { padding: 3px 0; margin: 1.5em 0; text-align: center; border: 1px solid #CCC; border-width: 1px 0; background-color: #fff; }
#content .alphabet li { margin: 0; display: inline; padding: 0 4px 0 5px; background: none; }

#col-1 ol.numbers { margin: 1.5em 0 3em 0; padding: 0 0 0 20px; }
#col-1 ol.numbers li { background: url("../_images/ol_sprite.gif") 0 0 no-repeat; padding: 5px 0 5px 50px; list-style-type: none; margin: .75em 0; }
#col-1 ol.big li { font-size: 20px; font-weight: normal; line-height: 1.5em; margin: .75em 0; }
li.ol2 { background-position: 0 -400px !important; }

ul.cols-2 { -moz-column-count:2; column-count:2; -moz-column-gap:20px; column-gap:20px; }


/*
### HEADER ### */
#header { background: #fff url("../_images/back_header.gif") 0 0 repeat-x; height: 145px; }
#logo { float: left; width: 230px; height: 80px; margin: 0; }
#logo a, #logo span { display: block; height: 100%; width: 100%; background: url("../_images/logo_screen.gif") 0 0 no-repeat; text-indent: -9114px; overflow: hidden; padding: 0; }
#header p { float: left; width: 324px; height: 29px; background: url("../_images/slogan.gif") 0 0 no-repeat; margin: 25px 0 0 100px; text-indent: -9114px; }
#top-nav { float: right; padding: 10px 0 0 0; }
#top-nav li { list-style-type: none; }

#navigation { color: #ff; height: 65px; clear: both; }
#navigation li { float: left; list-style-type: none; margin: 0; display: inline; }
#navigation a { display: block; float: left; line-height: 65px; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; overflow: hidden; background: url("../_images/nav_sprite.gif") 0 0 no-repeat; text-indent: -9114px; }
#navigation .current a { }
#nav-demo { background: url("../_images/nav_demo.gif") 0 0 repeat-x; }
#nav-demo a { background-position: 0 0; width: 272px; }				#nav-demo a:hover { background-position: 0 -65px; }
#nav-account a { background-position: -272px 0; width: 180px; }		#nav-account a:hover { background-position: -272px -65px; }
#nav-contact a { background-position: -452px 0; width: 127px; }		#nav-contact a:hover { background-position: -452px -65px; }
#nav-chat a { background-position: -579px 0; width: 213px; }		#nav-chat a:hover { background-position: -579px -65px; }
#nav-learn a { background-position: -792px 0; width: 168px }		#nav-learn a:hover { background-position: -792px -65px; }

#masthead { overflow: hidden; color: #fff; text-align: center; font-family: "Kozuka Gothic Pro M", "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5em; height: 385px; }
#mast-1 { float: left; width: 428px; padding: 35px 0 0 0; }
#mast-2 { float: right; padding: 10px 0 0 0; width: 476px; }
#mast-2 h2 { font-weight: normal; color: #fff; margin-top: 1.5em; }
#mast-2 ul { margin: 1.2em 0 1.5em 30px; width: 430px; text-align: left; -moz-column-count:2; column-count:2; -webkit-column-count:2; -moz-column-gap:20px; column-gap:20px; -webkit-column-gap: 20px; }
#mast-2 li { background: url("../_images/mast_tick.png") 0 33% no-repeat; padding-left: 24px; list-style-type: none; }
#mast-2 div { overflow: hidden; height: 60px; }
#mast-2 div a { float: left; display: inline; margin: 0 10px; width: 218px; height: 50px; font-size: 18px; line-height: 50px; background-position: 0 0; text-indent: -9114px; }
#mast-2 div a:hover { background-position: 0 -50px; }
.btn_open-account { background-image: url("../_images/btn_open-account.gif"); }
.btn_demo { background-image: url("../_images/btn_demo.gif"); }
.btn_systems { background-image: url("../_images/btn_billspicks.gif"); width: 291px !important; margin: 14px 0 0 81px !important; }
#mast-2 p { margin: 1.2em 0; font-size: 24px; color: #EAF0FA; }
#mast-2 em { font-style: normal; color: #ff9; }

ul.menu { margin: 0 0 0 -20px; }
.menu h2 a, .menu h2 a:visited { color: #2267BB; }	.menu h2 a:hover { color: #1C5296; }
.menu a { text-decoration: none; display: block; }
.menu ul { font-size: 16px; line-height: 1.2em; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; padding: 0; }
.menu li { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 6px 8px 6px 20px; list-style-type: none; }
.menu li a, .menu li a:visited { color: #606070; }	.menu li a:hover { text-decoration: underline; }
.menu li.open { background: url("../_images/menu_bullet.gif") 0 7px no-repeat; }
.menu li.open a { font-weight: bold; color: #00870F !important; }
.menu.demo li { }
.demo-account,.demo-highlights,.demo-video,.demo-download { background: url("../_images/demo_sprite.gif") 0 0 no-repeat; padding: 5px 0 5px 35px; margin-left: -5px; }
.demo-highlights { background-position: 0 -100px; }
.demo-download { background-position: 0 -200px; }
.demo-video { background-position: 0 -300px; }


/*
### LAYOUT ### */
#home #content-wrap { background: url("../_images/background.jpg") top center no-repeat; }
#content { }
#main-wrap { width: 100%; float: left; padding: 0; }

.lyt-12 #col-1 { margin: 0 270px 0 0; }
.lyt-21 #col-1 { margin: 0 0 0 270px; }
.lyt-312 #col-1, .lyt-213 #col-1 { margin: 0 270px; }
.lyt-1 #col-1 { margin: 0; }
.lyt-ab #col-1 { margin: 0 590px 0 0; }
.lyt-ab #col-2 { margin-left: -560px; width: 560px; background: none !important; padding-top: 0; }

#col-2 { margin-left: -240px; background: url("../_images/col2_back.gif") bottom left no-repeat; }
#col-2-wrap { padding: 19px 0 0 20px; }
.lyt-21 #col-2, #col-3 { margin-left: -960px; }
#col-2,#col-3 { width: 230px; float: left; }
#col-1,#col-2,#col-3 { padding-bottom: 70px !important; overflow: hidden; }
#col-1 { }
#col-2 { padding-bottom: 120px !important; }
#col-3 { }

#home #col-1 { padding-top: 55px; }


/*
### PAGINATION ### */
.pager { border: 1px solid #BADAEF; background-color: #E9F3FA; padding: 10px 10px 0 10px; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.cap { border-width: 0 0 1px 0; margin-bottom: 10px; }
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; margin-top: 10px; }
.pager div { float: right; line-height: 1.5em; }
.pager .status { float: left; }
.pager a { text-decoration: none; padding: 0 1px; color: #4A6EA0 !important; }
.pager .current { font-weight: bold; border: 2px solid #4A6EA0; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.pager input { width: 87%; }

/*
### REGULAR PAGINATION ### */
.paging, .post-nav { border: 1px solid #BADAEF; background-color: #EFF3FF; }
.paging { padding: 10px 10px 0 10px; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.cap { border-width: 0 0 1px 0; margin-bottom: 10px; }
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; margin-top: 10px; }
.paging div { float: right; line-height: 1.5em; }
.paging .status { float: left; }
.paging a { text-decoration: none; padding: 0 1px; color: #4A6EA0 !important; }
.paging .current { font-weight: bold; border: 2px solid #4A6EA0; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.paging input { width: 93%; }

.post-nav { margin-top: 45px; padding: 2px 10px; border-width: 1px 0; }



/*
### FOOTER ### */
#footer-ghost { height: 379px; }
#footer { border-top: 4px solid #1C5296; background-color: #1C5296; color: #7797C0; height: ; clear: both; }
#footer .wrap { position: relative; }

#foot { background-color: #2267BB; border-bottom: 1px solid #11335E; padding: 10px 0 15px 0; }

#footer ul { overflow: hidden; position: relative; }
#footer li { float: left; list-style-type: none; font-weight: bold; padding: 0 54px 0 0; margin: 0; }
#footer ul ul { width: auto; margin: 0; font-size: 1em; height: auto; padding: 0; }
#footer li li { float: none; font-weight: normal; padding: 0; }
#footer ul a, #footer ul a:hover { color: #fff; text-decoration: none; }
#footer ul a { border-bottom: 1px solid #2267BB; }
#footer ul a:hover { border-color: #6595D0; }
#footer ul ul a { color: #D3E3F2; }
#footer .fineprint { color: #7797C0; }


/*
### PPGS ### */
#footer #PPGS { text-align: left; }
#footer #PPGS a { display: block; height: 19px; width: 94px; border-width: 0 !important; background: url("../_images/ppgs.gif") 0 0 no-repeat; overflow: hidden; text-indent: -9114px; }
#footer #PPGS a:hover { background-position: 0 -19px; }


/*
### FORM STYLES ### */
fieldset { border-width: 0; margin: 1.5em 0; clear: both;}
legend { display: block; padding: 0; font-weight: bold; line-height: 1.5em; color: #333; }
fieldset fieldset legend { font-size: 11px; color: #333; }
label { display: block; font-weight: bold; width: 150px; float: left; color: #505050; }
label.inline { font-size: 12px; font-family: Arial, Helvetica, sans-serif; display: inline !important; font-weight: normal !important; float: none !important; }
label em, fieldset em { font-weight: normal; color: #c00; }
label span { font-weight: normal; color: #666; }
input, textarea, select { margin:0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url("../_images/fieldbg.gif") repeat-x top !important; color:#333; padding: 2px 0 2px 2px; width: 99%; }
input.radio, input.checkbox, input.btn { width: auto !important; border-width: 0 !important; background: none !important; vertical-align: middle; margin-right: 5px; }
input.auto, textarea.auto, select.auto { width: auto !important; }
input.btn { padding: 0; vertical-align: top; }
p.btn { padding: 20px 0 0 15px; }
p.optlist label { font-size: 11px; font-family: Arial; display: inline; }
p.optlist span { width: 33%; margin: 0; }
textarea { height: 50px; }
.auto { width: auto; }
.twochar { width: 25px !important; }
.fourchar { width: 40px !important; }
.sixchar { width: 55px !important; }
.xsmall { width: 25% !important; }
.small { width: 32% !important; }
.medium { width: 50% !important; }
.large { width: 100%; }
.tall { height: 100px; }
.taller { height: 150px; }


.missing { background-color: #FF9999; padding: 5px !important; }
span.missing { margin: 0; padding: 5px 2px !important; width: 47.5%; }
#frm-error { border: 2px solid #FF9999; background-color:#FFCCCC; padding: 10px 5%; text-align: center; margin: 10px 15px !important; }

.cells { border-top: 1px solid #ddd; }
.cells dl { overflow: hidden; padding: 5px 0; border-bottom: 1px solid #ddd; height: 1%; }
.cells dt { float: left; width: 135px; line-height: 1.2em; padding: 3px 5px 3px 0; }
.cells dd { float: left; width: 540px; }
.cells dt label { display: inline; float: none; }
.cells legend { display: block; padding: 0 0 1em 0; font-weight: bold; font-size: 16px; line-height: 1.5em; color: #517c3f; height: 1.5em; }
.cells legend span { display: block; background-color: #D1DBE8; width: 655px; padding: 2px 5px; color: #294C85; border-bottom: 1px solid #577191; }
.cells fieldset legend { padding: 0; }
.cells fieldset legend span { background: none; color:#DE5510; border-color: #D5D5E5; font-size: 14px; padding-left: 0; }

.button { float: left; background: #61c100 url("../_images/button_green_l.gif") 0 0 no-repeat; font-family:"Kozuka Gothic Pro M", "Myriad Pro", Arial, Helvetica, sans-serif; text-decoration: none; color: #1A484D !important; font-size: 18px; padding: 0 0 0 14px; margin-right: 10px; vertical-align: top; width: auto !important; width: 1; overflow: visible; }
.button:hover { background-color: #6bd700; background-position: 0 -50px; color: #1a484d; }
.button span { background: url("../_images/button_green_r.gif") top right no-repeat; padding: 14px 20px 13px 6px; margin: 0 !important; float: left; display: inline; cursor: pointer; }
.button:hover span { background-position: right -50px; }

.button2 { float: left; line-height: 32px; font-size: 16px; color: #2267BB !important; text-decoration: none; height: 32px; vertical-align: middle; background: #e0e0e0 url("../_images/button2.gif") top right no-repeat; padding: 0 15px 0 0; }
.button2 span { float: left; background: url("../_images/button2.gif") 0 0 no-repeat; padding: 0 0 0 15px; cursor: pointer; }
.button2:hover { background-color: #d1d1d1; }


/*
### VCARD STYLES ### */
.vcard { float: right; padding: 0; text-align: right; }
.vcard dt, .vcard dd { line-height: 1.5em; }
.vcard dt { display: none; font-weight: normal; }
.vcard .show { padding-right: 4px; }
.vcard .show span { display: none; }
.vcard .fn { font-weight: bold; color: #aaa; }
.vcard .adr { padding-bottom: 5px; }
.vcard .show, .vcard .tel { display: inline; }
.GMapEZ { height: 350px; margin: 1.5em 0; }



/*
### INFOBOX STYLE ### */
.box { background: #e6e6e8 url("../_images/box.gif") 0 0 no-repeat; padding: 1px 10px; margin-bottom: 1.5em; }

.iboxes { background-color: #f6f6f6; border: 1px solid #e5e5e5; border-width: 1px 1px 1px 0; overflow: hidden; }
#home .iboxes { margin-bottom: 30px; }
.iboxes div { float: left; border-left: 1px solid #e5e5e5; width: 278px; padding: 0 20px; font-size: 14px; line-height: 1.75em; }
.iboxes.twowide div { width: 303px; }
.iboxes h2 { margin-top: 15px; }

div.home-snippet { float: left; width: 328px; margin: 0 30px 0 0; }
div.home-snippet.right { float: right; margin: 0 0 0 30px; }
div.home-snippet a { font-weight: bold; }
p.home-snippet { padding-top: 50px; text-align: center; }
p.home-snippet img { padding: 0 0 20px 0; }


/*
### TABS ### */
.tabs.active { background: url("../_images/tabs_back.gif") 0 33px no-repeat; position: relative; margin: 2.5em 0; }
.tabs.active h2 { color: #4A6EA0; background: url("../_images/tab_sprite.gif") top right no-repeat; padding: 0 12px 0 0; font-size: 18px; line-height: 27px; float: left; margin: 0 0 0 12px; display: inline; cursor: pointer; }
.tabs.active h2 span { background: url("../_images/tab_sprite.gif") 0 0 no-repeat; padding: 8px 0 0 12px; cursor: pointer; float: left; }
.tabs h2.current { color: #009913; background-position: right -35px; line-height: 31px; }
.tabs h2.current span { background-position: 0 -35px; padding: 4px 0 0 12px; }
.tabs.active div { position: absolute; top: 40px; left:20px; width: 650px; }
.tabs.active form.cells dd { width: 500px; }


/*
### COMMON STYLES ### */
img.right { float: right; margin: 0 0 20px 20px; }
p.right { text-align: right; }
.center { text-align: center; }
span.right { float: right; margin-left: 10px; width: auto !important; }
img.left { float: left; margin: 0 20px 20px 0; }
img.frame { background-color: #f5f5f5; padding: 1px; border: 6px solid #27436C; }
.caps { letter-spacing: .05em; }
.last { border-width: 0 !important; margin-right: 0 !important; background: none !important; }
.clear { clear: both; float: none !important; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }
.intro { font-size: 1.38em; line-height: 1.65em; color: #637572; }
.action { border-top: 1px solid #D6AE52; background-color: #FFF7CE; padding: 10px; clear: both; }
.fineprint { font-size: 11px; color: #888; line-height: 1.5em; word-spacing: 0; }
#player { margin: 0 auto; text-align: center; }
.caption { margin-top: 0; background: #222; color: #eee; padding: 5px 10px; }
.ad { font-size: 20px; color: #4A6EA0; line-height: 1.5em; margin: 10px 0; }
.ad strong { color: #5A7735; }
.ad img { margin: 0 20px 10px 0; }


/*
### ICONS ### */
.icon { padding-left: 20px; padding-bottom: 1px; background-repeat: no-repeat; }
.big, .big:visited { font-size: 14px; font-weight: bold; color: #27436C; }	.big:hover { color: #4A6EA0; }
.go { background: url("../_images/icon_go.gif") top right no-repeat; padding-right: 20px; }
.ico-top { background-image: url("../_images/icon_top.gif"); }
.ico-print { background-image: url("../_images/icon_print.gif"); }
.go { background: url("../_images/icon_go.gif") right 2px no-repeat; padding-right: 18px; }