/*  fish4 layout css file*/

body {
 margin:0;
 padding:0;
}

p {
 margin: 0 0 .5em 0;
}

h2 {
 margin: 0 0 0.5em 0;
}

fieldset, form {
 border: none;
 margin: 0;
 padding: 0;
}

hr {
 height: 1px;
 border: 0;
 margin: 1em 0 1em 0;
}

div#rss, div#searchResults ul.linksrow li a.bodylink {
	display:none;
}

div#rss, div#searchResults ul.linksrow {
	list-style-type:none;
}

div#quicksearch input.srbutton {
	width:auto;
}

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

/* page layout */

#content {
 width: 745px;
 padding: 0 10px;
 text-align: left;
 margin: 0 auto;
}

#cars-ad {
 text-align: left;
}

#cars-ad #maincontent {
 width: auto;
}

#footer {
 position: relative;
 width: 725px;
 margin-top: 2em;
 padding: 10px 0 10px 15px;
 clear: both;
 display: block;
}

#header {
 width: 740px;
 height: 80px;
 vertical-align: top;
 padding-top: 10px;
}

#header h1 {
 float: left;
 width: 251px;
}

#skip-to-content {
 display: none;
}

#banner {
 float: right;
 width: 468px;
 height: 62px;
 margin-right: 5px;
}

#banner img {
	border: none;
	margin: 0;
	padding: 0;
}

/* general page template layout */

#pagecontent {
 font-size:1.2em;
}

#leftcolumn {
 float: left;
 width: 545px;
 padding: 10px;
}

#rightcolumn {
 float: right;
 width: 120px;
 padding: 0 10px 10px 10px;
 text-align:center;
}

#leftcolumn ul.bullets {
 list-style: disc url("/images/tri_bullet.gif");
 margin-bottom:1em;
}
#leftcolumn ul.bullets li {margin-bottom:.5em;}

#twocolumn {
 width: 720px;
 padding: 10px;
 left: 0px;
}

.divider {
 width: 100%;
 clear: both;
 margin: 1em 0 1em 0;
 padding-top: 1em;
 border-top: 1px solid #ccc;
}

.boxed {
 padding: .5em;
 margin-bottom: .5em;
}

#pageNum {
 text-align: center;
 padding: .5em 1em .5em 1em;
 margin: 1em 0 1em 0;
}

#related {
 margin:0;
 padding:0 0 1em 0;
}

#pageJump {
 padding:1em;
 margin-top:1em;
}
#pageJump h4 {
 padding:0; margin:0;
}

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

/* advert details page */

#left {
 float: left;
 margin-top: 7px;
 line-height: 1.25em;
 width: 29%;
}

html>body #left {
 width: 29%;
}

#inlineimages-small {
 width: 25%;
 margin: none;
 padding: none;
 margin-bottom: 10px;
}

.mainpic {
 clear: both;
 text-align: center;
 margin-bottom: 5px;
}

.thumb {
 float: left;
 margin: 0px 1px 2px 0px;
 clear: none;
}

#inlineimages {
 text-align: center;
 margin: 10px 0 10px 10px;
}

.agentlinks {
 margin-right: 1em;
 padding-right: 1em;
 border-right: 1px solid #ccc;
}

#inlineimages .mainPic {
 clear: both;
 text-align: center;
 margin-bottom: 5px;
}

#inlineimages-small .thumb {
 width: 59px;
 height: 39px;
 margin: 0px 1px 2px 0px;
 clear: none;
}

#inlineimages .thumbnail {
 width: 95px;
 margin: 0px 0px 1px 1px;
 clear: none;
}

#agentlogo {
 text-align:left;
 /*margin-top:15px;*/
 padding: 5px 0 5px 0;
 /*border-top: 1px solid #efefef;*/
}

/* central column */

#maincontent {
 float: left;
 margin-bottom: 10px;
 padding-left: 2%;
 clear: none;
 width: 67%;
}

#joblogo {
 float: right;
}

#maincontent h1 {
 margin: 0 0 .5em 0;
}

a.headerlink {
 font-size: 85%;
 text-decoration: none;
}

#maincontent ul, #maincontent li {
 list-style: disc inside;
 margin-left: 0;
 padding-left: .75em;
 text-indent: -1em;
}

#maincontent li {
 font-weight: bold;
}

#description p {
 margin-top:1px;
 margin-bottom:5px;
 line-height:1.25em;
}

#details {
 margin-bottom: 1em;
}

div.detailrow {
 width: 99%;
 clear: both;
 padding: .2em;
 margin-bottom: 2px;
}

span.detailname {
 float: left;
 width: 40%;
}

span.detaildata {
 float: right;
 margin-left: 3%;
 width: 46%;
}

#links, #toplinks {
 clear:both;
 margin-bottom:.5em;
}

#links ul, #toplinks ul {
 margin: 1em 0 0 0;
 padding: 1em 0 0 .5em;
}

#links li, #toplinks li {
 margin-right: .2em;
 list-style: none;
 display: inline;
}

/* top and bottom links */

