/*
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: 0;
	background-color : #fff;
	background:  url(../images/Bg_Fade_Splash.jpg) repeat-x 50% 0;
	}

#container {
	position: relative;
	margin: 0 auto;
	padding: 0px 0 0 0px;
	text-align: left;
	width: 760px;
	border: solid 0px #0ff;
	background:  url(../images/RJ_bg.gif) repeat-y 50% 0;
	}

#splash_container {
	position: relative;
	margin: 0 auto;
	padding: 0px 0 0 0px;
	text-align: left;
	width: 760px;
	border: solid 0px #0ff;
	background: none;
	}
	
#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; 
}

html>body #container {
  	width: 760px;
  	padding:0;
	}
	
.hide {
	display: none;
	}

a.noline:link, a.noline:hover, a.noline:visited {
	border-style: none;
	color: #F14E0B;
	}

img {
	border-style: none;
	border-bottom: none;
	}

a:link,  active {
	text-decoration: none;
	color: #51A984;
	}

a:visited {
	text-decoration: none; 
	color: #51A984;
	}

a:hover {
	border-bottom: 1px solid; 
	color: #51A984;
	}
	

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: #ECECEC;
}

tr.odd {
	background-color: #E0ECE6;
}


/* --- 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 ;
	height:136px;
	left: 0px;
	margin: 0px 0 0 0px ;
	padding: 4px 0px 0 18px ;
	text-align: left;
	color : #3E4D55;
	width: 742px;
	font-size : 85%;
	background :  url(../images/RJ_header2.gif) no-repeat ;
	border:solid 0px #000;
	}
	
#title a:link, #title a:visited, #title a:active
{
	border-bottom : dashed 1px #333333;
	color: #333333;
	background:none;
	padding: 0;
}

#title a:hover
{
	border-bottom : solid 1px #333333;
	color: #333333;
	background:none;
	padding: 0;
}

/* --- Call us now text --- */
#splash_title 
{
	position:relative ;
	height:106px;
	left: 0px;
	margin: 0px 0 0 0px ;
	padding: 3px 0px 0 18px ;
	text-align: left;
	color : #3E4D55;
	width: 742px;
	font-size : 85%;
	background :  url(../images/RJ_Splash_Header.gif) no-repeat ;
	
	}
	
#splash_title a:link, #title a:visited, #title a:active
{
	border-bottom : dashed 1px #333333;
	color: #333333;
}

#splash_title a:hover
{
	border-bottom : solid 1px #333333;
	color: #333333;
}



#contact
{
	position:absolute ;
	left:197px;
	top: 108px;
	color: #999999;
	background-color :#fff;	
	height:6px;
	width: 5px;
	padding:0px;
	margin: 0px;
	border:solid 0px #000;
	font-size:1px;
	line-height:0.
}



/* --- Nav bar --- */
#nav 
{
	position:absolute;
	left: 0px;
	top:75px;
	width: 740px;
	height: 20px;
	padding: 2px 0 0px 0px;
	margin: 0px 0 0 0px;
	height : 35px;
	border: solid 0px #fff;
	}

#nav ul {
	float: right;
	padding: 0;
	margin: 0 0px 0 0;	
}

#nav li {
	float: left;
	text-align : center;
	margin: 0;
	line-height: 20px;
	padding: 7px 10px 0 10px;
	display: inline;
	list-style-type:none;
	color: #fff;
	border : solid 0px #FFF;
	height : 36px;
	}
	
#nav a:link, #nav a:visited {
	border-bottom: none; 
	float: left;
	font-size: 100%;
	line-height: 20px;
	font-weight: Bold;
	margin: 0px 0 0 0px;
	padding: 0 0px 0 0px;
	color: #01356D;
	background:none;
	}

#nav a:link.active, #nav a:visited.active,  {
	color: #01356D;
background:none;
	}
#nav a:hover
{
	color: #01356D;
}

#FlashNav
{
	
	
}

/* --- Breadcrumb trail --- */
#breadcrumb 
{
	position :absolute ;
	top:113px;
	height: 2em;
	list-style: none;
	padding: 0 0 0px 0px;
	margin: 0px 0 0 0;
	left:195px;
	border:0px solid #000;
	}
/* ------ */
#breadcrumb ul {
	padding: 0px;
	margin: 3px 0 0 15px;	
}

#breadcrumb li {
	float: left;
	font-size: 95%;
	margin: 0 5px 0 0;
	display: inline;
	color: #000;
	}
	
#breadcrumb a:link, #breadcrumb a:visited {
	float: left;
	font-size: 95%;
	margin: 0;
	color: #000;
	border-bottom:none;
	font-style : normal ;
	background:none;
	padding:0;
	margin:0;
	}

#breadcrumb a:link.active, #breadcrumb a:visited.active, #breadcrumb a:hover {
	
	color: #000;
	font-style : normal ;
	background:none;
	padding:0;
	margin:0;
	}
	
#mainbody 
{
	position:relative ;
	margin: 0px 10px 0px 210px;
	padding: 0px 0px 0 0px;
	padding-top: 0px;
	text-align: justify;
	color: #4A5C66;
	border: solid 0px #000;
	background-position : bottom;
	}

