/*reset.css APP*/

/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
RESET */

*
{
	text-decoration:none;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}

code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext
{
	font:inherit;
	white-space:normal;
}

a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym
{
	border-width:0;
}

dfn,i,cite,var,address,em
{
	font-style:normal;
}

th,b,strong,h1,h2,h3,h4,h5,h6,dt
{
	font-weight:normal;
}

caption,th,td
{
	text-align:left;
}

html
{
	background:white;
	color:black;
	line-height:1;
	font-family:arial, sans-serif;
}

/* \*/

html

/* */

q
{
	quotes:"\201C""\201D""\2018""\2019";
}

ul,ol,dir,menu
{
	list-style:none;
}

sub,sup
{
	vertical-align:baseline;
}

a
{
	color:inherit;
}

/*
_______________________________
DISABLE DEPRECATED HTML */

font,basefont
{
	color:inherit;
	font:inherit;
	font-size:100%;
}


center,*[align]
{
	text-align:inherit;
}

s,strike,u
{
	text-decoration:inherit;
}

img
{
	border:none;
	margin:0;
}

ol
{
	list-style-type:decimal;
}

body
{
	background-color:transparent;
}

tr,th,td
{
	width:auto;
	height:auto;
	background-color:transparent;
	vertical-align:inherit;
	border:none;
}

table[border],.content table[border]
{
	border-collapse:separate;
	border-spacing:0;
}

nobr
{
	white-space:normal;
}

marquee
{
	overflow:visible;
	-moz-binding:none;
}

blink
{
	text-decoration:none;
}

/*
_______________________________
GENERAL */

html
{
	font-size:125%;
}

body
{
	font-size:50%;
}


strong,th,thead td,h1,h2,h3,h4,h5,h6,dt
{
	font-weight:bold;
}

input,select,button
{
	cursor:pointer;
}

input[type='text'],input[type='password']
{
	cursor:text;
}

input[type='hidden']
{
	display:none;
}

/* CLEARFIX */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}


.clear { clear:both; }

/*layout.css APP*/


ul.navigation { clear: both; }


