﻿#developments
{
width						: 775px;
/*background-color			: #FF0000;*/
float						: left;
padding-bottom				: 10px;
}



#developments div.developmentsnav
{
width						: 775px;
padding-bottom				: 10px;
}
/*
#developments div.developmentsnav ul
{
width						: 775px;
list-style-type				: none;
margin						: 0px;
padding						: 0px;
overflow					: hidden;
background-color			: #D0D0D0;
}

#developments div.developmentsnav ul li
{
font-size					: 80%;
line-height					: 35px;
display						: inline;
}

#developments div.developmentsnav ul li.pastdev
{
    float:right;
}

#developments div.developmentsnav ul li a
{
display						: block;
float						: left;
text-decoration				: none;
color						: #333;
background-color			: #D0D0D0;
padding						: 0px 16px 0px 16px;
}

#developments div.developmentsnav ul li a:hover
{
display						: block;
float						: left;
text-decoration				: none;
color						: #333;
background-color			: #EFD2A6;
padding						: 0px 16px 0px 16px;
}

#developments div.developmentsnav ul li a.on
{
background-color			: #D18201;
}*/

/* common elements */

#developments h2
{
font-size					: 100%;
font-weight					: bold;
color						: #FFF;
line-height					: 15px;
margin						: 0px 0px 15px 0px;
padding						: 10px 0px 10px 0px;
}

#developments .slideInfoZone h2
{
    font-size:0.8em;
    margin:2px 0 0 5px;
    padding:0 0 0 0;
}

#developments h3
{
font-size					: 70%;
font-weight					: normal;
color						: #666;
line-height					: 15px;
margin						: 0px 0px 15px 0px;
}

#developments h4
{
font-size					: 70%;
font-weight					: normal;
color						: #666;
line-height					: 15px;
margin						: 0px 0px 15px 0px;
}

#developments p
{
font-size					: 70%;
font-weight					: normal;
color						: #666;
line-height					: 15px;
margin						: 0px 0px 15px 0px;
}



/*
#developments ul
{
margin						: 0px 0px 15px 30px;
padding						: 0px;
}

#developments li
{
font-size					: 70%;
font-weight					: normal;
color						: #666;
line-height					: 25px;
margin						: 0px 0px 0px 0px;
}
*/

/* Introduction page */

#developments div.introductionflash
{
float						: left;
display						: block;
width						: 418px;
min-height					:500px;
}

#developments div.download-link
{
float						:left;
height						:30px;	
width						:415px;
font-size					:75%;
margin-top					:4px;
padding						:10px 0 5px 0;
overflow					:auto;
}

*html div#developments div.download-link
{
float						:left;
height						:40px;	
width						:415px;
font-size					:75%;
margin-top					:4px;
padding						:10px 0 5px 0;
}
 
#developments div.download-link a
{
margin-left					:25px;
color						:#333333;
text-decoration				:none;
}

#developments div.download-link a img
{
margin-right:10px;
vertical-align:middle;
}


div#developments div#barleygarforth
{
background-color			:#D70C9B;
}

div#developments div#barleygarforth a
{
color						:#FFF;
}

div#developments div#meadowswilsden
{
background-color			:#8ECC27;
}

div#developments div#kassapiansbaildon
{
background-color			:#6D4637;
}

div#developments div#kassapiansbaildon a
{
	color					:#FFF;
}

div#developments div#fosterparkdenholme
{
background-color			:#491E87;
}

div#developments div#fosterparkdenholme a
{
color						:#FFF;
}

#developments div.introductionflash div.news
{
border						: 1px solid #999;
padding						: 10px 20px 10px 20px;
margin-top                  : 4px;
}

#developments div.introductionflash div.news p
{
font-size					: 70%;
font-weight					: normal;
color						: #666;
line-height					: 15px;
margin						: 0px 0px 5px 0px;
}

#developments div.introductionflash div.news p.header
{
font-size					: 90%;
font-weight					: bold;
}



