/*
Description: www.websiteturbine.co.uk CSS styles for screen presentation
Copyright: (c)2004 Dot Com Imaging. All rights reserved.
Further information: info@dotcomimaging.com
Created by: David Kirkham
Last modified by: David Kirkham
Updated: 11/09/2004
*/

/* --- Overall design --- */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #000;
	text-align: left;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	background-color : #fff;
	}

#container {
	position: relative;
	margin: 0 auto;
	padding: 0px 0 0 0px;
	text-align: left;   
	width: 778px;
	border: solid 0px #0ff;
	background: #fff url(images/ep_bg.gif) repeat-y 50% 0;
	}


#Test1
{
	postion:relative;
	padding: 0 0 0 0px;
	
}


#Test2
{
	postion:relative;
	float:right;
	padding: 0px 0 0 0;
	
	
}


	
#Header a:link, a:visited
{
text-decoration: none;
border-bottom: none;
color: #737373;
}

#Header a:visited
{
text-decoration: none;
border-bottom: none;
color: #737373;
}

#Header a:hover
{
color: #737373;
border-bottom: solid 1px; 
}

	
.hide {
	display: none;
	}

#mainbody a.noline:link
{
	border: none;
}
#mainbody a.noline:hover
{
	border: none;
}
#mainbody a.noline:visited 
{
	border: none;
}

img {
	border-style: none;
	border-bottom: none;
	}

a:link,  active {
	text-decoration: none;
	color: #579050;
	}

a:visited {
	text-decoration: none; 
	color: #579050;
	}

a:hover {
	border-bottom: 1px solid; 
	color: #579050;
	}
	

em	{
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

hr {
	border-top: 1px solid #ccc;
	color: #D6D6D6;
	background-color: #D6D6D6;
	height: 1px;
	margin: 8px 0 4px 8px;
	width:172px
	}

td hr {
	border-top: 1px dashed #ccc;
	color: #fff;
	background-color: #fff;
	height: 1px;
	margin: 0;
	}

tr.even {
	background-color: #F4F4CE;
}

tr.odd {
	background-color: #fff;
}


/* --- Credit --- */
#credit {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	color: #FFE8D6;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: center;
	}
	
#credit a:link, a:visited, a:hover
{
	
}	



/* --- Theme --- */
#theme {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	margin: 0 0 20px 0;
	text-align: center;
	}


	
/* --- Call us now text --- */
#title 
{
	position:relative;
	top:0;
	left:0;
	height:490px;
	left: 0px;
	margin: 0px 0 0 0px ;
	padding: 0px 0px 0 0px ;
	text-align: left;
	color : #3E4D55;
	width: 778px;
	font-size : 85%;
	font-weight: normal;
	background:url(images/ep_title.jpg) no-repeat;
	
		}
	
#title a:link
{
	border-bottom : dashed 1px #000;
	color: #000;
}

#title a:visited
{
	border-bottom : dashed 1px #000;
	color: #000;
}

#title a:hover
{
	border-bottom : solid 1px #000;
	color: #000;
}

html>body #contact
{
position:absolute ;
	left:197px;
	top: 130px;
	color: #999999;
	background-color :#fff;	
	height:50px;
	width: 5px;
	border:solid 0px #000;
}

#contact
{
	position:absolute ;
	left:197px;
	top: 130px;
	color: #999999;
	background-color :#fff;	
	height:50px;
	width: 5px;
	border:solid 0px #000;
}


#contact a:link
{
	border-bottom: none;
	color: #CCCCCC;
}

#contact a:active
{
	border-bottom: none;
	color: #CCCCCC;
}

#contact a:visited
{
	border-bottom: none;
	color: #CCCCCC;
}

#contact a:hover
{
	border-bottom: solid 1px;
	color: #CCCCCC;
}


/* --- Nav bar --- */
#nav 
{
	position:absolute;
	left: 35px;
	top:131px;
	margin: 0;
	width:200px;
	padding: 2px 0 0 0 ;
	margin: 0px 0 0 0 ;
	font-size: 110%;
	border:solid 0px #000;
			}

#nav ul {
	
	padding: 0 0 0 5px;;
	margin: 0 0px 0 0;
	width:140px;
	float: left;
	display:list; 

}

#nav ul li {
	float: left;
	color: #fff;
	margin: 0;
	padding: 2px 0px 4px 0;
	height: 25px;
	
	}
	
#nav a:link 
{
	border-bottom: none; 
	float: left;
	font-size: 120%;
	line-height: 20px;
	font-weight: Bold;
	margin: 0;
	padding: 0px 10px 0 20px;
	color: #000;
	text-align : left;
	background:url(images/ep_nav_bullet_off.gif) no-repeat 0px 4px;
}

