/* color specific styles - background images  */

.navPanelMenu a:hover {
	background: url(../images/buttons/nav_bkg_over_red.gif);
	display: block;
	text-decoration: underline;
}
.colorButton a{ /* theme colored button */
	background-image: url(../images/buttons/b_red_off.gif) !important; 
}
.colorButton a:hover{ /* theme colored button */
	background-image: url(../images/buttons/b_red_over.gif) !important; 
}
.lgContainer h1, .lgContainer h2, .introPartners h1 {
	background-image: url(../images/headers/hbar_more_red.gif);
	background-repeat: no-repeat;
	height: 40px;
	margin: 0px;
}
.rewardsIcon span#icon01{ 
	background-image: url(../images/icons/ico_lg_rewards_red.gif);
}
.rewardsIcon span#icon02{ 
	background-image: url(../images/icons/ico_lg_dollar_red.gif);
}
.rewardsIcon span#icon03{ 
	background-image: url(../images/icons/ico_lg_cause_red.gif);
}
.rewardsIcon span#icon04{ 
	background-image: url(../images/icons/ico_lg_eco_red.gif);
}
.rewardsIcon span#icon05{ 
	background-image: url(../images/icons/ico_lg_loc_red.gif);
}
.rewardsIcon span#icon06{ 
	background-image: url(../images/icons/ico_lg_check_red.gif);
}

.buttonLogin a{ /* login buttons - round rectangle - no shadow */
	display: block;
	background-image:url(../images/buttons/b_flat_gray_off.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding-top: 6px;
	margin-top: 0px;
	margin-bottom: 2px;
	width: 80px;
	height: 27px;
}
.buttonLogin a:hover { /* login buttons - round rectangle - no shadow */
	display: block;
	background-image: url(../images/buttons/b_flat_gray_over.gif); 
	background-repeat: no-repeat;
	color: #fff !important;
}




/* curved container navPanel - 10px radius filled #cfcfcf */

.bl10s {background: url(../images/headers/blsolid.gif) 0 100% no-repeat #cfcfcf; width: 1000px;}
.br10s {background: url(../images/headers/brsolid.gif) 100% 100% no-repeat}
.tl10s {background: url(../images/headers/tlsolid.gif) 0 0 no-repeat}
.tr10s {background: url(../images/headers/trsolid.gif) 100% 0 no-repeat; padding: 0px 0px;} 
.clear {font-size: 1px; height: 1px} 

/* curved container realtorBox - 10px radius nofill */

.bl10 {background: url(../images/headers/bl10.gif) 0 100% no-repeat; }
.br10 {background: url(../images/headers/br10.gif) 100% 100% no-repeat}
.tl10 {background: url(../images/headers/tl10.gif) 0 0 no-repeat;}
.tr10 {background: url(../images/headers/tr10.gif) 100% 0 no-repeat; height: 74px; padding: 2px; margin: 0px; } 

* html .tl10 {width:400px;}


/* curved container borders - fake border pixel */

.t {background: url(../images/headers/bpx.gif) 0 0 repeat-x}
.b {background: url(../images/headers/bpx.gif) 0 100% repeat-x}
.l {background: url(../images/headers/bpx.gif) 0 0 repeat-y}
.r {background: url(../images/headers/bpx.gif) 100% 0 repeat-y}


/* main container */

.mainContainer {
	width: 860px;
}
.mainContainer td{
	background-color: #fff;
}
.topArea {
	margin: 1px 0;
}
.topArea #topLogo {
	float: left;
	margin-left: 0px;
	
}
.topArea #localLogo {
	float: right;
	margin-left: 0px;
	padding-top: 24px;
	
}

