/*

Pinkerton Murray - Sales, Lettings and Property Management

This website was built using valid css and xhtml. For more information check out the designers webpage.

Designer: Caroline Smith
Designer URL: http://www.carolinesmithdesign.com/


*/

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
}

.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 40%;
			height: 50%;
			padding: 16px;
			border: 16px solid #464e87;
			background-color: white;
			z-index:1002;
			overflow: auto;
}

//em{color:#464e87; }

#holidayhours{


z-index: 2;
position: absolute;
top:200px;


}


/* ----------- Home Page Structure ----------------------------------*/

body{ 				background-color: #fff;
					font-family: Tahoma, sans-serif;}

#top{				background-image: url(http://www.pinkertonmurray.com/images/topbk.png);
					background-repeat: repeat-x;
					height: 156px;
					width: 100%;}

#middle{			background-color: #fff;
					height: 100%;
					width:100%;}

#bottom{			background-image: url(http://www.pinkertonmurray.com/images/bottombk.png);
					background-repeat: repeat-x;
					background-color: #464e87;
					height: 98px;
					width: 100%;
					position: relative;
					bottom: 0;
					clear: both;}



#centeredcontent1{	width:800px;
					height:156px;
					margin-left: auto;
					margin-right: auto;}
					
#centeredcontent2{	width:800px;
					height:100%;
					margin-left: auto;
					margin-right: auto;}
					
#centeredcontent3{	width:800px;
					height:96px;
					margin-left: auto;
					margin-right: auto;}


/* ----------- Top Section ------------------------------*/

#header{			padding-top:10px;}

#logo{				
					float: left;
					height:100%;}

#navi{				float: right;
					width:610px;
					padding-top: 47px;
					font-family: Century Gothic;
					font-size: 18px;}

#navi ul{			
					list-style-type: none;
					float: right;}

#navi li{			float: left;
					padding-left:25px;}
					
#navi a:link{		color: #fff;}
					
#navi a:visited{	color: #fff;}
					
#navi a:hover{		color: #fff;
					border-bottom: 1px dotted #fff;}
					
#navi a:active{		color: #fff;}



#businesscard{ 		float:right;}


#businesscard p{ 	font-size: 11px;
					font-family: Tahoma;
					color: #fff;
					text-align: right;
					padding-bottom: 3px;}
#businesscard a{
			color: #fff;
}
					

/* ----------- Middle Section --------------------------*/

#pagecontent{ 		padding-top: 10px;}


/* ---- Row 1 -------------------------------*/

row1{				height: 285px;
					width: 100%;
					}

#introimage{		width: 550px;
					height:285px;
					padding-right: 23px;
					float: left;}
					


/* ---- Quick Property Search ----*/

#qps{				width:227px;
					height:270px;
					background-image: url(http://www.pinkertonmurray.com/images/qpsbk.png);
					background-repeat: no-repeat;
					float:right;
					padding-bottom: 8px;
					}
					
#qpstitle{			padding-top: 10px;
					filter:alpha(opacity=70);
					-moz-opacity:0.7;
					-khtml-opacity: 0.7;
					opacity: 0.7;}					
					
					

#qps form{			margin: 12px;}
 					

#qps label{			font-family: Tahoma;
					font-size: 12px;
					color: #464e87;
					float:left;
					line-height: 20px;
					 }
					
								

#qps select{		float:right;
					margin-top: 2px;}


.radiolabel{		font-family: Tahoma;
					font-size: 12px;
					color: #464e87;
					}
					
search{				padding-bottom: 5px;}





/* ---- Row 2 -------------------------------*/

#row2{				background-image: url(http://www.pinkertonmurray.com/images/rowbk.png);
					background-repeat: no-repeat;
					height:108px;
					width: 100%;
					clear: both;
					margin-bottom: 20px;
					 
					}
					
#row2 p{			color: #fff;
					font-family: Tahoma;
					font-size: 14px;
					padding-top: 5px;
					padding-left: 10px;
					line-height: 16px;}

#col1{				width:266px;
					float: left;
					padding-top: 8px;
					
					}

#col2{				width:266px;
					float: left;
					padding-top: 8px;
					}

#col3{				width:266px;
					float: right;
					padding-top: 8px;}

.viewall{			float: right;
					padding-right: 10px;
					margin-top: -3px;}
					

#row2 a:link{		color: #2f355d;
					}	

#row2 a:visited{	color: #2f355d;
					}									
					
#row2 a:hover{		color: #fff;
					border-bottom: 1px dotted #fff;}									

#row2 a:active{		color: #2f355d;
					}																	


/* ---- Row 3 -------------------------------*/


#row3{				height:276px;
					width: 100%;
					clear: both;
					margin-bottom: 20px;}

#featuredproperties{height: 276px;
					width: 550px;
					background-image: url(http://www.pinkertonmurray.com/images/featuredbk.png);
					float: left;
					margin-right: 23px;}
					
					