#nav a:visited 
{
	border-bottom: none; 
	float: left;
	font-size: 120%;
	line-height: 20px;
	font-weight: Bold;
	margin: 0;
	padding: 0px 10px 0 20px;
	color: #000;
	text-align : left;
	background:url(images/ep_nav_bullet_off.gif) no-repeat 0px 4px;
	
}

#nav a:hover
{
	border-bottom: none; 
	float: left;
	font-size: 120%;
	line-height: 20px;
	font-weight: Bold;
	margin: 0;
	padding: 0px 10px 0 20px;
	color: #000;
	text-align : left;
	background:url(images/ep_nav_bullet_on.gif) no-repeat 0px 4px;
}

#FlashNav
{
	
	
}

/* --- Breadcrumb trail --- */
#breadcrumb 
{
	position :absolute ;
	top:295px;
	height: 2em;
	list-style: none;
	padding: 0 0 0px 0px;
	margin: 0px 0 0 0;
	left:15px;
	color:#D4D323;
	
		}
/* ------ */
#breadcrumb ul {
	padding: 0px;
	margin: 3px 0 0 15px;	
}

#breadcrumb li {
	float: left;
	font-size: 95%;
	margin: 0 5px 0 0;
	display: inline;
	color: #D4D323;
	}
	
#breadcrumb a:link
{
	float: left;
	font-size: 95%;
	margin: 0;
	color: #000;
	border-bottom: dashed 1px #AAA7C2;
	font-style : normal ;
	}


#breadcrumb a:visited 
{
	float: left;
	font-size: 95%;
	margin: 0;
	color: #000;
	border-bottom: dashed 1px #AAA7C2;
	font-style : normal ;
	}

#breadcrumb a:hover {
	color: #000;
	font-style : normal ;
	border-bottom: solid 1px #AAA7C2;
	}
	
#mainbody 
{
	float:left;
	postion:relative;
	width:565px;
	padding:20px 100px 20px 110px;
	text-align: justify;
	color: #666666;
	background-position : bottom;
	font-size: 12px;
	top: -100px;
	border: solid 0px #000;
	background:url(images/WB_logo.gif) no-repeat 0px 4px;
	background-position: bottom right;
		}

#mainbody a:link,  active {
	border-bottom: dashed 1px #FF2D2D;
	color: #FF2D2D;
	padding:0;
	margin:0;
	font-weight:bold;
	}

#mainbody a:visited {
	border-bottom: dashed 1px #FF2D2D;
	color: #FF2D2D;
	padding:0;
	margin:0;
	font-weight:bold;
	}

#mainbody a:hover {
	border-bottom: solid 1px #FF2D2D; 
	color: #FF2D2D;
	padding:0;
	margin:0;
	font-weight:bold;
	}

#mainbody p	{
	margin: 0 0 1em 0;
	padding: 0;
	}


#mainbody h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #D93349;
	padding: 4px 0 16px 0px;
	margin: 0;
	
	}

#mainbody h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 115%;
	color: #D93349;
	padding: 0;
	margin: 0;
	}

#mainbody h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #D93349;
	font-weight: bold;
	padding: 0 1em 0 0;
	margin: 0;
	display: inline;
	}
	
#mainbody h4 {
	font-size: 85%;
	color: #D93349;
	display: inline;
	}

#mainbody ul {
	margin: 0 0 0 0;
	padding-left: 24px;
	}

#mainbody li {
	padding: 0 0 1em 4px;
	line-height: 1.3em;
	/*background: url(images/li_bull.gif) no-repeat 0 2px;*/
	list-style-image: url(images/wt_liarrow.gif);
	}

#mainbody img {
	padding: 0 10px 0px 0px;
border: solid 0px #000;
}


#mainbody input.radio {
	width: 20px;
}
#mainbody input {
	width: 200px;
}


#mainbody input.button {
	width: 100px;
}

#mainbody #documentlink {
	font-size: 85%;
	margin: 0.5em 0 0.5em 0;
	color: #a6a6a6;
	}

#mainbody #sitemap li {
	padding: 0 0 0.3em 0;
	line-height: 1.3em;
	list-style-image: none;
}

/* --- Module descriptions --- */
#groupselect ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0;
	}

#groupselect li {
	padding: 0 0 2px 1em;
	margin: 0 0 1px 0;
	line-height: 1.5em;
	list-style-image: none;
	}

#groupselect select {
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	margin: 0 0 5px 0;
	}

