@import "reset.css";
@import "cmxformTemplate.css";
@import "cmxform.css";
@import "thickbox.css";


/* MAIN STYLES  */

body {
background: #eee url( ../images/pg_bgd.jpg) 50% 0 no-repeat;
}

#accessibility {
display:none;
}

p {
line-height: 1.5em;
}

strong , dt {
font-weight : bold;
}

.clr {
clear: both;
}

a {
color: #090;
text-decoration: underline;
}

p.standfirst , blockquote {
font-size:1.1em;
line-height:1.4em;
color:#666;
margin: 0 0px 10px 0px;
padding: 0 6px 0 0;
}

blockquote {
color:#336;
}

blockquote em {
font-style: italic;
color:#ccc;
}

dl {
float:left;
}

dl.pressRelease {
background: transparent url( ../images/press_release_corner.gif) top right no-repeat;
border-bottom:1px dotted #ccc;
width: 560px;
padding:5px;
margin:0 0 10px 0;
}

dl.portfolioItem {
background-color: #f5f3de;
border-bottom:1px solid #090;
width: 560px;
padding:5px;
margin:0 0 10px 0;
}

dl.pressRelease.hover, dl.portfolioItem.hover {
background-color: #EDEFF4;
}


dt {
float: right;
width: 410px;
padding: 0 15px 0 0;
margin: 0;
font-size:1.2727em;
line-height:1.4em;
color: #090;
}

dd {
width: 410px;
padding: 0 15px 0 0;
float: right;
}

dd small {
color: #336;
}

dt.r , dd.r {
float: left;
padding:0;
}

dl.noImage dt, dl.noImage dd {
float: left;
width: 555px;
}

dd.img {
float: left;
width: 100px;
padding: 0 15px 0 0;
margin: 0 5px 0 0;
}

dd.imgR {
float: right;
width: 100px;
padding: 0 5px 0 0;
margin: 0;
}


dd.img img, dd.imgR img {
border:1px solid #090;
}

dd.link {
line-height: 1.3em;
}




h1 {
margin: 0 0 4px 0;
padding: 4px 0 0 0;
font-size:1.4545em;
line-height:1.6em;
color: #336;
}

h2 {
margin: 5px 0 4px 0;
padding:0;
font-size:1.2727em;
line-height:1.4em;
color: #090;
}

h3 {
font-size:1em;
line-height:1.2em;
font-weight: bold; 
padding:10px 0 10px 0;
text-transform: uppercase;
letter-spacing: 1px
}

h4 {
font-size:1.0909em;
line-height:1.2em;
color: #336;
margin: 10px 0 5px 0;
padding:0;
}

/*
--------------------------
------ colours -----------
--------------------------
*/

.jscript .wob {
color:#fff;
}

.sold , .red {
color:#f00;
}

.blue {
color:#336;
}

.green {
color:#090;
}

ul {
margin:5px 0 0 0;
}

li {
padding: 0 3px 5px 12px;
background-image: url( ../images/blu_triangle.gif);
background-position: 3px 4px;
background-repeat: no-repeat;
list-style: none;
}

small {
display:block;
}

#wrapper {
width:918px;
background-color:#fff;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
margin: auto;
font-size:1.1em;
line-height:1.4em;
}

#container {
float: left;
width: 100%;
background: transparent url( ../images/site_header/bg.php) no-repeat top right;
}

#containerHome {
float: left;
width: 100%;
margin-right: -150px;
background: transparent url( ../images/site_header/bg.php) no-repeat top right;
}

#content {
margin-right: 145px;
}

#sidebar {
width: 140px;
float: right;
margin:139px 10px 0 0;
}

#sidebar div.roundBox {
}

#pressReleaseTicker  {
height:220px;
margin:10px 0 0 0;
}


#pressReleaseTicker dl, #pressReleaseTicker dt, #pressReleaseTicker dd , #pressReleaseTicker a{
float:left;
width:120px;
color:#fff;
}

#pressReleaseTicker dt {
padding:0;
margin: 0;
font-size:1.1em;
line-height:1.3em;
color:#fff;
}