html 	{ height: 100%; }
body	{ background: url(http://www.clearlets.com/assets/clearlets/images/bodybg.jpg) no-repeat center 80px; line-height: 1.5; height: 100%; }

a			{ text-decoration: none; color: #2a63b8; }
a:hover		{ text-decoration: underline; }
a:active	{ color: #ee3a43; }
a:visited	{ }

h3.map { font-size: 1.4em; color: #ee3a43; }

div#wrapping 		{ position: relative; width: 940px; margin: 0 auto; min-height: 100%; }
* html div#wrapping { height: 100%; }

div#header		{ position: relative; height: 300px; margin-bottom: 30px; }
div#header h2 	{ float: left; margin-top: 20px; }
div#header h2 a { display: block; height: 39px; width: 315px; background: url(http://www.clearlets.com/assets/clearlets/images/logo.png) no-repeat bottom center; text-indent: -9999px; }
div#header form 					{ position: absolute; width:630px; bottom: 20px; left: 20px; height: 30px; margin-top: 170px; }
div#header form fieldset			{ position: relative; height: 30px; }
div#header form input#searchterm	{ position: absolute; top: 0; left: 0; width: 580px; font-size: 20px !important; padding: 3px 0 3px 3px; height: 24px; border: 0; color: #666; }
div#header form input#submit		{ color: #fff; position: absolute; top: 0; right: 0; width: 50px; height: 30px; border: none; background: url(http://www.clearlets.com/assets/clearlets/images/submitbg.png) repeat-x top left; }
div#header ul				{ float: right; font-size: 12px; }
div#header ul li 			{ float: left; height: 80px; }
div#header ul li a			{ display: block; height: 18px; padding: 3px 3px 0 3px; margin-top: 30px; margin-left: 20px; }
div#header ul li a:hover,
div#header ul li a.current	{ border-bottom: 3px solid #ee3a43; text-decoration: none; }

div#header h3 	{ position: absolute; top: 115px; left: 20px; background: url(http://www.clearlets.com/assets/clearlets/images/everydaywe.png) no-repeat top left; display: block; width: 580px; height: 135px; clear: both; text-indent: -9999px; }

div#header h3				{ background: url(http://www.clearlets.com/assets/clearlets/images/startyoursearch.png) no-repeat top left; }
div#header h3.tenants	 	{ background: url(http://www.clearlets.com/assets/clearlets/images/letsgetmoving.png) no-repeat top left; }
div#header h3.landlords 	{ background: url(http://www.clearlets.com/assets/clearlets/images/areyouletting.png) no-repeat top left; height: 110px; }
div#header h3.investors 	{ background: url(http://www.clearlets.com/assets/clearlets/images/buytoletwith.png) no-repeat top left; }
div#header h3.property-search 	{ background: url(http://www.clearlets.com/assets/clearlets/images/letshavealook.png) no-repeat top left; }

div#header span.shot	{ display: block; position: absolute; top: 80px; right: 0px; width: 265px; height: 270px; background: url(http://www.clearlets.com/assets/clearlets/images/thekeys.png) no-repeat top left; text-indent: -9999px; }
div#header span.tenants	{ display: block; position: absolute; top: 55px; right: 50px; width: 174px; height: 270px; background: url(http://www.clearlets.com/assets/clearlets/images/tenantspic.png) no-repeat top left; }
div#header span.landlords	{ display: block; position: absolute; top: 63px; right: 0; width: 265px; height: 265px; background: url(http://www.clearlets.com/assets/clearlets/images/chairshot.png) no-repeat top left; }
div#header span.investors	{ display: block; position: absolute; top: 49px; right: 0; width: 310px; height: 280px; background: url(http://www.clearlets.com/assets/clearlets/images/investorspic.png) no-repeat top left; }
div#header span.property-search	{ display: block; position: absolute; top: 58px; right: -50px; width: 317px; height: 270px; background: url(http://www.clearlets.com/assets/clearlets/images/searchpic.png) no-repeat top left; }

div#main				{ position: relative; float: left; width: 660px; margin-bottom: 20px; padding-top: 15px; }
body.inner div#main 	{ float: right; }
body.inner div#main h1  { font-size: 2.2em; }
body.inner div#main h2  { font-size: 1.4em; }
body.inner div#main p   { font-size: 1.2em; margin-bottom: 1.2em; }
.textcontent p   { font-size: 1.35em; }

div#main div#intro h1  { font-size: 2.2em; }
div#main div#intro h2  { font-size: 1.4em; }
div#main div#intro p   { font-size: 1.2em; margin-bottom: 1.2em; }
div#main div#intro	   { padding-bottom: 10px; }

div.propertycontainer						{ position: relative; background-color: #fafafa; border: 1px solid #ee3a43; margin-top: 47px; padding: 10px;}
div.propertycontainer h2					{ position: absolute; height: 31px; top: -32px; left: 10px; text-indent: -9999px;}
div.propertycontainer.featuredlets			{ margin-top: 32px; padding-bottom: 0px; }
div.propertycontainer.featuredlets h2		{ width: 167px; background: url(http://www.clearlets.com/assets/clearlets/images/featuredletstab.png) no-repeat top left; }
div.propertycontainer.newtomarket h2		{ width: 176px; background: url(http://www.clearlets.com/assets/clearlets/images/newtomarkettab.png) no-repeat top left; }
div.propertycontainer.results h2			{ width: 166px; background: url(http://www.clearlets.com/assets/clearlets/images/resultstab.png) no-repeat top left; }
div.propertycontainer.detail h2				{ width: 173px; background: url(http://www.clearlets.com/assets/clearlets/images/detailtab.png) no-repeat top left; }

div.property.top		{ border-top: none !important; }
div.property.bottom		{ border-bottom: none !important; }
div.propertycontainer.results div.property.bottom		{ border-bottom: 1px solid #ddd !important; }

div.property				{ position: relative; padding: 10px 0 10px 200px; font-size: 1.2em;  border-top: 1px solid #ddd; }
div.property.first			{ border-top: none; padding-top: 0; }
div.property ul				{  }
div.property ul li			{ display: inline; margin-right: 30px; }
div.property ul li.right	{ position: absolute; top: 10; right: 0; text-align: right; margin-right: 0; }
div.property p				{ position: relative; padding-bottom: 2em; }
div.property a.details		{ position: absolute; right: 0; bottom: 0em; }
div.property a.imglink		{ background: url(http://www.clearlets.com/assets/clearlets/images/bigholder.png) no-repeat; position: absolute; right: 0; }

div#sidebar div.propertycontainer		{ position: relative; background-color: #f0f5fb; border: none; border-bottom: 3px solid #81abe0; margin-top: 47px; padding: 10px; padding-top: 20px; }
div#sidebar div.propertycontainer h4	{ position: absolute; top: 0px; left: 0px; background-color: #81abe0; color: white; height: 18px; line-height: 18px; width: 230px; padding-left: 10px; font-size: 12px; }
div#sidebar div.propertycontainer div.property			{ font-size: 11px !important; padding: 5px 0 5px 60px; background: url(http://www.clearlets.com/assets/clearlets/images/mapview.png) no-repeat 0px 10px; font-size: 12px; }
div#sidebar div.propertycontainer div.property ul li	{ margin-right: 11px; font-weight: bold; }

div.propertycontainer.featuredlets div.property,
div.propertycontainer.results div.property		{ min-height: 143px; }
div.propertycontainer.results div#map			{ margin-bottom: 10px; }
div.propertycontainer.newtomarket				{ padding-bottom: 5px; padding-left: 0; }
div.propertycontainer.newtomarket div.property	{ padding: 10px 0 10px 100px; width: 213px; float: left; margin-left: 10px; min-height: 65px; }
div.propertycontainer.newtomarket div.property ul		{  }
div.propertycontainer.newtomarket div.property ul li	{ margin-right: 15px; }
div.propertycontainer.newtomarket div.property ul li.right	{ margin-right: 0px; }
div.propertycontainer.newtomarket div.property h3			{ clear: both; }
div.propertycontainer.newtomarket div.property p			{ position: relative; padding-bottom: 0; }
div.propertycontainer.newtomarket div.property a.details	{ position: absolute; right: 0; bottom: 4px; }
div.propertycontainer.newtomarket div.property a.imglink	{ background: url(http://www.clearlets.com/assets/clearlets/images/smallholder.png) no-repeat 0 0; position: absolute; right: 0; bottom: 4px; }

div.propertycontainer div.topcontrols,
div.propertycontainer div.botcontrols				{ clear: both; font-size: 1.1em; }
div.propertycontainer div.topcontrols p				{ text-align: center; width: 400px; position: relative; margin: 0 auto; padding-bottom: 10px; }
div.propertycontainer div.topcontrols span.left		{ position: absolute; top: 10px; left: 10px; }
div.propertycontainer div.topcontrols span.right	{ position: absolute; top: 10px; right: 10px; }
div.propertycontainer div.botcontrols p				{ text-align: center; width: 400px; position: relative; margin: 0 auto; padding-top: 10px; }
div.propertycontainer div.botcontrols span.left		{ position: absolute; bottom: 10px; left: 10px; }
div.propertycontainer div.botcontrols span.right	{ position: absolute; bottom: 10px; right: 10px; }

div.propertycontainer div.mapviewproperty 					{ clear: both; font-size: 1.2em; padding: 5px 5px 5px 50px; border-top: 1px solid silver; background: url(http://www.clearlets.com/assets/clearlets/images/mapview.png) no-repeat 0px 8px; }
div.propertycontainer div.mapviewproperty div.left	{ float: left; }
div.propertycontainer div.mapviewproperty div.right	{ float: right; text-align: right; }
div.propertycontainer div.mapviewproperty.selected  { background-color: #ddd; }

div.propertycontainer.detail h3 	 	 { font-size: 2em; position: relative; padding-bottom: 5px; }
div.propertycontainer.detail h3 span	 { position: absolute; right: 10px; }
div.propertycontainer.detail div.description	 {  }

div.propertycontainer.detail fieldset.viewing	 			 { font-size: 11px; width: 315px; float: left; border: 0; background-color: #fae4e6; border-bottom: 2px solid #ee3a43; }
div.propertycontainer.detail fieldset.viewing h4			 { color: #fff; background-color: #ee3a43; height: 18px; line-height: 18px; padding-left: 5px; }
div.propertycontainer.detail fieldset.viewing label	 		 { float: left; margin-left: 10px; padding-top: 8px; }
div.propertycontainer.detail fieldset.viewing input	 	  	 { display: block; }
div.propertycontainer.detail fieldset.viewing textarea,
div.propertycontainer.detail fieldset.viewing input.text	 { border: 1px solid silver; padding: 2px; }
div.propertycontainer.detail fieldset.viewing textarea		 { width: 290px; margin-bottom: 10px; }
div.propertycontainer.detail fieldset.viewing input.text	 { width: 137px; }
div.propertycontainer.detail fieldset.viewing label.email input.text 	{ width: 290px; }
div.propertycontainer.detail fieldset.viewing input.submit	 { display: block; clear: both; margin: 10px; }
div.propertycontainer.detail fieldset.viewing label.tel	 		 { display: inline; }

div.propertycontainer.detail div#map	 		 { float: right; }
div#map div span	{ font-size: 4px; }

div.propertycontainer.detail div#photos		{ width: 640px; margin-bottom: 10px; }
div.propertycontainer.detail div#photos img	{ float: left;  }
div.propertycontainer.detail div#photos img.thumb	{ margin-bottom: 20px; margin-left: 15px; cursor: hand; cursor: pointer; }

div.propertycontainer.detail div.description p { font-size: 13px; width: 450px; float: left; padding-bottom: 10px; }
div.propertycontainer.detail div.description a.print 		{ padding: 0px 0 3px 20px; background: url(http://www.clearlets.com/assets/clearlets/images/print.png) no-repeat 0px -1px; }
div.propertycontainer.detail div.description a.upmystreet	{ padding: 0px 0 3px 20px; margin-top: 10px; background: url(http://www.clearlets.com/assets/clearlets/images/upmystreet.png) no-repeat 0px -1px; }

div.propertycontainer.detail div.breakout	 	{ width: 160px; float: right; background-color: #fae4e6; border-bottom: 2px solid #ee3a43; font-size: 12px; margin-bottom: 10px; }
div.propertycontainer.detail div.breakout h4	{ color: #fff; background-color: #ee3a43; height: 18px; line-height: 18px; padding-left: 5px; }
div.propertycontainer.detail div.breakout ul	{ padding: 5px; }
div.propertycontainer.detail a.directions		{ clear: right; float: right; font-size: 1.1em; padding-top: 2px; }

fieldset.refine					{ font-size: 11px; border: 0; background-color: #fef2f2; border-bottom: 2px solid #ee3a43; padding-bottom: 5px; background: url(http://www.clearlets.com/assets/clearlets/images/refinebg.png) repeat-y top left; }
div.propertycontainer.detail fieldset.viewing h3,
fieldset.refine	h3				{ display: block; font-weight: bold; padding-left: 7px; color: #fff; background-color: #ee3a43; width: 233px; height: 18px; line-height: 18px; }
div.propertycontainer.detail fieldset.viewing h3			 { width: 308px; font-size: 12px; }
fieldset.refine div				{ display: block; clear: both; padding: 11px 7px 0px 7px; }
fieldset.refine div	span.left	{ float: left; width: 71px; text-align: right; }
fieldset.refine div	span.right	{ float: right; width: 148px; }
fieldset.refine input.text		{ width: 35px; border: 1px solid grey; padding: 1px; }
fieldset.refine input.checkbox	{ border: 1px solid grey; }
fieldset.refine input.submit	{ clear: both; }
fieldset.refine select			{ border: 1px solid grey; }

input.list, input.map			{ background-color: #81ABE0; color: #fff; padding: 3px 5px 3px 5px; border: 0px; font-size: 12px; font-weight: bold; }
input.list 						{ position: absolute; top: -25px; right: 85px; }	
input.map						{ position: absolute; top: -25px; right: 10px; }
input.list.current,
input.map.current				{ background-color: #adc8eb; }

form#contact					{ font-size: 12px; }
form#contact h5					{ position: relative; left: -10px; top: 0px; display: block; font-weight: bold; padding-left: 10px; color: #fff;height: 18px; line-height: 18px; }
form#contact fieldset			{ position: relative; padding: 0 10px 10px 10px; border: 1px solid #ee3a43; background: url(http://www.clearlets.com/assets/clearlets/images/fieldsetbg.png) repeat-x; }
form#contact input.text,
form#contact textarea,
form#contact select				{ border: 0px solid grey; padding: 3px; width: 285px; }

form#contact textarea			{ height: 6em; }

.textcontent { color: #494949; }

dl { font-size: 13px; margin-bottom: 1.5em; }

address { font-size: 13px; }

p.error { margin-bottom: 0 !important; font-size: 11px !important; }

form#contact input.text,
form#contact textarea,
form#contact select				{ background: url(http://www.clearlets.com/assets/clearlets/images/inputbg.png) no-repeat top left; }

form#contact fieldset.contactus,
form#contact fieldset.lookingfor	{ width: 290px; float: left; margin-bottom: 10px; }

form#contact fieldset.lookingfor label	{ min-height: 38px; }

form#contact fieldset.contactus		{ margin-right: 10px;}
form#contact fieldset.newsletter	{ clear:both; border: none; padding:0 0 10px 0; background: transparent; }

form#contact.contactform { float: right; }

div.branch.vcard { float: left; clear: left; }

fieldset.contactus dt		{ margin-top: 5px; }

fieldset.lookingfor label			{ display: block; margin-top: 5px; }
fieldset.lookingfor select,
fieldset.lookingfor input			{ display: block; }
fieldset.lookingfor	span			{ font-weight: bold; }

div#sidebar							{ float: right; width: 240px; font-size: 1.4em; margin-bottom: 20px; }
body.home div#sidebar				{ padding: 47px 0 0 0; }
body.inner div#sidebar				{ float: left; }
body.inner div#sidebar ul			{ padding: 20px 10px 0 10px }
body.inner div#sidebar ul a			{ background: url(http://www.clearlets.com/assets/clearlets/images/bullet.png) no-repeat 0px 1px; padding: 0 0 0 15px; }
body.inner div#sidebar ul a:hover,
body.inner div#sidebar ul li.active a	{ background-position: 0px -99px; }

body.search div#sidebar		{ padding: 47px 0 0 0; }

div#contactcta				{ font-family: Arial; line-height: 1 !important; text-align: center; }
div#contactcta p			{ margin: 0 !important; padding: 0 !important; }
div#contactcta p.tel		{ font-size: 20px !important; color: #851410; }
div#contactcta p.tel span	{ font-size: 34px; color: #000; }
div#contactcta hr			{ display: block; }
div#contactcta p.git		{ font-size: 18px !important; }
div#contactcta p.git span	{ font-family: "Arial"; font-size: 14px; }
body.inner div#contactcta	{ float: right; width: 235px; background-color: #fde7e8; padding: 10px; margin: 0px 0 5px 10px; }
body.search div#contactcta	{ margin-top: 20px; }

div#ctabunch				{ font-family: Arial; font-size: 18px; text-align: center; margin-top: 40px; }
div#ctabunch a				{ color: #000; }
div#ctabunch a:hover		{ color: #851410; }
div#ctabunch a.buytolet,
div#ctabunch a.invest,
div#ctabunch a.franchise	{ display: block; width: 210px; height: 31px; line-height: 31px; margin-bottom: 10px; padding-right: 30px; }

div#ctabunch a.buytolet		{ background: url(http://www.clearlets.com/assets/clearlets/images/buytoletbg.png) no-repeat top left; }
div#ctabunch a.invest		{ background: url(http://www.clearlets.com/assets/clearlets/images/investbg.png) no-repeat top left; }
div#ctabunch a.franchise	{ background: url(http://www.clearlets.com/assets/clearlets/images/franchisebg.png) no-repeat top left; }

div#footer		{ clear: both; background-color: #ee3a43; height: 30px; width: 100%; font-size: 1.1em; position: relative; margin-top: 0px; }
div#footer a	{ color: #fff; margin-left:20px }

div#footer p		{ width: 940px; position: relative; margin: 0 auto; color: #fff; text-align: right; line-height: 30px; }
div#footer p span 	{ float: left; }

div.branch			{ margin-bottom: 10px; }
div.branch span		{ font-size: 14px; }
div.branch a		{ font-size: 12px; }
.tel				{ display: block; }

.printonly { display: none; }

.textcontent h1		{ margin-bottom: 0.75em; }
.textcontent h2		{  margin-bottom: 1em; line-height: 1.2; }
.textcontent ul		{ margin-bottom: 1.75em; color: #444; }
.textcontent ul li	{ list-style-type: disc; list-style-position: inside; font-size: 12px; }
.textcontent p		{ font-size: 1.35em !important; margin-bottom: 1.75em; line-height: 1.75em; }

ul#SiteMap		{ font-size: 12px; font-weight: bold; margin-bottom: 1.5em; }
ul#SiteMap ul { font-size: 12px;  font-weight: normal; list-style: circle inside; }
h4 { font-size: 14px; }
ul#subsitemap { font-size: 12px;  font-weight: normal; list-style: circle inside; }


/* News Styles */

div.newsitem { margin-bottom: 2em; }
div.newsitem h2 { font-size: 18px; color: #494949; }
div.newsitem h3 { font-size: 14px; color: #494949; }
div.newsitem h4 { font-size: 20px; color: #494949; }
body.inner div#main div.newsitem p { color: #494949; font-size: 1.4em; margin-bottom: 1.2em; }
body.inner div#main div.newsitem p.postinfo { font-size: 11px; color: #777; }
div.newsitem a.readmore { font-size: 11px; position: relative; top: -10px;}


.newsarchives { float: right; margin-left: 2.5em; margin-top: 2em; margin-bottom: 0.5em; width: 180px; padding: 1.5em; padding-top: 0.5em;  padding-bottom: 0.5em; background-color: #eee; border: 1px solid #ccc; }