#grouplisting ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0;
	}

#grouplisting li {
	padding: 0 0 2px 1em;
	margin: 0 0 1px 0;
	line-height: 1.5em;
	list-style-image: none;
	}

#grouplisting p {
	margin: 0;
	padding: 0 1em 0 0;
	}

#grouplisting form {
	margin: 0 0 1em 0;
	text-align: right;
	border-bottom: none;
}

#grouplisting form input {
	border: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0.5em 1em 1em 0;
	padding: 0;
	color: #FF0000;
	text-transform: uppercase;
	background: none;
	cursor: hand;
}

#item ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0;
	}

#item li {
	padding: 0 0 2px 0;
	margin: 0 0 1px 0;
	line-height: 1.5em;
	list-style-image: none;
	}

#item form {
	margin: 0;
	text-align: right;
}

#item form input {
	border: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0.5em 1em 1em 0;
	padding: 0;
	color: #FECB66;
	text-transform: uppercase;
	background: none;
	cursor: hand;
}

/* ---4 Splash image --- */
#splash 
{
	position :absolute ;
	height: 216px;
	width: 760px;
	left:0px;
	top: 87px;
	
		}

/* --- extra image --- */
#VerticalMenuBarImage 
{
	top: 5px;
	position: relative;
	height: 160px;
	right: 0px;
	margin: 0 0 0 0;
	padding: 0px 0 0 0px;
	width: 120px;
	
	}
	
#LeftBgBar
{
	position: absolute;
	top: 225px;
	background:  url(images/YL_left_bar.jpg) no-repeat 0 0;
	height: 1800px;
	left: 0px;
	margin: 0 0px 0 0;
	padding: 0;
	width: 100px;
	
}

/* --- Links column --- */
#linklist {
	position: absolute;
	font-size: 100%;
	line-height: 1.5em;
	margin: 0px 0px 0 0px ;
	padding: 0px 0px 10px 0px;
	color: #000;
	top: 322px;
	width:169px;
	left:590px;
	
	
	}

#linklist h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 130%;
	padding: 5px 0 12px 0px;
	margin: 0;
	height : 23px;
	color: #fff;
	font-weight :bold;
	background:  url(images/RE_LL_h1.gif) no-repeat 0 0;
	text-align:center;
	}

#linklist p {
	margin-top: 4px;
	margin-bottom: 6px;
	padding: 0 0 0 15px;
	}

#linklist ul 
{
	margin: 0px 0 0px 0px;
	padding: 0px 10px 10px 40px; 
	color: #330000;
	list-style-type: disc;
	display: block;
	
	}

#linklist li 
{	
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	
	}

#linklist a:link
{
	color: #000;
	text-decoration: none;
	border-bottom: none; 
	padding: 0 0 0 0px;
}

#linklist  a:visited
{
	color: #000;
	text-decoration: none;
	border-bottom: none; 
	padding: 0 0 0 0px;
}


#linklist a:hover
{
	color: #000;
	border-bottom: none; 
	padding: 0 0 0 0px;
}
	
	


/* --- Customize the look of each linklist section as required --- */	
#lLatest, #lRelated, #lFurther, #lCommerce, #lRecruitment, #lRecruitmentSearch,  #lPropertySearch, #lPortfolio, #lMusic, #lSearch {
	
}

#lCommerce
{
padding: 0 0 10px 0px;
}

#lCommerce ul
{
	list-style-type: none;
	padding: 0 0 0px 20px;
}

#lCommerce ul li
{
	height:65px;
}

#lCommerce a:link
{
	padding: 0 0 0 0px;
	background:none;
}

#lCommerce  a:visited
{
	padding: 0 0 0 0px;	
	background:none;
}


#lCommerce a:hover
{
	padding: 0 0 0 0px;	
	background:none;
}

#lCommerce img
{
	padding: 0 6px 0 0px;	
}


#lProperty
{
	
	list-style : none;
}


#lProperty ul 
{
	display: block;
	text-align:left;
}


#lProperty li.lThumb 
{
		
	height: 100px;
}

#lProperty img {
	margin: 0 5px 0px 0;
	padding: 0 0px 0 5px ;
	*padding: 0 0px 0 4px ;	
}

#lProperty li.lThumb img
{
	padding : 0;
}
#lProperty h1
{
	border: solid 0px #000;
	padding: 0px 0 0px 20px;
	height:33px;
}

#lText
{
	padding: 0 0 10px 0;
}

/* --- lSearch customization --- */
#lSearch #searchform {
	margin: 0;
	
}