#header {
display:block;
width: 100%;
height:140px;
clear: both;
font-size:1.0909em;
}

#header div.logo {
margin:4px 0 0 4px;
padding:0;
height:59px;
width:105px;
border:2px solid #fff;
}

#text-controls {
position:absolute;
top:5px;
margin:0 0 0 855px;
width:55px;
height:30px;
background-color:#fff;
border:1px solid #090;
}

ul.resizer li {
margin:0 2px;
display:inline;
list-style: none;
background:none;
padding:0;
}


ul.resizer a {
color: #336;
font-weight: bold;
}

ul.resizer .small { font-size: 10px; line-height: 24px; }
ul.resizer .medium { font-size: 14px; line-height: 20px; }
ul.resizer .large { font-size: 18px; line-height: 24px; }

ul.resizer .small a, .medium ul.resizer .medium a, .large ul.resizer .large a { color: #090; text-decoration: none; }

.medium ul.resizer .small a,
.large ul.resizer .small a {
text-decoration: underline;
color: #336;
}

.medium ul.resizer .small a:hover,
.large ul.resizer .small a:hover {
color: #090;
}



#header div.address {
margin:4px 0 0 6px;
}

#header div.address p {
color:#fff;
font-weight:bold;
}

#header div.address span {
color:#090;
}

/* START - MAIN NAV */

#header div.mainNav {
position:absolute;
z-index:100000;
top:91px;
width:918px;
padding:0;
background: #336;
}

#jsddm {
margin: 0;
padding: 0;
}

#jsddm li ,  #jsddm li.active {
float: left;
list-style: none;
padding:0;
margin:0;
}

#jsddm li a {
display: block;
background: #336;
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 80px;
color: #fff;
white-space: nowrap;
}

#jsddm li a.last {
border-right: none;
}
		
#jsddm li.active a {
color: #090;
font-weight: bold; 
}

#jsddm li a:hover {
background: #090;
}

#jsddm li.active a:hover {
color: #fff;
}
		
#jsddm li ul {
margin: 0;
padding: 0;
width:275px;
visibility: hidden;
border-top: 1px solid white;
background: #336;
border: 1px solid white;
position:absolute;
z-index:100003;
}
		
#jsddm li ul li , #jsddm li ul li.active {
border: none;
float: none;
}
			
#jsddm li ul li a , #jsddm li.active ul li a, #jsddm li h3 , #jsddm li ul li.active {
border: none;
font-weight: normal; 
color:#fff;
width:251px;
padding: 5px 12px;
}

#jsddm li ul li.active {
color: #090;
font-weight: bold; 
border: none;
}

#jsddm li ul li a:hover {
background: #090;
color:#fff;
}

/* END - MAIN NAV */


#testLeft {
width: 300px;
float: left;
border-right:1px solid #090;
margin:0 0 0 10px;
}

#testLeft.short {
width: 262px;
}

.nodeco {
background-image: none;
list-style: none;
}

#testLeft.nobdr {
border-right:none;
}

#testLeft h3 {
color:#090;
}

#testLeft p {
padding:0 10px 0 0;
}

#testLeft h4 {
padding:4px 0 4px 0;
color:#336
text-transform: uppercase;
letter-spacing: 1px
}

#testLeft li a {
text-decoration:none; 
}

#testLeft li a:hover {
color:#336;
text-decoration:underline; 
}

/*
-----------------------------------
------ Slideshow styling ----------
-----------------------------------
*/

#slideShow {
height:350px;
margin:0 0 10px 5px;
overflow:hidden;
}

#slideShowNav {
float:left;
margin: 0;
}

#slideShowNav li {
width: 52px;
float: left;
margin: 6px 12px 6px 0;
padding:0;
background-image: none;
list-style: none;
}
 
#slideShowNav a { 
width: 52px;
padding: 3px;
display: block;
border: 1px solid #ccc;
}

#slideShowNav a.activeSlide {
background: #090;
 }
 
#slideShowNav a:focus {
outline: none;
}

#slideShowNav img { 
border: none;
display: block;
}

