/* =General Elements
----------------------------------------------- */ 

html, body {font-family:'Trebuchet MS',Arial,sans-serif; background:url('../images/bg.jpg') top left repeat-x #fff; font-size:10px;}
img {border:0;}
acronym, abbr {font-variant:small-caps; letter-spacing:.2em; cursor:help;}
strong {}
em {}
code {display:block; font-family:Monaco, monospace; font-size:110%; line-height:1.4em; text-align:left; margin:1.4em 1.6em;}
hr{border:1px solid #b0d46a; margin:15px 0;}


a {text-decoration:underline;}
a:link {color: #C57E62;}
a:visited {color: #C57E62;}
a:hover {text-decoration:none;}
a:active {}

input, textarea, select {
	border:1px solid #999;
	font-family:Arial, sans-serif;
	padding:2px;
	font-size:12px;
	font-weight:normal;
	color: #666;
}
label {font-weight:bold;}
fieldset {border:0;}

/* =Utility Styles
----------------------------------------------- */ 
blockquote {
	font-family:Arial, sans-serif;
	padding:15px 35px 10px 10px;
	line-height:2em;
	font-weight:normal;
}
cite {display:block; text-align:right; margin:-20px 0 40px 0; padding-right:80px;}
.bqstart {font-family:Arial,sans-serif; float:left; font-size: 700%; height:45px; margin:-20px 20px -50px -20px; padding-top:45px;}

.bqend {font-family:Arial,sans-serif; float:right; font-size:700%; height:25px; margin-top:-20px; padding-top:45px;}

.hide {position:absolute; left:-999px; width:990px;}
.moreinfo {cursor:help; border-bottom:1px dotted #999;}
.runleft {float:left; margin:0 .5em .7em 0;}
.runright {float:right; position:relative; right:5px;}

/* =Layout
----------------------------------------------- */ 
#wrapper {position:relative; width:912px; margin:0 auto;}

/* =Header and Global Navigation
----------------------------------------------- */ 
#header {}
#header h1{}

#logo-link{
	position:absolute;
	width:320px;
	height:150px;
	top:0; 
	left:0;
}
.subpage #logo-link{height:100px;}

#header #welcome{width:294px; height:204px; background:url('../images/welcome-to-ebill.jpg') top left no-repeat; position:absolute; text-indent:-5000px;}
#header #welcome p{text-indent:0; color:#666666; font:13px 'Myriad Pro', Arial, sans-serif; line-height:1.8em; position:absolute; width:400px; left:50px;top:185px; }
#header #welcome p a{color:#C54810; text-transform:uppercase; text-decoration:none;}
#header #welcome p a:hover{text-decoration:underline;}

#header #logo{width:315px; height:134px; background:url('../images/logo.jpg') 0 1px no-repeat; position:absolute; text-indent:-5000px; position:absolute; left:-10px;}


#header #global-nav {width:533px; height:42px; background:url('../images/nav.jpg') top left no-repeat; position:absolute; top:0; right:0;}
#header #global-nav li {float:left; height:42px;}
#header #global-nav li a {display:block; height:42px; text-indent:-5000px;}

#chick{background:url('../images/chick.jpg'); width:389px; height:311px; position:absolute; right:0; top:43px; z-index:199;}

#about-link{width:98px;}
#providers-link{width:80px;}
#go-green-link{width:73px;}
#security-link{width:72px;}
#faq-link{width:43px;}
#tools-link{width:56px;}
#get-started-link{width:100px;}

#about-link:hover, #about-link.status-int{background:url('../images/nav.gif') top left no-repeat;}
#providers-link:hover, #providers-link.status-int{background:url('../images/nav.gif') -98px -42px no-repeat;}
#go-green-link:hover, #go-green-link.status-int{background:url('../images/nav.gif') -178px -84px no-repeat;}
#security-link:hover, #security-link.status-int{background:url('../images/nav.gif') -251px -126px no-repeat;}
#faq-link:hover, #faq-link.status-int{background:url('../images/nav.gif') -323px -168px no-repeat;}
#tools-link:hover, #tools-link.status-int{background:url('../images/nav.gif') -366px -210px no-repeat;}
#get-started-link:hover, #get-started-link.status-int{background:url('../images/nav.gif') -422px -252px no-repeat;}


/* =Task Bar and Local Navigation
----------------------------------------------- */ 
#task-bar {}
#task-bar ul {}
#task-bar ul li {}

/* =Content
----------------------------------------------- */ 

.subpage #content{top:120px; background:url('../images/sub-content-bg.jpg') top left repeat-y; height:auto !important; }
.subpage #content-top{background:url('../images/sub-content-top.jpg') top left no-repeat; z-index:189; height:6px; margin:0 !important; padding:0 !important;}
.subpage #content #left{width:195px; border:0; padding-top:70px;}

.subpage #content #check-billpay{position:relative; background:url('../images/sub-check-bank.jpg') top left no-repeat; width:202px; height:255px; left:-15px; margin-top:40px;}
.subpage #content #check-billpay p{margin:9px 0; position:relative; top:110px; left:8px;}
.subpage #content #check-billpay h3{display:none;}

.subpage #content #check-billpay input{width:165px;}
.subpage #content #check-billpay select{width:172px;}


.subpage #content #center{width:400px; border:0; padding-left:20px; }
.subpage #content #center blockquote{background:url('../images/blockquote-bg.jpg') top left no-repeat; color:#426050 !important;}


.subpage #content #right{width:200px; border:0;}
.subpage #content #right #view-the-demo{width:222px; height:180px; text-indent:-5000px; background:url('../images/sub-payitgreen.jpg') top left no-repeat; position:relative;top:-17px;}

.subpage #content #center p{
	color:#666;
	line-height:1.8em;
	margin-top: 20px;
}

.subpage .in-this-section{display:block; background:url('../images/in-this-section.jpg') top left no-repeat; width:180px; height:50px; text-indent:-5000px; }

.subpage #left .subnav{list-style:none; margin:0; position:relative; left:0px;}
.subpage #left .subnav li{}
.subpage #left .subnav li a{color:#426050; text-decoration:none; font-weight:bold; line-height:2.4em; padding:5px 0; padding-left:14px;}
.subpage #left .subnav li a:hover, .subpage #left .subnav li a.status-int{color:#fff; background:url('../images/sub-arrow.jpg') 0px 0 no-repeat;}

.subpage #left .subnav li ul{
	width:auto;
	margin:0;
	list-style:none;
	margin:0px 0 5px 10px;
	font-size:11px;
}
.subpage #left .subnav li ul li a{color:#426050; text-decoration:none; font-weight:bold; line-height:2.4em; padding:5px 0; padding-left:14px;}
.subpage #left .subnav li ul li a:hover, .subpage #left .subnav li ul li a.status-int{color:#fff; background:none; background:url('../images/sub-arrow.jpg') 0px 0 no-repeat;}

.subpage #footer{ position:relative;top:40px;}


.subpage #right #sub-view-demo-link{display:absolute; width:222px; height:232px; top:0; left:-10px; display:block;z-index: 1;}
.subpage #right #sub-sponsor-link{
	display:absolute;
	width:180px;
	height:150px;
	left:6px;
	margin-top: 10px;
	z-index: 3;
}
.subpage #right #sub-sponsor-link div{
	width:180px;
	height:150px;
	background-color: #9BC945;
	padding: 0px;
}