#lSearch #searchform input, #lSearch #searchform textarea, #lSearch #searchform select {
	font-size: 88%;
	border: 1px solid #F4C099;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	width: 120px;
	}

#lSearch #searchform textarea {
	width: 120px;
	}

#lSearch #searchform .searchradio {
	border: none;
	background: none;
	width: 18px;
	}

#lSearch #searchform .searchbutton 
{
	border:none;
	padding: 2px;
	line-height: 1em;
	width: 44px;
	height:13px;
	background: url(images/HB_search_button.gif) no-repeat;
	cursor:pointer;
	}

/* --- lRecruitment customization --- */
#lRecruitmentSearch #recruitmentsearchform {
	margin: 0;
}

#lRecruitmentSearch #recruitmentsearchform input, #lRecruitmentSearch #recruitmentsearchform textarea, #lRecruitmentSearch #recruitmentsearchform select {
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	width: 164px;
	margin: 0 0 5px 0;
	}

#lRecruitmentSearch #recruitmentsearchform select.short {
	width: 70px;
	}

#lRecruitmentSearch #recruitmentsearchform .searchbutton {
	float: right;
	background: url(images/apt_button_go.gif) no-repeat 0 0;
	background-position: right;
	border: 0;
	color: #fff;
	padding: 0;
	margin: 0;
	width: 74px;
	height: 30px;
	cursor: hand;
	font-weight: bold;
	text-transform: uppercase;
	}

/* --- For a reference, the code below changes the Latest News output to a boxed window with a graphic replacing the title --- */
/* --- lLatest customization --- */
/*

*/


/* --- Customize the look of each table section as required --- */	
#tRecruitmentBasket, #tRecruitmentApply, #tRecruitmentApply2 {
	border-collapse: collapse;
	width: 100%;
	margin: 2em 0 2em 0;
}

/* --- tRecruitmentBasket customization --- */
#tRecruitmentBasket thead tr th {
	text-align: left;
	border-bottom: 1px solid #fff; 
	padding: 0 0 0.5em 0;
}

#tRecruitmentBasket thead tr th.tRecruitmentHeaderReference, #tRecruitmentBasket thead tr th.tRecruitmentHeaderRemove {
	width: 120px;
}

#tRecruitmentBasket tbody tr td {
	text-align: left;
	border-bottom: 1px solid #fff; 
	padding: 0.5em 0 0.5em 0;
}

#tRecruitmentBasket tfoot tr td form {
	margin: 0.5em 0 1em 0;
	text-align: left;
}

#tRecruitmentBasket tfoot tr td form input {
	border: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0.5em 1em 1em 0;
	padding: 0;
	color: #FECB66;
	text-transform: uppercase;
	background: none;
	cursor: hand;
}

/* --- tRecruitmentApplication customization --- */
#tRecruitmentApply thead tr th {
	text-align: left;
	border-bottom: 1px solid #fff; 
	padding: 0 0 0.5em 0;
}

#tRecruitmentApply thead tr th.tRecruitmentApplyReference, #tRecruitmentApply thead tr th.tRecruitmentApplyRemove {
	width: 120px;
}

#tRecruitmentApply tbody tr td {
	text-align: left;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px solid #fff; 
}

#tRecruitmentApply2 tr th{
	width:200px;
	font-weight: normal;
}

#tRecruitmentApply2 tr td select {
	border: solid 1px #fff;
	font-size: 88%;
	margin: 0;
	padding: 0;
	color: #000;
	background: none;
	cursor: hand;
	margin: 0 17px 0  0;
}

#tRecruitmentApply2 tr td input {
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	width: 164px;
}

#tRecruitmentApply2 tr td input.RecruitmentButton{
	border: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0.5em 1em 1em 0;
	padding: 0;
	color: #FECB66;
	text-transform: uppercase;
	background: none;
	cursor: hand;
	width: auto;
}

/* --- lProperty customization --- */

/* --- These items are robbed from the old CSS because for the Smart Property
build I was rushing and just grabbed the old page search from Blenkins so I need the old CSS to reference it. The
new search needs to be taken and re-workjed into a page search, this way the proper CSS can be used.
*/

.searchForm		{
			BORDER-LEFT: #88727F 1px solid;
			BORDER-RIGHT: #88727F 1px solid;
			BORDER-TOP: #88727F 1px solid;
			BORDER-BOTTOM: #88727F 1px solid;
			FONT-SIZE: 10px;
			WIDTH: 184px;
			COLOR: #000000;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			BACKGROUND-COLOR: #FFFFFF;
			}