#slideShow.square, #gallery.pics {  
float: left;
display: block;
height:  232px;  
width:   252px;  
padding: 0;  
margin:  0;
overflow:hidden;  
} 
 
#slideShow.square img , #gallery.pics img {  
padding: 15px;  
border:  1px solid #ccc;  
background-color: #eee;  
width:  220px; 
height: 200px; 
top:  0; 
left: 0;
}

div.segMent {
width:262px;  
float:left;
margin : 10px 0 0 0;
padding : 0;
border-top : 8px solid #000;
}

div.segment {
margin : 20px 0 0 0;
padding : 0;
border-top : 8px solid #000;
}

#brochure {
border-top-color : #005296;
}

#dkblue {
border-top-color : #103366;
}

#dkblue a , ul.comm a , #dkblue h3 {
color:#336;
}

#lghtgreen {
border-top-color : #6BBD4A;
}

#images {
border-top-color : #6bbd4a;
}

#location {
border-top-color : #eba706;
}

#factsheet {
border-top-color : #0775cc;
}

#other {
border-top-color : #cc2723;
}

#testLeft div.headerBlock {
padding:0 0 10px 0;
height:79px;
margin: 0 0 14px 0;
border-bottom:1px solid #090;
}

div.hr {
width:95%;
height : 1px;
background : #fff url(../images/line_blue.gif) repeat-x center;
}

#testRight div.hr {
height : 1px;
margin:5px 0 5px 0;
background : #fff url(../images/line_blue.gif) repeat-x center;
}

div.hr hr {
display: none;
}

hr {
clear: right;
border: none;
height:1px;
background: #fff;
color: #fff;
border-bottom: 1px solid #090;
margin: 8px 2px 8px 2px;
}

#testRight {
width:590px;
margin-left: 320px;
background-color:#fff;
z-index:90;
}

.medium #testRight { font-size: 16px; line-height: 22px; }
.large #testRight  { font-size: 20px; line-height: 26px; }


#testRight.short {
width:625px;
margin-left: 285px;
}

#testRight p {
margin: 4px 0 4px 0;
}


#testRight.onecol {
margin-left: 0;
background-color:#fff;
}

#testRight.home {
width:440px;
}

/*
-------------------------------------------------------
---------------- Header block -------------------------
-------------------------------------------------------
*/

#testRight div.headerBlock {
margin:0 0 10px 0;
z-index:99;
}

#testRight div.headerBlock h1 {
margin: 0 0 0 10px;
color: #fff;
}

#testRight div.headerBlock h1.blue {
margin: 0;
color:#336;
}

/*
-------------------------------------------------------
------ Individual Development header styling ----------
-------------------------------------------------------
*/


#testRight.barrows {
background: transparent url( ../images/development_banners/barrows.gif) no-repeat top right;
}

#testRight.barrows div.headerBlock {
height:100px;
}

#testRight.burwood {
background: transparent url( ../images/development_banners/burwood.gif) no-repeat top right;
}

#testRight.burwood div.headerBlock {
height:100px;
}

#testRight.clarence {
background: transparent url( ../images/development_banners/clarence.gif) no-repeat top right;
}

#testRight.clarence div.headerBlock {
height:100px;
}

#testRight.easteleven {
background: transparent url( ../images/development_banners/east_eleven.gif) no-repeat top right;
}

#testRight.easteleven div.headerBlock {
height:100px;
}

#testRight.hemyock {
background: transparent url( ../images/development_banners/millhayes_hemyock.gif) no-repeat top right;
}

#testRight.hemyock div.headerBlock {
height:100px;
}

#testRight.pickpurse {
background: transparent url( ../images/development_banners/pickpurse_hollow.gif) no-repeat top right;
}

#testRight.pickpurse div.headerBlock {
height:100px;
}

#testRight.quad {
background: transparent url( ../images/development_banners/quad_blackbrook.gif) no-repeat top right;
}

#testRight.quad div.headerBlock {
height:100px;
}

#testRight.tancredstreet {
background: transparent url( ../images/development_banners/tancred_street.gif) no-repeat top right;
}

#testRight.tancredstreet div.headerBlock {
height:100px;
}

