@charset "utf-8";
body{font-family:Arial, Helvetica, sans-serif;}
/*---------------------------------------------------------------SUBPAGE STYLES*/
.subpage .banner-wrap{
	width:980px;
	margin:auto;
	position:relative;
}

.subpage .banner{
	position:absolute;
	top:20px;
	left:20px;
	width:700px;
	}
/*.subpage .comtent-column{
	padding-top:202px;
}
*/
.subpage-wide .banner{
	display:none;
}
/*---------------------------------------------------------------END SUBPAGE STYLES*/



/*---------------------------------------------------------------BODY*/
.body1{
	background-image:url(/media/jtclarkelondon.com/images/template/body1bg.gif);
	background-repeat:repeat-x;
	background-color:#87B145;
        min-width: 1020px;
	}
.body2{
	position:relative;
	background-image:url(/media/jtclarkelondon.com/images/template/bg-2.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	}
	
#wrapper {
    position:relative;
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: 980px;
}
/*---------------------------------------------------------------HEADER*/
.header-wrapper{
	width:980px;
	margin:auto;
	position:relative;
	clear:both;
	height:110px;
	}
.logo{
	float:left;
	padding-top:15px;
	}
.register{
	top:0px;
	right:0px;
	z-index:1;
	background-color:#4b4b4b;
	padding:7px 30px;
	float:right;
	position:absolute;
	}
.register a:link, .register a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}
.register a:hover{
	color:#999999;
	text-decoration:none;
	}
.contact{
	top:60px;
	right:0px;
	z-index:1;
	float:right;
	position:absolute;
	color:#87B145;
	font-size:18px;
	}
.translate{
	top:3px;
	right:180px;
	z-index:1;
	float:right;
	position:absolute;
	}
.social-top{
	top:116px;
	right:0px;
	z-index:1;
	float:right;
	position:absolute;
	}
.social-top img{
	padding-left:10px;
	}
.strap-line{
	display:none;
	}
	
	
/*---------------------------------------------------------------BANNER*/
.banner{
	margin:30px auto 18px;
	width:690px;
    float:left;
    padding:0 0 0 0px;
	}
#slider1 {
    height: 456px;
    overflow: hidden;
    position: relative;
    width: 980px;	
   background:#fff; 
}
#slider1Content {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 980px;
}
.slider1Image {
    display: none;
    float: left;
    position: relative;
}
.slider1Image span {
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    padding: 10px 15px;
    position: absolute;
    width: 950px;
	left:0px;
	bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}
.clear {
    clear: both;
}
.slider1Image span strong {
    font-size: 19px;
    font-weight: normal;
}
.left {
    bottom: 0;
    height: auto !important;
    left: 0;
    width: 639px !important;
}
.right {
    bottom: 0;
    height: auto !important;
    left: 0;
}
ul {
    list-style-type: none;
}
.slider1Image {
    height: 456px;
}
.slider1Image img {
    height: 456px;
    width: 980px;
}
	
.featured-img {
    left: 592px;
    position: absolute !important;
    top: 0;
    z-index: 100;
}


/*---------------------------------------------------------------MENU*/
.menu{
	margin:auto;
	width:980px;
	}
	
/*---------------------------------------------------------------CONTENT*/
.comtent-column{
	width:690px;
	float:left;
	margin:0 0 0 0px;
}
.comtent-column2{
	position: absolute;
    right: 0px;
    top: 180px;
    width: 230px;
	height:auto;
}
/*---------------------------------------------------------------CONTENT*/
.content{
	margin:auto; 
	padding:10px 0px 100px; 
	background-color:#FFFFFF; 
	width:980px; 
	min-height:250px;
	}
.content1{
	background-color: #FFFFFF;
    margin: auto;
    min-height: 1050px;
    padding: 10px 0px 100px;
    width: 980px;
	}

.contacts .content1{

    min-height: 1120px;
    
	}	
	
/*---------------------------------------------------------------FOOTER*/
.footer-wrapper{
	background-color:#ffffff;
	margin:auto;
	}
.footer{
	width:980px;
	margin:auto;
	position:relative;
	clear:both;
	height:auto;
	}

.footer-logo{
	float:left;
	top:20px;
	position:absolute;
	}

.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:-80px;
	right:-15px;
	}
.social-bottom img{
	width:25px;
	}
	
.portals{
	position:absolute;
	top:-71px;
	text-align:left;
	width:980px;
	}
.bottom-menu{
	width:940px;
	position:absolute;
	right:20px;
	top:20px;
	}
.footer-wrapper2{
	background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    height: auto;
    margin: auto;
    width: 996px;
	float:left;
	}
.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:#666666;
	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/jtclarkelondon.com/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 {
	background:url(/media/jtclarkelondon.com/images/template/menu-spliter.gif) right;
	background-repeat:no-repeat;
	float: left;
	list-style:none;
	position: relative;
}
.top-menu .menu ul li:last-child {
	background:none;
	background-repeat:no-repeat;
	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 10px 0 10px;
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:#666666;
text-decoration: none;
}*/
.top-menu  .menu ul li ul {
display: none;
position: absolute;
left: 0px;
top: 25px;
height: auto !Important;
background: rgba(134,176,68, .3);
width: 160px !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-image:none;
padding: 0 0 0 15px;
line-height: 30px;
height: 30px;
display:block;
width: 145px !important;
}
.top-menu .menu ul li:hover ul li a:hover {
background: #474747;
text-decoration: none;
}