.searchtext		{
			FONT-SIZE: 10px;
			COLOR: #000000;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			}

.searchDropDown		{
			BORDER-LEFT: #88727F 1px solid;
			BORDER-RIGHT: #88727F 1px solid;
			BORDER-TOP: #88727F 1px solid;
			BORDER-BOTTOM: #88727F 1px solid;
			FONT-SIZE: 10px;
			WIDTH: 70px;
			COLOR: #000000;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			BACKGROUND-COLOR: #FFFFFF;
			}

.searchDropDownLong	{
			BORDER-LEFT: #88727F 1px solid;
			BORDER-RIGHT: #88727F 1px solid;
			BORDER-TOP: #88727F 1px solid;
			BORDER-BOTTOM: #88727F 1px solid;
			FONT-SIZE: 10px;
			WIDTH: 184px;
			COLOR: #000000;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			BACKGROUND-COLOR: #FFFFFF;
			}

.searchDropDownshort	{
			BORDER-LEFT: #88727F 1px solid;
			BORDER-RIGHT: #88727F 1px solid;
			BORDER-TOP: #88727F 1px solid;
			BORDER-BOTTOM: #88727F 1px solid;
			FONT-SIZE: 10px;
			WIDTH: 40px;
			COLOR: #000000;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			BACKGROUND-COLOR: #FFFFFF;
			}

.searchRDropDown		{
			BORDER-LEFT: #88727F 1px solid;
			BORDER-RIGHT: #88727F 1px solid;
			BORDER-TOP: #88727F 1px solid;
			BORDER-BOTTOM: #88727F 1px solid;
			FONT-SIZE: 10px;
			WIDTH: 84px;
			COLOR: #000000;
			FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
			BACKGROUND-COLOR: #FFFFFF;
			}


.SearchTitle
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 115%;
	color: #5D7580;
	padding: 0;
	margin: 0;
	line-height: 150%;
}

#lPropertySearch #FormSearchProperty {
	margin: 0;
}

#lPropertySearch #FormSearchProperty input, #lPropertySearch #FormSearchProperty select {
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	width: 164px;
	margin: 0 0 5px 0;
	}
	

#lPropertySearch #FormSearchProperty select.short {
	width: 75px;
	font-size: 7pt;
	}

#lPropertySearch #FormSearchProperty input.searchbutton {
	border: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding:0;
	color: #FFF;
	background: #fff url(images/BL_button.gif) no-repeat;
	cursor: hand;
	height:25px;
	width:105px;	
	}

#tPropertyGroup{
	border-collapse: collapse;
	width: 100%;
	margin: 2em 0 2em 0;
}

#tPropertyGroup td.PropertyGroupBottom
{
	border-bottom: 2px solid #fff; 
	padding: 0 15px 0 0 ;
}

#tPropertyGroup td.PropertyGroupBottom img
{

	padding: 8px 0px 0 8px ;
}

#tPropertyGroup tbody tr td {
	text-align: left;
	padding: 0.5em 0 0.5em 0;
}

#tPropertyGroup tbody tr td input {
	border: solid 0px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 5px 0 10px ;
	padding:0 0 2px 0px;
	color: #fff;
	background: #fff url(images/BL_button.gif) no-repeat;
	cursor: hand;
	height:20px;
	width:105px;	
}

/* --- handle to set td containing property title --- */
#tPropertyGroup tbody tr td.PropertyTitle {
	width:100%;	
}

/* --- just to remoive spacing caused by <form> --- */
#tPropertyGroup form, #lProperty form
{
	margin: 0;	
}

#tPropertyItem, #tPropertyApplication, #tPropertyBasket, tPropertyApplication2
{
	border-collapse: collapse;
	width: 100%;
	border:0;
}

#tPropertyItem td.MainImage
{
	
}

#tPropertyItem td.Attributes
{
	padding: 10px 0 0 0;
}


#tPropertyItem tr.PriceAndLocation td
{
	height:27px;
	padding:5px 0 0 0
}

#tPropertyItem td.PropertyThumbs
{
	width: 138px;
	
}

#tPropertyItem td.PropertyThumbs img
{
	padding: 1px;
	margin: 0 ;
}


#lPropertyThumbs
{
	padding: 0;
	margin: 0px;
	border:solid 0px #000;
	width:140px;	
}



#lPropertyThumbs ul
{
	padding: 0px 0 0px 0;
	margin: 0px;
	list-style-type :none ;
	width:134px;
	border: solid 0px #000;
}

#lPropertyThumbs li
{
	border:solid 0px #000;
	padding: 0px;
	margin: 0px;
	text-align :left ;
}

