/*
-----------------------------------------------
Client: Chess Properties 
Author: Dave P
Company Author: Oldroyd Publishing Group Ltd
Company Website: www.opg.co.uk
Copyright: 2011 
Version:  10 August 2011
----------------------------------------------- */

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

* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; color: #000; background-image:url(images/main-bgrd.gif); background-repeat:repeat-x; }
#wrapper { margin: 0 auto; width: 1000px; }
#faux {  display:inline; background: #000; margin-bottom: 0px; overflow: auto; /* Fix for IE */ width: 100%;}
#faux2 { display:inline; background: #FFF; margin-bottom: 0px; overflow: auto; /* Fix for IE */ width: 100%;}
#header { width: 1000px; padding: 0px; height: 146px; margin: 0px 0px 0px 0px; }

#strip { display:block; width: 1000px; padding: 0px; height: 236px; margin: 36px 0px 0px 0px;  background-image:url(images/strip-bgrd.jpg); background-repeat:no-repeat;}
#stripleft { float:left; width: 231px; padding: 0px; height: 236px; margin: px 0px 0px 0px; }
#search2 {width: 225px; height: 210px;  margin: 3px 0px 10px 20px;  padding-top: 0px;}

/*#ticker { background: #000; width: 1000px; padding: 0px; height: 25px; margin: 0px; color:#FFFFFF; }
#tickerchk { background: #000; width: 750px; padding: 0px; height: 25px; margin: 0px; color:#FFFFFF; }*/

#navigation { width: 1000px; height: 35px;  padding: 0px; margin: 0px; }

#leftcolumn { display: inline; margin: 0px 0px 0px 0px; padding: 0px; width: 208px; float: left; }
#content { float: left; margin: 0px 0px 0px 33px; padding: 0px; width: 755px; display: inline; position: relative; background: url(images/squares.gif); background-repeat:repeat; }
#rightcolumn { display: inline; position: relative; margin: 0px; padding: 0px; width: 195px; float: right; }

#base {width: 1000px; height: 29px;  padding: 0px; background: #000; }
#search {width: 1000px; height: 30px;  margin: 3px 0px 10px 0px;  padding-top: 8px; background: #000; }

#main { width: 1000px; clear: both;  margin: 0px 0px 10px 0px; padding: 0px; background: url(images/squares2.gif) repeat; }

#mainleft { display: inline; margin: 0px 10px 0px 10px; padding: 0px 5px 0px 5px; width: 770px; float: left; }

/*#maincontent { float: left; margin: 0px 0px 0px 4px; padding: 0px; width: 475px; display: inline; position: relative; }*/
	
#manright {  float: right; display: inline; position: relative; margin: 0px10px 10px 0px; padding: 0px; width: 200px;}

#cont { display: inline; position: relative; color: #333; margin: 5px 5px 10px 10px; padding: 0px 8px 0px 0px; width: 762px; float: right; }

#footer { width: 1000px; clear: both; color: #FFF; font-size: 11px; background: #000; margin: 15px 0px 0px 0px; padding: 12px 0px 12px 0px; text-align:center; }

#footer2 { width: 1000px; clear: both; color: #000; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; }
	
.clear { clear: both; background: none; }


/* ----- All Links ----- */	

A:link, A:visited, A:active  {text-decoration: none; color: black;}
A:hover {text-decoration: underline; color: cc0000;}


/* ------------------------------------ NAVIGATION  ------------------------------------ */

#navigation {
	float: left;
	width: 100%;
	background: #b31313;
 height:35px; 
	background:url(images/nav-red-bgrd.jpg) repeat-x left top; 
	padding:0px;
}

