@charset "utf-8";
body{font-family:Arial, Helvetica, sans-serif;}
/*---------------------------------------------------------------SUBPAGE STYLES*/

.subpage .body1, .subpage-wide .body1{
	background-image:url(/media/ipropertyfinders.co.uk/images/template/body-bg2.jpg);
	}

.subpage-wide .content, .subpage .content {
	margin:20px auto 60px; 
	padding:60px 20px 30px; 
	background-image:url(/media/ipropertyfinders.co.uk/images/template/content-bg2.gif);
	}
.subpage-wide .menu, .subpage .menu{
	margin-top:20px;
	}
.subpage-wide .social-top, .subpage .social-top {
    top: 154px;
}
.subpage-wide .banner-wrap, .subpage .banner-wrap {

	display:none;
	margin:auto;
	width:980px;
	position:relative;
}

/*---------------------------------------------------------------END SUBPAGE STYLES*/



/*---------------------------------------------------------------BODY*/
.body1{
	background-repeat:no-repeat;
	background-color:#d4d5d0;
	background-position:top;
	background-image:url(/media/ipropertyfinders.co.uk/images/template/body-bg.jpg);
	}
	
	
/*---------------------------------------------------------------HEADER*/
.header-wrapper{
	width:980px;
	margin:auto;
	position:relative;
	clear:both;
	height:119px;
	}
.logo{
	position:absolute;
	left:0;
	top:8px;
SS	}
.register{
	top:60px;
	right:0px;
	z-index:1;
	padding:0;
	float:right;
	position:absolute;
	text-transform:uppercase;
	font-size:12px
	}
.register a:link, .register a:visited{
	color:#734C76;
	text-decoration:none;
	}
.register a:hover{
	color:#9C228B;
	text-decoration:none;
	}
.contact{
	top:35px;
	right:0;
	z-index:1;
	float:right;
	position:absolute;
	color:#000;
	font-size:16px;
	}
.translate{
	top:7px;
	right:0;
	z-index:1;
	float:right;
	position:absolute;
	}
.social-top{
	top:636px;
	right:20px;
	z-index:1;
	float:right;
	position:absolute;
	}
.social-top img{
	padding-left:5px;
	width:25px
	}
.strap-line{
	display:none;
	}
	
	
/*---------------------------------------------------------------BANNER*/
.banner-wrap{
	display:block;
	margin:auto;
	width:980px;
	position:relative;
	}
	
.banner{
	float:right;
	width:700px;
	position:absolute;
	right:20px;
	top:20px;
	padding-bottom:48px;
	background-repeat:no-repeat;
	background-position:bottom;
	/*background-image:url(/media/ipropertyfinders.co.uk/images/template/banner-bg.png);*/
	}
	
	
/*---------------------------------------------------------------MENU*/
.top-menu{
	margin:auto;
	width:980px;
	}
.menu{
	margin-top:506px;
	width:960px;
	padding-left:20px;
	float:left;
	background-color:#000;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	}
/*---------------------------------------------------------------CONTENT*/
.comtent-column{
	width:700px;
	float:left;
}
.comtent-column2{
	width:220px;
	float:right;
}
/*---------------------------------------------------------------CONTENT*/
.content{
	margin:506px   auto 60px; 
	padding:60px 20px 10px; 
	width:940px; 
	min-height:500px;
	background:#FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-repeat: repeat-x;
	background-position:bottom;
	background-image:url(/media/ipropertyfinders.co.uk/images/template/content-bg.gif);
	}
	
	
/*---------------------------------------------------------------FOOTER*/
.footer-wrapper{
	background-color:#fff;
	margin:auto;
	}
.footer{
	width:980px;
	margin:auto;
	position:relative;
	clear:both;
	height:130px;
	}
.footer-logo{
	float:left;
	top:20px;
	position:absolute;
	display:none;
	}

.footer-logo img{
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	filter: alpha(opacity=20);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	width:150px;
	}

.social-bottom{
	position:absolute;
	top:40px;
	right:25px;
	display:none;
	}
.social-bottom img{
	width:15px;
	}
	
.portals{
	position:absolute;
	top:25px;
	text-align:center;
	width:980px;
	}
.bottom-menu{
	width:940px;
	position:absolute;
	right:20px;
	top:20px;
	}
.footer-wrapper2{
	background-color:#000;
	margin:auto;
	}
.footer2{
	width:980px;
	margin:auto;
	position:relative;
	clear:both;
	height:40px;
	}
.Gnomen-link{
	position:absolute;
	bottom:10px;
	right:0px;
	}
.Gnomen-link{
	color:#666666;
	font-size:12px;
	}
.Gnomen-link a{
	color:#666666;
	text-decoration:none;
	}
.Gnomen-link a:hover{
	color:#fff;
	text-decoration:none;
	}
.accreditation{
	position:absolute;
	bottom:10px;
	left:0px;
	}
.accreditation{
	color:#666666;
	font-size:12px;
	}
.accreditation a{
	color:#666666;
	text-decoration:none;
	}
.accreditation a:hover{
	color:#fff;
	text-decoration:none;
	}

/*--------translation-----*/
.flags{ background-image: url(../../../media/ipropertyfinders.co.uk/images/default/translate.gif);
	height:20px;
	width:140px;
	overflow:hidden;
	}
#google_translate_element {  padding-top:0px; font-size:12px;}
#google_translate_element select option{ font-size:12px; color:#333333;
}
#google_translate_element select {font-size:12px; 	filter:alpha(opacity=50);
	-moz-opacity:0;
	-khtml-opacity: 0;
	  /* for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
	opacity: 0;
	width:140px;
}


/*--------MENU-----*/
.top-menu .menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 980px;
	height: 51px;
	z-index: 1000;
}
.top-menu .menu ul li {
	float: left;
	list-style:none;
	position: relative;
}
.top-menu .menu ul li.menuSELECTED a{	
display: block;
height:41px;
line-height: 25px;
font-size: 14px;
color: #fff !important;
padding: 10px 16px 0 16px;
text-decoration:none;
}
.top-menu .menu ul li a {	
display: block;
height:41px;
line-height: 25px;
font-size: 14px;
color: #fff !important;
padding: 10px 16px 0 16px;
/*background:url(../../../media/century21uk.com/images/menu-bg.gif) right;*/
text-decoration:none;
}
.top-menu .menu ul li a:hover , .top-menu .menu ul li:hover a {
background-color:#000;
text-decoration: none;
}
.top-menu  .menu ul li ul {
display: none;
position: absolute;
left: 0px;
top: 25px;
height: auto !Important;
background: #000;
width: 250px !important;
}
.top-menu .menu ul li:hover ul {
display: block;
margin-top:25px;
border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-top-right-radius:6px;
-moz-border-radius-topright:6px;
padding:6px 0;
}
.top-menu .menu ul li:hover ul li a:link, .top-menu .menu ul li:hover ul li a:visited {
background-color:#000;
background-image:none;
padding: 0 0 0 15px;
line-height: 30px;
height: 30px;
display:block;
width: 235px !important;
}
.top-menu .menu ul li:hover ul li a:hover {
background: #0b0b0b;
text-decoration: none;
}