.subpage #right #sub-sponsor-link2{
	width:180px;
	height:150px;
	top:0;
	left:20px;
	display:absolute;
	margin-top: 0px;
	padding: 0px;
	z-index: 2;
}
.subpage #right #sub-sponsor-link2 div{
	padding: 0px;
	background-color: #9BC945;
	width:180px;
	height:150px;
}

#content-top{background:url('../images/home-content-top.jpg') top left no-repeat; z-index:189; height:6px; margin:0 !important; padding:0 !important;}
#content {background:url('../images/cbg.jpg') top left repeat-y; position:relative;top:320px; color:#fff; font-size:12px; height:553px}
#content h2, #content h2 a {
	color:#243d54;
	text-transform:uppercase;
	width:300px;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	margin-bottom: 20px;
}
#content h2 span{text-transform:lowercase;}
#content h3, #content h3 a{}
#content #center h3, #content #center h3 a{
	font-weight: bold;
	color: #C24407;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#content h4 {}
#content #center ul li a{color:#C54810; text-decoration:none;}
#content #center ul li a:hover{color:#C54810; text-decoration:underline;}
#content #center ul{list-style-image:url('../images/li-green-arrow.jpg');margin: 10px;}
#content #center ul li {color:#666;line-height:1.5em;margin-bottom: 10px;}
#content div{margin-top:0px; padding:20px 15px; position:relative;}
#content #left{float:left; width:219px; }
#content #leftfront {float:left; width:219px; }
#content #leftfront ul li a{color:#fff; text-decoration:none;}
#content #leftfront ul li a:hover{color:#fff; text-decoration:underline;}
#content #leftfront ul{list-style-image:url('../images/li-green-arrow.jpg');}
#content #leftfront ul li {line-height:1.5em;}