#mainbody a:link,  active {
	text-decoration: none;
	color: #6E8E05;
	background:none;
	padding: 0;

	}

#mainbody a:visited {
	text-decoration: none;
	color: #6E8E05;
	background:none;
	padding: 0;

	}

#mainbody a:hover {
	border-bottom: none; 
	color: #6E8E05;
	background:none;
	padding: 0;

	}

#mainbody p	{
	margin: 0 0 1em 0;
	padding: 0;
	}


#mainbody h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 175%;
	font-weight: bold;
	color: #01356D;
	padding: 0px 0 20px 0px;
	margin: 0;
	border:solid 0px #000;
	}

#mainbody h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 115%;
	color: #01356D;
	padding: 0;
	margin: 0;
	}

#mainbody h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #01356D;
	font-weight: bold;
	padding: 0 1em 0 0;
	margin: 0;
	display: inline;
	}
	
#mainbody h4 {
	font-size: 85%;
	color: #01356D;
	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 0px 0px 0px;
}


#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: #FECB66;
	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: 95px;
	width:679px;
	left:10px;
	top: 116px;
	border:solid 0px #000;
	}

/* --- 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;
	left:0px;
	top:141px;
	font-size: 100%;
	line-height: 1.5em;
	margin: 0px 0px 0 0;
	padding: 0px 0 0 0;
	color: #000;
	width: 190px;
	border:0px solid #000;
	}

html>body #linklist {
  	width: 190px;
	} 

#linklist h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 120%;
	padding: 0px 0 5px 20px;
	margin: 0;
	height : 20px;
	color: #000;
	font-weight :bold;
	text-align :left ;
	border: solid 0px #0ff;
	}

#linklist p {
	margin-top: 4px;
	margin-bottom: 6px;
	padding: 0 0 0 15px;
	}

#linklist ul 
{
	
	margin: 0px 0 0px 0px;
	padding: 0 0 0px 0px; 
	border: solid 0px #0ff;	
	color: #000;
	list-style-type : none;
	}

#linklist li {
	
	margin: 0 0 0 0;
	padding: 0 0 0px 16px;
	border: solid 0px #0ff;
	height:30px;
	}

#linklist a:link, a:visited
{
	color: #000;
	text-decoration: none;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}

#linklist a:hover
{
	color: #000;
	border-bottom: solid 0px; 
}
	
	


/* --- Customize the look of each linklist section as required --- */	
#lLatest, #lRelated, #lFurther, #lCommerce, #lRecruitment, #lRecruitmentSearch,  #lPropertySearch, #lPortfolio, #lMusic, #lSearch {
	margin: 0px;
	padding:0 0 0px 0px;
}

#lLatest a:visited
{ 
background: url(../images/RJ_ButtonOff.gif) no-repeat 0px 2px;
padding: 4px 0 4px 20px;
}

#lLatest a:link, active{ 
background: url(../images/RJ_ButtonOff.gif) no-repeat 0px 2px;
padding: 4px 0 4px 20px;
}

#lLatest a:hover
{ 
background: url(../images/RJ_ButtonOn.gif) no-repeat 0px 2px;
padding: 4px 0 4px 20px;
}

#lRelated  a:link, active
{
background: url(../images/RJ_ButtonOff.gif) no-repeat 0px 2px;
padding: 4px 0 4px 20px;
}

#lRelated a:visited
{
background: url(../images/RJ_ButtonOff.gif) no-repeat 0px 2px;
padding: 4px 0 4px 20px;
}

#lRelated a:hover
{
background: url(../images/RJ_ButtonOn.gif) no-repeat 0px 2px;
padding: 4px 0 4px 20px;
}

#lFurther a:link, active
{
background: url(../images/RJ_ButtonOff.gif) no-repeat 0px 2px;
padding: 4px 0 4px 20px;
}

#lFurther a:visited
{
background: url(../images/RJ_ButtonOff.gif) no-repeat 0px 2px;
padding: 4px 0 4px 20px;
}

#lFurther a:hover
{
background: url(../images/RJ_ButtonOn.gif) no-repeat 0px 2px;
padding: 4px 0 4px 20px;
}

#lProperty 
{
	list-style : none;
}

#lProperty li {
	height:60px;
}

#lProperty img {
	margin: 0 5px 0px 0;
}

#lProperty h1
{
	border: solid 0px #000;
	padding: 0px 0 0px 20px;
	height:33px;
}


#lProperty a:link, a:visited
{
background: none;
padding: 0;
}

#lProperty a:hover
{
background: none;
padding: 0;
}
 
#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 --- */
/*
#lLatest 
{
	background: url(../images/hdr_latest.gif) no-repeat 0 2px;
	border-bottom: 1px solid #ccc;
}

#lLatest p {
	padding: 20px 10px 0 10px;
}

#lLatest h1 span {
	display: none;
}
*/