* html .topArea #topLogo {
	margin-left: 0px;
}
.topArea img {
	padding: 16px 0px;
}
.navPanelTop, .navPanelBottom {
	clear: both;	
	background-color: transparent;
	padding: 8px;
	height: 18px;
}
.navPanelBottom {	
	background: url(../images/headers/nav_shadow.gif) repeat-x    !important;
}
.navPanelMenu {
	display: block;
	width: 100%;
	background: #0b703c;
	clear: both;
}
#navPanelDrop{
	position:absolute;
	top: 0px;
	border-bottom:1px solid #9a9a9a;
	font:bold 10px Arial;
	line-height: 18px;
	z-index:100;
}
#navPanelDrop a{
	display: block;
	text-indent: 19px;
	border: 1px solid #9a9a9a;
	border-bottom: 0px solid;
	padding: 0px 0;
	text-decoration: none;
	font-weight: bold;
	background-color: #efefef;
	white-space: nowrap;
	color: #000;
	text-align: left;
}
#navPanelDrop a:hover{ /*hover background color*/
	
	background-color: #ff757a;
	color: #fff !important;
}
ul.navPanelMenu {	
	margin: 0 auto;
	padding: 0px;
	background: #0b703c;
}
ul.navPanelMenu li {
	display: block;
	float: left;
	border: 0px;
	border-right: 0px solid #e3e3e3;
	text-align: left;
	white-space:nowrap;
}
.navPanelMenu a {
	background-color: #0b703c;
	display: block;
	font:bold 1.1em arial, sans-serif;
	padding: 10px 20px;
	text-decoration: none;
	color: #fff;
}

#welcome {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	line-height: 20px;
}
#cashTotals {
	float: left;
	padding: 2px 8px;
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-left: 8px;
	border-left: 1px dotted #999;
}
#cashTotals label{
	color: #444;
}
.consumerSubnav {	
	float: left;
	margin: 0 auto;
}
.realtorSubnav {	
	display: block;
	float: right;
	margin-right: 12px;
}
.topSearch {	
	margin-right: 12px;
}
.topSearch #search {	
	float: right;
}
.topSearch #search img {	
	border: 0px;
}

ul#subnav, ul#subnavTop {	
	float: left;
	margin: 0 auto;
	padding: 0px;
	clear: both;
}
ul#subnavTop {	
	float: right !important;
	padding-top: 12px;
	padding-right: 120px;
}
ul#subnav li {
	padding: 0px 4px;
	float: left;
	display: block;
}
ul#subnavTop li {	
	float: left;
	display: block;
	padding: 0px 3px;
}
#subnav a {
	display: block;
	font-size: 10px;
	font-weight: bold;	
	line-height: 14px;
	border-left: 1px dotted #999;
	text-decoration: none;
	color: #444;
	padding: 2px;
}
#subnavTop a {
	border-left: 1px dotted #999;
	padding-left: 6px;
	color: #7f7f7f;
}
#subnavTopLast a {
	border-left: 0px !important;
}
#subnav a:hover, ul#subnavTop a:hover {
	color: #000 !important;
	text-decoration: underline;
}
*html #subnav img, *html #subnavTop img  {
	margin-right: 6px;
	margin-left: 2px;
}
a#subnavLast, a#subnavLast:hover, a#subnavTopLast, a#subnavTopLast:hover {
	border-left: 0px solid #fff !important;
	padding-left: 0px !important;
}
#subnav img, #subnavTop img  {
	float: left;
	border: 0px !important;
	display: block;
	margin-right: 6px;
	margin-left: 4px;
}
.resellerLogo img{
	border: 0px !important;
	text-align: right;
	display: block;
	clear: both;
	margin-right: 6px;
	margin-left: 4px;
	padding-top: 16px;
}




/* Common Properties */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
body {		
	background-color:#fff;
	height: 100%;
	margin: 0 auto;
}
body, td, p {		
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #000000;
}
body.white {		
	background-color: #fff !important;
	background-image: url(../../images/bkg_ramp_white.gif); background-repeat: repeat-x;
}


