table.fancytable {
  clear:both;
  border-collapse: collapse;
  text-align: center;
}
table.fancytable tr:hover {
   background: lightsteelblue !important;
}
table.fancytable th, table.fancytable td {
  border: 1px silver solid;
  padding: 0.2em;
}
table.fancytable th {
  background: gainsboro;
  text-align: left;
}
table.fancytable caption {
  margin-left: inherit;
  margin-right: inherit;
}
#map_canvas
{ 
	width: 800px; 
	height: 500px;
	margin: 10px auto;
	background-color:white;
	background-image:url('../imgs/map_background.png');
}

#sitehead {
	font-size: 1.3em;
	margin: 1em 12px 0 12px;
}

a#link {
color:black;
display:block;
font-family:verdana,arial,helvetica,sans-serif;
text-decoration:none;
}
a#link #span1 {
display:block;
padding:10px;
text-decoration:underline;
}
a#link #span2 {
display:block;
padding:10px;
}
a#link:hover {
background-color: lightsteelblue;
color:black;
}
body 
{
	padding: 0;
	margin: 0;
	background: url(/imgs/diag-left.png);
}
/************************************* Main Layout Styles *****************************************/
#container
{
	width: 100%;
	height: 625px;
}
#header
{
	color: #FFF;
	background-color: #161E69;
	font-size: 0.9em;
	padding: 8px 2px 8px 2px;
	text-align: center;
}
#centre-column
{
	position: relative;
	background-color: #FFF;
}
#sub-footer
{
	background-color: #FFF;
}
#footer
{
	position: relative;
	color: #FFF;
	background-color: #CC0000;
	font-size: 0.6em;
	padding: 8px;
}
/**************************************************************************************************/
/* Force cascading in IE5 */
p, td, li, ul,h1, h2, h3, h4, h5, h6, label 
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.85em;
	
}
#content ul
{
    font-size:1em;
}
p
{
	margin: 0;
}
h1
{
	color: #161E69;
	font-size: 2em;
	text-align: center;
}
img 
{
	display: block;
	border: 0;
}
.hide
{
	display: none;
}
.inline
{
	display: inline;
}
.emph
{
	font-weight: bold;
}
.floatleft
{
	float: left;
}
.floatright
{
	float: right;
}
#container td
{
	vertical-align: top;
}
.left-shadw
{
	font-size: 0;
	background: url(/imgs/right-shadow.png) repeat-y;
}
.right-shadw
{
	font-size: 0;
	background: url(/imgs/left-shadow.png) repeat-y;

	}
.divider
{
	color: #CC0000;
}
#header p
{
	margin: 0;
}
ul#main-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#main-nav li
{
	display: inline;
	padding: 0;
	margin: 0;
}
/*********************************** Main Navigation ******************************/
#main-nav a#developments,#main-nav a#developmentsSelected
{
	display: block;
	height: 43px;
	width: 244px;
	background: #CC0000 url("/imgs/developments.gif") 0 0 no-repeat;
}
#main-nav a:hover#developments,#main-nav a#developmentsSelected
{
	background-position: -244px 0;  
}
#main-nav a:active#developments
{
	background-position: -244px 0;  
}
#main-nav a#information,#main-nav a#informationSelected
{
	display: block;
	height: 43px;
	width: 244px;
	background: #CC0000 url("/imgs/information.gif") 0 0 no-repeat;
}
#main-nav a:hover#information,#main-nav a#informationSelected
{
	background-position: -244px 0;  
}
#main-nav a:active#information
{
	background-position: -244px 0;  
}
#main-nav a#contact,#main-nav a#contactSelected
{
	display: block;
	height: 43px;
	width: 244px;
	background: #CC0000 url("/imgs/contact.gif") 0 0 no-repeat;
}
#main-nav a:hover#contact,#main-nav a#contactSelected
{
	background-position: -244px 0;  
}
#main-nav a:active#contact
{
	background-position: -244px 0;  
}
#main-nav a#galleries,#main-nav a#galleriesSelected
{
	display: block;
	height: 43px;
	width: 244px;
	background: #CC0000 url("/imgs/galleries.gif") 0 0 no-repeat;
}
#main-nav a:hover#galleries,#main-nav a#galleriesSelected
{
	background-position: -244px 0;  
}
#main-nav a:active#galleries
{
	background-position: -244px 0;  
}
#main-nav a#links,#main-nav a#linksSelected
{
	display: block;
	height: 43px;
	width: 244px;
	background: #CC0000 url("/imgs/links.gif") 0 0 no-repeat;
}
#main-nav a:hover#links,#main-nav a#linksSelected
{
	background-position: -244px 0;  
}
#main-nav a:active#links
{
	background-position: -244px 0;  
}
#main-nav a#email,#main-nav a#emailSelected
{
	display: block;
	height: 43px;
	width: 244px;
	background: #CC0000 url("/imgs/email.gif") 0 0 no-repeat;
}
#main-nav a:hover#email,#main-nav a#emailSelected
{
	background-position: -244px 0;  
}
#main-nav a:active#email
{
	background-position: -244px 0;  
}
/**********************************************************************************/
h2
{
	color: #161e69;
	font-size: 2.5em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-left:5px;
	padding-bottom:6px;
	border: 1px solid #161e69;
	background: url(/imgs/pagehead-bkgnd.jpg) right repeat-y;
}
#content
{
clear: both;
	border-left: 1px solid #FFF;
}
#content p
{
/*	font-size: 1em; 
	margin: 1em 12px 0 12px;*/
}
#footer p
{
	margin: 0;
}
#footer a
{
	color: #FFF;
}
#copyright
{
	float: left;
	vertical-align: middle;
}
#disclaimer
{
	float: right;
	vertical-align: middle;
}
#nhbc-logo
{
	display: inline;
	text-align: left;
	margin: 0;
}
#nhbc-lrglogo
{
	float: left;
}
#nhbc-strap
{
	color: #002377;
	font-weight: bold;
	text-transform: uppercase;
}
.site-butn
{
	margin-right: 1px;
}