div.controls, div.top {
 /*width: 720px;*/
 width:100%;
 padding: 10px 0 0 0;
 margin: none;
 clear: both;
}

div.controls {
 vertical-align: top;
 margin: 20px .25em 25px 0px;
 height: 30px;
 clear: both;
}

div.top {
 margin: 0px 0 10px 0px;
 padding-bottom: 5px;
 height: 30px;
}

div.controls span.search {
 width: 50%;
 float: left;
 text-align: left;
}

div.controls span.search img {
 margin-right: 5px;
 clear: none;
 display: inline;
}

div.controls span.next {
 vertical-align: top;
 width: 45%;
 float: right;
 text-align: right;
}

div.controls span.next img {
 margin-left: 5px;
 clear: none;
 display: inline;
}

div.top span.left{
 width: 40%;
 float: left;
}

div.top h2{
 width: 58%;
 float: left;
 margin: 0;
 padding: 0;
}

div.top span.right {
 width: 38%;
 float: right;
 text-align: right;
 padding: 5px 5px 0;
}

div.top span.right a{
 margin: 0 .5em 0 .5em;
}

#mf4 {
  float:right;
  width:130px;
  margin:0 2px 10px 8px
  }

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

div.rounded-grey,
div.rounded-blue,
div.rounded-silver,
div.rounded-darkblue,
div.rounded-orange,
div.rounded-red,
div.rounded-yellow,
div.rounded-green {
 padding: 10px 10px 4px 10px;
}

/* myfish4 box */

#myfish4 {
  text-align:left;
}

#myfish4 input{
 width: 90%;
 font-size: 0.8em;
}

/* myfish4 button class 'signin' */

#myfish4 input.signin, #myfish4 p.signout input {
 width: 81px;
 height: 29px;
 display: block;
}

#myfish4 input.signin {
 float: right;
}

#myfish4 p.signout input {
	margin-left: auto;
	margin-right: 0;
}

#myfish4 p {
 margin-top: 0px;
}

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

/* search form layouts */

label.inline {
 float: left;
 width: auto;
 margin: 0 5px 0 0;
}


dl.errormessage {
 clear: both;
 width: auto;
}

dl.errormessage {
 text-align: left;
 padding: 0;
 margin: 0 0 1em 0;
}

dl.errormessage dt {
 padding: .25em;
}

dl.errormessage dd {
 padding: .5em .5em 1em 40px;
 margin: 0;
}

/* clear any floats */
div.clearer {
 clear: both;
 height: 0px;
 font-size:0px;
 padding:0;
 margin:0;
}

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

/* search results stuff */

/* page numbers */

.pagetabs {
 width: 100%;
 padding: .2em;
 margin: .5em 0 1em 0;
}

.pagetabs span.back {
 width: 24%;
}

.pagetabs span.next {
 width: 24%;
}

.pagetabs span.numbers {
 width: 50%;
 padding: 0 2% 0 2%;
 margin-left: 0 2% 0 2%;
}

/* search result boxes */

#searchResults {
 clear: both;
 width: 99%;
}

#searchResults dl {text-align:left;
 padding: 0;
 margin: 0 0 1em 0;
}

#searchResults dt {
 padding:5px;
 width:100%;}

#searchResults dt .twoCol {
 width: 55%;
 float: left;
}

#searchResults .col1 {
 width: 40%;
 float: left;
}

#searchResults .col2 {
 width: 18%;
 left: 40%;
 float: left;
 padding: 0 1% 0 1%;
}

#searchResults .col3 {
 width: 40%;
 left: 54%;
 float: left;
 text-align: right;
 clear: right;
}

#searchResults .jobTitle {
float:left;
width:49%;
}
#searchResults .jobLocation {
float:right;
text-align:right;
}

#searchResults dd {
  width: auto;
  padding: .5em;
  margin: 0;
}

#searchResults dd img {
 float: left;
 margin: 0 .5em .5em 0;
 border: 0;
}

div.adfooter {
 width: 100%;
 padding: .25em 0;
 margin-top: .25em;
 clear: both;
}

span.contact {
 float: left;
 width: 64%;
 padding: .1em .1em 0;
}

span.moredetails {
 width: 34%;
 float: right;
 text-align: right;
 padding: .1em .1em 0;
}

#contact-link {position:relative;width:128px; height:28px; margin:0; padding:0; overflow:hidden}
#contact-link a {position:absolute; z-index:1; display:block; left:0; top:0; z-index:1; width:128px; height:28px; margin:0; padding:0; text-indent:-1000px;}
#contact-link a.dealer {background:url('/images/b_contact_dealer.gif') top left no-repeat}
#contact-link a.seller {background:url('/images/b_contact_seller.gif') top left no-repeat}

#quicksearch {
 padding: 5px;
 margin-bottom:10px;
}
#quicksearch th {text-align:left}
#quicksearch label {font-weight:bold}
#quicksearch td input {width:90%}
#quicksearch td select {width:90%}
#quicksearch td input.location, #quicksearch td select.distance {width:50%}
/*-------------------------------------------------------------------------------*/
/* spacing for IMG based advertising on right column */