/* --- 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/RJ_Button.jpg) 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 0 ;
	padding:0;
	color: #fff;
	background: #fff url(../images/RJ_Button.jpg) no-repeat;
	cursor: hand;
	height:22px;
	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 img
{
	padding:0;
	magin: 0 ;
	border: solid 0px #000;
}

#tPropertyItem td.Attributes
{
	padding: 10px 0 0 0;
}


#tPropertyItem tr.PriceAndLocation td
{
	height:27px;
	padding:5px 0 0 0
}

#tPropertyItem td.PropertyThumbs
{
	width: 138px;
	border:solid 0px #000;
}

#tPropertyItem td.PropertyThumbs img
{
	padding: 0 1px 1px 0;
}


#lPropertyThumbs
{
	padding: 0;
	margin: 0px;
	border:solid 0px #000;
}

#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 15px 0 15px ;
	padding:0 0px 4px 0;
	color: #fff;
	background: #fff url(../images/RJ_Button.jpg) 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: 140px;
}

#tPropertyBasket input
{
	border: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding:0;
	color: #FFF;
	background: #fff url(../images/RJ_Button.jpg) no-repeat;
	cursor: hand;
	height:25px;
	width:105px;	
}

#tPropertyApplication td, #tPropertyApplication th
{
	border-bottom: 1px solid #fff;
	padding: 0.5em 0 0.5em 0;
}

#tPropertyApplication th.PropertyAppHeaderReference, #tPropertyApplication th.PropertyAppHeaderPrice, #tPropertyApplication th.PropertyAppHeaderRemove
{
	width:120px;
}



#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;
	color: #FFF;
	background: #fff url(../images/RJ_Button.jpg) no-repeat;
	cursor: hand;
	height:25px;
	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 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;	
	float: left;
	width:auto;	
}


#tCommerceGroup td.CommerceGroupBottomDetails
{
	border-bottom: 1px solid #fff;
	width:100%; 
}		
	
#tCommerceItemOrder, #tCommerceItemDesc
{
	
	width: 100%;
	margin: 2em 0 2em 0;
	padding:2;
}

#tCommerceItemOrder td.ProductQty, #tCommerceItemOrder td.ProductPrice
{
	width:200px;
}


#tCommerceItemOrder td.ProductAttName
{
	width:200px;
}

#tCommerceItemOrder tr.CommerceTitleBar
{
	background-color : #6699FF;
}

#tCommerceItemOrder tr.CommerceDetailBar
{
	background-color : #99CCFF;
}

#tCommerceItemOrder td.Total
{
font-weight: bold;
}
#tCommerceItemOrder td.GrandTotal
{
font-weight: bold;
}

#tCommerceItemDesc 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;	
	float: right;
	width:auto;	
}

#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 : #6699FF;
}

#tCommerceBasket tr.CommerceDetailBar
{
	background-color : #99CCFF;
}

#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: 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;	
}

#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: solid 1px #fff;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	margin: 0 1em 1em 0.5em;
	padding: 0;
	color: #FECB66;
	text-transform: uppercase;
	background: none;
	cursor: hand;	
	float: left;
	width:auto;	
}

#tCommerceApp input.buttonContinue
{
	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;	
	float: right;
	width:auto;	
}

#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
{
	position:relative ;
	top: 0px;
	height: 57px;
	margin: 0px ;
	padding: 28px 0 0 20px ;
	text-align: left;
	color : #fff;
	width: 740px;
	font-size : 85%;
	font-weight : bold ;
	background : url(../images/RJ_Footer.gif) no-repeat  0px 0 ;
	border : solid 0px #000;
	}

html>body #footer
{
	padding: 28px 0 0 20px ;
	width: 740px;
	height: 57px;
}
	
#footer a:link, #footer a:visited, #footer a:active
{
	color: #fff;
	border-bottom: dashed 1px ; 
	
}

#footer a:hover
{
	color: #fff;
	border-bottom: solid 1px ; 
}

#footer a:link.turbine, #footer a:visited.turbine, #footer a:active.turbine
{
	color: #666699;
	border-bottom: dashed 1px ; 
	
}

#footer a:hover.turbine
{
	color: #666699;
	border-bottom:  solid 1px ; 
}



#splash_footer
{
	position:relative ;
	top: 0px;
	height: 51px;
	margin: 0px ;
	padding: 20px 0 0 20px;
	text-align: left;
	color : #fff;
	width: 740px;
	font-size : 85%;
	font-weight : bold ;
	background : url(../images/RJ_Splash_Footer.gif) no-repeat  0px 0 ;
	border : solid 0px #000;
	}

html>body #splash_footer
{
	padding: 20px 0 0 20px ;
	width: 740px;
	height: 51px;
}
	
#splash_footer a:link, #splash_footer a:visited, #splash_footer a:active
{
	color: #fff;
	border-bottom: dashed 1px ; 
	
}

#splash_footer a:hover
{
	color: #fff;
	border-bottom: solid 1px ; 
}

#splash_footer a:link.turbine, #splash_footer a:visited.turbine, #splash_footer a:active.turbine
{
	color: #666699;
	border-bottom: dashed 1px ; 
	
}

#splash_footer a:hover.turbine
{
	color: #666699;
	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;	
}