/*----------------------------------
CSS - common and general styles - ubtheagent.co.uk
-------------------------------------*/

@import url("main_nav_style.css");

@import url("member_style.css");

@import url("form_style.css");



/*-------------------------------------
html . no class or id . generic structure and text display
--------------------------------------*/	
html {
	height:100%;
	}
body  {
	height:100%;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	margin: 0px auto;
	padding: 0px; /*for Opera6*/
	background: url("http://www.ubtheagent.co.uk/commonimages/uba_background.gif") repeat-x 0 0 #00cc33;
	}
table {
	}
tr,td,div {
	vertical-align: top;
	padding: 0px;
	border:0px none;
	font-size: 100%;
	text-align:left;
	}
h1 {
	font-size:2.2em;
	margin: 13px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
h2 {
	font-size: 1.2em;
	margin: 10px 0px;
	}
h3 {
	font-size: 1.2em;
	margin: 10px 0px;
	color:#009933; /*  #00cc33 #009933 #006633  */
	}
h4 {
	font-size: 1.1em;
	margin: 6px 0px;	
	}
h5 {
	font-size: 1.0em;
	margin: 4px 0px;
	color:#009933; /*  #00cc33 #009933 #006633  */
	}
h6 {
	font-size:1em;
	font-weight:bold;
	margin: 3px 0px;
	}
p {
	margin:4px 0 12px 0;
	}
ul {
	margin:5px 5px 10px 15px;
	padding:0px;
	border:0px;
	}
li {
	margin:0px;
	padding:0px;
	}
a {
	color: #003300;
	text-decoration: underline;
	outline:0 none;
	}
a:hover {
	color: #006633;
	text-decoration: none;
	}
img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	}
	
/*---------------------------------------
wrapper for all but footer
---------------------------------------*/
#MainWrapper {
	width:950px;
	background: #fff;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	border-top:0 none;
	text-align:left;
	}

	
	
	
/*---------------------------------
header
-----------------------------------*/
#commonheader {
	width: 950px;
	height: auto;
	background: #fff;
	border: 0px solid #000;
	margin:0px 0px 0px 0px;
	}
.HeaderTitle {
	visibility:hidden;
	overflow:none;
	line-height:0;
	font-size:0;
	height:0;
	display:none;
	}
.HeaderIntro {
	text-align:center;
	margin:-20px auto 0px auto;
	padding: 5px 0;
	color: #fff; /*  #00cc33 #006633  */
	}


#uba_logo {
	margin:18px 0 0 5px;
	float:left;
	border: 0px solid #000;
	display:inline;
	}
.header_right {
	height:auto;
	float:right;
	border: 0px solid #000;
	display:inline;
	margin:7px;
	text-align:right;
	}

/* header elements by id */
#Login {
	font-size:11px;
	text-align:right;
	display:block;
	border:0px solid #000;
	margin:0px;
	padding:0px;
	}
#SellStar {
	margin:0px;
	padding:0px;
	}




/*--------------------------------
titles
--------------------------------*/
.title {
	width:950px;
	border-bottom: 2px #fff solid;
	}
#title1 {
	background: url("../titleimages/titleimg1.jpg") no-repeat 0 -50px;
	height:100px;
	}
#title2 {
	background: url("../titleimages/titleimg2.jpg") no-repeat 0 -50px;
	height:100px;
	}
#title3 {
	background: url("../titleimages/titleimg3.jpg") no-repeat 0 -50px;
	height:100px;
	}
/*end titles*/

/*---------------------------
common
----------------------------*/

/*.ContentWrap {
	background: #fff;
	width:950px;
	border: 0px none;
	margin: 5px 0px 15px 0px;
	font-size:1.2em;
	}*/
/*.FullSpanLeftCol {
	float:left;
	width:945px;
	height:auto;
	display:inline;
	font-size:1.2em;
	}
	*/
	
	
/*---------
the look stuff
----------*/
	
.ubaTextColorControl {
	color:#028229; /*  #028229  - colour of h3green header =#009933 */
	}
/*------------------*/



/* Paragraphs and text, headers etc */
.Green {
	color:#009933; /*  #00cc33 #009933 #006633  */
	}
.LightGreen {
	color:#00cc33; /*  #00cc33 #009933 #006633  */
	}
.SmallGreen {
	font-size:0.9em;
	color:#009933; /*  #00cc33 #009933 #006633  */
	}
.Small {
	font-size:0.9em;
	}