#x01 img, #x02 img, #x03 img, #x04 img, #x20 img, #x21 img, #x22 img, #x23 img, #Position1 img, #Position2 img, #Position3 img, #Position4 img, #Top1, #Top2, #Top3 {
  margin-bottom:10px;
}

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

/* CONTENT PAGES */

/* toplevel links in to sections */

#contentsection {
 margin-bottom: 1em;
}

#contentsection ul {
 list-style: none;
 margin: 1em 0 0 .5em;
 padding: 0;
}

#contentsection li a {
 display: block;
 padding: 5px 2px 8px 0.5em;
}

html>body #contentsection li a {
 width: auto;
}


#captionBox{
 margin-top: 2em;
 padding: 1em;
}

#captionBox h5 {
 margin-top:0;
}

#rightTower {width:150px; padding:0 0 10px 0;  margin-bottom:5px;}
#rightTower h3 {margin:0 0 5px 0; padding:5px; text-align:left; }
#rightTower p {text-align:left; padding:5px;font-size:90%;}

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

/* forms (simple two column, eg registration */

#datainput fieldset{
 margin-top: 1em;
}

#datainput fieldset p {
 padding-bottom: .5em;
}

#datainput legend {
 padding: 0;
 margin: 0 0 .5em 0;
}

#datainput label {
 float: left;
 /*width: 18em;*/
 width:45%;
 margin: .25em 2em 1em 1em;
}

#datainput label.chk {
 float: right;
 width: 90%;
 margin: 0;
}

#datainput fieldset.nolines p, p.nolines {
 border: none;
}

#datainput div.rowspacer {
 float: left;
 margin-bottom: .5em;
 padding: .5em 0 .5em 0;
}

#datainput span.left {
 float: left;
 width: 18em;
}

#datainput span.right {
 float: left;
 width: 21em;
}

#datainput span.left, #datainput label {
 margin: .25em 2em 1em 1em;
}

#datainput .alignRight {
 float: right;
 text-align: right;
 width: auto;
}


#datainput input, #datainput textarea {
font-size:90%; 
 color:#F47920; 
}

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

/* My fish4 box styles*/

div.row {
 float: left;
 clear: both;
 margin-bottom: .5em;
}

div.row span.adName {
 float: left;
 width: 200px;
 padding: .25em 1em .25em 1em;
}

div.row span.adAttr {
 float: right;
 padding: .25em 1em .25em 1em;
}

.mandatory {padding:3px}

 /* CV styles */

.heading {
 padding: 3px 0px 3px 0px;
 margin-bottom: 5px;
}

.cvlist TH {
 padding: 4px;
 border-bottom: 2px solid white;
}

.cvlist TD {
 padding: 4px;
}

.cvlist TD.subhead {
 font-weight: bold;
}

.cvheader {
 padding: 4px;
 width: auto;
}

.cvbody {
 padding: 4px;
 margin-bottom: 20px;
}


/*-------------------------------------------------------*/
/* Advertise with us loginpage - layout.css*/
/* Ange Css code goes here... */
.advertiseBoxBg{float:left; clear:both;margin:0;padding:0;width:520px;}
#advertiseContact dt{height:37px; width:154px; padding:0; margin-top:0;}
#advertiseContact dl{width:154px; padding:0; margin-top:0;}
#advertiseContact dd{width:154px; padding:0; margin-top:0;height:175px;}

.boxContent {float:left; clear:both;margin:0;padding:0;width:520px;}
#advertiseWrapper{width:520px; float:left;}
#advertiseTop{clear:both; padding-bottom:10px;}


/* Top advertise box code */
.advertiseBoxHolder {width:520px; margin:0; padding:0;}
.advertiseBoxTop{float:left; clear:both;margin:0;padding:0;width:520px;}
.advertiseBoxBot{float:left; clear:both;margin:0;padding:0;width:520px;}
.advertiseContentLeft{float:left; margin:0 0px 0 0px;padding-left:1px;  width:130px; clear:left; display:inline;}
.advertiseContentMiddle{float:left; margin:0 20px 0 0px;padding-left:10px; width:70px; display:inline;}
.advertiseContentRight{float:left; margin:0 20px 0 0px; width:240px; display:inline;}

/* LOCAL SITE BRANDING - MUST RESIDE HERE */
h2.fish4cars, h2.fish4homes, h2.fish4lettings, h2.fish4jobs {
	width:100%;
	height:35px;
}
div.simplesearchTitle {
  width:100%;
	clear:both;
}
div.simplesearchTitle h2{
	float:left;
	width:75%;
}
div.simplesearchTitle span.powered{
 	width:25%;
	float:right;
}
h2.fish4cars {background:url('/images/powered_by/fish4cars.gif') top right no-repeat;}
h2.fish4homes {background:url('/images/powered_by/fish4homes.gif') top right no-repeat;}
h2.fish4lettings {background:url('/images/powered_by/fish4lettings.gif') top right no-repeat;}
h2.fish4jobs {background:url('/images/powered_by/fish4jobs.gif') top right no-repeat;}