/**************** CMS ADDED ************************************/
#content li.question p
{
    font-size:1.2em;
}
ol 
{
    list-style-type:none;
}
.flash
{
    text-align:center;
}
.cimg
{
    text-align:center;
}
.rightimg
{
    float:right;
    margin-right:18px;
}
.leftimg
{
    float:left;
   margin-left:8px;
}
.leftimage
{
    margin-bottom:0px;
    margin-left:5px;
    margin-right:5px;
    margin-top:5px;
}
.rightimage
{
    margin-left:5px;
}
.imagecaption
{
    display:none;
}
.centreimg
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    display:inline;
}
table .cleardata
{
    width:95%;
    margin-left:10px;
}
table .data
{
    width:95%;
    margin-left:10px;
    border-right:solid 1px black;
    
    
}
table .data .headers th
{
    background-color:#C80000;
    color:White;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-left:solid 1px black;
    
}
table .data .oddrow td
{
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-left:solid 1px black;
    border-bottom:solid 1px black;
    background-color:#161E69;
     color:White;
}
table .data .evenrow td
{
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
        border-left:solid 1px black;
            border-bottom:solid 1px black;
            background-color:#7F709F;
            color:White;
}
/********************* CMS ADDED *****************/
.houseTypes
{
    width:100%;
    font-size:1.0em;
    margin-bottom:10px;
}
.houseTypes thead tr td
{
    color:#D20000;
    font-weight:600;
}
.houseTypes thead td.right
{
    color:Black;
}
.houseTypes thead td.left
{
    color:#CC0000;
}
.houseTypes td
{
    padding-top:3px;
    padding-bottom:3px;
}
.houseTypes td.left
{
    /*background-color:#E8E8F0;*/
    text-align:right;
    font-weight:600;
    color:#1B1F5F;
    
}
.houseTypes td.right
{
    color:#161E69;
}
.houseTypes tr td
{
    padding-top:3px;
    padding-bottom:3px;
}
.houseTypes tr td
{
    padding-left:5px;
    padding-right:5px;
}
.houseTypes a
{
    text-decoration:none;
    color:#1B1F5F;
}
.developments 
{
    padding-bottom:5px;
}
.developmentsodd
{
    background-color:#E8E8F0;
}
.developments h3
{
    text-decoration:underline;
    color:#CA0000;
    font-size:1.5em;
    margin-bottom:0px;
    padding-bottom:0px;
    
    
}
.developments h4
{
    font-size:1.5em;
    color:#CA0000;
    margin-top:5px;
    padding-top:5px;
}
.developments .Tel
{
    color:#181B5A;
    
}
.developments .contenttext
{
    color:#191C5F;
    font-weight:500;
    
}
.developments .prices
{
    padding-left:10px;
}
.developments img
{
    float:left;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
}
.rmred
{
    color:#CA0000;
    
}
.houseTypes
{
font-size:1.3em;
}
.insertedimage
{
    display:inline;
   
}
#lcontent
{
   
}
#lcontent div
{
  margin-left:5px;
}
h3 
{
    color: #161E69;
	font-size: 2em;
	text-align:left;
}
h4
{
    color: #161E69;
	font-size: 1.8em;
	text-align:left;
}
.dl
{
    background-image:url('/imgs/pdf-icon.gif');
    background-repeat:no-repeat;
    background-position:top left;
    height:50px;
    vertical-align:middle;
    margin-top:10px;
}
.dl p
{
    padding-top:10px;
    padding-left:40px;
}
#content .questionnaire input,#content .questionnaire textarea
{
	width:250px;
}
#content .submit
{
	width:50px;
}
#content li
{
	font-size:1em;
}
.questionnaire textarea
{
	height:75px;
}
.hide-me
{
display:none;
}

/*
 Page style
 */