#featuredforsale{	width: 250px;
					float:left;
					padding-left: 10px;}

#featuredforsale img{float: left;
					 border: 1px solid #464e87;
					 margin-right: 5px;}


#featuredtolet{		width: 250px;
					float:right;
					padding-right: 10px;}

#featuredtolet img{	float: left;
					border: 1px solid #464e87;
					margin-right: 5px;}


.featuredpropertytitle{  font-size:12px; padding-top: 30px;
						padding-bottom: 20px;
						color: #464e87;}
.featuredpropertycategory{ font-size: 14px; font-weight: bold}
						
#featuredproperties ul{ color: #464e87;
						font-size: 12px;
						padding-bottom: 15px;}

#featuredproperties li{ line-height: 16px;}
						

#featuredproperties a:link{	font-size: 14px;
							color: #464e87;}

#featuredproperties a:visited{	font-size: 14px;
								color: #464e87;}

/*#featuredproperties a:hover{	font-size: 14px; color: #fff; border-bottom: 1px dotted #fff;}*/

#featuredproperties a:active{	font-size: 14px;
								color: #464e87;}


.fptitle{			font-style: italic;
					color: #464e87;}					


#news{				height:131px;
					width: 227px;
					float: right;}

#account{			height:131px;
					width: 227px;
					float: right;
					padding-top: 12px;}




/* ---- Row 4 -------------------------------*/


#row4{				background-image: url(http://www.pinkertonmurray.com/images/rowbk.png);
					background-repeat: no-repeat;
					height:108px;
					width: 100%;
					clear: both;
					margin-bottom: 20px;
					 
					}
					
#row4 p{			color: #fff;
					font-family: Tahoma;
					font-size: 14px;
					padding-top: 5px;
					padding-left: 10px;
					line-height: 16px;}

#col4{				width:266px;
					float: left;
					padding-top: 8px;
					
					}

#col5{				width:266px;
					float: left;
					padding-top: 8px;
					}

#col6{				width:266px;
					float: right;
					padding-top: 8px;}

.viewall{			float: right;
					padding-right: 10px;
					margin-top: -3px;}
					

#row4 a:link{		color: #2f355d;
					}	

#row4 a:visited{	color: #2f355d;
					}									
					
#row4 a:hover{		color: #fff;
					border-bottom: 1px dotted #fff;}									

#row4 a:active{		color: #2f355d;
					}	


/* ----------- Bottom Section --------*/



.copyright{			float: right;
					color: #fff;
					font-size: 11px;
					margin-top: 59px;}

#bottom ul{			float: left;
					margin-top: 53px;}

#bottom li{			float: right;
					padding-right: 5px;}




/* ----------- ALL OTHER PAGES -----------------------------------------------------*/

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



#colleft{			width: 550px;
					height:100%;
					padding-right: 23px;
					float: left;}

#colright{			width:227px;
					height:100%;
					float:left;
					}

.pagetitle{			font-size: 30px;
					color: #8da3cb;
					text-align: left;
					float: left;
					width: 100%;
					padding-bottom: 30px;}
					
#colleft p{			font-size: 13px;
					color: #8d8e8f;
					font-family: Tahoma;
					line-height: 16px;}
					
#colleft a:link{	color: #8da3cb;
					text-decoration: none;
					border-bottom: 1px dotted #8da3cb;}

					
#colleft a:visited{	color: #8da3cb;
					text-decoration: none;
					border-bottom: 1px dotted #8da3cb;}
					
					
#colleft a:hover{	color: #8da3cb;
					text-decoration: none;
					border-bottom: 1px dotted #8da3cb;}

					
#colleft a:active{	color: #8da3cb;
					text-decoration: none;
					border-bottom: 1px dotted #8da3cb;}
					
					
#advertisement{		height:100%;
					width: 227px;
					float: right;
					padding-top: 12px;}		
					

.sectiontitle{		font-size: 22px;
					color: #8da3cb;
					text-align: left;
					float: left;
					width: 100%;
					padding-top: 20px;
					padding-bottom: 20px;}					


.sectiontitle2{		font-size: 22px;
					color: #8da3cb;
					text-align: left;
					float: left;
					width: 100%;
					margin-top: -20px;
					padding-bottom: 20px;}				

.servicesleft{		float: left;
					padding-bottom: 20px;
					}	

.servicesright{		float: right;
					padding-bottom: 20px;}	
					

#insurancetitle, #epctitle, #propertyrefurbtitle, #smalltitle, #sellertitle, #buyerstitle, #landlordstitle, #tenantstitle, .smalltitle{
					font-size: 18px;
					color: #464e87;
					text-align: left;
					float: left;
					width: 100%;
					padding-top: 20px;
					padding-bottom: 20px;}
					