/*---- 
Page Layout 
------*/


.FullSpanColumn {
	float:left;
	width:945px;
	height:auto;
	display:inline;
	font-size:1.2em;
	}

.LeftColumn {
	float:left;
	width:750px;
	height:auto;
	display:inline;
	font-size:1.2em;
	}
.RightColumn {
	float:left;
	width:198px;
	height:auto;
	display:inline;
	background:#fff;
	font-size:1.2em;
	}

.MainContent {
	padding:20px 40px;
	height:auto;
	}
.MainContent ul {
	margin-left:25px;
	}
	
.PropHoldup {
	float:right;
	width:1px;
	height:500px;
	display:inline;
	overflow:hidden;
	font-size:0;
	line-height:0;
	background:#fff;
	}
.FloatControl {
	clear:both;
	float:none;
	height:0px;
	width:auto;
	overflow:hidden;
	line-height:0px;
	font-size:0px;
	}
a.AnchorTarget {
	text-decoration:none;
	}


.HorizLine {
	height:1px;
	width:auto;
	overflow:hidden;
	line-height:0px;
	font-size:0px;
	border-top:1px solid #00cc33;
	margin-bottom:5px;
	}


/* in content navigation */
.InContentNavWrap {	
	}
ul.InContentNav {
	float:left;
	display:inline;
	padding: 15px 40px 10px 0px;
	}
.BackTopPage {
	margin-top:20px;
	text-align:right;
	}












/*


div.wrapleft {
	float:left;
	margin:0px;
	text-align:left;
	}
div.wrapright {
	float:right;
	margin: 0px 0px;
	}
table.commonleft {
	width:630px;
	font-size:1.2em;
	margin:0px;
	}
table.commonleft td {
	padding: 0px 0px 0px 10px;
	}
table.commonright {
	width:300px;
	margin: 0px;
	}
table.commonright td {
	padding: 0px;
	}
table.common {
	font-size:1.2em;
	margin:0px;
	}
table.common td {
	padding: 0px 10px 0px 10px;
	}

	
.prop {
	width: 650px;
	margin: 0px 0px 2px 0px;
	border: 2px #006633 solid;
	float: left;
	}
.proptitle {
	color: #fff;
	background: url("../commonimages/uba_proptitlebackground.gif") repeat-x #3366ff;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	padding: 0px 5px;
	}
.propprice, .propdescription {
	background: #006633;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
	padding: 0px 5px;
	}
.propdescription a:link, .propdescription a:visited {
	color:#fff;
	text-decoration: none;
	}
.propdescription a:hover {
	color:#fff;
	text-decoration: underline;
	}	
.propaddress {
	width: 160px;
	font-size: 1.4em;
	font-weight: bold;
	padding: 5px;
	}
.proptext {
	font-size: 1.1em;
	padding: 5px;
	}
.propimage {
	}
.prop img {
	width: 150px;
	text-align:left;
	border: 5px #fff solid;
	}
.prop p {
	font-size: 1.1em;
	padding: 5px;
	}
	
	

.greenbgtitle {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background: url("../uba_textbutbackground.gif");
	width: auto;
	padding: 4px 5px;
	}
	
*/	
/*end common*/







.searchwrap { 
	float:left;
	}
.quicksearchwrap { 
	float:right;
	border-top: 0px none;
	}
.searchwrap p, .quicksearchwrap p {
	margin:10px;
	}
table.searchtable {
	text-align:center;
	border: 1px solid #006633;
	font-size:12px;
	}
table.quicksearchtable {
	text-align:center;
	border: 1px solid #006633;
	font-size:12px;
	}
.searchformtable {
	background: #006633;
	color:fff;
	width:174px;
	font-size:11px;
	float:left;
	margin: 0px 6px 5px 6px;
	}
.quicksearchformtable {
	background: #006633;
	color:fff;
	width:174px;
	font-size:11px;
	margin: 0px 6px 5px 6px;
	}
.searchformtable td, .quicksearchformtable td {
	padding: 5px 5px 5px 10px;
	}
.searchhead { 
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background: #006633;
	padding:2px;
	}	
.searchform { 
	padding:0px;
	margin: 0px;
	}
.searchform select {
	width:153px;
	}
.searchform input {
	width:153px;
	}
.searchbutton1 {
	background: url("../commonimages/uba_butbackground_off.gif") repeat-x #00cc33;
	border: 0px solid #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	outline:none;
	height:25px;
	color: #fff;
	margin-bottom: 5px;
	cursor:hand;
	}