#developments div.introductioncopy
{
float						: left;
display						: block;
width						: 297px;
min-height					: 287px;
background-color			: #EEE;
padding						: 30px 30px 0px 30px;
}

* html #developments div.introductioncopy
{
height					: 287px;
}


#developments div.introductioncopy h2
{
font-size					: 180%;
font-weight					: normal;
color						: #FFF;
line-height					: 15px;
margin						: 0px 0px 15px 0px;
}

#developments div.introductioncopy h2 span
{
font-size					: 60%;
}

#developments div.introductioncopy h3
{
font-size					: 90%;
font-weight					: normal;
color						: #FFF;
line-height					: 15px;
margin						: 0px 0px 15px 0px;
}

#developments div.introductioncopy h4
{
font-size					: 70%;
font-weight					: normal;
color						: #FFF;
line-height					: 15px;
margin						: 0px 0px 15px 0px;
}

#developments div.introductioncopy p
{
    color:#fff;
}

/* Site plan */

#developments div.siteplan
{
/*float						: left;*/
overflow                    : hidden;
display						: block;
width						: 418px;
}



#developments div.siteplancopy
{
float						: right;
display						: block;
width						: 297px;
padding						: 0 20px 0px 20px;
}

#developments div.siteplancopy h2
{
font-size					: 70%;
font-weight					: normal;
color						: #666;
line-height					: 15px;
margin						: 0px 0px 15px 0px;
}

#developments div.siteplancopy h2 span
{
font-size					: 60%;
}

/* Gallery */

#developments div.gallery p
{
font-size					: 70%;
font-weight					: normal;
color						: #666;
line-height					: 15px;
margin						: 0px 0px 15px 15px;

}


#galleryimages
{
width						: 740px;
border						: 1px solid #999;
padding						: 15px 15px 5px 15px;
overflow					: hidden;
}

#galleryimages img
{
display						: block;
float						: left;
padding						: 0px 10px 10px 0px;
}

/* Specifications */

#developments div.specifications div.copy
{
width						: 450px;
display						: block;
float						: left;
/*background-color			: #EEE;*/
padding						: 0px 30px 0px 15px;
}

* html #developments div.specifications div.copy
{
width						: 447px;
}

#developments div.specifications div.images
{
width						: 280px;
display						: block;
float						: right;
/*background-color			: #EEE;*/
}

/* viewing information */

#developments p.downloads
{
background-color	: #566586;
background-image	: url(../images/generic/bg_moredetails.jpg);
background-repeat	: repeat-x;
font-size			: 75%;
line-height			: 16px;
margin				: 0px 0px 0px 0px;
padding				: 10px 0px 10px 15px;
color				: #FFF;
font-weight			: normal;
}

#developments p.downloads a
{
display				: block;
color				: #FFF;
text-decoration		: none;
}

#developments p.downloads a img
{
vertical-align		: middle;
margin-right		: 10px;
}

/* Progress */

#developments div.progress div.copy
{
width						: 450px;
display						: block;
float						: left;
/*background-color			: #EEE;*/
padding						: 0px 30px 0px 15px;
overflow                    : hidden;
}

#developments div.progress div.images
{
width						: 280px;
display						: block;
float						: right;
/*background-color			: #EEE;*/
}

div.timetable
{
border						: 1px solid #999;
}

#developments div.timetable p.header
{
background-image			: url(../images/generic/bg_silverheader.gif);
background-repeat			: repeat-x;
font-size					: 85%;
line-height					: 14px;
margin						: 0px 0px 0px 0px;
padding						: 6px 0px 6px 15px;
color						: #666;
font-weight					: bold;
border-bottom				: 1px solid #999;
}

#developments div.timetable p
{
font-size					: 70%;
font-weight					: normal;
color						: #666;
line-height					: 15px;
margin						: 0px 0px 0px 0px;
padding						: 10px 15px 10px 15px;
}

#developments div.timetable div.grey
{
background-color			: #EEE;
}

#developments div.timetable div p.start
{
    padding-bottom:0;
}