.smalltitle{		font-size: 18px;
					color: #464e87;
					text-align: left;
					float: left;
					width: 100%;
					padding-top: 20px;
					padding-bottom: 20px;}
					
#insuranceinfo, #epcinfo, #propertyrefurbinfo{ display:compact; }
#epcinfo p { font-size: 12px; }
					
#insuranceinfo ul, #epcinfo ul, #propertyrefurbinfo ul, #developmentslist ul{	font-size: 14px;
					color: #8da3cb;	
					padding-left: 60px;
					padding-top: 20px;
					padding-bottom: 20px;}
					
#insuranceinfo li, #epcinfo li, #propertyrefurbinfo li, #developmentslist li{	list-style-type: circle;
					padding-bottom: 5px;}


.rollover{			font-size: 12px;
					font-style: italic;
					visibility: hidden;}


#quote, #quote2,  #quote3{				font-size: 16px;
					color: #464e87;
					text-align: center;
					padding-top: 20px;
					padding-bottom: 20px;
					line-height: 28px;
					
					}

#subnavi{			float: right;
					margin-top: -50px;
					padding-bottom: 10px;}

.subnaviextra{		font-size: 10px;
					font-style: italic;}
					

.togglelink{		font-size: 14px;
					font-family: Tahoma;
					font-style: italic;
					color: #000;}
			
.client{			color: #464e87;
					float: left;
					padding-left: 10px;}					


.question{			font-size: 14px;
					color: #464e87; }
					
.toggle ul{			font-size: 14px;
					color: #464e87;
					padding-left: 20px;
					padding-bottom: 20px;
					padding-top: 20px;
					margin-left: 20px;}		

.toggle li{			
					padding-bottom: 7px;
					}			

.listtitle{			list-style-type: circle;
					}

.listtext{			font-size: 12px;
					color: #8da3cb;
					list-style-type: none;
					line-height: 14px;}
					
.listlist{			margin-left: 60px;
					font-size: 12px;
					color: #8da3cb;
					list-style-type: none;
					line-height: 14px;
					padding-bottom: 7px;
					list-style: disc;}		
							
.listicon{			padding-right: 10px;
					margin-bottom: -5px;}
					
table{				width: 100%;}
				
td{					font-size: 12px;
					color: #8da3cb;}
					
tr{					padding-bottom: 5px;}



#alphabetnavi{		float: left;
					width: 100%;
					padding-bottom: 10px;}

#jargonbuster ul{			font-size: 14px;
					color: #464e87;
					padding-left: 20px;
					padding-bottom: 20px;
					padding-top: 20px;
					margin-left: 20px;}		

#jargonbuster li{			
					padding-bottom: 7px;
					}

#avonmorecourt{		height: 150px;
					width:100%;}				
					
.devimg{			float: right;
					width: 250px;
					padding-left: 10px;
					}				
					
.devinfo{			float:left;
					width:290px;
					}

#propertybox{		background-image: url(http://www.pinkertonmurray.com/images/propertyboxbkg.png);
					background-repeat: no-repeat;
					height:299px;
					width: 550px;
					margin-top: 30px;}
					
#topinfobar{		padding:5px;
					height: 20px;}

					
.address{			font-size: 18px;
					color: #464e87;
					float: left;}

.price{				font-size: 14px;
					color: #464e87;
					
					float: right;}
					
.bigprice{			font-size: 18px;
					color: #464e87;
					padding-left: 5px;}

#propertyinfo{		background-color: #fff;
					margin: 3px;
					height: 200px;}
					
#propertyinfo ul{	margin-top: 5px;
					font-size: 10.5px;
					margin-left: 25px;
					margin-right: 5px;
					float: left;
					width: 300px;}					
					
#propertyinfo li{	list-style-type: disc;
					line-height: 16px;}					
					

.propertyimg{		float: right;
					height: 155px;
					width: 195px;}										

#propertyfacts{		height: 80px;
					margin: 5px;}	
					
#propertyfacts ul{	font-size: 14px;}

#propertyfacts li{	list-style-type: none;
					line-height: 18px;}		
									
.facts{				color: #464e87;}

#epclink {	color: #8da3cb;
					text-decoration: none;
					border-bottom: 1px dotted #8da3cb;
					cursor: pointer;}

.propertylinks{		float: right;
					margin-top: -20px;}			
					
#propertynavigation{ font-size: 12px;
					 text-align: center;
					 padding-top: 40px;
					 color: #8d8e8f;
					 }	
					 
					
#propertynavigation ul{ text-align: center;}	

#propertynavigation li{}	
					 

#registration{	width: 350px;	}		

#registration label{	float: left;
						margin: 5px;}				 			
label.error { color: red; }
#registration input{	float: right;
						margin: 5px;}	

#registration select{	float: right;}				
								