#content #right #addthis {
	position:absolute;
	top:580px;
	width:125px;
	height:30px;
	z-index: 5;
	margin-top: 0px;
	margin-left: 76px;
}
#footer #addthis-front {
	position:absolute;
	top:40px;
	width:125px;
	height:30px;
	z-index: 5;
	margin-top: 0px;
	margin-left: 300px;
}

#content #center #frontbullets {margin:0;padding:0}
#content #center #frontbullets ul li a{color:#fff; text-decoration:none;}
#content #center #frontbullets ul li a:hover{color:#fff; text-decoration:underline;}
#content #center #frontbullets ul{list-style-image:url('../images/li-green-arrow.jpg');margin-left:0px;}
#content #center #frontbullets ul li {color:#666;line-height:1.5em;margin-bottom: 0px;}

#content #center #fronttext {margin:0;padding:0}
#content #center #fronttext h2, #content #center #fronttext h2 a{
	color:#243d54;
	text-transform:uppercase;
	width:300px;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	margin-bottom: 6px;
	position:relative;
}

#content #leftfront #front-sponsor-link{
	display:absolute;
	width:200px;
	height:50px;
	left:-14px;
	display:block;
	margin-top: 0px;
	z-index: 3;
}
#content #leftfront #front-sponsor-link div{
	width:200px;
	height:50px;
	background-color: #9BC945;
	padding: 0px;
}
#content #leftfront #front-sponsor-link2{
	width:222px;
	height:90px;
	top:0;
	left:0px;
	display:block;
	padding: 0px;
	display:absolute;
	z-index: 2;
}
#content #leftfront #front-sponsor-link2 div{
	width:200px;
	height:90px;
	background-color: #9BC945;
	padding: 0px;
	
}

#content p{line-height:1.8em; margin:10px 0;}
#content ul{margin:10px 0 0px 0; list-style:circle; position:relative; left:15px;}
#content .right-top-left{position:absolute; top:5px; right:15px; }
#content .right-top{position:absolute; top:5px; right:10px; }
#content .right-top2{position:absolute; top:145px; right:10px; }
#content .right-top3{position:absolute; top:310px; right:10px; }
#content #center{float:left; width:203px;  border-left:1px solid #fff; border-right:1px solid #fff;}

#content #right{float:left; width:397px;}

#content #frontright {position:relative; 
	float:left;
	width:397px;
	display: inline;
}
#content #frontright #lets-go{background:url('../images/lets-go.jpg') top left no-repeat; height:280px;}
#content #frontright #lets-go h3{text-indent:-5000px;}
#content #frontright #lets-go #lets-go-link{display:block; height:100px; width:360px; text-indent:-5000px;}
#content #frontright #check-billpay{position:relative;}
#content #frontright #check-billpay-form{width:200px; position:relative; top:0px; left:160px;}
#content #frontright #check-billpay input{width:165px;}
#content #frontright #check-billpay select{width:172px;}

#right #check-billpay-form{width:200px; position:relative; top:18px; left:160px;}

#content #right #lets-go{background:url('../images/lets-go.jpg') top left no-repeat; height:280px;}
#content #right #lets-go h3{text-indent:-5000px;}
#content #right #lets-go #lets-go-link{display:block; height:100px; width:360px; text-indent:-5000px;}
#content #right #check-billpay{position:relative;}
#content #right #check-billpay p{margin:8px 0;}
#content #right #check-billpay h3{display:none;}

#content #right #check-billpay input{width:165px;}
#content #right #check-billpay select{width:172px;}
#check-billpay-submit {display:block; width:100px; height:30px; text-indent:-5000px; position:absolute; bottom:-10px; right:0;}