#developments div.timetable div.progresstext p
{
    padding-top:0;
}

/* Availability */

div.availability
{
width						: 740px; 
padding-left				: 15px;
}

#developments div.availability_table
{
border				: 1px solid #999;
margin-bottom		: 10px;
}

#developments div.availability_table p
{
font-weight			: bold;
font-size			: 85%;
margin				: 10px 10px 0px 15px;
}

#developments div.availability_table p span
{
font-size			: 80%;
}

#developments div.availability_table h4,#developments div.distance_table h4
{
background-image	: url(../images/generic/bg_silverheader.gif);
background-repeat	: repeat-x;
font-size			: 85%;
line-height			: 14px;
margin				: 0px 0px 0px 0px;
padding				: 6px 0px 6px 15px;
color				: #666;
font-weight			: bold;
border-bottom		: 1px solid #999;
overflow			: hidden;
}

#developments div.distance_table h4
{
border				: 0px;
}


/* availability table */

#developments div.availability_table table
{
width				: 738px;
font-size			: 70%;
background-color	: #EEE;
margin				: 10px 0px 0px 0px;
}

* html #developments div.availability_table table
{
width				: 740px;
}

#developments div.availability_table table thead tr th
{
background-color	: #D1D1D1;
}

#developments div.availability_table table tr td 
{
background-color	: #F6F6F6;
text-align			: center;
}

#developments div.availability_table table tr.white td 
{
background-color	: #FFF;
text-align			: center;
}

#developments div.availability_table table thead th.building{width:110px;}

#developments div.availability_table table thead th.plot{width:80px;}

#developments div.availability_table table thead th.beds{width:110px;}

#developments div.availability_table table thead th.type{width:110px;}

#developments div.availability_table table thead th.price{width:110px;}

#developments div.availability_table table thead th.view{width:330px;text-align: left;}

#developments div.availability_table table tr td.view{width:330px;text-align: left; padding-left : 20px;}

#developments div.availability_table th a
{
color				: #666;
}

#developments div.availability_table table a.view
{
font-weight			: bold;
text-decoration		: none;
vertical-align		: middle;
color				: #666;
}

#developments div.availability_table table a.view img
{
vertical-align		: middle;
margin-right		: 5px;
}

/* location */

#developments div.locationmaps
{
width				: 755px;
background-color	: #EEE;
padding				: 10px 0px 10px 15px;
overflow			: hidden;
}

#developments div.locationmaps img.map
{
display				: block;
float				: left;
margin-right		: 15px;
}

#developments div.locationmaps p.downloadmap
{
margin-top			: 170px;
}

#developments div.locationmaps p.downloadmap a
{
text-decoration		: none;
color				: #666;
}

#developments div.locationtable
{
width				: 755px;
/*background-color	: #EEE;*/
padding				: 20px 0px 10px 15px;
overflow			: hidden;
}

#developments div.locationtable img.localarea
{
float				: left;
margin-right		: 20px;
}

#developments p.locationheader
{
font-size			: 100%;
font-weight			: bold;
}

/* distance table */

#developments div.distance_table
{
border				: 1px solid #999;
width				: 350px;
float				: right;
margin-left			: 30px;
}

#developments div.distance_table table
{
width				: 350px;
font-size			: 70%;
background-color	: #EEE;
margin				: 10px 0px 0px 0px;
}

* html #developments div.distance_table table
{
width				: 350px;
}

#developments div.distance_table table thead tr th
{
background-color	: #D1D1D1;
}

#developments div.distance_table table tr td 
{
background-color	: #F6F6F6;
text-align			: center;
}

#developments div.distance_table table tr.white td 
{
background-color	: #FFF;
text-align			: center;
}

#developments div.distance_table table thead th.destination{width:170px;}

#developments div.distance_table table thead th.distance{width:90px;}

#developments div.distance_table table thead th.time{width:90px;}

/* Login / register page */

#developments div.login
{
width				: 370px;
float				: left;
border				: 1px solid #999;
}


