/*Style by Viviana Lozano and Image Now. I have done my best to comment all the code. 
Also have grouped the styles by sections to make it easir to search through the code:
Group Index:

General styles											/***=General
Bottom Content											/****=Bottom
Menu													/***=Menu
Mortgages												/***=Mortgages
News on the right hand side								/***=News
Gallery View											/***=Gallery
List View												/***=List
Image Scroller											/***=Image
Branch locator											/***=Branch
Ancillary pages											/***=Ancillary
Advanced search											/***=Advanced
Refine search											/***=Refine
Footer													/***=Footer
Articles												/***=Article
Component												/***=Component
Skin Files												/***=Skin
XSL														/***=Xsl
Other													/***=Other

Example: to search for the Menu styles press Ctrl + F and type /***=Menu on the search field.press Find Next.
*/

/***=General styles */
body {
	font-size: 70%; 
	margin: 0; 
	padding: 0; 
	color: #000000; 
	font-family: arial, verdana, helvetica, sans-serif; 
	background-color:#ffffff;}
	
* {margin:0;padding:0;}

table{margin:0; padding:0; border:0; }

/* default link apperance */
a {
	color: #000; 
	background-color: transparent; 
	text-decoration: none;
}
a:hover {
	color: #000000; 
	background-color: transparent; 
	text-decoration: none;}

/* default image appearance */
img { 
	border: none;}

/* default form declaration */
form {
	margin: 0;
	padding: 0;}	

/* standard css based spacer*/ 
.clear {clear: both;}

/*class for all links that should not display an arrow*/
.noarrow{background:none}

/* overall div containing all page elements*/
#container {
	margin-left: auto;
	margin-right: auto;
	margin-top:2px;
	width: 960px;
	background:url(images/background.gif) top left repeat-y;}

/* left hand side div containing logo, and left hand naviation */
#page {float: left;}


/* header div containing logo, residental, commercial, overseas and mortgages divs*/
#header {
	height: 112px;/*106px*/
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;}

/* declaration that all div in the header div float to the left */
#header div {float: left;}
	
/* logo area*/
.logo_container{height:112px;border-bottom: 2px; width:112px; border-bottom-style:solid; border-bottom-color:#fff; background-color:#0065a9; }

/* sidebar div that will contain left hand navigation*/
.sidebar {
	width: 112px;
	text-align: left;
	padding-top: 5px;
	float: left;
	position:relative;
	font-size:110%;}

/* as above, but their hover appearance*/
.sidebar a:Link , .sidebar a {
	color: #4c4c4c;	
	text-decoration: none;}

/* as above, but their hover appearance*/
.sidebar a:hover {
	color: #0e1e7d;	
	text-decoration: none;}

/* content area containing residential, commercial, overseas, mortgages and remaining page content*/
#content {
	border-left: 2px solid #fff;float:left;
	max-width: 820px;}

/* empty container that holds residential, commercial, overseas and mortgages divs  - LEAVE BLANK*/
.topnav {}

/* residential, commercial, overseas, mortgages div appearances */
.residential, .commercial, .overseas, .mortgages {
	height: 27px;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	float: left;
	width: 202px;
	padding-top: 8px;}

/* obrder styling for .commercial, .overseas, .mortgages */
.commercial, .overseas, .mortgages {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;}