#testRight.turnpike {
background: transparent url( ../images/development_banners/turnpike.gif) no-repeat top right;
}

#testRight.turnpike div.headerBlock {
height:100px;
}

#testRight.watercombelane {
background: transparent url( ../images/development_banners/watercombe_lane.gif) no-repeat top right;
}

#testRight.watercombelane div.headerBlock {
height:100px;
}

#testRight.woodbury {
background: transparent url( ../images/development_banners/woodbury.gif) no-repeat top right;
}

#testRight.woodbury div.headerBlock {
height:100px;
}

#testRight.wrington {
background: transparent url( ../images/development_banners/wrington.gif) no-repeat top right;
}

#testRight.wrington div.headerBlock {
height:100px;
}

#testRight.vantage div.headerBlock {
height:100px;
}

#testRight.vantage {
background: transparent url( ../images/development_banners/vantage_point.gif) no-repeat top right;
}

#testRight.churchills div.headerBlock {
height:100px;
}

#testRight.churchills {
background: transparent url( ../images/development_banners/churchills.jpg) no-repeat top right;
}

#testRight.compass div.headerBlock {
height:100px;
}

#testRight.compass {
background: transparent url( ../images/development_banners/compass_point.jpg) no-repeat top right;
}

#testRight.westpark div.headerBlock {
height:100px;
}

#testRight.westpark {
background: transparent url( ../images/development_banners/westpark26.jpg) no-repeat top right;
}

#testRight.victoriahouse div.headerBlock {
height:100px;
}

#testRight.victoriahouse {
background: transparent url( ../images/development_banners/victoriahouse.gif) no-repeat top right;
}

#testRight.vineycourt div.headerBlock {
height:100px;
}

#testRight.vineycourt {
background: transparent url( ../images/development_banners/vineycourt.gif) no-repeat top right;
}

#testRight.exterbusinesspark div.headerBlock {
height:100px;
}

#testRight.exterbusinesspark {
background: transparent url( ../images/development_banners/exeter_business_park.jpg) no-repeat top right;
}

#testRight.blackbrook div.headerBlock {
height:100px;
}

#testRight.blackbrook {
background: transparent url( ../images/development_banners/blackbrook.gif) no-repeat top right;
}

#testRight.weston div.headerBlock {
height:100px;
}

#testRight.weston {
background: transparent url( ../images/development_banners/weston.gif) no-repeat top right;
}

#testRight.milbury div.headerBlock {
height:146px;
}

#testRight.milbury {
background: transparent url( ../images/development_banners/milbury.jpg) no-repeat top right;
}

#testRight.milbury h1 {
padding-left: 20px;
}


#testRight.aspects div.headerBlock {
height:146px;
}

#testRight.aspects {
background: transparent url( ../images/development_banners/aspects_header.jpg) no-repeat top right;
}






/* PDF links */

.PDFText {
line-height: 0.8em;
color : #000000;
}

.pdf {
margin:8px 0 8px 0;;
padding-left:20px;
background:url( ../images/pdf.gif ) no-repeat;
color: #000;
}

/* PDF links */


#testRight div.boxout  {
background-color : #f5f3de;
padding:10px;
border:none;
}

#testRight div.segment {
position:relative;
background-color : #f5f3de;
padding:10px;
border:none;
}

#testRight div.segment { 
color:#336;
}

#testRight ul.updateSegment {
width:320px;
background-color:#f00;
padding:10px;
margin: 0;
border:none;
height:200px;
overflow:hidden;
}

#testRight ul.updateSegment li {
padding: 0 3px 5px 3px;
background-image: none;
margin: 0;
list-style: none;
}

#testRight ul.updateSegment li p , #testRight ul.updateSegment li h3{
color:#fff;
}

#testRight h1, #testRight h2, #testRight p.standfirst {
padding-left:0;
}

#testRight div.flash {
float: right;
display: inline;
padding:5px;
margin: 0 0 10px 10px;
border:1px solid #336;
background-color: #fff;
}




#testRight img.full {
float: left;
display: inline;
padding: 10px 0 10px 0;
margin:0;
}

#testRight img.right {
float: right;
clear:right;
}