#developments div.loginintro
{
padding				: 0px 0px 0px 15px;
}

#developments div.login h3
{
background-image	: url(../images/generic/bg_silverheader.gif);
background-repeat	: repeat-x;
font-size			: 85%;
line-height			: 14px;
margin				: 0px 0px 0px 0px;
padding				: 6px 0px 6px 15px;
color				: #666;
font-weight			: bold;
border-bottom		: 1px solid #999;
overflow			: hidden;
}

/* forms */

#developments div.login fieldset
{
font-size			: 70%;
color				: #717174;
margin				: 0px 0px 0px 0px;
padding				: 5px 0px 0px 0px;
/*background-color	: #F6F6F6;*/
width				: 370px;
border				: 0px;
vertical-align		: middle;
}

#developments div.login fieldset div
{
overflow			: hidden;
padding				: 4px 0px 4px 0px;
}

#developments div.login fieldset label
{
width				: 110px;
display				: block;
float				: left;
line-height			: 15px;
padding-left		: 15px;
}

#developments div.login fieldset input
{
border				: 1px solid #C1C1C1;
font-family			: Arial;
font-size			: 100%;
width				: 180px;
padding				: 2px;
}


#developments div.login fieldset input.tick
{
border				: 0px solid #C1C1C1;
font-family			: Arial;
font-size			: 100%;
width				: 15px;
padding				: 2px;
}

#developments div.login fieldset textarea
{
border				: 1px solid #C1C1C1;
font-family			: Arial;
font-size			: 100%;
width				: 180px;
height				: 60px;
padding				: 2px;
}

#developments div.login fieldset select
{
border				: 1px solid #C1C1C1;
font-family			: Arial;
font-size			: 100%;
width				: 185px;
margin-left			: 0px; 
}

#developments div.login label.register
{
background-color	: #EEE;
font-size			: 100%;
padding				: 10px 15px 10px 15px;
width				: 340px;
display				: block;
float				: left;
line-height			: 15px;
padding-left		: 15px;
margin-bottom		: 0px;
}

/* register p and login */

#developments div.login p.register
{
background-color	: #EEE;
margin				: 0px;
padding-left		: 15px;
padding-bottom		: 10px;
}

#developments div.login p a.register
{
font-weight			: bold;
text-decoration		: none;
vertical-align		: middle;
color				: #666;
}

#developments div.login p a.register img
{
vertical-align		: middle;
margin-right		: 5px;
}

/* login p and login */

#developments div.login p.login
{
margin				: 10px 0px 0px 0px;
padding-left		: 125px;
padding-bottom		: 10px;
}

#developments div.login p a.login
{
font-weight			: bold;
text-decoration		: none;
vertical-align		: middle;
color				: #666;
}

#developments div.login p a.login img
{
vertical-align		: middle;
margin-right		: 5px;
}


/*Baildon*/

#developments div.introductioncopy#kassapiansbaildon, #developments h2#kassapiansbaildon, #developments p.kassapiansbaildon
{
background-color			: #6D4637;
}

#developments h2.toptitle
{
padding-left:15px;
}


#developments div.introductioncopy#fosterparkdenholme, #developments h2#fosterparkdenholme, #developments p.fosterparkdenholme
{
background-color			: #491E87;
}

#developments div.introductioncopy#anchorpointsheffield, #developments h2#anchorpointsheffield, #developments p.anchorpointsheffield
{
background-color			: #536068;
}

#developments div.introductioncopy#victoriamewsbradford, #developments h2#victoriamewsbradford, #developments p.victoriamewsbradford
{
background-color			: #768487;
}

#developments div.introductioncopy#moorsideviewhalifax, #developments h2#moorsideviewhalifax, #developments p.moorsideviewhalifax
{
background-color			: #004624;
}

#developments div.introductioncopy#parcmontleeds, #developments h2#parcmontleeds, #developments p.parcmontleeds
{
background-color			: #D18201;
}

#developments div.introductioncopy#hardencourtharden, #developments h2#hardencourtharden, #developments p.hardencourtharden
{
background-color			: #D18201;
}

