/*
styles.css
www.ruleandrule.co.uk
webteam@opg.co.uk
Version 7.0
Created - 01/10/2010
Modified -  06/01/2011
*/


* { padding:0; margin:0;}

/*////////////// Site Construction \\\\\\\\\\\\\\\\\*/
#topbar { width:1000px;	position:relative;	margin-top: 0;	margin-right: auto;	margin-left: auto;	height: 30px;	background-image: url(../img/topbar.jpg);	margin-bottom: 0px;	padding-bottom: 30px;	background-repeat: no-repeat; }
#topbar p {	font-family:"trebuchet ms", trebuchet, helvetica, arial;	color:#FFF;	font-weight:bold;	font-size:200%;	line-height: 28px; }
.header-tel {	height: 30px;	float: right;	background-image: url(../img/phone.gif);	background-repeat: no-repeat;	background-position: left center;	padding-left: 32px;	padding-right: 30px; }

#wrapper { text-align:left; width:1000px; background:url(../img/content.jpg) repeat; margin:0 auto; }

#headertop { width:640px; padding-top:0px; padding-bottom:20px; margin:0 auto; text-align:left; }

#right { width:720px; padding-right:50px; padding-left:30px; float:right; }
html>body #right { width:638px; }

#left { float:left; width:265px;}
html>body #left {  }

#logo { padding-left:35px; }


/*///////////////// Footer Construction \\\\\\\\\\\\\\\\\\*/