A { color: #0b703c; text-decoration: none; }
A:hover { text-decoration: underline;}

A.login { color: #333333; font-weight: normal; text-decoration: none; }
A.login:hover { color: #999999; font-weight: normal; text-decoration: underline;}

/* pagination
-------------------- */	

.pageBar { 
	font-size: 1em; 
	text-align: right;
	padding: 2px 4px; 
	margin: 8px 0;
	text-decoration: none; 
}
.pageBar a, .pageList .currentPage { 
	text-decoration: none; 
	padding: 2px 4px; 
	color: #888;
}
.pageBar a:hover { 
	color: #000; 
	background-color: transparent;
} 
.pageBar a:visited { 
	text-decoration: none; 
	padding: 2px 4px; 
}
.pageBar .break {  
	border: none;  
	text-decoration: none; 
}
.pageBar .currentPage { 
	padding: 2px 4px; 
	margin: 0 2px;
	font-weight: bold; 
	background: #0b703c; 
	color: #FFF; 
}




/* ------------------- Form Elements & Signup Form --------------------------- */


.rightColumnLogin { /* holds login boxes */
	float:right;
	margin: 12px 0px 0px 0px;
	width: 200px;
	background-color: #fff;
}

.flashBox { /* holds login boxes */
	float:left;
	margin: 12px 0px 12px 0px;
	background-color: #fff;
}

/* ------------------- home & login pages intro boxes --------------------------- */

.introContainer { /* holds intro image and boxes */
	float:left;
	margin: 12px 12px 0px 0px; /* adjust 1 bottom */
	width: 648px; 
	height: 260px;
	/* adjust 2 */
}

.introContainer #box { /*  */
	float:left;	
	margin-top: 12px; /* adjust 3  */
	width: 50%;
}
.introContainer #box #info, #infoLast { /* login page / info - left side */
	background-color: #fff;
	border: 0px dotted #ccc;
	margin-left: 12px;
	margin-right: 6px;
	padding: 16px;
	height: 180px;
	line-height: 1.2em;
	font-size: 1.1em;
}
.introContainer #box #infoLast { /* login page / info - right side */
	margin-left: 6px;
	margin-right: 12px;
}
.introContainer #box img{ /* img spacing */
	margin-right: 6px;
	margin-bottom: 2px;
}
.step{ /*  */
	float: left;
	width: 280px;
	padding-bottom: 12px;
	vertical-align: middle;
	font-weight: 700;
}
.step #vMiddle{ /*  */
	position: relative;
	top: 8px;
}
.step img{ /*  */
	float: left;
	padding-bottom: 4px;
	padding-right: 4px;
}
.introContainer h1 { /*  */
	color: #0b703c;
	background-color: transparent;
	font-weight: bold;
	font-size: 17px;
	border-bottom: 0px solid #0b703c;
	margin: 0px 0px 12px 0px;
}
.tblMonthlyOffers td{ /* holds 2 column offers */
	padding: 0px 2px;
	height: 18px;
	font-weight: bold;
	color: #555;
	vertical-align: bottom;
	border-bottom: 1px dotted #ddd;
}
.tblMonthlyOffers td a, .tblRealtorPicks td a{ /* holds 2 column offers */
	font-weight: bold;
}
table.tblPopularOffers { /* holds 2 column offers */
	width: 100%;
}
.tblPopularOffers td, .tblRealtorPicks td { /* holds 2 column offers */
	font-size: 11px;
	height: 22px;
	padding: 0px 0px 0px 4px;
	border-bottom: 1px dotted #ddd;
	font-weight: bold;
	color: #000;
	vertical-align: middle !important;
	text-align: left;
	
}
.tblRealtorPicks tr.rowAlt td, .tblMonthlyOffers tr.rowAlt td, .tblPopularOffers tr.rowAlt td {
	background-color: #f0f0f0;
}
.tblUpcomingOffers td { /* holds 2 column offers with image */
	height: 20px;
	padding: 0px;
	border-bottom: 1px dotted #ddd;
	font-weight: bold;
	color: #000;
}





/* Form Elements & Buttons */
input.inputbox, .quickDrop {
	font:normal 11px arial, sans-serif;
	color: #000;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #eee;
}
input.searchbox, textarea.multiLine {
	font:normal 11px arial, sans-serif;
	color: #000;
	background-color: #eee;
}
.buttonGeneric  {
	background-color: #0b703c;
	font-weight: bold;
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 4px;
	color: #fff;
}

input.button, input.buttonYellow, input.buttonRed {
	background: #999 url(../../htmlPagesHFR/images/button_bkg.gif) repeat-x;
	border-top:1px solid #fff;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #fff;
	color: #000;
	font:bold 11px arial, sans-serif;
	margin-bottom: 4px;
	width: 80px;
	height: 22px;
}