#developments div.introductioncopy#bremenhousehuddersfield, #developments h2#bremenhousehuddersfield, #developments p.bremenhousehuddersfield
{
background-color			: #7A232C;
}

#developments div.introductioncopy#tramwaysguiseley, #developments h2#tramwaysguiseley, #developments p.tramwaysguiseley
{
background-color			: #D18201;
}

#developments div.introductioncopy#sthildasmewsyork, #developments h2#sthildasmewsyork, #developments p.sthildasmewsyork
{
background-color			: #D18201;
}

#developments div.introductioncopy#wellshouseilkley, #developments h2#wellshouseilkley, #developments p.wellshouseilkley
{
background-color			: #1A1B85;
}

#developments div.introductioncopy#gardenerswalkharrogate, #developments h2#gardenerswalkharrogate, #developments p.gardenerswalkharrogate
{
background-color			: #D18201;
}

#developments div.introductioncopy#thequadrangleilkley, #developments h2#thequadrangleilkley, #developments p.thequadrangleilkley
{
background-color			: #D18201;
}

#developments div.introductioncopy#meadowswilsden, #developments h2#meadowswilsden, #developments p.meadowswilsden
{
background-color			: #8ecc27;
}


/*kassapians video banner*/
#developments div.introductionflash div.videobanner
{
border						: 1px solid #999;
padding						: 10px 20px 10px 20px;
margin-top                  : 4px;
background-image			: url(../images/generic/videobannerbg.gif);
padding						: 20px 20px 0px 20px;
height						: 40px;
width						: 373px;
}

*+html #developments div.introductionflash div.videobanner
{
margin-top					:4px;
}

*html #developments div.introductionflash div.videobanner
{
margin-top					:4px;
}


#developments div.introductionflash div.videobanner a
{
	color					:White;
font-size					:1.3em;
font-weight					:normal;
}



/*------------------------*/






/*siteplan related css*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/various/solar_map.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#map {position:relative; margin:0; width:418px; /*height:497px;*/ font:76% arial, verdana, sans-serif; overflow:hidden;}
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute; display:block; cursor:pointer; background:url(../images/generic/transparent.gif);}
#map ul a.number
{
    height:16px;
    width:16px;
    display:block;
}
#map ul a.number span 
{
    display:none;
}
#map #ctl00_cntMainPlaceholder_sitemap
{
    border:1px solid #6D4637;
}

#map a.carpark
{
    
    width:140px;
    height:20px;
    display:block;
    position:absolute;
    top:215px;
    left:140px;
}

#map a.carpark span
{
    display:none;
}

#map ul li:hover {z-index:300;}
#map ul li.click {z-index:500;}

#map ul li .xsnazzy {visibility:hidden;}

#map ul li.click .xsnazzy {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li.click .xsnazzy {background:url(../images/generic/transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto;width:230px;}