#lPropertyThumbs li.xls
{
	background:  url(images/XLS.gif) no-repeat 0 0;
	padding: 3px 0 3px 18px;
	margin: 0px;
}

#lPropertyThumbs li.pdf
{
	background:  url(images/PDF.gif) no-repeat 0 0;
	padding: 3px 0 3px 18px;
	margin: 0px;
}

#lPropertyThumbs li.doc
{
	background:  url(images/DOC.gif) no-repeat 0 0;
	padding: 3px 0 3px 18px;
	margin: 0px;
}

#lPropertyThumbs li.zip
{
	border:solid 2px #0c0;
	padding: 0px;
	margin: 0px;
}

#lPropertyThumbs ul.Downloads
{
	padding: 10px 0 0 0;
	margin: 0px;
	list-style-type :none ;
	
}


#lPropertyThumbs li img
{
	border:solid 0px #000;
	padding: 1px;
	margin: 0px;
	cursor:pointer ;
}

#tPropertyItem td input
{
	border: solid 0px #fff;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0 0 0 ;
	padding:0 0 4px 0;
	color: #fff;
	background: #fff url(images/BL_button.gif) no-repeat;
	cursor: hand;
	height:25px;
	width: 105px;	
	text-transform :none ;
}

#tPropertyBasket tbody tr td, 
{
	border-bottom: 1px solid #fff; 
	padding: 0.5em 0 0.5em 0;
}

#tPropertyBasket thead tr th
{
	border-bottom: 1px solid #fff;
	padding: 0.5em 0 0.5em 0; 
}

#tPropertyBasket tfoot tr td, 
{
	padding: 0.5em 0 0.5em 0;
}

#tPropertyBasket thead tr th.tPropertyBasketHeaderPrice, #tPropertyBasket thead tr th.tPropertyBasketHeaderReference, #tPropertyBasket thead tr th.tPropertyBasketHeaderRemove {
	width: 120px;
}

#tPropertyBasket thead tr th.tPropertyBasketHeaderPrice,
{
	width: 80px;
}

tPropertyBasketHeaderProperty
{
	width: 160px;
}


#tPropertyBasket input
{
	border: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding:0 0 2px 0;
	color: #FFF;
	background: #fff url(images/BL_button.gif) no-repeat;
	cursor: hand;
	height:23px;
	width:105px;	
}

#tPropertyApplication td, #tPropertyApplication th
{
	border-bottom: 1px solid #fff;
	padding: 0.5em 0 0.5em 0;
}

#tPropertyApplication th.PropertyAppHeaderReference, #tPropertyApplication th.PropertyAppHeaderRemove
{
	width:120px;
}


#tPropertyApplication th.PropertyAppHeaderProperty 
{
	width:160px;
}

#tPropertyApplication th.PropertyAppHeaderPrice
{
	width:80px;
}


#tPropertyApplication2 input.PropertyApplicationRadio
{	
	width:15px;
	background-color:#fff;
	border:0;
}



#tPropertyApplication2 input.PropertyApplicationSubmitButton
{
	border: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding:0 0 2px 0 ;
	color: #FFF;
	background: #fff url(images/BL_button.gif) no-repeat;
	cursor: hand;
	height:23px;
	width:105px;	
}

#tPropertyApplication2 input
{
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	width: 164px;	
}

#tPropertyApplication2 thead th.PropertyAppYourDetails
{
	width:300px;	
}

/* --- lCommerce customization --- */
#lCommerceSearch #FormSearchCommerce {
	margin: 0;
}

#lCommerceSearch #FormSearchCommerce input, #lCommerceSearch #FormSearchCommerce select {
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	width: 164px;
	margin: 0 0 5px 0;
	}

#lCommerceSearch #FormSearchCommerce select.short {
	width: 75px;
	font-size: 7pt;
	}

#lCommerceSearch #FormSearchCommerce input.searchbutton {
	float: right;
	background: url(images/apt_button_go.gif) no-repeat 0 0;
	background-position: right;
	border: 0;
	color: #fff;
	padding: 0;
	margin: 0;
	width: 74px;
	height: 30px;
	cursor: hand;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#tCommerceGroup{
	border-collapse: collapse;
	width:100%; 
	margin: 2em 0 2em 0;
}

#tCommerceGroup tbody tr td {
	text-align: left;
	padding: 0.5em 0 0.5em 0;
}

#tCommerceGroup td.CommerceGroupSummary
{
	width:100%; 
}

#tCommerceGroup td.CommerceGroupBottom
{
	border-bottom: 1px solid #fff;
}