.saveButton a, .colorButton a{ /* specials save button */
	display: block;
	background-image: url(../images/buttons/b_action01_off.gif); 
	background-repeat: no-repeat;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	margin-top: 0px;
	margin-bottom: 2px;
	width: 122px;
	height: 36px;
	line-height: 27px;
}
* html .saveButton a, * html .colorButton a{ /* specials save button */
	padding-top: 8px;
	margin-bottom: -3px;
}
.saveButton a:hover, .colorButton a:hover{ /* specials save button */
	display: block;
	background-image: url(../images/buttons/b_action01_over.gif); 
	background-repeat: no-repeat;
	color: #fff !important;
	text-decoration: none;
}

.saveButton img, .colorButton img, .lgContainer h1 img, .lgContainer h2 img { /* buttons & headers with bullet image */
	display: inline;
	border:0px !important;
	padding-left: 4px;
	position: relative;
	top: 1px;
}
#centered{ /* specials save button arrow */
	text-align: center !important;
}
.colorButton { 
	margin-top: 24px !important; 	
}

/* ------------------- Login Page Signup/Login Boxes --------------------------- */

.loginBox, .loginBoxAlt { 
	clear:both; 
	color: #000; 
	padding: 12px; 
	border: 0px solid #bbb; 
	margin-bottom: 16px; 
	background-color: #e3e3e3;
}
.loginBoxAlt {
	background-color: #fff !important;
}
.loginBox label, .loginBoxAlt label {
	display: block;
	font-weight: bold;
	color: #000;
}
.loginBox #sublabel, .loginBoxAlt #sublabel {
	display: block;
	font-size:9px;
	color: #666;
	margin-bottom: 2px;
}
.loginBoxAlt, .loginBoxAlt h1 {
	color: #0b703c !important;
}
.loginBox h1, .loginBoxAlt h1 {
	font-size: 17px;
	font-weight: bold;
	color: #000;
	margin:0;
	padding-bottom: 4px;
}

div.qa, div.qaCalc {  color: #000; margin-bottom: 0px;}
div.qaLat {  color: #000; margin-bottom: 0px; float:left; margin-right: 8px;}
div.qa #req {  color: #cc0000; margin-left: 4px;}
div.qa label, div.qaLat label {
	font-weight: bold;
	clear:both;
	display: block;
	padding-top: 8px;
	padding-bottom: 2px;
}
div.qaCalc label {
	font-weight: bold;
	margin: 8px 0; 
	vertical-align: middle;
}
div.qa #sublabel {
	display: block;
	font-size:10px;
	color: #444;
	line-height: 10px;
	margin: .25em 0;
}
div.qa span {
	font-size:10px;
	color: #666;
	margin: .25em 0;
}

#qaCenter {
	width: 100%;
	display: block;
	text-align: center;
	margin: 6px 0px 6px 0px;
}
.qaTextCenter {
	text-align:center;
	width: 450px;
	color: #333333;
	margin: auto;
}
.loginBox input.readonly {
	background: #ccc;	
}


/*----------------------- Login Top Area --------------------------- */


#topLinks {	
	width:auto;
}
#topLinks ul#topLinks {	
	padding: 0px;
	margin-right: 16px;
}
ul#topLinks li {
	display: block;
	float: right;
}
#topLinks a {
	display: block;
	font:bold 10px arial, sans-serif;
	border-right: 1px dotted #999;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	color: #888;
	line-height: 22px;
	text-align:center !important;
}
#topLinks a:hover {
	color: #0b703c !important;
	font-weight: bold !important;
}

#topLinks img  {
	clear:both;
	border: 0px !important;
	display: block;
	margin-top: 30px;
}

a#topLinksLast, a#topLinksLast:hover {
	border-right: 0px solid #fff !important;
	padding-right: 0px !important;
}


/*----------------------- Homepage Content--------------------------- */

.artBox01 {
	float: left;
	margin: 16px 0px 0px 0px;
}
a.artBoxLinkRight  {
	float: right;
	display: block;
	position: relative;
	top: -28px;
	color: #fff !important;
	font-size: 14px;
	font-weight: bold !important;
	text-decoration: underline !important;
	margin: 0px 8px 8px 0px;
}
.lgContainer {
	float: left;
	width: 568px;
	margin: 16px 0px 0px 0px; 
	padding: 0px;
}
.lgContainer .content {
	padding: 4px;
	margin: 0 auto;
}