/*details results*/
.DetailsHead {
	height:auto;
	width:auto;
	border-bottom:1px solid #00cc33;
	margin:0px 0px 15px 0px;
	}
.DetailsHeadLeft {
	background:;
	float:left;
	display:inline;
	overflow:hidden;
	width:auto;
	padding:0px 0px;
	font-size:1.1em;
	}
.DetailsHeadRight {
	background:;
	float:right;
	display:inline;
	width:auto;
	padding:0px 0px;
	border:0px solid red;
	font-size:10px;
	}
.DetailsHead p {
	}
	
.DetailsImagesWrap {
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px solid #00cc33;
	}
.DetailsImagesWrap .DetailsPrimaryImage {
	height:auto;
	width:200px;
	float:left;
	display:inline;
	}
.DetailsImagesRight {
	width:450px;
	float:left;
	display:inline;
	height:auto;
	overflow:hidden;
	border:0px solid red;
	padding-left:15px;
	}
.DetailsImagesRight img {
	max-width:110px;
	display:inline;
	margin:5px;
	}
.DetailsImagesLargeWrap img {
	max-width:260px;
	display:inline;
	margin:0 10px 10px 0;
	}
	
	

	
	
/*search page results*/	
.ResultsContentWrap {
	border-bottom:1px solid #00cc33;
	padding:10px;
	margin:5px 0px;
	overflow:hidden;
	height:auto;
	font-size:0.9em;
	}	
.ResultsContentWrap p {
	margin:3px 0px;
	}
.ResultsContentWrap .ResultsImage {
	height:auto;
	width:170px;
	float:left;
	display:inline;
	}
.ResultsBox {
	width:450px;
	float:left;
	display:inline;
	height:auto;
	overflow:hidden;
	border:0px solid red;
	padding-left:15px;
	}
.ResultsBox h2 {
	margin-top:2px;
	}
.MoreInfoButton {
	background: url("../commonimages/uba_butbackground_off.gif") repeat-x #00cc33;
	border: 0px none;
	font-size: 11px;
	font-weight: bold;
	outline:0 none;
	height:20px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	cursor:pointer;
	outline:none;
	}





/*
div.uploadformleftwrap { 
	padding:0px 0px;
	background: #006633;
	width:300px;
	height:220px;
	float:left;
	margin-right:15px;
	text-align:left;
	}
div.uploadformfullwidthwrap {
	padding:0px 0px;
	background: #006633;
	width:930px;
	float:left;
	text-align:left;
	margin-bottom:10px;
	}
table.uploadformtable {
	color: #fff;
	margin: 0px 0px 5px 10px;
	font-size: 1em;
	}
table.uploadformtable td {
	padding: 0px 5px 10px 0px;
	outline:none;
	vertical-align:middle;
	}
.uploadformtable input {
	width:180px;
	background: #fff;
	}
.uploadformtable select {
	width:180px;
	background: #fff;
	}
end forms*/

/*index page
#indexbuysell {
	width: 466px;/*actually 474px but padding seems to want to push out from content, not in from cell size. is this strict mode stuff?
	height: 200px;
	background: url("../commonimages/uba_background.gif") repeat-x #00cc33;
	padding:4px;
	}
#indexbuysell ul {
	text-align:left;
	margin: 5px 20px;
	padding: 0px;
	}
#indexbuysell li {
	list-style: none;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
	}
#indexbuysell a:link, #indexbuysell a:visited {
	color: #fff;
	text-decoration: none;
	}
#indexbuysell a:hover {
	color:#003300;
	text-decoration: none;
	}
.indextext {
	width: 300px;
	float:right;
	}
.indextext td {
	}
/*end index page*/














/*footer*/
#footer {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	width:950px;
	margin:5px auto 0 auto;
	clear:both;
	background: #fff;
	height:auto;
	}
.FooterStrip {
	width:900px;
	height:1%;
	display:block;
	padding:5px 20px;
	border:0px solid #000;
	}
#footer ul {
	float:left;
	/*display:inline;*/
	margin: 0px;
	padding: 10px 20px 10px 0px;
	}
#footer li {
	list-style: none;
	}
#footer a {
	margin: 0px 4px;
	line-height: 16px;
	color: ;
	text-decoration: ;
	}
#footer a:hover {
	color: #fff;
	text-decoration: none;
	background: #009933; /*  #00cc33 #009933 #006633  */
	}
/*end footer*/