/* ------ Homepage ------- */

/* -- Left column -- */
#rightColumn #colLeft {width:367px; margin: 0 10px 0 0; float:left;}
#rightColumn #colLeft h2.welcome {background:url(../images/homepage/replacement/welcome_orange.gif) top left no-repeat scroll; margin:10px 0 0 0; padding:0; text-indent:-5000px; height:36px;}
#rightColumn #colLeft h3 {display: block; font-size:1.4em; margin: 20px 0 0; padding:8px 8px 0 0; color:#e68302; background: url(../images/global/dotted_line.gif) left top repeat-x scroll;}
#rightColumn #colLeft p {line-height:16px; margin: 0 0 10px 0; padding:0 0 0 1px; color:#000;}

/* -- Left column .newsImage -- */
#rightColumn #colLeft dl.newsImage {margin:10px 0;}
#rightColumn #colLeft dl.newsImage dt {border-bottom: 2px solid #8E2344; float:right; margin:0 0 4px 0; padding:0; width:212px; color:#909291; font-weight:bold;}
#rightColumn #colLeft dl.newsImage dd {float:right; margin:0; padding:0 0 5px; width:212px; line-height:16px;}
#rightColumn #colLeft dl.newsImage dd.image {float:left; width:120px;}
#rightColumn #colLeft dl.newsImage dd.image a img {float:left; margin:0 0 0 8px; padding:0;}
#rightColumn #colLeft dl dd {color:#000;}
#rightColumn #colLeft dl dd span.link {background:url(../images/global/orange_link_arrow.gif) right top no-repeat scroll; padding-right:10px;}
#rightColumn #colLeft dl dd a {color: #e68302;}
#rightColumn #colLeft dl dd a:hover {text-decoration:underline;}

/* -- Left column .newsNoImage -- */
#rightColumn #colLeft dl.newsNoImage {margin:15px 0 10px; padding:0;}
#rightColumn #colLeft dl.newsNoImage dt {border-bottom: 1px solid #e68302; margin:8px 0 13px 0; padding:0; width:367px; color:#e68302; font-weight:bold;}
#rightColumn #colLeft dl.newsNoImage dd {margin:0; padding:0 0 5px; width:347px; line-height:16px;}



/* -- Right column -- */
#rightColumn #colRight {width:210px; float:left;}
#rightColumn #colRight h4 {background:none; color:#008493;padding:6px; margin:10px 0 0 0; font-size:1.1em; width: 198px;}
#rightColumn #colRight a.go {background:#eea900 url(../images/global/button_arrow_white.gif) center right no-repeat scroll; padding:2px 12px 2px 4px; vertical-align:middle; color:#fff; text-decoration:none;}
#rightColumn #colRight select {margin: 0 6px; vertical-align:middle; width:160px;}


/* -- Quick links -- */
#rightColumn #colRight #quickLinks {background: #e2eeef; padding-bottom:4px;}
#rightColumn #colRight #quickLinks select {width: 165px; margin-right: 0;}
#rightColumn #colRight #quickLinks input.go {vertical-align: middle; margin: 0 0 0 2px; padding: 0; background: #eea900; color: #fff; font-weight: bold; width: 30px; height: 18px; border: none; cursor: pointer;}
#righ tColumn #colRight #quickLinks h4 {background:none; color:#008493;}

/* -- Who are you -- */
#rightColumn #colRight #whoAreYou {background: #e2eeef; padding-bottom:6px;}
#rightColumn #colRight #whoAreYou h4 {margin:10px 0 0 0;}
#rightColumn #colRight #whoAreYou select {width: 165px; margin-right: 0;}
#rightColumn #colRight #whoAreYou input.go {margin: 0 0 0 2px; vertical-align: middle; padding: 0; background: #eea900; color: #fff; font-weight: bold; width: 30px; height: 18px; border: none; cursor: pointer;}
#rightColumn #colRight #whoAreYouResult h4 {background: #e2eeef; border-top:1px dotted #007e8c; margin:0; color:#007e8c;}
#rightColumn #colRight #whoAreYouResult h5 {font-weight:bold; margin:0; padding:6px; border-bottom:1px dotted #007e8c; color:#007e8c;}
#rightColumn #colRight #whoAreYouResult li {border-bottom:1px dotted #007e8c; padding: 6px 6px 6px 10px;}
#rightColumn #colRight #whoAreYouResult li .arrow { background:url(../images/global/arrow_black.gif) no-repeat 0em 0.4em scroll; padding:0 0 0 10px;}
#rightColumn #colRight #whoAreYouResult li a {color:#000; font-weight:normal;}
#rightColumn #colRight #whoAreYouResult li a:hover {text-decoration:underline;}

/* -- Features -- */
#rightColumn #colRight ul#features {margin:10px 0;}
#rightColumn #colRight ul#features li, #rightColumn #colRight ul#features li a {text-indent:-5000px; padding:0; margin:0; width:210px; height:47px; display:block;}
#rightColumn #colRight ul#features li {margin-bottom:7px;}
#rightColumn #colRight ul#features li.payments{background:url(../images/homepage/online_payments.gif) no-repeat left top scroll;}
#rightColumn #colRight ul#features li.repair {background:url(../images/homepage/report_repair.gif) no-repeat left top scroll; height:43px;}
#rightColumn #colRight ul#features li.repair a {height:43px;}
#rightColumn #colRight ul#features li.tennants{background:url(../images/homepage/talking_tennants.gif) no-repeat left top scroll;}
#rightColumn #colRight ul#features li.community{background:url(../images/homepage/your_community.gif) no-repeat left top scroll;}

#rightColumn #colRight ul#features li.staySafe {background:#d4da47 url(../images/homepage/stay_safe_bg.gif) left bottom no-repeat scroll; height:auto; text-indent: 0; color:#6e7809; float:left;}
#rightColumn #colRight ul#features li.staySafe img {margin: 10px 10px 5px 7px; float:left; display:inline;}
#rightColumn #colRight ul#features li.staySafe span {margin: 0 0 0 7px; width: 125px; line-height:12px; float:left; padding:0 0 10px 0; clear:left; line-height:1.1em;}

/* -- Group companies -- */
#rightColumn #colRight #groupCompanies {background: #e2eeef; padding-bottom:6px;}
#rightColumn #colRight #groupCompanies p {margin:0; padding:0 0 2px 6px;}
#rightColumn #colRight #groupCompanies p.return {margin: 30px 0 0; padding:6px 0 2px 6px;}
#rightColumn #colRight #groupCompanies p.return a {padding-right: 10px; color: #008493; background: url(../images/global/blue-arrow.gif) right center no-repeat scroll;}
#rightColumn #colRight #groupCompanies p.return a:hover {text-decoration: underline;}
#rightColumn #colRight #groupCompanies select {width: 165px; margin-right: 0;}
#rightColumn #colRight #groupCompanies input.go {vertical-align: middle; margin: 0 0 0 2px; padding: 0; background: #eea900; color: #fff; font-weight: bold; width: 30px; height: 18px; border: none; cursor: pointer;}
#rightColumn #colRight #groupCompanies h4 {}

#rightColumn #colLeft #floodNotice {width: 327px; border: 5px solid #000; padding: 10px 10px 0; font-weight: bold; margin: 10px 0 20px;}