#content #center #check-billpay2 {
	position:relative;
	background-image: url(../images/banksearch.jpg);
	background-repeat: no-repeat;
	height: 149px;
	margin-top: 20px;
}
#center #check-billpay-form2{width:200px; position:relative; top:40px; left:16px;}
#content #center #check-billpay2 p{margin:8px 0;}
#content #center #check-billpay2 h3{display:none;}
#content #center #check-billpay2 input{width:165px;}
#content #center #check-billpay2 select{width:172px;}
#check-billpay-submit2 {display:block; width:100px; height:30px; text-indent:-5000px; position:relative; bottom:-40px; right:0;}

#content #center #check-billpay3 {
	position:relative;
	background-image: url(../images/billersearch.jpg);
	background-repeat: no-repeat;
	height: 149px;
	margin-top: 20px;
}
#center #check-billpay-form3{width:200px; position:relative; top:0px; left:6px;}
#content #center #check-billpay3 p{margin:0px 0;}
#content #center #check-billpay3 h3{display:none;}
#content #center #check-billpay3 input{width:225px;}
#content #center #check-billpay3 select{width:172px;}
#check-billpay-submit3 {display:block; width:100px; height:30px; text-indent:-5000px; position:relative; bottom:30px; right:-260px;}
#content #center #alphalisting {margin-top: -20px; margin-left: -10px;}
.alphalist{color: #C54810;line-height: 1.5em;}
.alphalist A {color: #C54810;line-height: 1.5em;}
.alphalistspacer{color: #ffffff;}

.tablerow {color: #666;}


/* =Footer and Redundant Navigation
----------------------------------------------- */ 
#footer {height:173px; background:url('../images/footer-bg.jpg') top left repeat-x; clear:left; font-family:Rockwell, Georiga, Times, serif; font-size:10px; position:relative;top:0px;z-index: 5;}
#footer #footer-nav {list-style:none; margin-left:0 !important; left:-7px; margin-bottom:40px !important;}
#footer #footer-nav li {float:left;}
#footer #footer-nav li a {color:#fff; margin:0 10px 0 7px; text-transform:uppercase !important; font-size:10px; text-decoration:none;}
#footer #footer-nav li a:hover{color:#fff; margin:0 10px 0 7px; text-transform:uppercase !important; font-size:10px; text-decoration:underline;}
#footer #footer-nav li a span{text-transform:lowercase;display:inline !important;}
#footer #powered-by{position:absolute; right:0; top:0px; width:199px; height:72px; text-indent:-5000px; background:url('../images/footer-fiserv.jpg') top left no-repeat;}
#footer .powers-payment{position:absolute; left:0; top:93px; width:337px; height:116px; text-indent:-5000px; background:url('../images/footer-powers-payment.jpg') top left no-repeat;}

#footer p{clear:both;}
#footer p A{color:#fff;text-decoration:none;}
#footer p A:hover{color:#fff;text-decoration:underline;}

#footer #designer {}
#footer #copyright {}

img.floatLeft {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.textlink ul li a{color:#000000; text-decoration:none;}
.textlink ul li a:hover{color:#000000; text-decoration:underline;}
.textlink ul{list-style-image:url('../images/li-green-arrow.jpg');margin-left: 10px;}
.textlink ul li {color:#000000;line-height:1.5em;margin-bottom: 10px;}

#content #center #FlashTarget {
	margin: 0px;
	padding: 0px;
}
#content #center #FlashTarget2 {
	margin: 0px;
	padding: 0px;
}
#imageleft {
	padding-right: 10px;
	vertical-align: text-top;
	text-align: left;
	clear: left;
	float: left;
	
}

/* =Icons
----------------------------------------------- */
.zip {background:url(../../ebillplace_NEW/images/icons/zip.gif) left center no-repeat; padding-left:20px !important}
.txt {background:url(../../ebillplace_NEW/images/icons/doc.gif) left center no-repeat; padding-left:20px !important}
.feed {background:url(../../ebillplace_NEW/images/feed.png) left bottom no-repeat; padding-top:4px !important; padding-left:20px !important;}
.pdf {background:url(../../ebillplace_NEW/images/pdf.gif) left bottom no-repeat; padding-left:30px !important; padding-top:6px !important;}