a.temptitle {	
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
	color: #333;
}



.lgContainer #banner02 img{
	float: left;
	margin: 4px;
}

* html .lgContainer { /* partner logos IE6 */
	position: relative;
}
.lgContainer #box { /* 4 upcoming offers last */
	float:left;
	margin: 0;
	width: 142px;
	padding: 0px;
}
.lgContainer #box img{ /* logo spacing */
	margin: 0;
}
.lgContainer #box #date{ /* logo spacing */
	display: block;
	font-weight: 800;
	font-size: .8em;
	margin-bottom: 4px;
	color: #cc0000;
}
.lgContainer #box #offer{ /* logo spacing */
	display: block;
	font-weight: 800;
	font-size: .8em;
	color: #000;
	margin-bottom: 4px;
	padding: 0px 8px 6px 8px;
	font-size: 10px;
}
.lgContainer #box #cashback{ /* logo spacing */
	display: block;
	font-weight: 800;
	color: #0b703c;
	font-size: 10px;
}

.lgContainer #box #inner, .lgContainer #box #innerLast { /* inside boxes - Monthly Specials */
	text-align: center;
	background-image: url(../images/icons/vsep.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #fff;
	margin: 0px;
	margin-right: 0px;
}
.lgContainer #box #innerLast { /* inside box - Rightmost item - Monthly Specials */
	margin-right: 0px !important;
	background-image: none !important;

}
.lgContainer #box #ad { /* specials image, offer, date */
	text-align: center;
	height: 207px;	
}
.lgContainer #box #adLast { /* specials image, offer, date last */
	text-align: center;
	height: 207px;	
}

/*------- Large header bar w/shadow ------- */


.lgContainer h2 {
	background-image: url(../images/headers/hbar_bkg.gif)!important;
}
.lgContainer #title, .introPartners #title {
	float:left;
	padding: 8px 0px 0px 8px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}
.lgContainer h1 #more a, .lgContainer h2 #more a {
	float: right;
	padding: 8px 16px 0px 8px;
	color: #fff !important;
	font-size: 11px;
	font-weight: bold;
}
.lgContainer h3 { 
	font-size: 17px;
	clear: both;
	font-weight: bold;
	color: #0b703c;
	margin: 0;
	padding-top: 6px;
}


/*----------------------- Login Partners --------------------------- */

.introPartners h1 {
	background-image: url(../images/headers/hbar_partners.gif)!important;
}
.introPartners { /* partner logos - login page */
	clear: both;
	margin: 0px 0px 12px 0px;
	width: 860px; 
}
* html .introPartners { /* partner logos - login page IE6 */
	margin-left: 0px;
}


/*----------------------- Realtor Box --------------------------- */

.resellerBox {
	text-align: right;
	float: right;
	display: block;
	margin:12px;
	margin-right: 0px;
}
#genericTop img {
	float: right;
	border: 0px !important;
	margin: 12px;
}
#realtorBox img {
	border: 0px solid #999;
}
#realtorBox #logo, #pic {
	padding: 6px 0px 6px 6px;
	float: left;
}
#realtorBox #links {
	clear:both;
	text-align: center;
	margin: 4px 4px;
	display: block;
	background-color: transparent;
	width: auto;
}
#realtorBox #links a {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}
#realtorBox #links a:hover {
	color: #ff757a !important;
	text-decoration: underline;
}
#realtorBox #links img {
	border: 0px !important;
}
#realtorBoxInfo {
	
	padding: 2px;
	float: left;
	display: block;
}

#ulRealtorBoxInfo {
	padding: 0;
	display: block;
	margin: 6px;
}


ul#ulRealtorBoxInfo li {
	display: block;
	padding: 0px 6px 2px 6px;
	list-style-type: none;
	font:normal 10px arial, sans-serif;
	color: #000 !important;	
}
ul#ulRealtorBoxInfo li a{
	font:bold 10px arial, sans-serif;
	color: #666 !important;
	text-decoration: underline;
}
ul#ulRealtorBoxInfo li#Name{
	font:bold 11px arial, sans-serif;
	color: #0b703c !important;
}
/* IE6 Fix */
* html #realtorBox,  * html #realtorBoxDefault {
	padding: 0;
}