/* default styling */
.nav,
.nav ul{list-style:none; margin:0; padding:0;}
.nav a {text-decoration:none; color:#fff; font-weight:bold;}
.nav {font-family: arial, sans-serif; font-size:12px; width:950px; margin:0 0 0 20px;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:url(images/red.png); height:35px; line-height:35px;}
.nav .drop a {color:#fff;}
.nav ul a {background:url(images/redsub2.png); height:30px; line-height:30px; margin-bottom:-1px; /*filter: alpha(opacity=80); opacity:0.8;*/} 

/* HEIGHT */
.nav ul {top:-41px;}
.nav ul ul {top:-58px;} /* position the top of the flyout sub menus */

/* WIDTH change this WITH CARE to suit your requirements */

/*set the link width here*/
.nav .drop {width:150px;}
.nav a {width:130px; padding:0 10px;}
.nav ul li {max-width:150px;} /* fix for IE8 */

/* set the left flyout position here */
.nav ul ul {left:150px;}
/* set the right flyout position here */
.nav li.right ul ul {left:auto; right:150px;}

/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.nav a {margin-right:-149px;}


/* ----------------------------------------------------------------------------	*/
/* overlays for menu trail */
.nav a.top {color:#FFF; background: url(images/red-top.gif) no-repeat left top; text-align:left; height:41px; line-height:40px; /*filter: alpha(opacity=100); opacity:1;*/}
.nav a.top2 {color:#FFF; background: url(images/red-top2.gif) no-repeat left top; text-align:left; height:41px; line-height:40px; /*filter: alpha(opacity=100); opacity:1;*/}


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

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0; background-position:left bottom; color:#FFF; text-decoration:none;}

/* OPERA fix */
.nav ul:hover,
.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* IE6 and 7 fixes */
.nav .fly {width:100%;}
a:active {}


/* ------------------------------------ SUB NAV - LEFT HAND SIDE  ------------------------------------ */

#subnav {display:block; width:234px; float:left; padding:0; margin:0;}

#sale{ display:block; background-image:url(images/sale-up.jpg); background-repeat:no-repeat; width:234px; height:82px; padding:0; margin:0;}
#sale:hover{ display:block; background-image:url(images/sale-down.jpg); background-repeat:no-repeat;}
#sale span{ position: absolute; top: -999em; }

#rent{ display: block; background-image:url(images/rent-up.jpg); background-repeat:no-repeat; width:234px; height:82px; padding:0; margin:0;}
#rent:hover{ display:block; background-image:url(images/rent-down.jpg); background-repeat:no-repeat;}
#rent span{ position: absolute; top: -999em; }

#valuation{ display:block; background-image:url(images/valuation-up.gif); background-repeat:no-repeat; width:234px; height:82px; padding:0; margin:0;}
#valuation:hover{ display:block; background-image:url(images/valuation-down.jpg); background-repeat:no-repeat;}
#valuation span{ position: absolute; top: -999em; }

#register{ display:block; background-image:url(images/register-up.jpg); background-repeat:no-repeat; width:234px; height:82px; padding:0; margin:0;}
#register:hover{ display:block; background-image:url(images/register-down.jpg); background-repeat:no-repeat;}
#register span{ position: absolute; top: -999em; }

#cost{ display:block; background-image:url(images/costs-up.jpg); background-repeat:no-repeat; width:234px; height:82px; padding:0; margin:0;}
#cost:hover{ display:block; background-image:url(images/costs-down.jpg); background-repeat:no-repeat;}
#cost span{ position: absolute; top: -999em; }


/* ------------------------------------ Text Styles  ------------------------------------ */

p { font-size: 13px; line-height: 18px; text-align:justify; color: #333;}

h1 {	font-size:20px;	font-weight:bold;	color:#000; padding: 5px 0px 10px 0px }

h2 {	font-size:15px;	font-weight:bold;	color:#333; padding: 5px 0px 10px 0px  }

h3 { font-size: 12px; line-height: 16px; font-weight:normal; padding: 0px 0px 5px 5px; }

h4 { font-size: 11px; line-height: 16px; font-weight:normal; padding: 0px 0px 5px 0px; }

/*.foot { font-size: 11px; line-height: 14px; font-weight:normal; padding: 2px 0px 2px 0px; text-align:center; color:#FFF; }*/

#footer a { font-size: 11px; color:#FFF; line-height: 14px; font-weight:normal; padding: 2px 0px 2px 0px; text-align:center; }
#footer a:hover { font-size: 11px; line-height: 14px; font-weight:normal; padding: 2px 0px 2px 0px; text-align:center; color:#CC0000; }


/* ------------------------------------ A-Z Section Styles ------------------------------------ */

.listpadd{ padding:5px; list-style:square;}

.listlinkspace{	line-height:18px;	margin-top:0;	margin-left:20px; }

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

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


/* ------------------------------------ Property search on home page ------------------------------------ */

#propsearch{
	position: absolute;
	top: 506px;
	left: 321px;
}


/* ------------------------------------ Contact - Register Form ------------------------------------ */

#contact-form{
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
}

#valuation-form{
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
}


/* ------------------------------------ Property Search ------------------------------------ */

#property-dropdowns {
}
.prop-select {
	background-color: #FFF;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 130px;
}

.prop-textarea {
 float:left;
 margin-right:10px;
	background-color: #FFF;
	color: #000;
	width: 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 19px;
	
}

.prop-input {
 background-color: #FFF;
}

.head-f1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #001623;
}
.head-f2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #001623;
}

.prop-button {
	background-color: #FFF;
	color: #000;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	border: 2px solid #FFF;
}

.button-pad {
	padding-right: 130px;
}

/* ------------------------------------ Ticker ------------------------------------ */

#tickers h2 {	font-size:15px;	font-weight:bold;	color:#333; padding: 5px 0px 10px 0px; text-align:center; }
#tickers a { font-size: 11px; color:#000; line-height: 14px; font-weight:normal; padding: 2px 0px 2px 0px; text-align:center;}
#tickers a:hover { font-size: 11px; line-height: 14px; font-weight:normal; padding: 2px 0px 2px 0px; text-align:center; color:#CC0000; }