#tCommerceGroup td.CommerceGroupBottomButton
{
	border-bottom: 1px solid #fff;
}

 #tCommerceGroup td.CommerceGroupBottomButton input
{
	border: solid 0px #343399;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0.5em 1em 1em 0;
	padding: 0;
	color: #000;
	text-transform: uppercase;
	background: none;
	cursor: hand;	
	float: left;
	width:auto;	
}



#tCommerceGroup td.CommerceGroupBottomDetails
{
	border-bottom: 1px solid #fff;
	width:100%; 
}		
	
#tCommerceItemOrder
{	
	width: 515px;
	margin: 2em 0 2em 0;
	padding:0;
	border:solid 0px #000;
}



#tCommerceItemDesc
{	
	width: 520px;
	margin: 2em 0 2em 0;
	padding:0;
}

#tCommerceItemDesc img
{	
	padding: 0 15px 0 0;
}

#tCommerceItemDescThumbs
{
 width: 160px;
}

#tCommerceItemDescThumbs img
{
 padding: 1px 1px 1px 1px; 
}

#tCommerceItemOrder td.ProductQty, #tCommerceItemOrder td.ProductPrice
{
	width:200px;
}


#tCommerceItemOrder td.ProductAttName
{
	width:200px;
}

#tCommerceItemOrder tr.CommerceTitleBar
{
	background-color : #CDD0D9;
}

#tCommerceItemOrder tr.CommerceDetailBar
{
	background-color : #D9DCE3;
}

#tCommerceItemOrder td.Total
{
font-weight: bold;
}
#tCommerceItemOrder td.GrandTotal
{
font-weight: bold;
}

#tCommerceItemDesc input
{
	border: none;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #435864;
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:  url(images/IB_ButtonBg.gif) no-repeat 0;
	cursor: hand;	
	float: right;
	width:104px;
	height: 28px;	
}

#tCommerceItemDesc select
{
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	margin: 0 0 5px 0;
}

tCommerceItemDesc #ProdAttributes
{
/* --- trying to get related items to align (I think the form is pushing it down but it's not working??--- */
margin:0;
}

#tCommerceBasket
{
	width: 100%;
	margin: 2em 0 2em 0;
	padding:2;
}

#tCommerceBasket tr.CommerceTitleBar
{
	background-color : #CDD0D9;
}

#tCommerceBasket tr.CommerceDetailBar
{
	background-color : #D9DCE3;
}

#tCommerceBasket select
{
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	margin: 0 0 5px 0;
}

#tCommerceBasket td.Total
{
font-weight: bold;
}

#tCommerceBasket td.GrandTotal
{
font-weight: bold;
}

#tCommerceBasket input
{
	border: none;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #435864;
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:  url(images/IB_ButtonBg.gif) no-repeat 0;
	cursor: hand;	
	float: right;
	width:104px;
	height: 28px;	
}

#tCommerceBasket input.Buynow
{
	float: right;
	margin: 0.5em 1em 1em 0;
}

#tCommerceBasket input.Continue
{
	float: left;
	margin: 0 1em 1em 0.5em ;
}

#tCommerceApp
{
	width: 100%;
	margin: 2em 0 2em 0;
	padding:2;
}

/* --- can't understand why these links aren't working properly --- */
#tCommerceApp td.CommerceAppTitles
{
	width:100px;
}

#tCommerceApp input.buttonBack
{
	border: none;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #435864;
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:  url(images/IB_ButtonBg.gif) no-repeat 0;
	cursor: hand;	
	float: right;
	width:104px;
	height: 28px;	
}

#tCommerceApp input.buttonContinue
{
	border: none;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #435864;
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:  url(images/IB_ButtonBg.gif) no-repeat 0;
	cursor: hand;	
	float: right;
	width:104px;
	height: 28px;	
}

#tCommerceApp input.ComerceAppInput
{
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	width: 200px;	
}

#tCommerceConfirmDetails
{
	width: 100%;
	margin: 2em 0 2em 0;
	padding:2;	
}

#tCommerceConfirmOrder, #tCommerceConfirmDetails
{
	width: 100%;
	margin: 2em 0 2em 0;
	padding:2;	
}

#tCommerceConfirmOrder input.ComerceConfirmInput
{
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	width: 164px;	
}

#tCommerceConfirmOrder tr.CommerceTitleBar
{
	background-color : #6699FF;
}

#tCommerceConfirmOrder tr.CommerceDetailBar
{
	background-color : #99CCFF;
}

