/* ------------------------------------------------------ */

/* FrameWork Setup */

body , html
{
    margin:0;
    padding:0;
    height:100%;
    background-image:url(/Images/Design/body_bg.gif);
    font-family:Arial, Sans-Serif;
    background-color:#393939;
}

h1
{
	
}

strong
{
	font-weight:bold;
	color:#CCC;
}

em
{
	font-style:italic;
}

p
{
	font-size:93%;
	color:#FFF;
}

label
{
	color:#FFF;
}

form
{
    height:100%;
}

.clear
{
	clear:both;
}

.fltl
{
	float:left;
}


#container
{
	min-height:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;    
    background-color:#333333;
}

#header
{
    /*testing value*/
    height:281px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

#headerTop
{
	position:relative;
	background:url(/Images/Design/headerTop.jpg);
	height:74px;
	line-height:normal;
}

  #headerTop ul 
  {
  	position:absolute;
  	right:0;
  	bottom:0;
    margin:0;
    padding:0;
    list-style:none;
    z-index:1;
    }
    
  #headerTop li {
    float:left;
    background:url(/Images/Design/tabLeft.gif)
      no-repeat left top;

    margin:0;
    padding:0 0 0 9px;
    }
    
  #headerTop a {
    display:block;
    background:url(/Images/Design/tabRight.gif)
      no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    color:#CCC;
	cursor:pointer;

    }

  #headerTop a.selected 
  {
  	color:#FFF;
  }


.headerBtm
{
	height:207px;
	position:relative;
}

/*-- Header banners are applied with a class --*/
.homePage {background:url(/Images/Design/headerBtm.jpg);}
.aboutFront {background:url(/Images/Design/aboutus_header.jpg);}
.sellProperty {background:url(/Images/Design/sellaproperty.jpg);}
.findProperty {background:url(/Images/Design/propertyfinder_header2.jpg);}
.mortgage {background:url(/Images/Design/mortgageandlegal.jpg);}
.contactUs {background:url(/Images/Design/contactus_header.jpg);}
.privacy {background:url(/Images/Design/privacy.jpg);}
.sitemap {background:url(/Images/Design/sitemap_header.jpg);}
.termsAndConditions {background:url(/Images/Design/termsandconds.jpg);}
.careers {background:url(/Images/Design/careers.jpg);}
.landlords {background:url(/Images/Design/landlordsdevs.jpg);}
.developers {background:url(/Images/Design/developers_header.jpg);}
.affordability {background:url(/Images/Design/findaproperty.jpg);}

/* -- News -- */
#newsFeed
{
	position:absolute;
	right:20px;
	top:10px;
	width:200px;
	color:#000;
	z-index:1;
}

#newsFeed h2
{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:5px;
}

#newsFeed strong
{
	color:#000;
}

#newsFeed a
{
	text-decoration:none;
	color:#000;
}

#newsFeed p
{
	color:#333;
}

/* -- News end -- */

/*-- Rightmove Pod --*/
#rightMovePod
{
	min-height:120px;
	background:url(/Images/Design/rightMovePodBg.gif) no-repeat top left;
}

#rightMovePod label
{
	margin-top:46px;
	margin-bottom:8px;
	width:100% !important;
	letter-spacing:normal;
	font-size:0.9em;
}

#rightMovePod .searchBox
{
	float:left;
	margin-right:2px;
	width:125px;
	height:18px;
}

/*-- Rightmove Pod End --*/

/*-- Developers Calculator --*/
.developersCalc
{
	margin-top:10px;
	width:300px;
}

.developersCalc h2
{
	color:#FFF;
	font-weight:bold;
}

.developersCalc th
{
	font-weight:bold;
	color:#CCC;
}

.developersCalc td
{
	padding:2px;
	color:#FFF;
}

table.landlordResults
{
	margin:20px 0 20px 20px;
	width:450px;
}

table.landlordResults td, table.landlordResults th
{
	white-space:nowrap;
	padding:5px;
}

table.landlordResults th
{
	font-weight:bold;
	color:#CCC;
}

table.landlordResults td
{
	color:#FFF;
}

table.tblMortgage{ margin-left:100px;width:300px;}
table.tblMortgage ul{color:#FFF;width:150px;}
table.tblMortgage ul li{list-style-type:disc;list-style-position:inside;}

/*-- Developers Calculator End --*/

#headerBar
{
	background:url(/Images/Design/headerBar.jpg);
	height:41px;
	margin-bottom:16px;
}

#headerBar h1
{
	color:#FFA800;
	font-size:167%;
	line-height:41px;
	margin-left:18px;
}

#body
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:31px;    
    /*testing value*/
    /*background-color:Blue;*/
}

#contactForm
{
	width:230px;
	float:right;
}

