/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						24/06/2009

						Version 1.0

						Project: Riverside

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------
dark turquoise: #006B74
light turquoise: #65C8CD
--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:101%;
}
body{
    background:url("../images/bg_body_.jpg") no-repeat bottom center;
}
img{
    border:none;
}
/*-------------------------------------------------------------------*/
#wrapper{
    width:1000px;
    margin:35px auto 0 auto;
}

/*-----------------------------
           Header
-----------------------------*/
#header{
    width:1000px;
    height:89px;
    border-bottom:1px solid #65C8CD;
}
#contact{
    float:right;
    padding:11px 0 0 15px;
    width:176px;
}
#contact, #telinfo{
    height:70px;
    line-height:0.9em;
    background:url("../images/bg_contact.jpg");
}
#telinfo{
    position:absolute;
    display:none;
    z-index:1000;
    margin:40px 0 0 985px;
    width:146px;
    padding:11px 30px 0 15px;
}
#contact h1{
    width:130px;
    padding-bottom:3px;
    margin-bottom:2px;
    border-bottom:1px solid #FFFFFF;
}
#riverside{
    float:left;
    width:192px;
    height:52px;
    margin:15px 0 0 0;
}
#headermenu{
    float:left;
    width:475px;
    margin:35px 0 0 80px;
}
#headermenu ul{
    list-style:none;
}
#headermenu ul li{
    float:left;    
}
#headermenu ul li a{
    padding:0 27px 0 27px;
    border-left:1px solid #65C8CD;
}
.headermenulast a{
    border-right:1px solid #65C8CD;
}
/*-----------------------------
          Content
-----------------------------*/
#content{
    width:1000px;
    margin:10px 0 10px 0;
}
.spacer{
    clear:both;
    width:1px;
    height:1px;
}
/*--------------
     LeftCol
--------------*/
#leftcol{
    float:left;
    width:190px;
    margin-right:25px;
}
#paymenu, #findhome, #morehelp, #payingforservices, #customerinfo, #guidetolease, #influence, .zonelink{
    margin-bottom:10px;
}
#paymenutop{
    width:190px;
    height:47px;
    background:url("../images/bg_pay_menu_top.png");
}
#paymenutop a, #findhome a, #updates a, #morehelptop a, #payingforservices a, #customerinfo a, .zonelink a, #guidetolease a, #influence a{
    display:block;
}
#paymenutop h1{
    width:175px;
    padding:4px 0 0 15px;
}
#findhome, #payingforservices, #customerinfo, .zonelink, #guidetolease, #influence{
    width:190px;
    height:54px;    
}
#findhome{
    background:url("../images/bg_find_home.png");
}
#payingforservices{
    background:url("../images/bg_paying_for_services.png");
}
#customerinfo{
    background:url("../images/bg_customer_info.png");
}
#guidetolease{
    background:url("../images/bg_lease.png");
}
#influence{
    background:url("../images/bg_influence.png");
}
#whositfor{background:url("../images/bg_whositfor.jpg");}
#agent{background:url("../images/bg_agent.jpg");}
#quickguide{background:url("../images/bg_quickguide.jpg");}
#refer{background:url("../images/bg_refer.jpg");}

#findhome a, #payingforservices a, #customerinfo a, #guidetolease a, #influence a, .zonelink a{
    width:175px;
    height:48px;
    padding:6px 0 0 15px;
}
#morehelptop{
    width:190px;
    height:49px;
    background:url("../images/bg_more_help_top.png");
}
#morehelptop h1{
    width:175px;
    padding:6px 0 0 15px;
}
#updates{
    width:190px;
    height:79px;
    background:url("../images/bg_updates.png");
}
#updates a{
    width:175px;
    height:65px;
    padding:14px 0 0 15px;
}