.xsnazzy h1, .xsnazzy p {margin:0 0 0 0;}
.xsnazzy h1 {font-size:1.5em;}
#map .xsnazzy p {padding:0 0 0 0; margin:0 0 0 0; font-size:1.3em;}
.xsnazzy {background: transparent; margin:1em;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#fff; border-left:1px solid #545454; border-right:1px solid #545454;}
.xb1 {margin:0 8px; background:#545454;}
.xb2 {margin:0 6px; background:#545454;}
.xb3 {margin:0 4px; background:#545454;}
.xb4 {margin:0 3px; background:#fff; border-width:0 5px;}
.xb5 {margin:0 2px; background:#fff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; width:216px; clear:both;overflow:hidden; background:#fff; border:3px solid #545454; border-width:0 3px; padding:4px;}
.xboxcontent a, .xboxcontent a:visited {display:block;font-weight:bold; color:#666666; font-size:1.3em; text-indent:0; vertical-align:middle;}

.xboxcontent a img {margin-right:5px; vertical-align:middle;}

.xboxcontent div.right
{
    float:right;
    width:110px;
    overflow:hidden;
}

.xsnazzy em {display:block; font-size:0; background:url(../images/generic/newpointer.gif) bottom left; position:absolute;}

.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(../images/generic/newpointer.png) center top; position:absolute; left:50px; top:-11px;}




.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(../images/generic/newpointer.png) left center; position:absolute; left:-11px; top:30px;}

.xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(../images/generic/newpointer.png) right center; position:absolute; right:-11px; top:125px;}
/* for IE5.5 */
* html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}

/* Availability - Plots */

#developments h2.plot
{
font-size					: 100%;
font-weight					: bold;
color						: #FFF;
line-height					: 15px;
margin						: 0px 0px 0px 0px;
padding						: 10px 0px 10px 15px;
}

#developments h3.plot
{
background-color	: #EEE;
font-size			: 80%;
line-height			: 14px;
margin				: 0px 0px 0px 0px;
padding				: 10px 0px 10px 15px;
color				: #666;
overflow			: hidden;
}

#developments div.plots_table h4
{
background-image	: url(../images/generic/bg_silverheader.gif);
background-repeat	: repeat-x;
font-size			: 85%;
line-height			: 14px;
margin				: 0px 0px 0px 0px;
padding				: 6px 0px 6px 15px;
color				: #666;
font-weight			: bold;
border-bottom		: 1px solid #999;
overflow			: hidden;
}

#developments div.plots_table
{
border				: 1px solid #999;
width				: 348px;
margin-left			: 0px;
}

#developments div.plots_table table
{
width				: 348px;
font-size			: 70%;
background-color	: #EEE;
margin				: 0px 0px 0px 0px;
}

#developments div.availability-plot p.back a
{
    font-weight:bold;
    text-decoration:none;
    vertical-align:middle;
    color:#666666;
}

#developments div.availability-plot p.back a img {
margin-right:5px;
vertical-align:middle;
}

* html #developments div.plots_table table
{
width				: 348px;
}

#developments div.plots_table table thead tr th
{
background-color	: #D1D1D1;
text-align			: left;
padding-left		: 15px;
}

#developments div.plots_table table tr td 
{
background-color	: #F6F6F6;
text-align			: left;
padding-left		: 15px;
}

#developments div.plots_table table tr.white td 
{
background-color	: #FFF;
text-align			: left;
padding-left		: 15px;
}

#developments div.plots_table table thead th.room{width:115px;}
#developments div.plots_table table thead th.size{width:115px;}

#developments div.plots_table table thead th.destination{width:165px;}

#developments div.plots_table table thead th.distance{width:90px;}

#developments div.plots_table table thead th.time{width:90px;}

#developments  p.moredetails
{
background-color	: #566586;
background	: url(../images/generic/bg_moredetails.jpg) repeat-x bottom left;

font-size			: 75%;
line-height			: 16px;
margin				: 10px 0px 0px 0px;
padding				: 10px 0px 10px 15px;
color				: #FFF;
font-weight			: normal;
}

#developments  p.moredetails a
{
display				: block;
color				: #FFF;
text-decoration		: none;
}

#developments  p.moredetails img
{
vertical-align		: middle;
margin-right		: 10px
}

div.availability-plot
{
overflow			: hidden;
width				: 760px;
}

div.plots-image
{
width				: 390px;
float				: left;
padding				: 20px 0px 0px 20px;
}

#developments p.floors
{
color				: #CCC;
}
 

div.plots-image p.floors a
{
color				: #BBB;
text-decoration		: none;
font-weight			: bold;
font-size			: 110%;
}

div.plots-image p.floors a.on
{
color				: #000;
}


div.info-table
{
width				: 350px;
float				: left;
padding				: 50px 0px 0px 0px;
}

div.login em.error
{
    margin				: 5px 0 10px 125px;
}

#developments div.login p.bottom
{
    margin: 0 0 0 0;
    padding:0 0 10px 15px;
    background-color:#EEEEEE;
}

div.login p.bottom em.error
{
    margin				: 0 0 0 0;
}

h2#loginregister
{
    background-image:url(../images/generic/bg_blueheaders.gif);
    background-repeat:repeat-x;
    color:#FFFFFF;
    font-size:100%;
    font-weight:bold;
    line-height:14px;
    margin:0 0 10px 0;
    padding:10px 0px 10px 15px;
}

p.wilsden-sitemap
{
background-color        : #8ECC27;
width                   : 408px;
padding                 : 5px;
margin                  : 10px 0px 0px 0px;
}

p.wilsden-sitemap a
{
display                 : block;
color                   : #FFF;
font-weight             : bold;
}

/*Garforth Barley Fields*/

#developments div.introductioncopy#barleygarforth, #developments h2#barleygarforth, #developments p.barleygarforth
{
background-color		:#d70c9b;
}



#noscript-bg, #dialog-bg {
    background-color:black;
    height:100%;
    left:0px;
    opacity:0.7;
    position:fixed;
    top:0px;
    width:100%;
    z-index:9999;
}

#dialog-bg
{
    position:absolute;
}

#noscript-text {
    background:transparent url(../images/generic/logo.gif) no-repeat scroll center top;
    color:#FFFFFF;
    font-size:18px;
    left:0px;
    line-height:1.5em;
    padding-top:120px;
    position:absolute;
    text-align:center;
    top:20%;
    width:100%;
    z-index:10000;
}