#testRight div.segment li small {
color:#336;
}

#testRight img.thumbs {
float:right;
width:100px;
margin:0 0 20px 10px;
border:1px solid #090;
}

#testRight.nodeco li {
padding: 0;
background-image: none;
margin: 0;
list-style: none;
}

#footer {
text-align:left;
margin : 20px 10px 0 10px;
padding : 40px 0 0 0;
border-top : 8px solid #090;
}

#footer ul {
display: inline;
list-style-type: none;
padding: 0;
margin:0;
}

#footer li {
display: inline;
background-image: none;
margin:0;
padding:0;
}

address {
text-align: left;
margin:10px 0 10px 0;
}

p.credit {
color:#333;
}

a.credit {
text-decoration:none;
color: #9c0;
}

a.credit:hover {
text-decoration:underline;
}



/*
-------------------------------------------------------
-------------------- Boxout styles --------------------
-------------------------------------------------------
*/

div.roundBox {
margin:0 0 10px 0;
}


div.roundBox img {
float:right;
padding:0 0 10px 10px;
}

div.roundBox h3 {
padding:0 0 10px 0;
}

#testLeft div.roundBox {
margin:0 10px 10px 0;
}


/* ------------------ update --------------------- */

.jscript #update .boxOut .hdr .r { font-size:1px; height:30px; }
.jscript #update .boxOut .ftr .r { font-size:1px; height:14px; }
.jscript #update .boxOut .hdr { background: transparent url(../images/boxout/feature_tl.gif) no-repeat 0px 0px;}
.jscript #update .boxOut .hdr .r { background:transparent url(../images/boxout/feature_tr.gif) no-repeat right 0px;}
.jscript #update .boxOut .bdy { background: transparent url(../images/boxout/feature_bdy.gif) repeat-y 0px 0px;}
.jscript #update .boxOut .bdy .r { background: transparent url(../images/boxout/feature_bdyr.gif) repeat-y right 0px;}
.jscript #update .boxOut .bdy .r .mid { margin:0px 4px 0px 4px; background:#E6F0FA url() repeat-x 0px 0px; padding:1em; }
.jscript #update .boxOut .ftr { background:transparent url(../images/boxout/feature_bl.gif) no-repeat 0px 0px;}
.jscript #update .boxOut .ftr .r { background:transparent url(../images/boxout/feature_br.gif) no-repeat right 0px;}


/* ------------------ dark blue --------------------- */

.jscript #darkBlue .boxOut .hdr .r { font-size:1px; height:11px; }
.jscript #darkBlue .boxOut .ftr .r { font-size:1px; height:12px; }
.jscript #darkBlue .boxOut .hdr { background: transparent url(../images/boxout/dk_blue_tl.gif) no-repeat 0px 0px;}
.jscript #darkBlue .boxOut .hdr .r { background:transparent url(../images/boxout/dk_blue_tr.gif) no-repeat right 0px;}
.jscript #darkBlue .boxOut .bdy { background: #103366 url(../images/boxout/dk_blue_bdy.gif) repeat-y 0px 0px;}
.jscript #darkBlue .boxOut .bdy .r { background: #103366 url() repeat-y right 0px;}
.jscript #darkBlue .boxOut .bdy .r .mid { margin:0px 4px 0px 4px; background:#103366 url() repeat-x 0px 0px; padding:1em; }
.jscript #darkBlue .boxOut .ftr { background:transparent url(../images/boxout/dk_blue_bl.gif) no-repeat 0px 0px;}
.jscript #darkBlue .boxOut .ftr .r { background:transparent url(../images/boxout/dk_blue_br.gif) no-repeat right 0px;}

/* ------------------ light blue --------------------- */