/*--------MENU  FOOTER-----*/
.bottom-menu .menu{
	margin:0;
	}
.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;
	}
/*--------RHS PANEL-----*/
.rhs-panel{
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 0;
    width: 260px;
    border-color: #EAEAEA;
    border-style: solid;
    border-width: 1px;
    float: left;
    overflow: hidden;
}
.rhs-panel h3 {
    background-color: #87B145;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    line-height: 30px;
    margin: 0;
    padding: 8px 15px;
text-align:center;
}
/*--------RHS PANEL END-----*/


/*--------RHS Valuation Start-----*/
.rhs-valuation{
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 0;
    width: 260px;
    border-color: #EAEAEA;
    border-style: solid;
    border-width: 1px;
    float: left;
    overflow: hidden;
}
.rhs-valuation h3 {
    background-color: #87B145;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    line-height: 30px;
    margin: 0;
    padding: 8px 15px;
text-align:center;
}
/*--------RHS Valuation CSS end-----*/


.right-box{
   width:260px;	
	
}
.right-box img{
   margin:11px 0 0 0;	
	
}





/*------------RHS Office---------------------*/



.rhs-contact {
    background-position: right bottom;
    background-repeat: no-repeat;
    border-color: #EAEAEA;
    background:#eaeaea;
    border-style: solid;
    border-width: 1px;
    float: left;
    overflow: hidden;
    padding: 0;
    width: 260px;
    min-height:100px;
    font-family:Arial, Helvetica, sans-serif;
	margin-top:15px;
 	
}

.rhs-contact h3 {
    background-color: #87B145;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    line-height: 30px;
    margin: 0;
    padding: 8px 15px;
}

.rhs-contact p {
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    margin:0 0 0 10px;
    text-align: justify;
}


.rhs-contact h4 {
    color: #444444;
    font-size: 16px;
    font-weight: normal !important;
    margin: 10px 0 15px 10px;
    padding: 0;
}

/***----------RHS Careers-----------***/

.rhs-careers {
    background-position: right bottom;
    background-repeat: no-repeat;
    border-color: #EAEAEA;
    background:#eaeaea; 
    border-style: solid;
    border-width: 1px;
    float: left;
    overflow: hidden;
    margin:20px 0 0 0;
    width: 260px;
    min-height:230px;
    font-family:Arial, Helvetica, sans-serif;
	
}

.rhs-careers h3 {
    background-color: #87B145;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    line-height: 30px;
    margin: 0;
    padding: 8px 15px;
}

/*---    Community Events Css -----**/

.content-area
{
	width:700px;
	min-height:1000px; 
	height:auto;
	font-family:Arial, Helvetica, sans-serif; color:#555555;"
}

.customer-reviews
{	background: url("/media/jtclarkelondon.com/images/template/reviewIcon.jpg") no-repeat scroll 0 0 transparent;:
	width:700px;
	padding:0 0 0 50px; 
	height:auto;
	font-family:Arial, Helvetica, sans-serif; color:#555555;"
}
.customer-reviews p{
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    margin:0 0 5px 0;
    text-align: justify;
	padding:0 0 10px 0 !important;
}

.divider {

    border-top: 1px dotted #B2B2B2;
    display: block;
    height: 10px !important;
    line-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    width: 100%;
}

.content-area h1
{
	 border-bottom:dotted 1px #B2B2B2;
	 margin:20px 0 25px 0;
	 padding-bottom:8px;
	 font-weight:normal;
	 font-size:24px;
	 color:#555555;	

}

.content-area h2 
{
    font-size: 19px;
    margin:0 0 10px 0;
	font-weight:normal;
	padding:0;
	color:#555555;
	 
	
}

.inner-content
{
	width:700px;
	min-height:140px;	
	height:auto;
	border-bottom:dotted 1px #B2B2B2;
	position:relative;
	padding:20px 0 0 0;
}

.inner-image
{
	width:130px;
	min-height:110px;	
	height:auto;
	float:left;

}
.inner-image img
{
	width:130px;
}
.inner-text
{
	width:560px;
	min-height:110px;	
	height:auto;
	float:right;
}


.content-area p {
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    margin:0 0 5px 0;
    text-align: justify;
	padding:0;
}

.darkGreen-text, .darkGreen-text a {
    color: #629910 !important;
    text-decoration: none !important;
	padding:0;
	font-size: 11px !important;
}

.content-area h2 a
{
	text-decoration:none !important;
	color:#555555 !important;	
}

.wp-pagenavi span.pages
{
    height: 16px;
    line-height: 16px;
    padding: 0 20px 0 0 !important;
}

.wp-pagenavi span.current {
    border-right: 1px solid #CCCCCC;
    color: #629910;
    font-weight: bold;
    padding: 0 10px;
}

.wp-pagenavi a {
    border-right: 1px solid #CCCCCC;
    color: #555555;
    padding: 0 10px;
    text-decoration: none;
}

.wp-pagenavi a {
    border-right: 1px solid #CCCCCC;
    color: #555555;
    padding: 0 10px;
    text-decoration: none;
}
.col1 p{
padding:5px 0 5px 0px;
}
.col1 h1, h3, h2{
margin-bottom:0px;
padding:0px ;
}