/*----------------------- columns & boxes --------------------------- */


/* Side Area Boxes */

.adSpaceLeft { /* holds skyscrapers */
	float:left;
	margin-right: 16px;
	margin-top: 16px;
	width: 160px;
}
.adSpaceRight { /* holds skyscrapers */
	float:left;
	margin-left: 16px;
	margin-bottom: 16px;
	width: 160px;
}

.adSpaceLeft img, .adSpaceRight img { /*  */
	margin-bottom: 16px !important;
	border: 0px solid #ccc !important;
}
.adSpaceRight img { /*  */
	border: 0px !important;
}
.causeBox, .cashBox { /*  */
	margin-bottom: 16px;
	width: 100%;
	padding-bottom: 8px;
	border: 0px solid #ccc;
	text-align: center;
}
.causeBox h1, .cashBox h1 { /*  */
	background-image: url(../images/headers/hbar_left160.gif);
	background-repeat: no-repeat;
	height: 40px;
	margin: 0px;
	margin-bottom: 0px;
}

.causeBox label { /*  */
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
	
}
.causeBox span { /*  */
	font-size: 22px;
	font-weight: bold;
	color: #009900;
}
.causeBox span.color01 { /* sgk */
	color: #ac2a74;
}
.causeBox span.color02 { /* habitat */
	color: #56bb47;
}
.causeBox img {
	border: 0px !important;
	margin-bottom: 4px !important;
}
.cashBox #reward{ /*  */
	display: block;
	height: 48px;
	padding: 6px 0px;
	background-image: url(../images/icons/hsep160.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.cashBox #reward a{ /*  */
	color: #fff !important;
}
.cashBox #reward a:hover{ /*  */
	color: #ff757a !important;
}
/* .cashBox #reward label{
	float: left;
	height: 40px;
	width: 40px;
	background-image: url(../images/icons/ico_cashback_blue.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 8px;
	padding: 0;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-indent: 4px;
	line-height: 40px;
} */

.cashBox #reward label{
	float: right;
	margin: 4px 9px 0px 4px;
} 


.cashBox img { /*  */
	float: left;
	border: 0px !important;
	margin: 0 !important;
}


.rightColumn {
	float: right;
	clear: left;
	width: 240px;
	margin-top: 16px;
	margin-left: 16px;
}
.rightColumn #content {
	padding: 6px;
}
.rightColumn #banner01 img {
	border: 0px;
}
.rightColumn #banner01 {
	border: 1px solid #ccc;
	margin-bottom: 16px;
}
.rightColumn #rightBox h1 {
	background-image: url(../images/headers/hbar_right240.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 40px;
	margin: 0px;
}
.rightColumn #logo {
	width: 100%;
	display: block;
	float:left;
}
.rightColumn #offer {
	text-align: right;
}
.leftColumn { /* holds interior page left column */
	float:left;
	margin-right: 16px;
	width: 200px;
}
.leftColumn #leftBox, .rightColumn #rightBox { /*  */
	margin-bottom: 16px;
	width: 100%;
	padding: 0px;
	text-align: center;
}
.leftColumn #leftBox h1 {
	background-image: url(../images/headers/hbar_left200.gif);
	background-repeat: no-repeat;
	height: 40px;
	margin: 0px;
	margin-bottom: 8px;
}
.leftColumn #leftBox h1 #title, .rightColumn #rightBox h1 #title, .cashBox h1 #title, .causeBox h1 #title {
	float: left;
	padding: 8px 0px 0px 8px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;

}
.leftColumn #leftBox #rate { /*  */
	text-align: center;
	padding: 16px;
}
.leftColumn #leftBox #rate img{ /*  */
	margin-left: 16px;
	margin-right: 16px;
}
.leftColumn #leftBox img { /*  */
	margin-bottom: 8px;
	border: 0px !important;
}

.leftColumn #leftBox img.realtor, img.cause, img.thumbnail { /*  */
	border: 1px solid #ccc !important;
	margin: 0px !important;
}