#tCommerceConfirmOrder input
{
	border: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	padding: 0;
	color: #FECB66;
	text-transform: uppercase;
	background: none;
	cursor: hand;	
	width:auto;	
}

#tCommerceConfirmOrder input.buttonContinue
{
	float: right;
	margin: 0.5em 1em 1em 0;
}
#tCommerceConfirmOrder input.buttonBack
{
	float: left;
	margin: 0 1em 1em 0.5em;
}

#tCommerceConfirmOrder td.Total
{
font-weight: bold;
}

#tCommerceConfirmOrder td.GrandTotal
{
font-weight: bold;
}

#tCommerceConfirmOrder select
{
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	margin: 0 0 5px 0;
}

#tCommerceConfirmDetails input.ComerceComfirmInput
{
	font-size: 88%;
	border: 1px solid #BCBCBC;
	background: #f6f6f6;
	padding: 2px;
	color: #002455;
	width: 200px;	
}

#tCommerceConfirmDetails td.CommerceConfirmTitles
{
	width:70px;
}


/* --- Footer links --- */
#sublinklist {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	color: #000;
	margin: 0;
	text-align: center;
	padding: 10px 0 0 0;
	
	}

#sublinklist a:active, #sublinklist a:visited {
	text-decoration: none; 
	color: #000;
	}

#sublinklist a:hover {
	text-decoration: none;
	border-bottom: none;
	}

#sublinklist p
{
	padding : 0 0 0 0;
	margin: 0 0 0 0;	
}

#footer
{
	clear: both;
	position:relative ;
	top: 0px;
	height: 54px;
	margin: 0px ;
	padding: 15px 0px 0px 110px ;
	text-align: left;
	color : #000;
	width: 748px;
	font-size : 85%;
	font-weight : normal ;
	background : url(images/ep_Footer.gif) no-repeat  0px 0 ;
	
	
}


	
#footer a:link
{
	color: #fff;
	border-bottom: dashed 1px ; 
	
}

#footer a:visited
{
	color: #fff;
	border-bottom: dashed 1px ; 
	
}

#footer a:hover
{
	color: #fff;
	border-bottom: solid 1px ; 
}

#footer a:link.turbine, a:visited.turbine
{
	color: #8D969D;
	border-bottom: dashed 1px ; 
	
}

#footer a:hover.turbine
{
	color: #8D969D;
	border-bottom:  solid 1px ; 
}


/* --- Copyright --- */
#copyright {
	text-align: center;
	font-weight: normal;
	font-size: 85%;
	height: 20px;
	padding: 5px 0px 5px 0px;
	margin: 0;
	color: #fff;
	
	}

#copyright p
{
	padding : 0 0 0 0;
	margin: 0 0 0 0;	
}

#ImageViewProperty
{
position:absolute;
color: #fff;
font-weight:bold;
height:18px;
width:210px;
top:770px;
*top:775px;
left:220px;
z-index:10;
}

#ImageViewProperty a:link, a:visited
{
color: #fff;}

#ImageViewProperty a:visited
{
color: #fff;
}

#ImageViewProperty a:hover
{
color: #fff;
}

#ImageViewCommerce
{
position:absolute;
color: #fff;
font-weight:bold;
height:18px;
width:220px;
top:640px;
left:370px;
z-index:10;
}

#ImageViewCommerce a:link, a:visited
{
color: #fff;}

#ImageViewCommerce a:visited
{
color: #fff;
}

#ImageViewCommerce a:hover
{
color: #fff;
}

.Bullet_Padding
{
	padding: 5px 0 0 0;
	*padding: 0 0 0 0;
}

#footertable td.footertable1
{
	color: #3F61AB;
	font-size: 150%;
}

#footertable td.footertable2
{
	padding: 21px 0 0 0 ;
}


#footertable td.footertable1 a:link
{
	color: #F81B20;
	border-bottom: none ; 
	
}

#footertable td.footertable1 a:visited
{
	color: #F81B20;
	border-bottom: none ; 
	
}

#footertable td.footertable1 a:hover
{
	color: #F81B20;
	border-bottom: none ; 
}


#linklist table tr td.llBlue
{
	color: #3964A8;
	font-size: 110%;
	font-weight: bold;
}

#linklist table tr td.llRed
{
	color: #F01928;
	font-size: 200%;
	font-weight: bold;
	padding: 5px 0 5px 0 ;
}


#title2
{
	position:absolute;
	
	top: 425px;
	*top: 435px;
	left:0px;
	width:778px;
	height:70px;
	border:solid 0px #000;
	text-align:center;

}

#title2 h1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	padding: 10px 0 0 0;
	color: #97ABB1;
}