/*--------MENU  FOOTER-----*/
.bottom-menu .menu{
	margin:0;
	display:none;
	}
.bottom-menu .menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align:right;
}

.bottom-menu  .menu ul li{
	display:inline-block;
	padding: 0px;
	margin: 0px 20px 0 0;
	vertical-align:top;
	text-align:left;
}
.bottom-menu  .menu ul li ul li{
	display:block;
	padding: 5px 0 0;
	margin: 0px;
	text-align:left;
}
.bottom-menu ul li a{
	text-decoration:none;
	color:#999999;
	font-size:12px;
	}
.bottom-menu ul li ul li a{
	text-decoration:none;
	color:#999999;
	font-size:10px;
	}
.bottom-menu ul li ul li a:hover{
	text-decoration:none;
	color:#fff;
	}

/*--------BOX BG-----*/
.box-wrapper{
	background-repeat:repeat-x;
	background-position:bottom;
	
	}
.text .box-wrapper .boxstyle h3{
	margin-top:-5px;
	padding:0 0 5px;
	}
/*--------FEATURED-----*/
.featured-price{
	font-weight:bold;
	color:#734C76;
}

/*-------LEFT COLUN-------*/
h3.sidebar{
	font-size:18px;
	font-weight:bold;
	color:#333;
	margin:40px 0 0;
	float:left;
}
/*-------Home page cloud css-------*/
.cloud-about{
 background:transparent;
 position:absolute; 
 top:73px; 
 left:-220px; 
 height: 150px; 
 width: 240px;
 text-decoration:none;
 text-align:center;}
 .cloud-sales{
 background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 150px;
    position: absolute;
    right: 160px;
    text-align: center;
    text-decoration: none;
    top: 20px;
    width: 240px;}
	
	.cloud-lettings{
 background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 150px;
    position: absolute;
    right:35px;
    text-align: center;
    text-decoration: none;
    top: 210px;
    width: 240px;}
	 
	.cloud-property-investment{
background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 150px;
    left: 18px;
    position: absolute;
    text-decoration: none;
    top: -40px;
    width: 240px;
	text-align:center;
 } 

.cloud-about a, .cloud-property-investment a{
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 color:#FFF;
 font-weight:bold;
 text-decoration:none;
 }
.cloud-lettings a{
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 0 32px 0 0;
    text-decoration: none;}
.cloud-sales a{
	color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 0 27px 0 0;
    text-decoration: none;
	}
.cloud-about a:hover, .cloud-sales a:hover, .cloud-lettings a:hover, .cloud-property-investment a:hover{
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 color:#FFF;
 font-weight:bold;
 text-decoration:none;
 }
 .cloud-about a p, .cloud-sales a p, .cloud-lettings a p, .cloud-property-investment a p{
	  font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 text-align:left; 
 text-decoration:none;
 font-weight:normal !important;
 
	 
	 }



.cloud-sales a[title]:hover:after, .cloud-about a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
.cloud-lettings a[title]:hover:after, .cloud-property-investment a[title]:hover:after{
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}