.leftColumn #leftBox .calcResults, .friendResults { /*  */
	background-image: url(../../shared/images/banners/bkg_calculator.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 92px;
	text-align: left;
	padding-top: 12px;
}
.accountResults { /*  */
	text-align: left;
	padding-left: 8px;
}
.calcResults label, .friendResults label, .accountResults label { /*  */
	font-size: 12px;
	text-decoration: underline;
	color: #000;
	font-weight: bold;
	display: block;
	padding-left: 70px; 
}
.friendResults label { /*  */
	padding-left: 48px; 
}
.accountResults label { /*  */
	padding: 12px 0px 0px 0px !important; 
}
.calcResults span.result, .friendResults span.result, .accountResults span.result{ /*  */
	font-size: 16px;
	display: block;
	color: #009900;
	font-weight: bold;
	padding-left: 70px;
	padding-bottom: 3px;
}
.friendResults span.result{ /*  */
	font-size: 16px;
	display: block;
	color: #009900;
	font-weight: bold;
	padding-left: 48px;
	padding-bottom: 9px;
}
.accountResults span.result{ /*  */
	
	padding-left: 0px !important;
}
.leftColumn #leftBox .friendResults { /*  */
	background-image: url(../images/icons/ico_friends_bkg_red.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 86px;
	text-align: left;
	padding-top: 0px;
}




/* Vendor Offer - Feed Area */

#breadcrumb { /* interior pages */
	font-size: 1.1em;
	clear: both;
	display: block;
	margin: 12px 0;
	background-color: transparent;
	border: 0px solid #ccc;
	color: #666;
	padding: 6px;
	font-weight: normal;
}
#breadcrumb img { 
	margin: 0 4px;
}
#breadcrumb a { 
	color: #0b703c;
	text-decoration: underline;
	font-weight: normal;
}
#breadcrumb a:hover { 
	font-weight: normal;
	color: #000;
}
.mainColumn { /* holds vendor offer & feed */
	margin-bottom: 16px;
	float: left;
	text-align: left;
	width: 100%;
	padding: 8px 0px;
}
.mainColumn img.banner  {
	margin-right: 17px;
	margin-bottom: 17px;
	float: left;
	display: block;
	border: 0px !important;
}
.mainColumn h1 { 
	font-size: 19px;
	line-height: 19px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 12px;
	padding-top: 12px;
	color: #0169b3;
	padding-bottom: 12px;
}
.mainColumn h2 { 
	font-size: 17px;
	clear: both;
	font-weight: bold;
	color: #000;
	margin: 0;
}

.rewardsIcon, .rewardsIconSm { 
	clear: both;
	display: block;
}
.rewardsIcon span{ 
	margin: 0px 12px 12px 0px;
	width: 32px;
	height: 32px;
	float: left;
	background-repeat: no-repeat;
}
.rewardsIconSm span{ 
	margin: 0px 6px 6px 0px;
	width: 18px;
	height: 18px;
	float: left;
	background-repeat: no-repeat;
}
.rewardsIconSm span#icon01{ 
	background-image: url(../../shared/images/icons/ico_sm_rewards.gif)
}
.rewardsIconSm span#icon02{ 
	background-image: url(../../shared/images/icons/ico_sm_dollar.gif);
}
.rewardsIconSm span#icon03{ 
	background-image: url(../../shared/images/icons/ico_sm_cause.gif);
}
.rewardsIconSm span#icon04{ 
	background-image: url(../../shared/images/icons/ico_sm_eco.gif);
}
.rewardsIconSm span#icon05{ 
	background-image: url(../../shared/images/icons/ico_sm_loc.gif);
}
.rewardsIconSm span#icon06{ 
	background-image: url(../../shared/images/icons/ico_sm_check.gif);
}

.mainColumn h3 { 
	font-size: 17px;
	background-color: #0b703c;
	font-weight: bold;
	color: #fff;
	margin: 12px 0;
	padding: 4px 0px 4px 8px;
}
.mainColumn p { 
	font-size: 12px;
}
.mainColumn #offer p, .mainColumn #offer li  { 
	font-size: 14px;
	line-height: 18px;
	color: #000;
}
.mainColumn #offer, .mainColumn h1  { 
	border-bottom: 2px dotted #999;
	
}
.mainColumn #offer  { 
	border-bottom: 2px dotted #999;
	
}
.mainColumn #offer a  { 
	color: #0b703c;
	text-decoration: underline;
}
.mainColumn #icon img  { 
	float:left;
	margin-right: 12px;
	margin-top: 1px;
	border: 0 !important;
}