/*-----------------------------
        Left Menu
-----------------------------*/
.leftmenucontent{
    width:190px;
    background:#006B74;
    padding:5px 0 0 0;
}
.leftmenubottom{
    width:190px;
    height:23px;
    background:url("../images/bg_pay_menu_bottom.png");
}
.leftmenucontent ul{
    list-style:none;
}
.leftmenucontent ul li{
    width:190px;       
}
.leftmenucontent ul li a{
    display:block;
    width:160px;
    padding:8px 0 8px 0; 
    margin:0 0 0 15px;
    border-bottom:1px solid #65C8CD;
}
.leftmenucontent ul li#leftmenulast a, .leftmenucontent ul li.leftmenulast a{
    padding:8px 0 2px 0;
    border-bottom:none;
}
ul.level2{
    margin-top:5px;
    padding:5px 0 5px 0;
    background:#65C8CD;
}
ul.level2 li a, .leftmenucontent ul li#leftmenulast ul li a, .leftmenucontent ul li.leftmenulast ul li a{
    width:155px;
    margin:0 0 0 20px;
    padding:4px 0 4px 0;
    border-bottom:none;
}
.leftcolbottom{
    clear:both;
    width:1px;
    height:10px;
}

#centerholder{width:790px;float:left;}
/*--------------
     MidCol
--------------*/
#midcol{
    float:left;
    width:571px;
   /* margin:0 24px 0 0;*/
	margin:0 0 0 0;
}
.titlebarwide, .titlebar, .titlebar153, .titlebar230{
    height:29px;
    padding:7px 15px 0 15px;    
}
.titlebarwide{
    width:541px;
    background:url("../images/bg_titlebar_wide.gif");
}
.titlebar{
    width:370px;
    background:url("../images/bg_titlebar.gif");
}
#titlebardetails{
    float:right;
    width:275px;
}
.titlebar230{
    width:200px;
    background:url("../images/bg_titlebar_230.gif");
}
.titlebar153{
    width:123px;
    background:url("../images/bg_titlebar_153.gif");
}
.boxwide{
    width:549px;
    padding:10px 10px 0 10px;
    border-left:1px solid #8FD4D7;
    border-right:1px solid #8FD4D7;
}
.box, .box153, .box230{
    border-left:1px solid #8FD4D7;
    border-right:1px solid #8FD4D7;
}
.box{
    width:398px;
}
.boxtext{
    padding:10px;
    line-height:1.5;
}
.boxwidetext ul{
    list-style:outside;
}
.box230{
    width:228px;
}
.box153{
    padding:10px 15px 0 15px;
    width:121px;
    line-height:1.5;
}
.box153 .findoutmore{
    margin-top:20px;
    float:right;
}
.boxwidefooter, .boxfooter, .boxfooter153, .boxfooter230{
    clear:both;    
    height:19px;
    margin-bottom:10px;    
}
.boxwidefooter{
    width:571px;
    background:url("../images/bg_boxfooter_wide.gif");
}
.boxwidetext h2, .casestudytext h2, .formholder h2{
    padding:10px 15px 10px 0;
}
.boxwidetext p, .casestudytext p, .boxwidetext ul{
    padding:10px 15px 10px 0;
    line-height:1.6em;
}
.boxwidenote p{
    padding:0 0 30px 3px;
}
.boxwidetext ul{
    padding-left:15px;
}
.boxfooter{
    width:400px;
    background:url("../images/bg_boxfooter.gif");
}
.boxfooter230{
    width:230px;
    background:url("../images/bg_boxfooter_230.gif");
}
.boxfooter153{
    width:153px;
    background:url("../images/bg_boxfooter_153.png");
}
.sqtitlebar{
    height:26px;
    padding:4px 15px 0 15px;
    background:url("../images/bg_sq_titlebar.gif") repeat-x;
}
#explore{
    height:209px;
}
#explore .findoutmore{
    margin-top:3px;
}
#featuredpropnarrowcontent, #casestudy .box153{
    height:245px;
}
#aboutscheme .box153{
    height:235px;
}
#featuredprop{
    float:left;
    width:230px;
    line-height:1.3;
}
#featuredpropnarrow, #aboutscheme, #casestudy{
    float:left;
}
#casestudy .box153{
    width:151px;
    padding:0;
}
#casestudy .box153 img{
    width:151px;
    height:105px;
}
#aboutscheme .titlebar153{
    padding:7px 7px 0 7px;
    width:139px;
}
#aboutscheme p{
    margin-bottom:5px;
}
#featuredpropnarrow{
    margin-right:17px;
}
#aboutscheme{
    margin-right:18px;
}
#featuredpropnarrowcontent img{
    width:228px;
    height:105px;
}
#featuredpropnarrowcontent .findoutmore, #casestudy .box153 .findoutmore{
    float:right;
    width:115px;
    height:26px;
    margin:0 10px 0 0;
    padding:0;
}
#featuredprop h3, .box230 h2{
    padding:5px 10px 5px 10px;
}
#casestudy h2{
    padding:3px 10px 1px 10px;
}
#casestudy p{
    width:131px;
    margin:0 10px 0 10px;
    padding:0;
}
#featuredprop ul, .box230 ul, .homeslinks ul{
    list-style:none;
    padding:0 10px 0 10px;
}
.box230 ul, .homeslinks ul{
    line-height:1.5;
}
#featuredprop a .findoutmore{
    width:115px;
    height:26px;
    margin:10px 0 0 10px;
}
#indexflash{
    float:left;
    width:319px;
}
#howpay{
    float:left;
    width:400px;
    /*margin-right:18px;*/
}
.payoption{
    height:194px;
}
.payoption img, .payoptiontext{
    float:left;
}
.payoption img{
    width:209px;
}
.payoptiontext{
    width:189px;
    background:#EAEBEC;
    height:194px;
    overflow:hidden;
}
.payoptiontitle{
    padding:4px 15px 0 15px;
    height:26px;
    background:url("../images/bg_sq_titlebar_dark_top.gif") repeat-x;
}
.payoptiontext h3{
    padding:5px 15px 5px 15px;
}
.payoptiontext p{
    padding:15px 15px 5px 15px;
    line-height:1.4;
}
#optionselector{
    width:400px;
    height:41px;
}
.selectoption, .selectoptionlast, .selectoptionselected, .selectedoption{
    float:left;
    width:99px;
    border-right:1px #FFFFFF solid;
    height:41px;        
    background:url("../images/bg_select_option.gif") repeat-x;
}
.selectoptionlast{
    width:100px;
    border-right:none;
}
.selectoption a, .selectoptionlast a, .selectedoption a{
    display:block;
    width:69px;
    height:38px;
    padding:3px 15px 0 15px;
    text-align:center;
}
.selectoption:hover, .selectoptionlast:hover, .selectedoption{
    background:url("../images/bg_select_option_hover.gif") repeat-x;
}
.payoption{
    display:none;
}
#whoweare{
    float:right;
    width:153px;
	display:inline;
}
.boxwide .contactus{
    margin:30px 0 0 15px;
}
.propresult{
    margin-top:15px;
    width:549px;
    padding-bottom:17px;
    border-bottom:1px solid #8FD4D7;
}
.resultimg{
    float:left;
    width:107px;
    height:69px;
}
.minimap{width:107px; height:69px; margin:10px 0 0 0; overflow:hidden;}
.detailsminimap{width:193px; height:186px; margin:0 0 0 13px; float:right;}
.detailsminimap .map{width:193px; height:161px; overflow:hidden; margin:0 0 5px 0;}
.detailsminimap .details{width:189px; height:49px; background-color:#000000; color:#FFFFFF; font-size:12px; padding:2px;}
.detailsminimap .details a{color:#FFFFFF;}
.detailsminimap a{font-size:12px; color:#65C8CD; text-align:center;}

.propresultdesc{
    float:left;
    width:422px;
    margin-left:20px;
}
.propresulttitle{
    height:39px;
    background:url("../images/bg_prop_result_title.gif") repeat-x;
    padding:6px 10px 0 10px;
}

.propresultprice{
    float:right;
    width:100px;
    margin:0;
    text-align:right;
}
.propresulttitle h2{
    float:left;
    width:260px;
}
.propresultdetails{
    padding-top:8px;
}
.propresultdetails table{width:382px;}
.detailstable{
    width:502px;
    margin:0;
}

.detailstable img, .propresultdetails table img{margin:5px;}
.detailstable td, .propresultdetails table td{
    padding:0;
}
.detailtitle{
    width:125px;
}
.detaildesc{
    width:287px;
}
.moredetails{
    float:left;
    margin-right:12px;
}
.choosepurchaseoption{
    float:left;
}
.propertyresultsbottom{
    clear:both;
    width:1px;
    height:35px;
}
#steps{
    clear:both;
    width:549px;
}
.step, .steplast{
    float:left;
    width:170px;
    text-align:center;
}
.step{    
    margin:10px 19px 20px 0;
}
.stepmid{    
    height:142px;
}
.steplast{
    margin:10px 0 0 1px;
}


.steptop, .steptop{
    text-align:center;
    width:170px;
    height:20px;
    padding:5px 0 0 0;
    background:url("../images/bg_step_top.gif");
}
.casestudytext{
    float:left;
    width:305px;
    margin-right:20px;
}
#casestudyimages{
    float:left;
    width:220px;
}
.casestudyimage{
    width:220px;
    height:151px;
    background:url("../images/bg_case_study_img.png");
    margin-bottom:12px;
}
.casestudyimage img{
    width:190px;
    height:122px;
    margin:15px 0 0 15px;
}
.formholder{
    width:335px;
}
.formlabel{
    width:335px;
    margin:0 0 3px 0;
}
.forminput{
    height:15px;
}
.textarea{
    height:60px;
}
.forminput, .textarea{
    width:327px;    
    padding:5px 4px 5px 4px;
    background:#DCDDDE;
    margin-bottom:15px;
    border:none;
}
.formholder select{
    width:250px;
    height:21px;
    margin-bottom:15px;
}
.formholder option{
    margin:3px 0 3px 4px;
}
.checkboxes{
    width:327px;
}
.checkboxes .checkbox{
    float:left;
    width:30px;
    margin-top:4px;
}
.checkboxes p{
    float:left;
    width:280px;
    padding-bottom:10px;
}
.btnsubmit{
    margin:15px 0 20px 0;
}
#longlinks{
    margin:40px 0 0 10px;
    padding:0 0 30px 0;
}
.longlink{
    margin-bottom:10px;
}
.longlinktop, .longlinkfooter{
    width:300px;
    height:5px;
}
.longlinktop{
    background:url("../images/bg_long_link_top.png");
}
.longlinkmid{
    width:300px;
    background:#00A0AF;
}
.longlinkmid a{
    display:block;
    width:285px;
    padding-left:15px;
}
.longlinkfooter{
    background:url("../images/bg_long_link_footer.png");
}
.newsitem{
    padding-bottom:15px;
}
.homeslinks{
    float:left;
    width:250px;
}
#detailstitle{
    float:left;
    width:313px;
    height:24px;
    padding:6px 15px 0 15px;
    margin:0 12px 5px 0;
    background:url("../images/bg_sq_titlebar_dark_top.gif") repeat-x;
}
#backtoresults{
    margin:0 0 15px 0;
    padding:0;
    float:left;
    width:194px;
    height:30px;
}
.mainimage, .thumbs{
    float:left;
}
.mainimage{
    width:240px;
    height:188px;
    margin:0 0 15px 0;
}
.thumbs{
    margin:0 0 7px 13px;
    width:90px;
    height:58px;
}
.blueblock{
    float:left;
    width:220px;
    padding:15px 10px 0 10px;
    height:195px;
    background:url("../images/bg_blue_block.png");
    margin:0 17px 17px 17px;
	display:inline;
	overflow:hidden;
}
.blueblock h2{
    padding-bottom:5px;
    border-bottom:1px solid #FFFFFF;
}
.blueblock p{
    float:left;
    width:130px;
    padding:5px 0 8px 0;
    line-height:1.5;
}
.blueblock img{
    margin-top:20px;
    width:85px;
    float:right;
}
/*--------------------------
    Home Cost Calculator
--------------------------*/
.calc td{
    padding:5px 0 5px 0;
}
.calc td.col1{
    width:300px;
}
.calc td.col2{
    width:30px;
    padding-right:5px;
    text-align:right;
}
.calc td.col3{
    width:45px;
    padding-right:5px;
}
.calc td.col3 input{
    width:45px;
}
.calc td.col3 select option{
    width:30px;
}
.calc td.col4{
    width:60px;
}
#congrats, #fail1, #fail2{
    display:none;
}
#mortgage, #rent, #total, #compare{
    background:#FFFFFF;
    color:#414141;
    border:1px solid gray;
}
#calculate:hover{
    cursor:pointer;
}
/*--------------------------
        Google Map
--------------------------*/
#googlemap{
    width:549px;
    height:435px;
}
#mapkey{
    width:529px;
	padding:10px;
}
/*--------------
   RightCol
--------------*/
#rightcol{
    float:right;
    width:190px;
	display:inline;
}
#infocenter, #agentsadvisors{
    width:190px;
    height:130px;    
    margin-bottom:10px;
}
#policyMakers{
    width:190px;
    height:30px;    
    margin-bottom:10px;
}
#infocenter{
    background:url("../images/bg_info_center.png");
}
#policyMakers h1 a{
    display:block;
    padding:8px 20px 3px 15px;
    width:155px;
    height:30px;
}