#registration p{	font-size: 12px;
					line-height: 22px;
						padding: 5px;
					clear:both;}		

.telhelp{			font-size: 10px;
					font-style: italic;
					padding-top: 20px;}

.radio{				float: left;
					padding-left: 20px;}
					

.hint {
   	display: none;
    position: absolute;
    left: 600px;
    width: 150px;
    margin-top: -4px;
    border: 1px solid #e5e6ee;
    padding: 10px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #e5e6ee url(http://www.pinkertonmurray.com/images/pointer.gif) no-repeat -10px 5px;
    text-align: left;
    color: #373737;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(http://www.pinkertonmurray.com/images/pointer.gif) left top no-repeat;}
    



.logoimgleft{		float: left;
					padding-bottom: 85px;	}

/*#loginright{		float:right;
					padding-right: 10px;
					width: 250px;}
*/
.forgettext{		font-size: 10px;
					float: left;}

.thanks{			font-size: 10px;
					float: left;
					width: 240px;
					margin-top: -70px;}
					
.close{				float: right;}


.date{				font-size: 14px;
					font-style: italic;
					}
					
.newsimg{			float:left;
					padding-right: 10px;
					
					
					}

.newimgarticle{		float: left;
					height: auto;
					width: 55%;
					padding-right: 10px;
					padding-bottom: 10px;
}				
					

#developmentdownloads ul{padding-bottom:20px;}


#developmentdownloads li{ padding-left: 50px;}






/* ----------- Individual Property Photos Scroller --------*/


#propertyquickinfo{background-color: #e5e6ee;
		width: 550px;
		height: 360px;
		margin-top:80px;
		background-image: url(http://www.pinkertonmurray.com/images/individualpropertyquickinfo.png);
		background-repeat: no-repeat;
		background-color: #fff;
		}

.propertytitle{
				color: #464e87;
				font-size: 16px;
				text-align: left;
				float: left;
				width: 100%;
				padding-top: 20px;
					}

.square{
		width: 370px;
		height: 260px;
		}


.jqGSContainer{		position:relative;
					width:550px;
					float:left;
					padding-left: 5px;
					height:220px;
					}
					
					
					
.jqGSImgContainer{ 
					width:550px;
						height:400px;}
					
					

.jqGSImgContainer ul{padding:0;
					margin:0;
					position:relative;
					list-style:none;
					width:550px;
					height: 220px;}
					

.jqGSImgContainer ul li{padding:0;
						margin:0;
						position:relative;
						margin-top:-60px;
						margin-bottom:0px;
						float:left;
						width:550px;
						height:400px;
						}
						
 
.jqGSLoader{			width:550px;
						height:400px;
						}



.jqGSPagination{		position:relative;
						width:100%;
						height:20px;
						top:-210px;
						padding: 0px 0;}


.jqGSPagination ul{		padding:0;
						margin:0;
						list-style:none;
						position:relative;
						float:left;}


.jqGSPagination ul li{	padding:0;
						margin-right:5px;
						float:left;
						padding-right:1px;
						text-align:center;
						padding-bottom:1px;}


.jqGSPagination ul li a{padding:2px 0px;
						background:#fff;
						color: #fff;
						text-decoration:none;
						display:block;
						width:20px;
						font:10px Verdana, Arial, Helvetica, sans-serif;}


.jqGSPagination ul li a.selected{background:#d3d3d3;
								color:#fff;
								}


.jqGSPagination ul li a:hover{	background:#7c85c0;
								color:#000;
								}


#propertyfacts2{	position: relative;
					height: 80px;
					padding-right: 5px;
					padding-bottom: 10px;
					float:right;
					top:-240px;
					z-index: 2;
					width: 165px;}	
					
#propertyfacts2 ul{	font-size: 14px;
					}

#propertyfacts2 li{	list-style-type: none;
					line-height: 26px;}		
		 

/*#password{	width: 350px;	}		*/

#password label{	float: left;
						margin: 5px;}				 			

#password input{	float: right;
						margin: 5px;}	

#password select{	float: right;}				
								
#password p{	font-size: 12px;
					line-height: 22px;
						padding: 5px;
					clear:both;}		




/* ----------- H Tag Styles --------*/


h1{				text-indent: -9999px;
				visibility: hidden;}

h2{				text-indent: -9999px;
				visibility: hidden;}

h3{				text-align: center;
				font-family: century gothic;
				font-style: normal;
				font-weight: 100;
				font-size: 18px;}

h4{				text-align: left;
				font-family: tahoma;
				font-style: normal;
				font-weight: 100;
				font-size: 22px;
				color: #fff;
				padding-left: 10px;
				}

h5{				text-align: left;
				font-family: century gothic;
				font-style: normal;
				font-weight: 100;
				font-size: 18px;
				color: #313233;
				padding-left: 10px;
				padding-top: 12px;
				}