#example {

    position:relative;
}

#ribbon {
    position:absolute;
    top:-3px;
    left:-15px;
    z-index:500;
}

#frame {

    z-index:0;
    width:511px;
    height:258px;
    top:-3px;
    left:-80px;
}

/*
 Slideshow
 */

#slides {
    z-index:100;
}

/*
 Slides container
 Important:
 Set the width of your slides container
 Set to display none, prevents content flash
 */

.slides_container {
    width:510px;
    overflow:hidden;
    position:relative;
    display:none;
}

/*
 Each slide
 Important:
 Set the width of your slides
 If height not specified height will be set by the slide content
 Set to display block
 */

.slides_container div.slide {
    width:511px;
    height:258px;
    display:block;
}


/*
 Next/prev buttons
 */

#slides .next,#slides .prev {
    position:absolute;
    top:107px;
    left:-39px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}

#slides .next {
    left:510px;
}

/*
 Pagination
 */
/*
 Caption
 */

.slcaption {
    z-index:500;
    position:absolute;
    bottom:-35px;
    left:0;
    height:20px;
    padding:1px 10px 1px 1px;
    background:#fff;
    background:rgba(255,255,255,.5);
    width:511px;
/*    line-height:1;  */
    color:#000;
    border-top:1px solid #fff;
    text-shadow:none;
}


#bullets
	{ 
			width: 256px; 
			height: 256px;
			position: absolute;
			right:100px;
			top:85px;
			margin: 10px auto;
			background-color:white;
	}

#gallery
{
	padding: 0px;
	/* background: #E1EEF5; */
	margin-top: 0px;
	/* margin: 18px; */
}
#descriptions
{
	position: inherit;
	height: 28px;
	background: #EEE;
	margin-top: 10px;
	width: 510px;
	padding: 10px;
	overflow: hidden;
}
#descriptions .ad-image-description
{
	position: absolute;
}
#descriptions .ad-image-description .ad-description-title
{
	display: block;
}
.ad-gallery
{
	width: 510px;
}
.ad-gallery, .ad-gallery *
{
	margin: 0px;
	padding: 0;
}
.ad-gallery .ad-image-wrapper
{
	clear: both;
	width: 100%;
	height: 385px;
/*	margin-bottom: 10px;  */
	position: relative;
	overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader
{
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
	border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next
{
	position: absolute;
	right: 0;
	top: 0;
	width: 5%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 99;
}
.ad-gallery .ad-image-wrapper .ad-prev
{
	position: absolute;
	left: 0;
	top: 0;
	width: 5%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 99;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next
{
/*Or else IE will hide it*/
	background: url(non-existing.jpg);
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image
{
	background: url(../imgs/ad_prev.png);
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 47%;
	left: 0;
	z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image
{
	background: url(../imgs/ad_next.png);
	width: 30px;
	height: 30px;
	right: 0;
	left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image
{
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image A IMG
{
	border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 7px;
	text-align: left;
	width: 100%;
	z-index: 101;
	background: url(../imgs/opa75.png);
	color: #000;
}
* HTML .ad-gallery .ad-image-wrapper .ad-image .ad-image-description
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../imgs/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title
{
	display: block;
}
.ad-gallery .ad-controls
{
	/*height: 20px;*/
}
.ad-gallery .ad-info
{
	float: left;
}
.ad-gallery .ad-slideshow-controls
{
	float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop
{
	padding-left: 5px;
	cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown
{
	padding-left: 5px;
	font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start
{
	cursor: default;
	font-style: italic;
}
.ad-gallery .ad-nav
{
	width: 100%;
	position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back
{
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
}
/*IE 6 doesn't like height: 100%*/
* HTML .ad-gallery .ad-forward, .ad-gallery .ad-back
{
	height: 100px;
}
.ad-gallery .ad-back
{
	cursor: pointer;
	left: 0px;
	top: 15px;
	width: 13px;
	display: block;
	background: url(../imgs/ad_scroll_back.png) no-repeat 0px 22px;
}
.ad-gallery .ad-forward
{
	cursor: pointer;
	display: block;
	right: 0px;
	top: 15px;
	width: 13px;
	background: url(../imgs/ad_scroll_forward.png) no-repeat 0px 22px;
}
.ad-gallery .ad-nav .ad-thumbs
{
	overflow: hidden;
	width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list
{
	float: left;
	width: 9000px;
	list-style: none;
}
.ad-gallery .ad-thumbs LI
{
	float: left;
	padding-right: 5px;
}
.ad-gallery .ad-thumbs LI A
{
	display: block;
}
.ad-gallery .ad-thumbs LI A IMG
{
	border: 3px solid #CCC;
	display: block;
}
.ad-gallery .ad-thumbs LI A.ad-active IMG
{
	border: 3px solid #616161;
}
/*Can't do display none, since Opera won't load the images then*/
.ad-preloads
{
	position: absolute;
	left: -9000px;
	top: -9000px;
}