/* specific border color for residential as it is the active panel */
.residential {
	border-bottom: 2px solid #41b8d4;}

/* background color and font color for div */
.residential {
	background-color: #41b8d4;
	color: #fff;}

/* background color and font color for div */
.commercial {
	background-color: #7cbe34;
	color: #fff;}

/* background color and font color for div */
.overseas {
	background-color: #f7931d;
	color: #fff;}

/* background color and font color for div */
.mortgages {
	background-color: #ff0000;
	color: #fff;}

/* link color and font color for div */
.residential a {
	background-color: #41b8d4;
	color: #fff;
	text-decoration: none;
	display: block;}

/* link color and font color for div */
.commercial a {
	background-color: #7cbe34;
	color: #000;
	text-decoration: none;
	display: block;}

/* link color and font color for div */
.overseas a {
	background-color: #f7931d;
	color: #000;
	text-decoration: none;
	display: block;}

/* link color and font color for div */
.mortgages a{
	color: #000;
	text-decoration: none;
	display: block;}

/* link hover color and font color for div */
.residential a:hover {
	background-color: #41b8d4;
	color: #ffffff;
	text-decoration: none;}

/* link hover color and font color for div */
.commercial a:hover {
	background-color: #7cbe34;
	color: #ffffff;
	text-decoration: none;}

/* link hover color and font color for div */
.overseas a:hover {
	background-color: #f7931d;
	color: #ffffff;
	text-decoration: none;}

/* link hover color and font color for div */
.mortgages a:hover{
	background-color: #ff0000;
	color: #ffffff;
	text-decoration: none;}

/* div containing the breadcrumbs - background colour will alternate depending on section */
.breadcrumb {
	background-color: #41b8d4;
	text-align: left;
	padding-left: 10px;
	color: #fff;
	height: 15px;
	padding-top: 60px;
	border-bottom: 2px solid #fff;
	max-width: 820px;
	width: 802px;}

.breadcrumb span:Hover{color:#fff;text-decoration:underline}

/* div of subnav underneath breadcrumb - contains list view, gallery view links, etc*/
.subnav {
	background: #D9D2C0;/*#b2b2b2;premson*/
	color: #fff;
	height: 25px;
	border-bottom: 2px solid #fff;}

/*link color of div */
.subnav a:link,
.subnav a:visited {
	text-decoration: none;
	color:#fff;}
	
.subnav a:hover,
.subnav a:visited:hover {
	text-decoration: none;
	color:#000;}

/* apperance of specific link in subnav div */
.Tab {
	border-right: 2px solid #fff;
	font-size: 100%;
	font-weight: bold;
	float:left;
	height: 19px;
	padding: 6px 20px 0px 10px }
	
/* appearance of active link in subnav */
.tab_on {
	background: #7f7f7f;
	border-bottom: 2px solid #7f7f7f;
	font-size: 120%;}

.tab_on_no_border {
	background: #B3A99F;/*#7f7f7f; premson */
	font-size: 100%;}

/* form elements styling in subnav */	
.subnav .options {
	height: 19px;
	font-weight:normal; 
	font-size:90%;}

/****=Bottom content*/
/*div with all remaining content on page, divided into 2 coloumns, left and right*/
.bottom_content {
	max-width: 820px;
	width: 818px;}

/***bottom left- contains main body of text*/
.bottom_left {
	width: 610px!important;
	max-width: 613px;
	float: left;
	font-size: 9pt;
	font-family:Arial;
	}
	
/***bottom right- contains adds, news and other user controls*/
.bottom_right {
	width: 202px;
	max-width: 202px;
	float: left;
	margin: 0px;
	padding: 0px;}

/**page content- holds the text and can be split into two columns, one for images on the right and text on the left*/
.page_content{
	padding: 8px 8px 30px 8px;
	background-color:#fff;
	border-right: 2px solid #fff;}

/*styles all links on page_content or page_content_darkbg*/
.page_content_darkbg_viewing span
.page_content_darkbg_mortgage span ,
.page_content span , 
.page_content_darkbg span , 
.page_content_branch span a , 
.page_content_text span {
	color: #034594;
	font-weight: bold;
	padding-right:8px;
	background: url('images/blue_arrow.gif') center right no-repeat;}
.page_context_text_padding ul li a 
{color: #034594;
	font-weight: bold;
	padding-right:8px;
	background: url('images/blue_arrow.gif') center right no-repeat;
}

/*style for links that are part of a paragraph- no arrow nor padding*/	
.page_content span.noarrow{
	color: #034594;
	font-weight: bold;
	background:none;}

/*page content left column- holds images*/
.page_content_img{float: left; width: 200px; text-align: center;padding:0;margin:0;} 

/*page content right column- holds text*/
.page_content_text{width:390px; float:left;}
.page_content_text_where_it_takes{width:510px; float:left;}

/*page content text padding- gives padding to the text inside page_content_text*/
#page_content_text_padding{padding:10px;}	

#page_branch_text_padding { padding-left:10px; padding-top:5px; width:600px;}

/**page content branch*/
/*gray background for the branch locator details*/
.page_content_branch{
	background:#c6c8ca;
	width:610px;
	min-height:453px;}

/**page content dark background- used for advanced searches and more*/
.page_content_darkbg{
	min-height:460px;
	height: 460px;
	background:#fffff;
	padding: 10px;
	padding-top:0px;
	border-right: 2px solid #fff;
	overflow:auto;}

.page_content_darkbg_viewing{
	background:#c6c8ca;
	padding: 10px;
	height:514px;
	padding-top:0px;
	border-right: 2px solid #fff;
	overflow:auto;}

	
/*page content dark background styles*/	
.page_content_darkbg span.searchlabel{
	background:none;
	padding:0;
	color:#000;
	font-weight:normal;}
	
.page_content_darkbg span.nolink{
	color: #000;
	font-weight: bold;
	padding-right:8px;
	background: none;}
	
.page_content_darkbg span.val{
	color: Red;
	font-weight: bold;
	padding-right:8px;
	background: none;}
	
.page_content_darkbg a span.aboutus{
	color: #034594;
	font-weight: bold;
	padding:0;
	background:none;}
	 
.page_content_darkbg a:hover span.aboutus{color:#000;}



/*Used as Background on Mortgages Pages*/
/**page content dark background- used for advanced searches and more*/
.page_content_darkbg_mortgage{
	min-height:490px;
	height: 490px;
	background:#fffff;
	padding: 10px;
	border-right: 2px solid #fff;
	overflow:auto;}

.page_content_darkbg_mortgage span.searchlabel{
	background:none;
	padding:0;
	color:#000;
	font-weight:normal;}
	
.page_content_darkbg_mortgage span.nolink{
	color: #000;
	font-weight: bold;
	padding-right:8px;
	background: none;}
	
.page_content_darkbg_mortgage span.val{
	color: Red;
	font-weight: bold;
	padding-right:8px;
	background: none;}
	
.page_content_darkbg_mortgage a span.aboutus{
	color: #034594;
	font-weight: bold;
	padding:0;
	background:none;}
	 
.page_content_darkbg_mortgage a:hover span.aboutus{color:#000;}



/*heading text on pages such as commercialhome and overseashome*/
.page_content_text span.text_heading ,
.page_content span.text_heading{
	color: #000;
	font-weight: bold;
	background:none;}

/***=Other styles*/
/* Used for Spans in Commerceial */
a span
{
	color:#034594;
	font-weight: bold;
}

a:hover span {
	color:Black;
	text-decoration:underline;
	font-weight: bold;
}

/* Used by Menu on Commercial */
.mainmenustyle a:hover span {
	color:#0e1e7d;
	text-decoration: none;}
	
.mainmenustyle a span 
{
	/*background:url(images/grey_right.gif) no-repeat center left;*/
	/*margin-left:5px;*/
	padding-left:15px;
	text-decoration:none;
	color:#4c4c4c;
	font-weight:normal;
}	


		
a.mailto {
	color: #034594;
	font-weight: bold;}
	
.display{display:none;}

/***Subnav info holds the count panel and the paging machanism in the listview, gallery view and like pages*/
/*link styles for paging 'prev' and 'next' links*/
.subnav_info a:link,
.subnav_info a:visited {
	color: #ffff00;
	text-decoration: none;}

.subnav_info a:hover,
.subnav_info a:visited:hover {
	color: #fff;
	text-decoration: none;}

/*propcountPanel class positions the property count panel in the listview, gallery view and like pages*/
.propcountPanel{width:250px; float:left; padding-left:5px; }
 
/*positions the paging 'control'*/
.paging {
	width:345px;
	float:left;
	color:#fff;
	text-align:right;}

/***=Mortgages Section Styles*/
/*styling for the calculator container*/
.mortgageCalculator {
	width: 209px;
	text-align: left;
	float: left;
	height: 497px;
	color: #000;
	position: relative;
	background: #c6c8ca;}

/*styling for the calculator title*/
.mortgageCalculator h1 {
	font-size: 110%;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 0px;
	color:#fff;
	border-bottom:2px solid #fff;
	background:#ff0000;}

/* hidden block link */
.content a.right_link {
	display: block;
	height:265px;
	text-decoration:none;
	width:163px;
	background:none;}

.content a span {visibility: hidden;}


/* font style for advanced search link in find a property */
.mortgageCalculator a.advanced {
	background: url('images/white_arrow.gif') center right no-repeat;
	color: #fff;
	text-decoration: none;
	padding-right: 18px;
	font-weight: bold;
}

/* hover font style for advanced search link in find a property */
.mortgageCalculator a.advanced:hover {
	background: url('images/black_arrow_ongreen.gif') center right no-repeat;}

/***=News section- found on the bottom right of the page */
.right_news {
	background: #D9D2C0;	
	width:200px;
	height:185px;}

.right_news .title {
	background: #41b8d4;
	display: block;
	color: #fff;
	height: 19px;
	padding-top: 4px;
	padding-left: 5px !important;
	font-weight: bold;
	border-bottom: 2px solid #fff;
	text-align:left;}

#news_container .listpadding {padding:3px}

#news_container span
{
	color: #034594;
	background: url('images/blue_bullet.gif') no-repeat 0px 6px; 
	width:180px;
	display:block;
	padding-left:10px !important;
	margin-bottom:4px;}
	
#news_container span:Hover{color:#000;text-decoration:underline;cursor:pointer;}

/*News- styles for news section for IE6*/
* html #news_container .listpadding {padding:3px}
* html #news_container span{
	color: #034594;
	background: url('images/blue_bullet.gif') no-repeat 0px 6px; 
	width:180px;
	display:block;
	padding-left:10px !important;
	margin-bottom:4px;
}
	
* html #news_container span:Hover{color:#000;text-decoration:underline;cursor:pointer;}
	
/* hidden block link */
.content a.right_link {
	display: block;
	height:265px;
	text-decoration:none;
	width:163px;
	background:none;}

.content a span {visibility: hidden;}

/* part of bottom content div that declares search results and pagination requirements */
.subnav_info {
	background-color: #7f7f7f;
	height: 23px;
	display: block;
	color: #fff;
	text-align: left;
	padding: 6px 0 0 0;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	width:609px;}
	
* html .subnav_info { background:#fff url(images/subnav_infoBg.gif) no-repeat}


/***=Gallery view*/
/* div apperance of each property item; used for gallery view page */
.property {
	width: 198px;
	height: 210px;
	background-color: #e3e3e3;
	border-right: 2px solid #fff;
	margin-bottom: 40px;
	position:relative;}
	
/* part of property div that contains the image element of a property*/
.p_img{min-height:151px;
	text-align:center;}

/*Contains the property detials and the price details of the gallery view.*/
.gallerycontainer{
	position:absolute; /*absolute positioned used to ensure all images look like they are the same height*/
	z-index:5;
	width:198px;
	top:151px;
	right:0;
	border-top:solid 2px #e3e3e3;}
	
/* part of property div that contains the text element of a property */
.p_details {
	text-align: left;
	background: #41b8d4;
	color: #fff;
	padding: 5px;
	height: 45px;}
	
/* link colour in property div */
.property a {
	text-decoration: none;}

/* colour of header in text element of div */
.p_details h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0}

/* apperance of price element of property div */
.p_price {
	height: 14px;
	border-top: 2px solid #fff;
	text-align: left;
	padding: 5px;
	background-color: #ffff00}
	
/* font style for span tag in price element */	
.p_price span {
	font-weight: bold;}
	                   
/* end of used for gallery view */


/***=List view*/
/*for IE6*/
* html .p_price_listview{width:173px}

/*apperance of images in property list view */
.property_listview .image {
	float: left;
	width: 120px;
	border-right: 2px solid #fff}

/* style of links in property */
.p_details_listview {
	margin-bottom:5px;
	padding:0;
	margin-top:0;}

/* remaingin appearance of text in list view property details 

yellow part same height as green part!!!!

CHANGED BY MICHAL FROM ERGO UNCOMENT SECOND PART IF YOU COME BACK TO PREV VERSION.

AMANDA 


*/
.p_details_listview {
	text-align: left;
	color: #fff;
	width: 100%;
	background-color:  #ffff00}	
/*
.p_details_listview {
	text-align: left;
	color: #ffff00;
	width: 100%;
	background: url(images/price_bg.jpg) top right no-repeat;}	

*/
	
/* apperance of header in product listings */
.p_details_listview h2 a{
	background: #41b8d4;
	font-weight: bold;
	margin: 0;
	padding:0;
	color: #fff;
	font-size: 50%;
	float: left;
	min-height: 14px;
	padding: 5px;
	width: 265px;
	border-right: 2px solid #fff}
	
.p_details_listview h2 a:hover{
	background: #41b8d4;
	font-weight: bold;
	margin: 0;
	padding:0;
	color: #000;
	font-size: 50%;
	float: left;
	min-height: 14px;
	padding: 5px;
	width: 265px;
	border-right: 2px solid #fff}

/* apperance of price element in property list view */
.p_price_listview {
	background: #ffff00 url('images/black_arrow.gif') 170px 50% no-repeat;
	height: 100%;
	float: left;
	width: 177px;
	color: #000;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right:3px;
	padding-left:2px;
	font-size: 100%;}

/* apperance of <span> tag price element in property list view */
.p_price_listview span {font-weight: bold;}


/* div surrounding text information on products*/
.p_information {
	color: #000;
	padding: 1px;
	width:480px;}
	
               /* end of used for list view */
 
/* div used on description pages*/
.bottom_left2 {
	width: 403px!important;
	float: left;}

/* apperance of <span> class */
.bottom_left2 .title {
	color: #41b8d4;
	font-weight: bold;}

/* style of property introduction text */
.bottom_left2 .prop_intro {
	padding: 5px;
	font-size: 120%;
	color: #0e1e7d}

/* general padding added to property text */
.bottom_left2 .text {padding: 5px;}
/*
bottom_left2 span{ color:Maroon; background-color:Red;}
bottom_left2 a:link{ color:Maroon; background-color:Red;}
bottom_left2 a:hover{ color:Maroon; background-color:Red;}
*/

/* middle div on description page */
.bottom_middle {
	width: 202px!important;
	max-width: 202px;
	float: left;
	border-left: 2px solid #fff;}

/* link colour in middle div */
.bottom_middle a:link,
.bottom_middle a:visited {
	color: #003366;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	background: #fff url('images/blue_right.gif') no-repeat center right;	
	padding-right: 18px;
	padding-left: 5px;}
	
.bottom_middle a:hover,
.bottom_middle a:visited:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;}

.bottom_middle a.map:link,
.bottom_middle a.map:visited {
	background: none;	
	padding: 0px;
	margin: 0px;}

/* styling of address of property in bottom left2 div, white text on blue background */
.page_title {
	height: 19px;
	padding-top: 6px;
	padding-left: 10px;
	background-color:#41b8d4;
	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	display:block;}

.page_title1 {
	height: 40px;
	padding-top: 6px;
	padding-left: 10px;
	background-color:#41b8d4;
	border-bottom:solid 2px #fff;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	display:block;
	}
/* specific styling of h2 tag of property in bottom left2 div, white text on blue background */
.page_title h2 {

	margin: 0;
	padding: 0;
	font-size: 100%;
	color:#fff;
	text-transform:uppercase;
	}
	
/* styling of yellow div, in middle div on description page */
.yellow_title {
	height: 19px;
	color:#000;
	padding-top: 6px;
	padding-left: 10px;
	background:#ffff00; 
	font-weight: bold;
	width: 192px;
	font-size: 110%;
	border-bottom:2px solid #fff;
	}
	
	.dev_yellow_title
	{height: 19px;
	color:#000;
	padding-top: 6px;
	padding-left: 10px;
	background:#ffff00; 
	font-weight: bold;
	width: 192px;
	font-size: 100%;
	border-bottom:2px solid #fff
	}
	
* html .yellow_title{width: 192px; border-right:2px solid #fff;}
	
/*styling of yellow div in imagescroller page*/
.yellow_title2{
	height: 19px;
	color:#000;
	padding-top: 6px;
	padding-left: 10px;
	background:#ffff00; 
	font-weight: bold;
	width: 192px;
	font-size: 110%;}
	
/*Only IE sees this*/
* html .yellow_title2{width: 202px}
.product_img_size
{
  width:202px;
}

.product_detail_img
{
	background:none;
	width:202px;
	float:left;
}

.services_branch_detail
{
    padding-left: 205px; 
    padding-top: 5px; 
    font-family:Arial; 
    font-weight: bold;
    font-size:9pt; 
    color: #034594;
    }


/* div apperance for save search on gallery/list view pages */
.save_search{
	color: #003366;
	font-size: 100%;
	margin-top: 5px;
	padding-left: 5px;
	margin-bottom:5px;
	display: block;}

/* link apperance for save search on gallery/list view pages */
.save_search a:link, 
.save_search a:visited { 
	color: #003366;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	background: url('images/blue_right.gif') 143px 50% no-repeat;	
	padding-right: 18px !important;}
	
.save_search a:hover, 
.save_search a:visited:hover {color: #000;}


/* link apperance for save search on gallery/list view pages for IE only */

* html .save_search a:link, 
* html .save_search a:visited { 
	color: #000;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	background: url('images/blue_right.gif')143px 50% no-repeat;	
	margin-left: 5px;}


/* styling of red div, bottom left div on description page */
.red_title {
	width:197px;
	height: 19px;
	color: #000;
	padding-top: 6px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 120%;
	background: #ff0000;}
	
 
/* link style in red title div */
.red_title a:link,
.red_title a:visited {
	text-decoration: none;
	background: #ff0000 url('images/black_right_redbk.gif') 143px 50% no-repeat;
	display: block;}

/* hover color for link in red title div */
.red_title a:hover,
.red_title a:visited:hover {
	color: #fff;
	background: url('images/white_right_redbk.gif') 143px 50% no-repeat;
	display: block;}

/* link style in red title div for IE only*/	
* html .red_title{width:202px;}	
* html .red_title a:link,
* html .red_title a:visited {
	text-decoration: none;
	background: #ff0000 url('images/black_right_redbk.gif') 143px 50% no-repeat;
	display: block;
	margin-left:5px !important;}
	





.agent_details {
	float:left;
	margin-top: 5px;
	background: #e3e3e3;
	width: 202px;
	font-size: 8pt;
	font-weight: normal;
	font-family:Arial;
	background-color:#e3e3e3}
* html .agent_details 
{width: 202px;
    }	
/*contains all links in agent details div*/
/* title apperance for agent details, bottom right div, description page */
.agent_details  .title {
	background: #41b8d4;
	display: block;
	color: #fff;
	height: 19px;
	padding-top: 4px;
	padding-left: 5px;
	font-weight: bold;
	border-bottom: 2px solid #fff;
	font-size: 100%;}

* html .agent_details .title h1{font-size:110%; margin-left:5px;}

/* text apperance for agent details, bottom right div, description page */
.agent_details .info {margin-left:3px;
	}

/* <span> apperance for agent details, bottom right div, description page */
.agent_details_name {
	
	font-size: 9pt;
	font-weight: bold;
	font-family:Arial}
	
/* div apperance for agent details, bottom right div, description page */
/* any link in agent details div, gets the following style */
.agent_details a:link,
.agent_details a:visited 
{
	color:#003399;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	background: url('images/blue_right_greybk.gif') no-repeat center right;
	padding-right: 18px !important;	
 }
   
.agent_details a:hover,
.agent_details a:visited:hover {color: #000;}

/*subnavcontinue div created by Viviana to comply with Imagenow Design.It creates a gray area above 
save_search div and it mimics the longivity of the subnav div. This action is needed as the content 
placeholder cphRightNavBar limits the subnav div's lenght*/
.subnavcontinue{
	background-color:#b2b2b2;
	border-bottom: 2px solid #fff;
	color:#b2b2b2;
	height:25px;
	width:202px;}
	

	
/* div apperance for refine search on gallery/list view pages */
.refine_search {
	background: #e3e3e3;
	border-bottom: 2px solid #fff;
	/*margin-top: 5px;*/
	width:202px; 
	text-align:center;}

/* link apperance for refine search on gallery/list view pages */
.refine_search a {text-decoration: none;}

.advancedLink{margin:15px 3px 10px 0;}

/* link apperance for specific class in refine search on gallery/list view pages */
.advancedLink a.advanced 
{
	color: #003366;
	font-weight: bold;
	background: url('images/blue_right_greybk.gif') center right no-repeat;
	padding-right: 18px;
}

.advancedLink a.advanced2 
{
	color: #003366;
	font-weight: bold;
	padding-right: 18px;
}
	
.advancedLink a.advanced:hover,
.advancedLink a.advanced:hover {color: #000;}

/* title apperance for refine search on gallery/list view pages */
.refine_search .title {
	background: #41b8d4;
	display: block;
	color: #fff;
	height: 19px;
	padding-top: 4px;
	padding-left: 5px;
	font-weight: bold;
	border-bottom: 2px solid #fff;
	text-align:left;}

/*Padding for the refine search title- Only for IE */
* html .refine_search .title h1 {margin-left:5px}


/* header apperance for refine search and my sherryfitz, on gallery/list view pages and news header*/
.refine_search h1, .my_sherryfitz h1, .agent_details .title h1, .right_group_news h1, .right_news h1, .overseas_right_group_news h1, .residential_right_group_news h1, .right_news h1{
	font-size: 110%;
	margin: 0;
	padding: 0;}


/* div of my sherryfitz on gallery/listview pages */
.my_sherryfitz {
	background: #e3e3e3;
	border-bottom: 2px solid #fff;
	width: 202px;
	float:left}


/* title bar of my sherryfitz on gallery/listview pages */
.my_sherryfitz .title {
	background: #41b8d4;
	display: block;
	color: #fff;
	height: 19px;
	padding-top: 4px;
	padding-left: 5px;
	font-weight: bold;
	border-bottom: 2px solid #fff;}

/*Padding for the refine search title- Only for IE */
* html .my_sherryfitz .title h1 {margin-left:5px}


/* <span> stling in viewed div of my sherryfitz on gallery/listview pages */
.my_sherryfitz .viewed span {
	font-size:120%;
	margin: 0;
	padding: 0;
	font-weight: bold;}


/* viewed div in my sherryfitz on gallery/listview pages */
.my_sherryfitz .viewed {font-size: 85%;}


/* line height of text for viewed div in my sherryfitz on gallery/listview pages */
.my_sherryfitz .viewed .sml_property {
	line-height: 14px;
	width:110px;}


/* link style for viewed div in my sherryfitz on gallery/listview pages */

.my_sherryfitz .viewed .sml_property a {
	text-decoration: none;}

.my_sherryfitz .viewed .sml_property a:link,
.my_sherryfitz .viewed .sml_property a:visited {color: #000;}

.my_sherryfitz .viewed .sml_property a:hover,
.my_sherryfitz .viewed .sml_property a:visited:hover,
.my_sherryfitz .viewed .sml_property a:hover span  {color: #0e1e7d;}


/* table element style for a table in the viewed div, in my sherryfitz on gallery/listview pages */
.my_sherryfitz .viewed table td {padding-top: 10px;}

/* image style in the my sherryfitz div */
.my_sherryfitz .viewed .sml_property img {float: right;}


/* <span> style in the my sherryfitz div */
.my_sherryfitz .viewed .sml_property span {
	background: #ffff00;
	font-weight: normal;
	width:110px;
	display:block;}
	
/*property address in the viewed properties section */
.my_sherryfitz .viewed .sml_property span.addrs {min-height:29px}

/*max-height for the panel containing all the viewed properties*/
.viewedPropertiesPanel {max-height:400px; overflow:hidden !important;}


/* end of content area */


/***=Image scroller page styles*/
.scroller_title{
	height: 17px;
	color: #fff;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 6px;
	background: #41b8d4;
	font-weight: bold} 
	
.scrollerImgback
{
    background-color:#ccc;
    border-right:solid 2px #fff;
    }
    
.scrollerImg{ 
	background-color:#ccc; 
	/*border-right:solid 2px #fff; */
	font-size:120%; 
	font-style:italic; 
	font-weight:bold; 
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	min-height:472px;}
	
/*scroller buttons*/
.scrollerbtns{width:250px; margin:0 auto}
input.scroller_button{background:#ccc url(images/scroller_btn.gif); color:#fff; padding:1px}

/*end of Image Scroller */


/***=Ancillary pages styles*/
/*liks on pages with no surrounding div*/
.link {
	color: #034594;
	font-weight: bold;
	padding-right:8px;
	background: url('images/blue_arrow.gif') center right no-repeat;}
	
/*vacaniespage display style*/
#vacancies tr{vertical-align:top;}

#vacancies td{padding:8px;}

/*all lists on the resi section*/
.contentlist{
	/*list-style-type:none; 
	list-style-position:outside;
	list-style-image:url(images/content_bullet.jpg);
	text-indent:2px;*/
	list-style-type:none; 
	list-style-position:outside;
	list-style-image:url(images/content_bullet.jpg);
	text-indent:0px;
	margin-left:2px;}
	
.contentlist li{padding-bottom:5px;}

/*Submit button used in all forms*/
.submitButton{
	background: url(images/form_submit.jpg); 
	width:100px; 
	float:right; 
	margin: 35px 4px 5px 0;
	padding-left:5px;
	text-align:left; 
	color:#fff; 
	font-weight:bold;
	cursor:pointer;
}

/*Message displayed on "book a valuation" page after message has been sent */
span.form_msg {
	background:none;	
	float:right;
	margin:40px 10px 5px 0;}

/*Letter heading for Jargon Buster page*/
.atoz p{font-size:130%; background-color:#c3c3c3; display:block; text-indent:4px; padding:2px;font-weight:bold;}
.atoz a.bktotop{float:right;font-size:90%; padding-right:8px; color: Blue; text-decoration:none; background: url('images/blue_arrow.gif') center right no-repeat;}
.atoz a.bktotop:Hover{float:right;font-size:90%; padding-right:8px; color: Black; text-decoration:underline; background: url('images/blue_arrow.gif') center right no-repeat;}

.atozLetters
{
	color:Blue;
}

.atozLetters a:Hover
{
	color:Black;
	text-decoration:underline;
}


/*Accordion Styles*/
.accHead
{
	background-color:#c3c3c3; 
	display:block;cursor:pointer; 
	border:4px solid white;
	padding:4px;
	font-size:110%; 
	font-weight:bold;
	color:White;}
	
.accContent 
{
	border-left:dashed 1px #c3c3c3;
	border-right:dashed 1px #c3c3c3;
	border-bottom:dashed 1px #c3c3c3; 
	padding:8px;}

/*Accordon headings underlined*/
.page_content span.underline{text-decoration:underline;font-weight:normal;color:#000;background:none;}

/*Accordion -tips */
.tip{width: 80%; margin: 3px auto;}

/*Accordion lists*/
.accordionlist{list-style-type:none; list-style-position:outside;list-style-image:url(images/blue_bullet.jpg);text-indent:2px}


/*Accordion left column- holds images*/
.accordion_img{float: left; width: 180px; text-align: center;padding:0;margin:0;} 

/*Accordion right column- holds text*/
.accordion_text{float: left; width:375px;}

/*Accordion left column- holds images*/
* html .accordion_img{float: left; width: 200px; text-align: center;padding:0;margin:0;} 

/*Accordion right column- holds text*/
* html .accordion_text{width:375px; float:left; text-decoration:one; font-weight:normal}

/*Accordion - style for links inside the text*/
.page_content span.accordionInsideLink{font-weight:bold;background:none;padding:0;}
.page_content span.accordionInsideLink:Hover{font-weight:bold;background:none;padding:0;text-decoration:underline}

/*Budget plan table*/
#budgetplan {margin-left:10px; border:1px solid #eee;}
#budgetplan thead tr td{font-size:120%; font-weight:bold;background-color:#e3e3e3;padding:4px}
#budgetplan tbody tr td{font-size:110%;width:250px}
#budgetplan tbody tr td {
      background-color: #eee;
      padding:2px;}
      
#budgetplan tbody tr.odd  td {background-color: #fff;}
     
#budgetplan tbody tr.heading td {
      background-color: #fff;font-weight:bold;padding:4px;}
      
/*Viewing score table*/
#viewingscore {margin-left:10px; border:1px solid #eee;width:500px;font-size:100%;}
#viewingscore thead tr td{font-size:100%; font-weight:bold;background-color:#e3e3e3;padding:4px}
#viewingscore tbody tr td {background-color: #eee;padding:2px;}
#viewingscore tbody tr.odd  td {background-color: #fff;width:40%;}

/*Table in commpropinvestment.aspx*/
table.commsignature th {
	color:#a4be5f;
	padding-bottom:5px;}
	
table.commsignature td.lgrey {
	background:#f1f1f2;
	padding:5px;
	border-right:1px solid #fff;}
	
table.commsignature td.dgrey {
	background:#e4e5e6;
	padding:5px;	
	border-right:1px solid #fff;}

/*buyers checklist page styles*/	
#checklist ul{list-style:none;width:500px}

#checklist li{
	padding-left: 12px;background:#eee url('images/okgraybg.jpg') no-repeat 0px 0px;
	background-repeat: no-repeat;background-position: 0 .5em;list-style-position: inside;
	list-style: none;text-indent:10px;}
	
* html #checklist li{padding-left:0px}

#checklist li.odd {padding-left: 12px;background:#fff url('images/ok.jpg') no-repeat 0px 0px;
	background-repeat: no-repeat;background-position: 0 .5em;list-style-position: inside;
	list-style: none;}
	
* html #checklist li.odd{padding-left:0px}
	
/***=Branch locator styles*/
/*Branch locator user control is used in two diferent pages; contactus/contact.aspx and resi/sell/branchlocator.aspx.
In order to style the control diferently in two places I placed a div around the control. 
The div ID for the branchlocator in contact.aspx is called 'contact'.
The div ID for the branchlocator in branchlocator.aspx is called 'branchlocator'.
All other styles preceded by these names refer to styles uniquely applied to that instance of the branch locator*/

/**Branch locator on the contact page-the following styles determine the position and look of the branchlocator when viewed on the contact.aspx page*/	
#contact .serviceLabel{display:block;width:70px;float:left;margin-left:5px;margin-top:5px;}
#contact .servicePanel{display:block;width:197px;border:1px solid #7f9db9;float:left;}
#contact .countyLabel{display:block;width:70px;float:left;margin-left:15px;margin-top:5px;}
#contact .countyPanel{display:block;width:197px;border:1px solid #7f9db9;float:left;}
#contact .gobutton{text-align:right;margin-right:48px;}
#contact a:Hover{ color:Black; text-decoration:underline;}

#contact .branchName
{ 
	color: #034594;
	cursor: pointer; 
	text-decoration:none;
	font-weight:bold; 
}

#contact .branchName a:Hover
{ 
	/*color: #034594;*/
	color: Red;
	cursor: pointer; 
	text-decoration:none;
	font-weight:bold; 
}

#contact .coveringdiv
{
	/*The Div Where the Results of Search from Contacts is displayed */
	float:left;
	/*width:610px;--manu*/
	min-height:470px;/*manu uncommnted this, it was 570*/
	/*height:470px;--manu*/
	background-color:#FFFFFF;
	z-index:20;
	position:relative;
	top:0px;
	/*overflow:auto;--manu*/
}

#contact .coveringdiv span a
{
	color: #034594;
	font-weight: bold;
	background: url('images/blue_arrow.gif') center right no-repeat;
	padding-right: 8px;
}


#contact .coveringdiv span a:hover
{
	color:Black;
	font-weight: bold;
	background: url('images/blue_arrow.gif') center right no-repeat;
	padding-right: 8px;
	text-decoration:underline;
}
	
#contact .coveringdiv table{margin:5px;}
#contact .coveringdiv tr{vertical-align:top; }
#contact .branchlocatorholder{width:606px;height:150px;}	
/*#contact .page_content_text2 {display:none;}*/

/**Branch locator on the branch locator page*/
#branchlocator .short_title {display:none;}
#branchlocator .page_title {display:none;}

/*#branchlocator .coveringdiv {min-height:345px;}*/

#branchlocator .coveringdiv
{
	float:left;
	width:610px;
	 /*padding-right:0px;
	 padding-left:0px;*/
	height:470px;
	background-color:#c6c8ca;
 	position:relative;
	top:0px;
	overflow:auto;
	
}

#branchlocator .coveringdiv span a
{
	color: #034594;
	font-weight: bold;
	background: url('images/blue_arrow.gif') center right no-repeat;
	padding-right: 8px;
}

#branchlocator .coveringdiv span a:hover
{
	color:Black;
	font-weight: bold;
	background: url('images/blue_arrow.gif') center right no-repeat;
	padding-right: 8px;
	text-decoration:underline;
}
	
#branchlocator .coveringdiv table{margin:5px;}
#branchlocator .coveringdiv tr{vertical-align:top;}



/*#branchlocator .branchlocatorholder{width:590px;height:345px;}*/
#branchlocator .branchlocatorholder{width:604px;height:470px;}	
#branchlocator .page_content_text {display:none;}
#branchlocator .page_content_text2 {display:none;}

#branchlocator{float:left}

#contact .serviceLabel{display:block;width:70px;float:left;margin-left:5px;margin-top:5px;}
#contact .serviceButton{display:block;width:50px;float:left;margin-top:5px;}
#contact .servicePanel{display:block;width:197px;border:0px solid #7f9db9;float:left;margin-left:75px;}
#contact .countyLabel{display:block;width:90px;float:left;margin-right:5px;margin-top:5px;}
#contact .countyButton{display:block;width:50px;float:left;margin-top:5px;}
#contact .countyPanel{display:block;width:197px;border:0px solid #7f9db9;float:left;margin-left:63px;}
#contact .InfoNotice{display:block;width:570px;height:100px;margin-top:15px;margin-left:40px}


#branchlocator .serviceLabel{display:block;width:70px;float:left;margin-left:5px;margin-top:5px;}
#branchlocator .servicePanel{display:block;width:197px;border:1px solid #7f9db9;float:left;}
#branchlocator .countyLabel{display:block;width:70px;float:left;margin-left:45px;margin-top:5px;}
#branchlocator .countyPanel{display:block;width:197px;border:1px solid #7f9db9;float:left;}

#branchlocator .gobutton{display:block;float:left;margin-left:15px;}

.branchlocatorholder{
	width: 609px;
	padding-left: 0px;
	text-align: left;
	float: left;
	height: 430px;
	padding-right: 5px;
	color: #000;
	position: relative;
	z-index:1;
	background: #c6c8ca;}
	
.labelAndButtons{
	background: #c6c8ca;
	width:540px;}
	
/*for IE only*/
* html .branchlocatorholder {padding:0px!important;margin:0px!important;}

/*title for the branch locator details*/	
.page_title_branch
{
	width:604px;
	height: 19px;
	padding-top: 6px;
	padding-left: 10px;
	background-color:#034594;
	border-bottom:solid 2px #fff;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	display:block;}

/* specific styling of h2 tag of property in branch locator */
.page_title_branch h2 {
	margin: 0;
	padding: 0;
	font-size: 110%;
	color:#fff;}

/*Back butotn on the Branch locator pages*/
.backbutton{
	color: #034594;
	font-weight: bold;
	padding-left:10px;
	background: url('images/back_arrow.jpg') center left no-repeat;}
	
/*End of branch locator*/	  

.backbuttonbtmLft
{
	color: #034594;
	font-weight: bold;
	padding-left:10px;
	background: url('images/back_arrow.jpg') center left no-repeat;
}

/*Board page styles*/
.page_content_darkbg_mortgage span.boardName,
.page_content_darkbg span.boardName{
	cursor:pointer;
	background: none;}

/*Mortgage calculator response style*/
.calcresults span{background:none;color:#000}

/*Overseas header styles*/
span.overseasOrange{background:none; padding:0; color:#f7931d}

/*Arrange a Viewing page labels*/
#arrangeViewing span{background:none;padding:0;}

/*Stamp duty table styles*/
table.stampduty th {
	color:#41B8D4;
	padding-bottom:5px;}
	
table.stampduty td.lgrey {
	background:#f1f1f2;
	padding:5px;
	border-right:1px solid #fff;}
	
table.stampduty td.dgrey {
	background:#e4e5e6;
	padding:5px;	
	border-right:1px solid #fff;}
	
/* Legals section.*/
.legals
{	
	width:950px;
	height:30px;
	padding-top:10px;
	margin-left: auto;
	margin-right: auto;	
	text-align:center;
	font-size:x-small
}
	
/*end of ancillary pages */

/***=Footer styles- overall div containing all footer elements*/
#footer_container {
	margin-left: auto;
	margin-right: auto;
	margin-top:2px;
	width: 950px;}

/* footer styling */
#footer {text-align: center;}
	
/* styling for footer links */
#footer a  {
	text-decoration: none;}
	
/* hover styling for footer links */
#footer a:hover  {
	text-decoration: none;
	color: #999;
	background: #fff;}

.homeform {width: 125px;}

.homeform_sml {	width: 65px;}

ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 0;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;}

* html .bottom_right, 
* html .bottom_right * {
	padding-right: 0 !important;
	padding-left: 0 !important;}
	

.contactusText {
	float:right;
	padding-left:20px;
	width:70%;}

.twoColoumnText {width:400px;}

/* required for contact us homepage */
.branchLocator {
	width: 199px;
	text-align: left;
	float: left;
	height: 429px;
	color: #fff;
	background: #1a207c;
	padding:5px;}
	
.branchLocator h1 {
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color:#fff;
}

/***=Component background- container for quick searches on resi/buy home, new homes etc*/
.componentbg{
	width: 194px;
	padding-left: 0px;/*TODO: change this to 5px*/
	text-align: left;
	float: left;
	height: 500px;  /* 510 emc - Reduced height as was too long for Page on resi/BUY/residentialhome.aspx*/
	padding-right: 5px;
	color: #000;
	position: relative;
	background: #41B8D4;}

/*link style for the componentbg*/
.componentbg a {
	background: url('images/white_arrow_onblue.gif') center right no-repeat;
	color: #fff;
	text-decoration: none;
	padding-right: 18px;
	font-weight: bold;
	top:255px;
	position: absolute;
	right: 10px;}
	
.componentbg a:hover {
	background: url('images/white_arrow_onblue.gif') center right no-repeat;
	color: Black;
	text-decoration: underline;
	padding-right: 18px;
	font-weight: bold;
	top:255px;
	position: absolute;
	right: 10px;}	

/*heading on the componentbg*/
.componentbg h1{
	text-align:left;
	font-size: 110%;
	font-weight: bold;
	padding: 5px;}

/*This is the styling for the Branch Locator title on the ContactUs page*/
.short_title{width:606px;}
.short_title h1 {
	width:100%;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
	margin: 0px 0px 0px 0px;
	color:#fff;
	border-bottom:2px solid #fff;
	background:#034594;}

* html .bottom_right, 
* html .bottom_right * {
	padding-right: 0 !important;
	padding-left: 0 !important;}
	
* html table {font-size: 95%;}

* html #resAdvSearchTable table{width:180px}/*sets the width property for the Advanced Residential Search for IE*/
* html .subnavcontinue{height:27px;}
* html .option{float:left}

/*Search form Buttons style*/
.searchButtonBlue{
	background: url(images/form_go_submit.gif); 
	width:62px; 
	float:left; 
	margin: 5px 0px 0px 60px;
	padding-left:2px;
	text-align:left; 
	color:#fff; 
	font-weight:bold;
	cursor:pointer;
}

/*Search form Un/check Buttons style*/
.checkButtonGrey{
	background: url(images/ChangeCheck.gif); 
	width:110px; 
	float:left; 
	padding-left:2px;
	text-align:left; 
	color:#fff; 
	font-weight:bold;
	cursor:pointer;
}
	
.searchButtonAdv{
	background: url(images/form_go_submit.gif); 
	width:62px; 
	float:left; 
	margin: 5px 4px 5px 190px;
	padding-left:2px;
	text-align:left; 
	color:#fff; 
	font-weight:bold;}


/***=Refine search- on the right hand side on searchresults pages*/
/*General styling that applies to both residential and commercial refine search tables such as width and padding*/
#commAdvSearchTable table ,
.componentbg table {
	width:200px; 
	font-size:1em; 
	padding:0; margin:0;
	text-align:left;
	text-indent:1px}
	
/*Sets the font size in the Refine search*/
#resAdvSearchTable , #commAdvSearchTable {font-size:12px}	
#resAdvSearchTable table {width:197px;text-align:left;text-indent:1px}

/*Align certain cells to the right*/
#resAdvSearchTable table td.right , 
#commAdvSearchTable table td.right ,
.componentbg Table td.right {text-align:right}

/*Spacing between cells used in both advanced tables*/
#resAdvSearchTable table tr .label ,
#commAdvSearchTable table tr .label ,
.componentbg table tr .label {padding-top: 7px; padding-bottom: 7px}

#commAdvSearchTable td.col1{width:70px}

/***=Advanced search tables*/
/*remove styles used on label in the residential advanced search table */	
.page_content_darkbg_mortgage .searchlabel,
.page_content_darkbg .searchlabel{ background:none; font-weight:normal;color:Black;}	
.page_content .searchlabel{ background:none; font-weight:normal;color:Black;}	

#AdvancedSearch {width:300px;}
#AdvancedSearch table td.right{text-align:right}


/***=Skin file- css classes used by the Skin File
*************************************************/

/*NOTE: DataList Controls used to render the GalleryView and the ListView pages, render as tables on browsers. 
In order to style them I use the properties necessary to style a table: th, tr, td, etc and target them using
their parents div ID*/ 

/*GalleryView table style*/
/*The Column that holds each Property Returned by a Search */
.galleryviewDL table td{text-align:left; vertical-align:top;border-width:0; width:150px;}

/*ListView specific Styles*/
.bottom_left table td.cellAlign{vertical-align:top; padding:0;margin:0;}
.bottom_left table td.imgBg{background-color:#e3e3e3; text-align:center; vertical-align:top; width:120px;}
.bottom_left table td.imgBg a{border-bottom:1px solid #fff}

/***=Xsl- css Classes used by XSL files
******************************************************/
.header{
	margin-top:4px;
	padding: 5px;
	color: Black}
	
/*styles the list items in the property details page*/
.list li{margin-left:16px;}

/*provides padding around property text in the property details page*/
.p_detail_padding{ padding-left:2px;}

/* styling of address of property in bottom left2 div, white text on blue background */
.page_title_gray {
	height: 19px;
	padding-top: 6px;
	padding-left: 10px;
	background-color:#c3c3c3;
	border-right:solid 2px #fff;
	color:#000;
	font-size:120%;
	font-weight:bold;
	display:block;}
	

/***Print styles*/	
#print_table thead {display: none;}
.print_footer{display: none;}
	
/***=Menu styles*/
/**Home menu- this is the menu that sits at the top, on the sidebar.Contains the menu nodes home, about us, contact us and jargon buster*/
.homemenu_holder
{
	margin-left:5px;}

.menustyle_home
{
	list-style:none;
	list-style-position: outside;
	padding:0;
	margin:0;}
	
.menustyle_home li
{
	margin-left:5px;
	padding-left:23px;	
	background:url(images/grey_right.gif) no-repeat center left;}
	
/**Sub menu- this is the menu that sits at the bottom, on the sidebar. Contains nodes for Resi, Commercial, Overseas ans Mortgages sections*/
.menu_tree
{
	position:relative;
	top:40px;
	margin-left:5px;
	color:Green;
	height:250px;
}
	
.menustyle 
{
	
	position:relative;
	margin-left:5px;
		
	list-style:none;
	list-style-position:inside;
	padding:0px;
	margin:0;
	
}

.menustyle li 
{
	/*padding-left:23px;	*/
	background:url(images/grey_right.gif) no-repeat center left;}
	
* html .menustyle li 
{
	padding-left:1px !important;}


.rootnode
{
	background:url(images/grey_right.gif) no-repeat;}
	

.menu_active
{
	font-weight:bold;
	color:Navy;}
	
/***=Article list styling*/	
.articles{padding:10px 10px 10px 10px}

/**Article DataList styles- these styles are usen when we need to display a list of articles using a datalist*/
/*Article heading*/
#article_list a {text-decoration:none;background: url('images/blue_arrow.gif') right no-repeat; padding-right:8px; font-weight:bold;color:#034594;}

#article_list a:Hover {text-decoration:underline;background: url('images/blue_arrow.gif') right no-repeat; padding-right:8px; font-weight:bold;color:black;}

/*Article datalist text*/
#article_list span{background:none;padding:0;font-weight:normal;color:#000;}

/***=Article styles- These classes set styles for the articles*/
/*article left column- holds images*/
.article_img {
	max-width:205px;
	padding-top:5px;
	padding-right:4px;
	margin:0;
	vertical-align:top;} 

/*article right column- holds text*/
.article_text {
	max-width:390px;
	text-align:justify;
	padding-left:8px;
	padding-right:10px;
	vertical-align:top;
	font-size:9pt;
	}

/*list used to display images in article pages*/
.article_image_list{
	list-style:none;
	list-style-position:inside;
	padding:0;
	margin:0;}
	
/*Article title style*/
.article_title
{
	font-size:110%;
	font-weight:bold;
	color:#034594;}
	
/*Article date style*/
.article_date
{
	font-size:90%;
	color:#999;
	font-style:italic;}
	/*******************************************Rename this*/
.articles span{font-weight:normal; color:Black;}
.devinfo 
{
	list-style-type: none;
	list-style-position: inside;
	float: left;
}


.pdfdevinfo ul li
{
	list-style-type: none;
	padding:80px;
	margin:.5em 10% .5em 0;
}

.pdfdevinfo a
{
	list-style-type: none;
    background: url('images/blue_arrow.gif') right no-repeat;
    color: #034594;
	font-weight: bold;
	font-size:8.75pt;
	padding-right:8px;
}

.pdfdevinfo a:hover
{
	list-style-type: none;
    background: url('images/blue_arrow.gif') right no-repeat;
    color:Black;
    /*cursor:*/
	font-weight: bold;
	padding-right:8px;
}

.NewsContent p
{
	margin:5px;
	font-family:Arial;
	font-size:9pt;
	color: #000000;
}


.mainmenustyle 
{
	position:relative;
	margin-left:5px;
	list-style:none;
	list-style-position:outside;
	padding:0px;
	margin:0;
	
}

.mainmenustyle li 
{
	background:url(images/grey_right.gif) no-repeat center left;
	margin-left:5px;
	padding-left:15px;
	text-decoration:none;
	color:#4c4c4c;
}
	
* html .mainmenustyle li 
{
	padding-left:20px !important;
}


.page_content_text2 span {
	color: #034594;
	font-weight: bold;
	padding-right:8px;
	background: url('images/blue_arrow.gif') right no-repeat;}

.page_content_text2
{
	width:604px; 
	float:left;
	
	/*width: 609px;*/
	padding-left: 0px;
	text-align: left;
	float: left;
	/*height: 200px;*/
	padding-right: 5px;
	color: #000;
	position: relative;
	z-index:1;
	background: #c6c8ca;
}


/*page content text padding- gives padding to the text inside page_content_text*/
#page_content_text_padding2
{
	padding:10px;
}	

.localityFilter
{
	height: 22px;
}