#infocenter h1 a, #agentsadvisors h1 a{
    display:block;
    padding:8px 20px 3px 15px;
    width:155px;
    height:42px;
}
#infocenter p a, #agentsadvisors p a, #policyMakers p a{
    display:block;
    margin-left:15px;
    padding:5px 55px 5px 0;
    width:120px;
    height:64px;
}
.underline{
    width:155px;
    height:1px;
    margin-left:15px;
    background:#FFFFFF;
}
#agentsadvisors{
    background:url("../images/bg_agents_advisors.png");
}
#policyMakers{
    background:url("../images/bg_policy_makers.png");
}
#viewallprops{
    width:190px;
    height:92px;
    background:url("../images/bg_view_all_props.png");
    margin-bottom:10px;
}
#viewallprops a{
    display:block;
    width:100px;
    height:74px;
    padding:18px 75px 0 15px;
}
#mainsite{
    width:190px;
    height:89px;
    background:url("../images/bg_main_site.png");
}
#mainsite a{
    display:block;
    width:77px;
    height:67px;
    margin-left:32px;
    padding:22px 40px 0 11px;
}

/*-----------------------------
          Footer
-----------------------------*/
#footer{
    clear:both;
    width:695px;
    margin-top:10px;
    padding:5px 0 0 15px;
    border-top:1px solid #8FD4D7;
}
#footer p, #footer ul{
    float:left;
}
#footer ul{
    list-style:none;
    margin-left:40px;
}
#footer ul li{
    float:left;
    padding:0 8px 0 8px;
}
#footerlinks{
    width:800px;
    padding:30px;
    min-height:150px;
}
#footerlinks img{
    float:left;
    margin:0 25px 0 25px;    
}
/*-----------------------------
        Typography
-----------------------------*/
body{
    font-family: Arial,Helvetica,sans-serif;
}
#paymenutop h1 a, #morehelptop h1, #findhome a, #updates a, .titlebarwide h1, .titlebar h1, .sqtitlebar h2, #contact h1, .payoptiontitle h2,
.titlebar153 h1, #infocenter h1 a, #agentsadvisors h1 a, #policyMakers h1 a, #viewallprops a, #mainsite a, .titlebar230 h1, #detailstitle h2, #payingforservices a, #customerinfo a, .zonelink a, #guidetolease a, #influence a, .blueblock h2{
    font-size:15px;
}
#headermenu ul li a, .leftmenucontent ul li a, #featuredprop h3, #featuredprop ul, .payoptiontext, .selectoption a, .selectoptionlast a,
.selectedoption a, #infocenter p a, #agentsadvisors p a, .propresulttitle h2, .propresultprice, .boxwidetext h2, .casestudytext h2, .formholder h2,
.box230 h2, #casestudy h2, #titlebardetails p, .payoptiontext h3, .blueblock p{
    font-size:13px;
}
#contact p, #contact p a, .payoptiontext p, .box153 p, #footer p, #footer ul, .boxwidetext, .propresultdetails p, .detailstable, .steptop h2,
.casestudytext p, .formlabel, .formholder select, .boxtext p, .longlinkmid a, .newsitem h2 a, .box230 ul, #casestudy p a, .boxwidetext ul,
.boxwidetext a, .homeslinks ul li a, .calc td, #telinfo p{
    font-size:12px;
}
.boxwidenote p{
    font-size:10px;
}
#contact h1 a, #contact, .leftmenucontent ul li a, #findhome a, #paymenutop h1, #morehelptop h1, .titlebarwide h1, .titlebar h1, .sqtitlebar h2, #contact p a,
.payoptiontitle h2, .selectoption a, .selectoptionlast a, .selectedoption a, .titlebar153 h1, #infocenter h1 a, #infocenter p a, #agentsadvisors h1 a,
#agentsadvisors p a, #policyMakers p a, #policyMakers h1 a, #mainsite a, .propresulttitle h2, .propresultprice, .steptop h2, .longlinkmid a, .titlebar230 h1, #titlebardetails p, #detailstitle h2,
#telinfo p, #paymenutop h1 a, #morehelptop h1 a, #payingforservices a, #customerinfo a, .zonelink a, #guidetolease a, #influence a, .blueblock h2 a, .blueblock p a{
    color:#FFFFFF;
}
#headermenu ul li a, .detailtitle, .tabletitle, .boxwidetext a{
    color:#5CA3AC;
}
#featuredprop h3, .payoptiontext h3, .boxwidetext h2, .casestudytext h2, .formholder h2, .formlabel, .formholder select, .newsitem h2 a, .box230 h2, #aboutscheme p a, #casestudy h2, .boxwidetext a:hover, .calc td.col1{
    color:#006B74;
}
#featuredprop ul, .payoptiontext p, .payoptiontext p a, .box153 p, #footer p, #footer ul li a, .boxwidetext p, .propresultdetails p, .detaildesc,
.casestudytext p, .boxtext p, .box230 ul, #casestudy p a, .boxwidetext ul, .homeslinks ul li a, .checkboxes p, .calc td, .boxwidenote p{
    color:#414141;
}
#updates a, #viewallprops a{
    color:#58595B;
}
#contact h1 a, #contact p a, #headermenu ul li a, .leftmenucontent ul li a, #findhome a, #updates a, .payoptiontext p a, .selectoption a, .selectoptionlast a, .selectoptionselected a, .selectedoption a, #footer ul li a, #infocenter h1 a, #infocenter p a, #agentsadvisors h1 a, #agentsadvisors p a, #viewallprops a, #mainsite a, .longlinkmid a, .newsitem h2 a, #aboutscheme p a, #casestudy p, .homeslinks ul li a, #paymenutop h1 a, #morehelptop h1 a, #payingforservices a, #customerinfo a, .zonelink a, #guidetolease a, #influence a, .blueblock h2 a, .blueblock p a,  #policyMakers h1 a{
    text-decoration:none;
}
#contact p a:hover, #headermenu ul li a:hover, .leftmenucontent ul li a:hover,#findhome a:hover, #updates a:hover, .payoptiontext p a:hover, #footer ul li a:hover, #viewallprops a:hover,#mainsite a:hover, .longlinkmid a:hover, .newsitem h2 a:hover, #aboutscheme p a:hover, #casestudy p a:hover, .boxwidetext a, .homeslinks ul li a:hover, #paymenutop h1 a:hover, #morehelptop h1 a:hover, #payingforservices a:hover, #customerinfo a:hover, .zonelink a:hover, #guidetolease a:hover, #influence a:hover, .blueblock h2 a:hover,  #policyMakers h1 a:hover{
    text-decoration:underline;
}
.blueblock:hover h2 a, #infocenter:hover h1 a, #agentsadvisors:hover h1 a{text-decoration:underline;}