#dialog
{
    position: absolute;
	left: 50%;
	width:716px;
	margin-left:-358px;
	overflow: hidden;
	background-color: #fff;
    z-index:1000000;
}


#dialog ul
{
    font-size:0.8em;
    list-style-type:disc;
    margin: 8px 0 8px 0;
    padding:0 0 0 0;
}

#dialog ul li
{
    padding:2px 0;
    margin-left:30px;
}   

#dialog-closelink
{
    display:block;
    width:70px;
    text-align:center;
    margin:0 8px 8px 8px;
    text-decoration:none;
    padding:3px;
    color:#666666;
    border:1px solid #666666;
    font-size:12px;
    float:right;
}


#dialog-header
{
    padding:8px 8px 8px 0;
    overflow:hidden;
    width:708px;
}

#dialog-header a
{
    font-size:14px;
    color:#666;
    display:block;
    float:left;
    font-weight:bold;
    padding:0 8px 0 8px;
}

#dialog-header a.selected
{
    text-decoration:underline;
    color:#F1078E;
}

#dialog-body
{
    display:block;
    clear:both;
    padding:0 8px 8px 8px;
}

#dialog-floorone, #dialog-floortwo
{
    border-right:solid 1px #666;
}


#dialog-body ul {
    left:0pt;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0pt;
    padding:0pt;
    position:absolute;
    top:30px;
}

#dialog-body ul li 
{
    background:transparent url(../images/generic/transparent.gif) repeat scroll 0% 0%;
    cursor:pointer;
    display:block;
    position:absolute;
    margin:0;
    padding:0;
}

#dialog-body ul li a.number span {
    display:none;
}

#map ul li .xsnazzy-hidden
{
    display:none;
}

#dialog-body ul li .xsnazzy
{
    visibility:hidden;
}

#dialog-body ul li.click .xsnazzy
{
    visibility:visible;
    z-index:200000;
}

#dialog-body ul li.click .xsnazzy h1 p
{
    font-size:0.7em;
}

#dialog-body ul li.click .xsnazzy h1, #dialog-body ul li.click .xsnazzy a
{
    font-size:0.9em;
}

#developments p#directions
{
    font-weight:bold;
    background-color:#6D4637;
    padding:4px;
    color:#fff;
    margin:0;
}

#cms-banner
{
    margin-top:4px;
    background-color:#D18201;
    width:413px;
    
}

#cms-banner h4, #cms-banner p
{
    margin:0;
    padding:10px;
    font-size:24px;
    color:#fff;
}

#cms-banner p
{
    padding:0 10px 10px 10px;
    font-size:16px;
}