#foot { width:1000px; height:30px; background:url(../img/foot.jpg); margin:0 auto; }
#keywords { width:960px; height:50px; margin:0 auto; padding-top:10px; }
h6	{ text-decoration: none; background: transparent; font-size: 9px; font-weight: normal; color: #2C5827; padding: 5px 10px 5px 0px; }

.copyright:link	{ text-decoration: underline; background: none; font-size: 12px; font-weight: normal; color:#7f7f7f;}
.copyright:visited	{ text-decoration: underline; background: none; font-size: 12px; font-weight: normal; color:#7f7f7f;}
.copyright:hover	{ text-decoration: underline; background: none; font-size: 12px; font-weight: normal; color: #000000; }
.copyright:active	{ text-decoration: underline; background: none; font-size: 12px; font-weight: normal; color:#7f7f7f; }


/*///////////////// Search Page Construction \\\\\\\\\\\\\\\\\\*/
#topbar2 { width:1000px;	position:relative;	margin-top: 0;	margin-right: auto;	margin-left: auto;	height: 30px;	background-image: url(../img/topbar2.jpg);	margin-bottom: 0px;	padding-bottom: 30px;	background-repeat: no-repeat; }
#topbar2 p {	font-family:"trebuchet ms", trebuchet, helvetica, arial;	color:#FFF;	font-weight:bold;	font-size:200%;	line-height: 28px; }

#wrapper2 { width:1000px; background:url(../img/content2.jpg) repeat; margin:0 auto; }

#topstrip { width:938px; padding: 0 30px 5px 30px; float:right; }

#right2 { width:680px; float:right; margin-right:30px; }
#left2 { float:left; width:276px;}
#logo2 { padding-left:30px; }

#main { width:938px; padding: 0px 30px 0px 30px; float:right; }
html>body #main { width:938px; }

/*////////////// Top Navigation - Search Page \\\\\\\\\\\\\\\\\\\*/

#topnav { clear:both; float:left; width:100%; overflow:hidden; }

#menu2 { padding:0; margin:0 auto; list-style-type:none; float:left; position:relative; left:50%; }
#menu2 li { float:left; position:relative; right:50%; }
#menu2 a { width:auto; display:block; padding:4px 20px; color:#FFF; background:#58a650; text-decoration:none; border:1px solid #fff;}
#menu2 a:hover { color:#fff; background:#75c56d; }


/*////////////////// Main Styles \\\\\\\\\\\\\\\\\\*/
p {	margin:0;	font-family: Verdana, Arial, Helvetica, sans-serif;	line-height: 18px;	padding: 0;	font-size: 12px; }

h1{	font-size: 17px;	font-weight: bold;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #018c58;	padding-bottom: 5px; }

h2{	font-size: 14px;	font-weight: bold;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #333333; }

a { font-family:trebuchet ms, trebuchet, helvetica, arial; color:#e65c01;  font-weight:bold; text-decoration:underline;}
a:hover { color:#333333; text-decoration:underline; }

ul {list-style-position: inside;}
li { padding-bottom:5px;}

.txtblock td { border:1px solid #000000; padding:3px; }

body { font-family:trebuchet ms, trebuchet, helvetica, arial; text-align:center; background:url(../img/bodybg.jpg) repeat-x #cfcfcf; font-size:76%; line-height:150%; color:#4c4c4c; margin:0 auto; }

.sgmap { width:640px; height:240px; display:block; }

/*////////////// Main Navigation \\\\\\\\\\\\\\\\\\\*/

#menu { padding-top:1px;  padding-left:16px;}
html>body #menu { padding-left:33px; }

#menu li {  list-style:none; }
#menu a { color:#ffffff; text-decoration:none;text-transform:capitalize; font-weight:bold;}
#menu a:hover { color:#ffffff; font-weight:bold;}
#menu a:active { color:#ffffff; font-weight:bold;}
#menu a:visited { color:#ffffff; font-weight:bold;}


li.menu1 a { background:url(../img/nav_menu.gif) 0 0; width:227px; height:35px; display:block; padding:7px 0 0 33px;}
html>body li.menu1 a { width:194px; height:28px; }
li.menu1 a:hover { background:url(../img/nav_menu.gif) 0 -35px; width:227px; height:35px; display:block;padding:5px 0 0 32px;}
html>body li.menu1 a:hover { width:195px; height:30px; }
li.menu1 a:active { background:url(../img/nav_menu.gif) 0 -70px; width:227px; height:35px; display:block; padding:7px 0 0 34px;}
html>body li.menu1 a:active { width:193px; height:28px; }

li.menuon1 { background:url(../img/nav_menu.gif) 0 -70px; width:205px; height:35px; display:block; padding:7px 0 0 34px; color:#ffffff; font-weight:bold;}
html>body li.menuon1 { width:193px; height:28px; }


/*/////////////// Top Buttons \\\\\\\\\\\\\\\\\\*/

#topbuttons { height:112px; }

.buybutton { float:left; margin-right:12px;}
.buybutton a {  background:url(../img/but_buy_up.jpg) 0 0; width:151px; height:95px; display:block; color:#ffffff; text-decoration:none; }
.buybutton a:hover { background:url(../img/but_buy_down.jpg) 0 -95px; width:151px; height:95px; display:block; color:#ffffff;text-decoration:none;}
.buybutton a:active { background:url(../img/but_buy_up.jpg) 0 -190px; width:151px; height:95px; display:block; color:#ffffff;text-decoration:none;}

.letbutton { float:left; margin-right:12px; }
.letbutton a {  background:url(../img/but_let_up.jpg) 0 0; width:150px; height:95px; display:block; color:#ffffff; text-decoration:none; }
.letbutton a:hover { background:url(../img/but_let_down.jpg) 0 -95px; width:150px; height:95px; display:block; color:#ffffff;text-decoration:none;}
.letbutton a:active { background:url(../img/but_let_up.jpg) 0 -190px; width:150px; height:95px; display:block; color:#ffffff;text-decoration:none;}

.sellbutton { float:left; margin-right:12px; }
.sellbutton a {  background:url(../img/but_sell_up.jpg) 0 0; width:150px; height:95px; display:block; color:#ffffff; text-decoration:none; }
.sellbutton a:hover { background:url(../img/but_sell_down.jpg) 0 -95px; width:150px; height:95px; display:block; color:#ffffff;text-decoration:none;}
.sellbutton a:active { background:url(../img/but_sell_up.jpg) 0 -190px; width:150px; height:95px; display:block; color:#ffffff;text-decoration:none;}

.rentbutton { float:left;}
.rentbutton a { background:url(../img/but_rent_up.jpg) 0 0; width:150px; height:95px; display:block; color:#ffffff; text-decoration:none; }
.rentbutton a:hover { background:url(../img/but_rent_down.jpg) 0 -95px; width:150px; height:95px; display:block; color:#ffffff;text-decoration:none;}
.rentbutton a:active { background:url(../img/but_rent_up.jpg) 0 -190px; width:150px; height:95px; display:block; color:#ffffff;text-decoration:none;}


/*/////////////// Right side base logos \\\\\\\\\\\\\\\\\*/

.facebook { padding-left:25px; padding-top:5px; text-align:center; }
.appraisal { padding-left:35px; padding-top:5px; }
.contact { padding-left:35px; padding-top:5px; }
.neighbour { padding-left:35px; padding-top:5px; }
.legal { padding-left:35px; padding-top:5px; }

.accreds { padding-left:35px;	padding-top:25px; text-align: center; }
.accreds2 { padding-left:35px;	padding-top:70px; text-align: center; }
 html>body .accreds { width:240px; }

.naea { float:left; }
.naea a {  background:url(../img/accred_naea.jpg) 0 0; width:63px; height:62px; display:block; color:#ececec;}
.naea a:hover { background:url(../img/accred_naea.jpg) 0 -61px; width:63px; height:62px; display:block;color:#ececec;}
.naea a:active { background:url(../img/accred_naea.jpg) 0 -61px; width:63px; height:62px; display:block;color:#ececec;}

.arla { float:left; height:62px; display:block;}
.arla a {  background:url(../img/arla-icon.jpg) 0 0 no-repeat; width:70px; height:50px; display:block; color:#ececec;}
.arla a:hover { background:url(../img/arla-icon.jpg) 0 -49px no-repeat; width:70px; height:50px; display:block;color:#ececec;}
.arla a:active { background:url(../img/arla-icon.jpg) 0 -49px no-repeat; width:70px; height:50px; display:block;color:#ececec;}

.osp { float:left; }
.osp a {  background:url(../img/os_property.jpg) 0 0; width:119px; height:58px; display:block; color:#ececec;}
.osp a:hover { background:url(../img/os_property.jpg) 0 -57px; width:119px; height:58px; display:block;color:#ececec;}
.osp a:active { background:url(../img/os_property.jpg) 0 -57px; width:119px; height:58px; display:block;color:#ececec;}

.nobold { padding-top:5px; text-align:left; padding-left:20px; color:#7f7f7f;}
.nobold a { color:#7f7f7f; }

#con_wrap {	width: 600px;	margin-top: 0;	margin-bottom: 0;	}

#contact-form {	border: 1px solid #CCCCCC;	font-size: 11px;	background-color: #F1F1F1;	padding-top: 10px;	padding-right: 15px;	padding-bottom: 10px;	margin-top: 10px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;	width: 600px;	padding-left: 15px; }

#contact-form p{	font-size: 12px;	padding-top: 1px;	padding-bottom: 2px;	line-height: 18px; }

#contact-form h2{	font-size: 14px;	padding-top: 3px;	padding-bottom: 2px;	color: #018c58; }

.listpadd{	list-style:square;	padding-top: 5px;	padding-right: 5px;	padding-bottom: 5px;	padding-left: 0px; }

.listlinkspace{	line-height:18px;	margin-top:0;	margin-left:0px;	list-style:none;	padding-left: 0px;}

a.listlinks {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #018c58;	text-decoration:underline;	font-weight: normal;}

a.listlinks:hover {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #e65c01;	text-decoration:none; }

.Btext {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;	color: #333333;	line-height:14px;	padding-top: 15px;	padding-right: 0;	padding-bottom: 5px;	padding-left: 0px;	margin-left: 0px; }