#contactForm p
{
	font-size:93%;
	margin:6px 0 12px 0;
}

#contactForm .contactRow
{
	margin-bottom:2px;
}

#contactForm .contactBtn
{
	width:230px;
}

#contactForm .contactBtn input
{
	float:right;
	margin-right:15px;
}

#contactForm label
{
	display:block;
	width:90px;
	float:left;
}

#contactForm input
{
	height:15px;
	width:120px;
}

#contactForm p span.telNo
{
	font-size:131%;
	font-weight:bold;
	color:#FFA800;
}

p.callUs
{	
	padding-top:10px;
}

#sellProperty
{
	display:inline;
	width:220px;
	float:left;
}

#sellProperty p
{
	padding-bottom:12px;
}

#footer
{
    position:absolute;
    bottom:0;	
    height:31px;
    width:100%;
}

#footerNav
{
	background-color:#292929;
	width:960px;
	margin-left:auto;
    margin-right:auto;
    height:31px;
}

#footerNav .rightmove
{
	float:left;
	margin-right:36px;
}

#footerNav .crafted
{
	float:right;
}

#footerNav ul
{
  margin-left:auto;
  margin-right:auto;  
}

#footerNav ul li
{
	background:url(/Images/Design/btmDivider.gif) no-repeat right 50%;
	vertical-align:middle;
	padding:0px 10px 0 10px;	
	font-size:85%;
	line-height:31px;
	float:left;
}

#footerNav ul li.last
{
	background-image:none;
}

#footerNav ul li a
{
	color:#FFF;
	text-decoration:none;		
}


#clearheader
{
	position:relative;
    height:281px;
    z-index:1;
}

#clearheader a
{
	position:absolute;
	display:block;
	height:160px;
	width:220px;
	top:0;
	left:20px;
	cursor:pointer;
}

.calculator
{
	color:#FFF;
	font-size:85%;
	width:100%;
}

.calcPad
{
	padding-left:15px;
	width:220px
}

.btnCalculate
{
	
}

.type
{
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:5px;
	clear:left;
}

.calcInput
{
	padding-top:4px;
	height:25px;
	width:167px;
	background:url(/Images/Design/inputBg.gif);	
	background-repeat:no-repeat;
	float:left;
}

.frontCommissionLabel
{
	width:167px;
	height:29px;
	line-height:26px;
}

.frontCommissionCost
{
	text-align:right;
}

.vatAmount
{
	text-align:right;
}

.frontHipCost
{
	text-align:right;
}

.frontVatCost
{
	text-align:right;
}

.frontTotalCost, .frontCost
{
	text-align:right;
}

.frontSaving
{
	text-align:right;
	font-size:18px;
}

.calcInput label
{
	color:#000;
	margin-left:5px;
	width:80px;
	display:block;
	float:left;
}

.calcInput input
{
	float:left;
	border:1px solid #CCC;
	height:13px;
	width:65px;
}

.traditionalCost
{
	text-align:right;
	padding-bottom:4px;
	padding-left:5px;
}

.hipLabel, .vatLabel, .totalLabel, .teaLabel, .traditionalInput
{
	padding-left:15px;
}

.hipCost, .totalCost, .teaCost
{
	float:right;
	text-align:right;
}

.frontRow
{
	height:25px;
}

.frontCommission
{
	text-align:right;
}

.teaRow td
{
	padding-top:5px;
}

.rule
{
	float:right;
	margin-top:5px;
	height:1px;
	width:100%;
	background:url(/Images/Design/rule.gif) repeat-x;
}

.ruleBtm
{
	text-align:right;
	width:450px;
	margin-top:10px;
	background:url(/Images/Design/ruleBtm.gif) repeat-x;
}

/* ----------------------------------------------------------------------------------------- */

p.intro
{
	padding-left:20px;
}

.podTop
{
	background:url(/Images/Design/contentTop.gif) no-repeat top right;
	margin-top:10px;
	min-height:75px;
	width:710px;	
}

.podBtm
{
	height:10px;
	line-height:10px;
	background:url(/Images/Design/contentBtm.gif) no-repeat bottom right;
}

.podTop img
{	
	float:left;
	padding:10px 30px 0 30px;
}

.podTop p
{
	width:550px;
	float:left;
	padding:10px 0 0 0;
}

.podTop p a
{
	color:#FFF;
}

.podTop ul
{
	width:500px;
	float:left;
	padding:10px 0 0 0;
	color:#fff;
}

.podTop ul.terms
{
	width:450px;
	float:left;
	margin:10px 0 0 145px;
}

.podTop .terms li
{
    padding:0 0 10px 20px;
    list-style-type:decimal;
}

.podTop ul li a
{
	color:#FFF;
}