/* CSS for Redbridge Homes website */
body {font: 76%/1.4 "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; background: #8FA9B9; color:#545454; text-align:center;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* links */
a:link, a:visited {color:#008791; text-decoration:none;}
a:hover {color:#008791; text-decoration:underline;}
/* end links */

/* page container */
div#wrapper {margin:0 auto; text-align:left; background:#fff; padding:0 8px 8px 8px; width:770px; w\idth:754px;}
p.skip {display:none;}
/* end page container */

/* general layout rules */
div#contentholder {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contentarea {float:left; width:758px; padding:8px 0 0 0;}

div#left {float:left; width:200px;}
div#middle {float:left; margin:0 8px; padding:0 0 0 0; display:inline; width:358px;}
div#right {float:left; width:176px; w\idth:178px;}
div#wideright {width:546px; float:left; margin: 0 0 0 8px;}
div#content {padding:4px 2px 8px 2px; min-height:320px; height:auto !important; height:320px;}
/* end general layout rules */

/* page header */
div#header {background: url(../../../../images/header_bg.png) no-repeat #9BCBCF; height:109px;} 
div#header img {margin:0px 0 0 13px; border:none; clear:none;}
div#header img.print {display:none;}
div#header h1 {display:none;}

div#toplinks {float:left; color:#FFF; width:572px; height:36px; font-size:.92em;}
div#toplinks ul {float:left; list-style-type:none; padding:5px 0 5px 12px;}
div#toplinks ul li {float:left; padding:0 0 0 4px;}
div#toplinks ul li a { color:#FFF; padding:0 4px 0 0; text-decoration:none;}
div#toplinks ul li a:hover {text-decoration:underline;}

div#toplinks span.s
{
	font-size : 0.8em;
}

div#toplinks span.m
{
	font-size : 0.9em;
}

div#toplinks span.l
{
	font-size : 1.1em;
}

div#searchBox {float: left; margin: 0; padding:4px 0 0 0; display: block; color:#fff; width: 166px; } 
div#searchBox label {display:none;}
div#searchBox input {float:left; margin:0; padding:2px 2px 0px 2px; font-size:1em; border: 1px solid #008791;}
div#searchBox a {float:left; margin:2px 0 0 6px; padding:0; border:none; width:auto; height:auto;}
div#searchBox a.button img {float:left; width: 15px; margin: 0; }
div#searchBox img {float:left;  }


/* end page header */

/* primary navigaton */
div#nav {font-size:1em; float:left; border: 1px solid #A11064; width:752px; background: url(../../../../images/nav_bg.png) repeat-x bottom #E40689;}
div#nav ul {list-style-type:none; margin:0 0 0 -1px;}
div#nav ul li {float:left;}
div#nav ul li a {padding:11px 8px 11px 8px; color:#fff; text-decoration:none; display:block; white-space:nowrap; background-image: url(../../../../images/nav_border.png); background-position: top left; background-repeat:no-repeat; }
div#nav ul li a:hover {text-decoration:underline;}
/* end primary navigaton */

/* secondary navigation */
div#subnav {width:200px;  margin:0 0 8px 0; border-bottom:1px solid #C1E5E4;}
div#subnav ul {list-style-type:none; border-top:1px solid #C1E5E4; border-bottom:1px solid #fff; }
div#subnav ul li {line-height:normal; border-top: 1px solid #fff;}
div#subnav ul li a {padding:7px 8px 7px 20px; color:#008791; text-decoration:none; display:block;  background:#E0F2F2; width:200px; w\idth:172px; }
div#subnav ul li a:hover {color:#fff; background:#75D3CE;}

div#subnav ul ul {border-bottom:1px solid #C1E5E4; }
div#subnav ul ul li a {background-color:#EAF6F6;}
div#subnav ul ul li a:hover {background-color:#ABE0DE;}
div#subnav ul ul li a {padding:4px 8px 4px 32px; width:200px; w\idth:160px;}
div#subnav ul ul ul {margin:-1px 0 0 0; border-bottom:1px solid #C1E5E4; }
div#subnav ul ul ul li {border-top:1px solid #C1E5E4;}
div#subnav ul ul ul li a {background-color:#F8FCFC;}
div#subnav ul ul ul li a:hover {background-color:#E3F3F3;}
div#subnav ul ul ul li a {padding:3px 8px 3px 44px; width:200px; w\idth:148px;}
div#subnav ul ul ul li:first-child {border-top: 0px;}
/* end secondary navigation */

/* 'you are here' effects */
div#nav ul li.active a {text-decoration:underline;}
div#subnav ul li.active a {color:#333;}
div#subnav ul li.active ul li a {color:#008791;}
div#subnav ul li.active ul li.active a {color:#333;}
div#subnav ul li.active ul li.active ul li a {color:#008791;}
div#subnav ul li.active ul li.active ul li.active a {color:#333;}
/* end 'you are here' effects */

/* panels */
div.panel {border:1px solid #C1E5E4; margin:0 0 8px 0;}
div.panel h3 {padding:6px 10px; background-repeat: repeat-x; background-position: bottom; border-bottom: 1px solid; font-size:1em; margin:0; color:#fff; background-color:#000; margin:-1px -1px 10px -1px;}
div.panel ul {padding:0 6px 6px 10px; margin:0;}
div.panel ul li {list-style-type:none; margin:0; padding:0 0 8px 0; line-height:normal; font-size:.92em;}
div.panel ul li a {margin:0; text-decoration:none; display:block; font-size:1.1em;}
div.panel ul li a:hover {text-decoration:underline;}

div.panel p {padding:2px 6px 0 10px; margin:0;}
div.panel h4, div.panel h5 {padding:0 6px 0 10px; margin:0 0 12px 0; font-weight:normal;}
div.panel h5 {font-size:.92em; font-family:Tahoma, Arial, Helvetica, sans-serif;}

div.teal h3 {border-color:#369FA7;}
div.teal h3 {background-image:url(../../../../images/title_teal.png); background-color:#45C8D3;}
div.mulberry h3 {border-color:#A11064;}
div.mulberry h3 {background-image:url(../../../../images/title_mag.png); background-color:#DB0382;}
/* end panels */


/* footer */
div#footer {float:left; font-size:.94em; padding:6px 10px 8px 10px; border:1px solid #A11064; background:url(../../../../images/footer_bg.png) repeat-x bottom #E40689; color:#fff; width:752px; w\idth:732px;}
div#footer p {float:left; margin:0;}
div#footer a {color:#fff;}
div#footer ul {list-style-type:none;}
div#footer ul.sitecredit {float:right; list-style-type:none;}
div#footer li {float:left;}
div#footer li a {padding:0 0 0 4px;}
/* end footer */

/* general typography */
hr {height:1px; color:#C1E5E4; border: 0; background-color: #C1E5E4; margin: 10px 0;}
/* end general typography */

/* image floats */
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:0 0 12px 12px;}
img.leftborder, img.rightborder {border: 1px solid #C1E5E4;}
img.border {border: 1px solid #C1E5E4; margin:4px 0 12px 0;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 12px 4px 0; width:182px; background-color:#EAF6F6; }
.captionleft p, .captionright p {margin:0; padding: 6px; font-size:.92em;}
.captionright {float:right; clear:right; margin:4px 0 4px 12px; width:180px; background-color:#EAF6F6;}
.captionleftborder {float:left; margin:4px 12px 4px 0; width:180px; border: 1px solid #BDD3D9; background-color:#EAF6F6; }
.captionleftborder p, .captionrightborder p {margin:0; padding: 6px; font-size:.92em;}
.captionrightborder {float:right; margin:4px 0 4px 12px; width:180px; border: 1px solid #BDD3D9; background-color:#EAF6F6;}
/* end image captions */

/* lists */
div#content ul {margin:0 0 1em 2em;}
div#content ul li {padding:0; list-style-type:disc;}
div#content ul ul {margin:.3em 0 .3em 3em;}
div#content ul ul li {list-style-type:disc;}
div#content ul ul ul li {list-style-type:circle;}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}
/* end lists */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
table, th, tr, td {font-size:1em;}
table {margin: .5em 0 1em 0; padding:0; border-right:1px solid #C1E5E4; border-top:1px solid #C1E5E4;}
th {padding: .2em .4em; background:#C1E5E4; text-align:left;}
td {padding: .4em; border-bottom:1px solid #C1E5E4; border-left:1px solid #C1E5E4;}
table caption {text-align:left; font-size:1em; font-weight:bold;}
/* end tables */

/* forms */
/*div.formholder {float:left; width:100%;}
div#content form {margin: 20px 0; float:left; width:356px;}
div#content fieldset {border:none;}
div#content legend {font-size:1.4em; margin:0 0 4px 0; color:#434342;}
div#content label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 160px; float:left;}
div#content input, div#content textarea, div#content select {width:190px; float:left; margin:1px 0; border: 1px solid #BDD3D9; background:none;}
div#content option {background: #fff;}
div#content input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#content input.button {display:inline; margin:5px 0 0 160px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#F0F8FB; border:1px solid #BDD3D9; clear:left;}*/
/* end forms */

/* search results */
/*div#searchresults {width:546px; float:left;}
div#searchresults table {border: none; border-bottom: 1px solid #C1E5E4;margin:0; padding: 0;width:100%;}
div#searchresults table table {border: none; width:auto}
div#searchresults table td {border:none;background-color:#fff;}
div#searchresults table label {width:auto;}
div#searchresults table input {width:146; float:none; padding: 1px 2px;}
div#searchresults table select {width: 150px;}
div#searchresults a {margin: 10px 0 0 0;}
div.searchtop {font-weight: bold; padding: 5px 0 0 0;}*/
/* end search results */

/* search box */
/*table#searchBox {float: left; margin: 0; padding:4px 0 0 0; display: block; color: #fff; width: 166px; border: none;}
table#searchBox td {padding:0; border: none;}
table#searchBox label {display: none;}
table#searchBox input {float: left; margin:0; padding: 2px 2px 3px 2px; width: 120px; font-size: 1em; border: 1px solid #008791;}
table#searchBox img {float: left; margin:0 0 0 8px; clear: none;}*/
/* end search box */