.mainColumn ul {
	margin: 0 auto;
	padding: 0;
	margin-bottom: 12px !important;
	
}

.mainColumn li {
	list-style-image:url(../images/buttons/sm_blt_blue.gif);
	font-size: 12px;
	margin-left: 12px;
	padding-bottom: 4px;
}

.mainColumn li a{
	font-size: 12px;
	font-weight: bold;
}

.mainColumn .grid {
	
}
.mainColumn .grid #pixcell {
	float: left;
	display: block;
	padding: 2px;
	width: 142px;
	text-align: center;
	margin-bottom: 32px;
	
}

#pixcell img {
	border: 1px solid #bbb;
	clear: both;
	margin-bottom: 4px;
	
}
#pixcell a {
	clear: both !important;
	font-weight: bold;
	display: block;
}



/* table - list items */

.tblListItem, .tblCampaign{
	border-collapse: collapse;
	width: 100%;	
	margin: 16px auto;
	clear:left;
	
}
.tblListItem tr, .tblCampaign tr {
	background-color: #fff;
	color:#000;
}
.tblListItem td, .tblCampaign td {
	font-size: 11px;
	padding: 4px 8px;
	border-bottom: 1px solid #bbb;
	vertical-align: top;	
	text-align: left;
}
.tblListItem tr.rowAlt td, .tblCampaign tr.rowAlt td {
	background-color: #eee;
}

.tblListItem th {
	background-color: #0b703c;
	text-align: left;
	color: #fff;
	font-weight: bold;
	padding: 4px 8px;
	white-space: nowrap;
	border-right: 1px dotted #fff;
}
.tblListItem span.total {
	color: #009900;
	font-size: 16px;
	font-weight: bold;
}





/* Footer */

#footer {	
	clear: both;

	line-height: 16px;
	font-size: .8em;
	text-align: center;
	margin: 6px auto 0;
	padding-top: 6px;
	border-top: 1px dotted #bbb; 
}
#footer a, #footer a:visited{
	font-weight: bold;
	text-decoration: underline;
	color: #333;
}
#footer a:hover{
	color: #ff757a !important;
	text-decoration: underline;
}


/* validation
------------------------------------------- */	
input.required, textarea.required {
	/*border: 1px solid #105070 !important;*/
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300 !important;
	color : #FF3300 !important;	
}
input.validation-passed, textarea.validation-passed {
	/*border: 1px solid #00CC00 !important;
	color : #000 !important;
	*/
}
.validation-advice {
	color: #FF3300;
	display: inline !important;
	margin-left: 15px;
}
body#login .validation-advice {
	display: block !important;
	margin-left: 0 !important;	
}

/* generics
------------------------------------------- */	

table.invisible {
	border-collapse: collapse;
}
table.invisible td, table.invisible th {
	padding: 0 !important;
	margin: 0 !important;
	vertical-align: top !important;	


/* form styles
------------------------------------------- */	
table.invisible td label {
	width: auto !important;	
	font-weight: normal;
	margin-right: 10px;
}
table.invisible td input {
	padding: 2px;	
}
a:hover {
	color: #333 !important;	
}


/* PAGE SPECIFIC: register realtor
------------------------------------------- */
h2.centered {
	text-align: center;
}
h2.centered a {
	color: #85C63A;
	font-size: 1.2em;	
	border-bottom: 1px dotted #08A539;
}

/* PAGE SPECIFIC: all internal realtor pages
------------------------------------------- */
#content {
	padding: 2em;	
}
img#imgCompanyLogo {
	padding: 2px;
	border: 1px solid #ccc;
	vertical-align: middle;
	margin: 1em 1em 0 0;
}


/* PAGE SPECIFIC: vendor pages
------------------------------------------- */
#imgVendorArt {
	width: 594px;
	
}
ul#sbarNavigation li a.currentNav { color: #fff; background: #C8C1B8; border: 1px solid #C8C1B8;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff; }