.bold, #contact p a, #findhome a, #updates, .selectoption a, .selectoptionlast a, .selectedoption a, #viewallprops a, #mainsite a,
.propresultprice, .detailtitle, .tabletitle, .formlabel, .longlinkmid a, #aboutscheme p a, #titlebardetails p, .calc td, #paymenutop h1 a, #payingforservices a, #customerinfo a, .zonelink a, #guidetolease a, #influence a, .blueblock h2{
    font-weight:bold;
}
.checkboxes p{
    font-weight:normal;
}

#mapkey{color:#5CA3AC; font-size:0.8em;}

.toggler{text-decoration:underline; cursor:pointer;}

/* forms */
#form_homecost .shorttext, #form_application .shorttext{padding:5px; width:100px; border:2px solid #5CA3AC;}
#form_homecost .longtext, #form_application .longtext{padding:5px; width:200px; border:2px solid #5CA3AC;}
#form_homecost .details, #form_application .details{padding:5px; width:200px; border:2px solid #5CA3AC; background-color:#FFFFFF;}
#form_homecost .submit, #form_application .submit{width:114px; height:25px;}
#form_homecost #total{font-weight:bold; border:4px solid #5CA3AC;}
#form_homecost #comparison{border:4px dashed #5CA3AC;}

.sent{border:4px dashed #5CA3AC; padding:10px;}
.sent h4{color:#5CA3AC;}

#dwellings{color:#FFFFFF; border:1px solid #006B74;}
#dwellings .title td{height:25px; background:url("../images/bg_prop_result_title.gif") repeat-x;color:#FFFFFF;padding:7px 0 0 5px; font-weight:bold;}
#dwellings tbody td{color:#000000; border-top:solid 1px #65C8CD;}
#dwellings td{vertical-align:top; padding:5px;}

#contactpanel{width:340px; height:270px; padding:110px 50px 10px 100px; background:url(../images/contact_sign.jpg) no-repeat; color:#FFFFFF; margin:0 0 0 30px;}
#contactpanel .lrg, #contactpanel a{font-size:20px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
#contactpanel .sm{font-size:10px;}

.waystopay, .rentnow, .enquiry{display:block;margin:5px; background:url("../images/bg_prop_result_title.gif") repeat-x;color:#FFFFFF;text-align:center;}
.waystopay{padding:10px 5px 0 5px;height:30px; vertical-align:middle;}
.rentnow{padding:5px 5px 0 5px;height:35px; vertical-align:middle;}

.nowaystopay{display:block;margin:5px; background:url("../images/bg_waytopay_grey.gif") repeat-x;color:#FFFFFF;text-align:center;padding:10px 5px 0 5px;height:30px; vertical-align:middle; text-decoration:line-through;}
.norentnow{display:block;margin:5px; background:url("../images/bg_waytopay_grey.gif") repeat-x;color:#FFFFFF; text-align:center; padding:5px 5px 0 5px;height:35px; vertical-align:middle; text-decoration:line-through;}

.enquiry{padding:5px 5px 0 5px;height:30px;}
.enquiry a{color:#FFFFFF;font-size:2em;text-decoration:none;}
.enquiry a:hover{text-decoration:underline;color:#FFFFFF;}

#backarrow{width:190px; height:54px; float:left; margin:10px 0 0 0; background:url(../images/bg_backbtn.gif) no-repeat;}
#backarrow a{color:#FFFFFF; font-weight:bold; padding:18px 0 0 40px; display:block; font-size:15px; text-decoration:none;}
#backarrow a:hover{text-decoration:underline;}

.red{color:red;}

.response p{padding:10px 15px 10px 0;line-height:1.6em;font-size:16px;}

.response{padding:10px; border:dashed 4px #65C8CD;}