.jscript #lghtBlue .boxOut .hdr .r { font-size:1px; height:11px; }
.jscript #lghtBlue .boxOut .ftr .r { font-size:1px; height:12px; }
.jscript #lghtBlue .boxOut .hdr { background: transparent url(../images/boxout/light_blue_tl.gif) no-repeat 0px 0px;}
.jscript #lghtBlue .boxOut .hdr .r { background:transparent url(../images/boxout/light_blue_tr.gif) no-repeat right 0px;}
.jscript #lghtBlue .boxOut .bdy { background: #0775CC url(../images/boxout/light_blue_bdy.gif) repeat-y 0px 0px;}
.jscript #lghtBlue .boxOut .bdy .r { background: #0775CC url() repeat-y right 0px;}
.jscript #lghtBlue .boxOut .bdy .r .mid { margin:0px 4px 0px 4px; background:#0775CC url() repeat-x 0px 0px; padding:1em; }
.jscript #lghtBlue .boxOut .ftr { background:transparent url(../images/boxout/light_blue_bl.gif) no-repeat 0px 0px;}
.jscript #lghtBlue .boxOut .ftr .r { background:transparent url(../images/boxout/light_blue_br.gif) no-repeat right 0px;}

/* ------------------ light green --------------------- */

.jscript #lghtGreen .boxOut .hdr .r { font-size:1px; height:11px; }
.jscript #lghtGreen .boxOut .ftr .r { font-size:1px; height:12px; }
.jscript #lghtGreen .boxOut .hdr { background: transparent url(../images/boxout/light_green_tl.gif) no-repeat 0px 0px;}
.jscript #lghtGreen .boxOut .hdr .r { background:transparent url(../images/boxout/light_green_tr.gif) no-repeat right 0px;}
.jscript #lghtGreen .boxOut .bdy { background: #6BBD4A url(../images/boxout/light_green_bdy.gif) repeat-y 0px 0px;}
.jscript #lghtGreen .boxOut .bdy .r { background: #6BBD4A url() repeat-y right 0px;}
.jscript #lghtGreen .boxOut .bdy .r .mid { margin:0px 4px 0px 4px; background:#6BBD4A url() repeat-x 0px 0px; padding:1em; }
.jscript #lghtGreen .boxOut .ftr { background:transparent url(../images/boxout/light_green_bl.gif) no-repeat 0px 0px;}
.jscript #lghtGreen .boxOut .ftr .r { background:transparent url(../images/boxout/light_green_br.gif) no-repeat right 0px;}

/* ------------------ yellow --------------------- */

.jscript #yellow .boxOut .hdr .r { font-size:1px; height:11px; }
.jscript #yellow .boxOut .ftr .r { font-size:1px; height:12px; }
.jscript #yellow .boxOut .hdr { background: transparent url(../images/boxout/yellow_tl.gif) no-repeat 0px 0px;}
.jscript #yellow .boxOut .hdr .r { background:transparent url(../images/boxout/yellow_tr.gif) no-repeat right 0px;}
.jscript #yellow .boxOut .bdy { background: #EBA706 url(../images/boxout/yellow_bdy.gif) repeat-y 0px 0px;}
.jscript #yellow .boxOut .bdy .r { background: #EBA706 url() repeat-y right 0px;}
.jscript #yellow .boxOut .bdy .r .mid { margin:0px 4px 0px 4px; background:#EBA706 url() repeat-x 0px 0px; padding:1em; }
.jscript #yellow .boxOut .ftr { background:transparent url(../images/boxout/yellow_bl.gif) no-repeat 0px 0px;}
.jscript #yellow .boxOut .ftr .r { background:transparent url(../images/boxout/yellow_br.gif) no-repeat right 0px;}


/* table formatting */

table.contentTab {
border:1px solid #090;
background: #fff url( ../images/) no-repeat bottom right;
width:625px;
}

table.contentTab td {
background-color: #CEE7EF;
padding:2px;
border:1px solid #fff;
}

table.contentTab td.blank {
background-color: #fff;
}

table.contentTab td.head {
background-color: #336;
color:#fff;
font-weight: bold;
}

table.contentTab td.headGreen {
background-color: #090;
color:#fff;
font-weight: bold;
}



#scrollup , #commScrollup {
position: relative;
overflow:hidden;
height: 120px;
width: 410px;
}

.headline , .commHeadline {
position: absolute;
top: 210px;
height: 120px;
width:410px;
z-index:30;
}

div.pressNav  h3 {
cursor:pointer;
}