/* @override 
	http://localhost/westhill/sffa_microsite/css/main.css
	http://172.16.0.56/westhill/sffa_microsite/css/main.css
*/

/* main.css */

/* @group Main Structure */

* {
    margin: 0;
    padding: 0;
    }

body {
	font: 62.5%/1.6em Verdana, Geneva, Kalimati, sans-serif;
	color: #666;
	background: #ffffff url(../images/background.gif) top center no-repeat;
	}
    
body.homePage{
    color: #6a6e71;
    }
    
   
a { color: #007d64; }

p {
    margin: 0 0 15px 0;
    line-height: 1.4em;
    }
    
#pageContainer {
   
    margin: 0 auto;
    width: 987px;
}

#boxContent {
	width: 987px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    }
	.homePage #boxContent {
	    border: none;
	    width: 987px;
	    }
	    
#content {
    background: url("../images/gradient-green.gif") 0 0 repeat-x;
    clear: both;
    margin: 0;
    padding: 0 0 15px 0;
	color: #404040;
	border-bottom: 5px solid #007D64;
	position: relative;
	}
	#content h2 {
		text-indent: -9999px;
		margin-bottom: 20px;
		}
		.homePage #content {
		    background-image: none;
		    position: static;
		    }
			
.subPage #content, .flashPage #content {
	 padding: 35px 0 0 35px;
	 font-size: 1.2em;
	}
	.flashPage #content {
	    padding: 0;
	    }
    
#contentColumn, #infoColumn {
    float: left;
    display: inline;
    }
    
#contentColumn {
    width: 370px;
    padding: 35px 0 0 30px;
    margin-right: 57px;
    }
    #contentColumn p {
        font-size: 1.2em;
        }
    
#contentColumn h1 {
    margin-bottom: 15px;
    }    
 
 h1 {
    display: none;
    } 
    
.homePage h1 {
    display: block;
    width: 987px;
    height: 222px;
    text-indent: -9999px;
    background: url(../images/home-banner.jpg) 0 0 no-repeat;
    overflow: hidden;
    font-size: 1.6em;
    }

.homePage h2, .homePage h3 {
   margin-bottom: 15px;
   text-indent: -9999px;
   }
   .homePage h3 {
        margin-bottom: 0;
        }
        .homePage h3 a {
            display: block;
            }
            
h2 a, h3 a {
    outline: none;
    }
        
#infoColumn {
    width: 530px;
	padding-top: 15px;
    }
    
#greenInfo {
    background: url(../images/green-top.gif) 0 0 no-repeat;
    margin-bottom: 15px;
	padding-top: 14px;
    } 
	
#greenInfoBottom {
	 background: url(../images/green-bottom.gif) left bottom no-repeat;
	 padding: 20px;
	 width: 490px; /* for IE, bless */
	}

#greenInfoBottom h3 {
	margin-bottom: 5px;
	}
    
#greenInfo p {
    color: #fff;
    font-size: 1.2em;
    }
   
h2.revolution {
    width: 246px;
    height: 52px;
    background: transparent url("../images/heading-revolution.gif") 0 0 no-repeat;   
    }


#whereAndWhen, #atHome, #inBusiness, #interactive, #communities, #bigBuild, #difference {
	float: left;
	padding-left: 90px;
	margin-bottom: 10px;
	display: inline;
	}
	#difference {
		margin-bottom: 0;
		}
	
#whereAndWhen {
	background: url("../images/icon-where-when.gif") 0 5px no-repeat;
	}
	
#atHome {
	background: url("../images/icon-at-home.gif") 0 5px no-repeat;
	}
	
#inBusiness{
	background: url("../images/icon-business.gif") 3px 5px no-repeat;
	}
	
#bigBuild {
	background: url("../images/icon-build.gif") 3px 5px no-repeat;
	}
	
#communities {
	background: url("../images/icon-communities.gif") 0 7px no-repeat;
	}
	
#interactive {
	background: url("../images/icon-interactive.gif") 0 7px no-repeat;
	}
	
#difference {
	background: url("../images/icon-difference.gif") 0 7px no-repeat;
	}
 
#whereAndWhen h3, #whereAndWhen h3 a {
    width: 182px;
    height: 18px;
    background: transparent url("../images/heading-where-when.gif") 0 0 no-repeat;
    }
    #whereAndWhen h3 a {
        background: none;
        }
    
#atHome h3, #atHome h3 a {
    width: 101px;
    height: 18px;
    background: transparent url("../images/heading-at-home.gif") 0 0 no-repeat;
    }
    #atHome h3 a {
        background: none;
        }
    
#inBusiness h3, #inBusiness h3 a {
    width: 136px;
    height: 18px;
    background: transparent url("../images/heading-in-business.gif") 0 0 no-repeat;
    }
    #inBusiness h3 a {
        background: none;
        }
        
#bigBuild h3, #bigBuild h3 a {
    width: 149px;
    height: 22px;
    background: transparent url("../images/heading-big-build.gif") 0 0 no-repeat;
    }
    #bigBuild h3 a {
        background: none;
        }
        
#communities h3, #communities h3 a {
    width: 267px;
    height: 23px;
    background: transparent url("../images/heading-connecting-communities.gif") 0 0 no-repeat;
    }
    #communities h3 a {
        background: none;
        }
		
#interactive h3, #interactive h3 a {
    width: 213px;
    height: 18px;
    background: transparent url("../images/heading-interactive.gif") 0 0 no-repeat;
    }
    #interactive h3 a {
        background: none;
        }
        
#difference h3, #difference h3 a {
    width: 213px;
    height: 18px;
    background: transparent url("../images/heading-see-difference.gif") 0 0 no-repeat;
    }
    #difference h3 a {
        background: none;
        }
    
#providersBox {
    background: url(../images/providers-top.gif) 0 0 no-repeat;
    padding-top: 15px;
	width: 530px;
	float: left;
    }
    #providersBox p {
        color: #fff;
        font-size: 1.2em;
		width: 300px;
		margin-bottom: 0;
        }
		
#providersBoxBottom {
	background: url("../images/providers-bottom.gif") left bottom no-repeat;
	padding: 10px 20px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	width: 490px;
	position: relative;
	}
       
#providersBoxBottom h3 {
    width: 129px;
    height: 24px;
    background: transparent url("../images/heading-buy-it-now.gif") 0 0 no-repeat;
	margin-bottom: 5px;
    }
	
#myslides {
	width: 145px !important;
	height: 134px !important;
	margin-bottom: 0;
	position: absolute;
	right: 10px;
	top: 0;
	}
	
#boxContent #providersBoxBottom a {
	color: #fbf232;
	text-decoration: underline;
	font-weight: bold;
	}
	#boxContent #providersBoxBottom a:hover {
		text-decoration: none;
		}

ul#providersList {
	width: 450px;
	}
		
ul#providersList li {
    display: inline;
    }
    
ul#providersList li a {
    display: block;
    border: 1px solid #cbcbcb;
    width: 67px;
    height: 67px;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 10px 0;
    }
    ul#providersList li a {
        outline: none;
        }
    
ul#providersList li.bt a {
    background: url(../images/cp-bt-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.talkTalk a {
    background: url(../images/cp-talktalk-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.eclipse a {
    background: url(../images/cp-eclipse-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.zen a {
    background: url(../images/cp-zen-logo.gif) 0 0 no-repeat;
     }
    
ul#providersList li.star a {
    background: url(../images/cp-star-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.enta a {
    background: url(../images/cp-entanet-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.mdnx a {
    background: url(../images/cp-mdnx-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.timico a {
    background: url(../images/cp-timico-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.plusnet a {
    background: url(../images/cp-plusnet-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.soho a {
    background: url(../images/cp-soho-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.utv a {
    background: url(../images/cp-utv-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.kcom a {
    background: url(../images/cp-kcom-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.daisy a {
    background: url(../images/cp-daisy-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.merula a {
    background: url(../images/cp-merula-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.aaisp a {
    background: url(../images/cp-aaisp-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.vispa a {
    background: url(../images/cp-vispa-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.mainstream a {
    background: url(../images/cp-mainstream-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.newnet a {
    background: url(../images/cp-newnet-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.griffin a {
    background: url(../images/cp-griffin-logo.gif) 0 0 no-repeat;
    }
    
ul#providersList li.fastnet a {
    background: url(../images/cp-fastnet-logo.gif) 0 0 no-repeat;
    }
    
#contentInner ul#providersList li {
    background-image: none;
    margin-left: 0;
    padding-left: 0;
    }
	   
#header {
	padding: 20px 0 0 0;
    }
    
#logo {
	display: block;
	width: 222px;
	float: left;
	margin-left: 20px; 
	}
	
#olympicLogo {
    float: right;
    display: block;
    width: 120px;
    margin: 0 20px 20px 0;
    }
	
#header a img {
	border: 0;
    }

#main {
	padding: 0;
	margin: 0;
	clear: both;
	background: url(../images/home_left.jpg) no-repeat;
	height: 539px;
}
.clearer1 {
	clear: both;
}
.clearer10 {
	clear: both;
	height: 10px;
}
/* @end */
/* @group Header Styles */

#nav {
	width: 986px;
	background: #e9e9e9 url(../images/gradient-nav.gif) 0 0 repeat-x;
	min-height: 41px;
	height: auto !important;
	height: 41px;
	}
	
#nav ul {
	clear: both;
	text-align: left;
	padding: 0 0 0 10px;
	list-style-type: none;
	}

#nav li {
	font-size: 1.1em;	
	float: left;
	background: url("../images/nav-divider.gif") right 15px no-repeat;
	padding-left: 7px;
	zoom: 1;
	}
	
#nav li a {
	color: #6a6e71;
	text-decoration: none;
	float: left;
	margin: 0 7px 0 0;
	padding: 13px 0 12px 0;
	}
#nav li a:hover {
	text-decoration: underline;
	}

#nav li.active a {
	font-weight:bold;
	color: #00755e !important;
	background: url("../images/nav-active.gif") 50% bottom no-repeat;
	}
	.homePage #nav li.active a, .homePage #nav li.active a:hover {
		background: none;
		}	

#nav li.last {
	border: 0 !important;
	padding-right: 0 !important;
	background: none;
	}


/* @end */
/* @group Content Styles */

#boxContent p a:hover, #boxContent ul li a:hover, #boxContent span a:hover {
	text-decoration:none;
    }
    
#boxContent #nav ul li a:hover {
    text-decoration: underline;
    }

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

#contentInner {
	margin:0px;
	padding: 80px 0 20px 420px;
	float: left;
	position: relative;
	width: 480px;
	font-size: 1.2em;
	}
#contentInner p {
	padding:8px 0;
	margin-bottom: 0;
}
#contentInner ul {
	padding:4px 0;
}
#contentInner li {
	margin:0 0 12px 0;
	background: url(../images/bulletpoint.gif) 0 3px no-repeat;
	list-style-type: none;
	padding-left: 12px;
}
#contentInner a {
	text-decoration:none;
}
#contentInner a:hover {
	text-decoration:underline;
}
#contentInner h1  {
	display:block;
	margin-bottom:10px;
	font-size:130%;
	font-weight:normal;
	line-height: 1.3em;
	color: #999;
}
#contentInner h2  {
	margin-bottom:10px;
	font-size:130%;
	color: #7a649f;
	font-weight:normal;
	line-height: 1.2em;
}
#contentInner h3{
	color: #7a649f;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1em;
	font-weight: bold;
}

#contentInner h4 {
	font-size: 1.1em;
	font-weight: normal;
	color: #666;	
}

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

#popup {
	margin:30px;
	padding: 20px;
	font-size: 1.2em;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}
#popup p {
	padding:8px 0;
}
#popup a {
	text-decoration:none;
}
#popup a:hover {
	text-decoration:underline;
}
#popup h1  {
	display:block;
	margin-bottom:10px;
	font-size:130%;
	font-weight:normal;
	line-height: 1.3em;
	color: #999;
}
#popup h2  {
	margin-bottom:10px;
	font-size:130%;
	color: #7a649f;
	font-weight:normal;	
	line-height: 1.3em;
}
#popup h3{
	color: #7a649f;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1em;
	font-weight: bold;
}
#popup ul {
	padding:4px 0;
}
#popup li {
	padding:6px 0;
}


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


.grey{
color: #808285 !important;
margin: 0 0 10px 0 !important;
float: left;
width: 300px;
}

.btn_back {
	font-size:90%;
	color:#999999;
	text-decoration:none;
}

.backtotop{
	color: #7a649f;
	float:right;
	width: 100px;
	text-align:right;
	}

#contentInner ul, #contentInner ol {
	margin: 0;
	line-height: 1.2em;
	}

#contentInner ul li{
margin-left: 15px;
}

#contentInner ol li{
list-style-type:decimal;
margin-left: 20px;
}
#contentInner p.intro_text {
	font-size: 1.2em;
	line-height: 1.1em;
	color: #808285;
	margin-bottom: 30px;
    }

/* subpages */

#subnavContainer, #subnavMapContainer {
    width: 234px;
    float: right;
    margin: 190px 36px 0 0;
    display: inline;
    }
    #whereWhenContainer #subnavContainer, #residentContainer #subnavContainer, #communitiesContainer #subnavContainer {
        margin-top: 55px;
        }
        #landlordContainer #subnavContainer {
            margin-top: 85px;
            }
            #caseStudiesContainer #subnavContainer {
                margin-top: 135px;
                }
            
#whereWhenMapContainer #subnavContainer {
    margin-top: 55px;
    }
    
#subnavMapContainer {
    margin-top: 30px;
    }
    
#roundBoxTop, #roundBoxMapTop {
    width: 234px;
    background: url(../images/rounded-gradient-top.gif) 0 0 no-repeat;
    padding-top: 17px;
    }
    
#roundBoxBottom, #roundBoxMapBottom {
    background: url(../images/rounded-gradient-bottom.gif) left bottom no-repeat;
    padding: 0 15px 32px 15px;
    }
    
#subnavContainer h3, #subnavMapContainer h3 {
    margin-bottom: 15px;
    }
    
#subnavContainer p, #subnavMapContainer p {
    font-size: 90%;
    color: #555;
    }
    #subnavContainer p a, #subnavMapContainer p a {
        color: #007D64;
        }
        #subnavContainer p a:hover, #subnavMapContainer p a:hover {
            text-decoration: none;
            }
            
#bigBuildContainer #subnavContainer {
    margin-top: 300px;
    }
    #bigBuildContainer #subnavContainer ul.bulletList {
        font-size: 0.9em;
        padding-left: 17px;
        list-style-type: disc;
        }
        #bigBuildContainer #subnavContainer ul.bulletList li {
            margin-bottom: 5px;
            }
        
#bigBuildContainer #subnavContainer #roundBoxBottom {
    padding-bottom: 20px;
    }
            
/* Twitter */

#twitterContainer {
    margin: 25px 0 117px 0;
    }

#twitterContainer h3 {
    display: block;
    text-indent: -9999px;
    width: 210px;
    height: 33px;
    background: url(../images/heading-twitter.gif) 0 0 no-repeat;
    margin: 0 0 10px 0;
    }
    
#twitterContainer p a {
    font-weight: bold;
    }    
            
h3#headingValue, h3#exchangePlans, h3#headingAuthorities, .postcodeStatus h3, h3#headingFibre {
  text-indent: -9999px;
  height: 37px;
  }  
    
h3#headingValue {    
    width: 200px;
    background: url(../images/heading-value.gif) 0 0 no-repeat;
    }
    
h3#headingFibre {    
    width: 155px;
    height: 33px;
    background: url(../images/heading-fibre.gif) 0 0 no-repeat;
    }
    
h3#headingAuthorities {    
    width: 152px;
    height: 33px;
    background: url(../images/heading-authorities.gif) 0 0 no-repeat;
    }
    
h3#headingRegisterInterest, h3#headingRegisterInterest a {    
    width: 191px;
    height: 18px;
    text-indent: -9999px;
    background: url(../images/heading-register-interest.gif) 0 0 no-repeat;
    }
    h3#headingRegisterInterest a {
        background: none;
        display: block;
        }
    
h3#exchangePlans {
    width: 167px;    
    background: url(../images/heading-exchange-plans.gif) 0 0 no-repeat;
    }
    #subnavMapContainer h3#exchangePlans {
        width: 191px;
        height: 56px;
        background: url(../images/heading-exchange-map.gif) 0 0 no-repeat;
        }  
    
.postcodeStatus h3 {
    width: 195px;
    height: 56px;    
    background: url(../images/heading-postcode-status.gif) 0 0 no-repeat;
    }

#narrowContainer {
	float: left;
	width: 530px;
	margin-left: 97px;
	display: inline;
	}
	#caseStudiesContainer #narrowContainer {
	    width: 552px;
	    }
	
#formContainer #narrowContainer {
    width: 670px;
    }
    #formContainer #narrowContainer p {
        padding-right: 0;
        } 
        
#mapDivider #narrowContainer, #whereWhenMapContainer #rolloutContainer, #bigBuildContainer #narrowContainer {
    margin-left: 5px;
    width: 622px;
    }
    #whereWhenMapContainer #rolloutContainer {
        float: left;
        }
        #bigBuildContainer #narrowContainer {
            width: 932px;
            }
            #bigBuildContainer #bigBuildNarrowContainer, #bigBuildContainer .bigBuildNarrowContainer {
                width: 530px;
                margin-left: 97px;
                }
                
#bigBuildContainer #bigBuildNarrowContainer h3, .bigBuildNarrowContainer h3 {
    margin-bottom: 10px;
    color: #007D64;
    font-size: 130%;
    }
    
    
	    
#expressionContent {
    padding: 0 40px 0 0;
    }
	    
#formContainer #expressionCentre {
    position: relative;
    } 
    
#narrowContainer p.extraMargin {
    margin-bottom: 50px;
    }   
    
#subNavYellow {
	position: absolute;
	top: 80px;
	right: 0;
	}
	
#subNavYellow li a {
	display: block;
	width: 268px;
	height: 33px;
	text-indent: -9999px;
	margin-bottom: 10px;
	}
	
li.subBuyItNow a {
	background: url("../images/sub-buy-it-now.gif") 0 0 no-repeat;
	}
	
li.subWhenCanGet a {
	background: url("../images/sub-when-can-i-get.gif") 0 0 no-repeat;
	}
	
li.subViewBrochure a {
	background: url("../images/sub-view-brochure.gif") 0 0 no-repeat;
	}
	
li.subWorkFromHome a {
	background: url("../images/sub-work-home.gif") 0 0 no-repeat;
	}
	
li.subBusinessFromHome a {
	background: url("../images/sub-business-home.gif") 0 0 no-repeat;
	}
	
li.subBusinessPremises a {
	background: url("../images/sub-business-premises.gif") 0 0 no-repeat;
	}
	
li.subFibreHome a {
	background: url("../images/sub-fibre-home.gif") 0 0 no-repeat;
	}
	
li.subFibreBusiness a {
	background: url("../images/sub-fibre-business.gif") 0 0 no-repeat;
	}
	
li.subDevelopers a {
	background: url("../images/sub-developers.gif") 0 0 no-repeat;
	}
	
li.subBduk a {
	background: url("../images/sub-bduk.gif") 0 0 no-repeat;
	}
	
li.subLandlordGuide {
    background: url("../images/sub-landlord-guide.gif") 0 0 no-repeat;
    }
    
li.subFibreWorks {
    background: url("../images/sub-fibre-works.gif") 0 0 no-repeat;
    }
    
li.subWhatOthersThink {
    background: url("../images/sub-what-others-think.gif") 0 0 no-repeat;
    }
    
/* Big Build subnav */

li.subBuildRollout {
    background: url("../images/sub-build-rollout.gif") 0 0 no-repeat;
    }
    
li.subBuildDiary {
    background: url("../images/sub-build-diary.gif") 0 0 no-repeat;
    }
    
li.subBuildEngineers {
    background: url("../images/sub-build-engineers.gif") 0 0 no-repeat;
    }
    
li.subBuildNetwork {
    background: url("../images/sub-build-network.gif") 0 0 no-repeat;
    }
    
li.subBuildSolutions {
    background: url("../images/sub-build-solutions.gif") 0 0 no-repeat;
    }
    
li.subBuildStraightforward {
    background: url("../images/sub-build-straightforward.gif") 0 0 no-repeat;
    }
    
li.subBuildConnected {
    background: url("../images/sub-build-connected.gif") 0 0 no-repeat;
    }
    
li.subBuildFibre {
    background: url("../images/sub-build-fibre.gif") 0 0 no-repeat;
    }
	
/* brochure error */

#brochureContent {
    display: block; 
    padding: 15px;
    }
    #brochureContent p {
        font-size: 120%;
        }
        #narrowContainer #brochureContent h3 {
            font-size: 170%;
            }     
	
/* MDU form */

#narrowContainer h3 {
	color: #007d64;
	font-size: 130%;
	}
		
#narrowContainer p {
	margin-bottom: 20px;
	}
	#narrowContainer p#introText {
	    margin-bottom: 40px;
	    }
	
#formContainer #narrowContainer p.mandatory {
    position: absolute;
    top: 0;
    right: 20px;
    }
   
#narrowContainer h3 {
    margin: 20px 0 10px 0;
    }
    
#faqContainer #narrowContainer h3 {
    font-size: 115%;
    margin-bottom: 3px;
    }
		
.lblContact, .lblContactPostcode {
    float: left;
    font-size: 1em;
    margin-bottom: 10px;
    padding-right: 10px;
    text-align: right;
    width: 340px;
    }
    .lblContactPostcode {
        font-weight: bold;
        text-align: left;
        width: 137px;
        }
    
.lblContact_wide, .lblContact_wider {
    width: 407px;
    float: left;
    text-align:right;
    margin-bottom: 10px;
    padding-right: 10px;
    
    }
    .lblContact_wider {
        float: right;
        width: auto;
        margin-bottom: 10px;
        }
    
     span.declarechk, span.declareLandlordChk {
    display: block;
    float: right;
    }
   
span.declareLandlordChk .lblContact_wider {
    float: none;
    }
   
.declaration {
    margin: 3px 75px 10px 0 !important;
    float: right;
    }
    
#contacter input, #contacterPostcode input{
    border: 1px solid #808285;
    margin-bottom: 10px;
    width: 200px;
    }
    #contacterPostcode .declareLandlordChk input {
        width: auto;
        border: none;
        }
        .declareLandlordChk input {
            margin-top: 3px;
            }
    
#contacterPostcode .postcodeInput {
    width: 67px;
    }
    
#contacterPostcode .btnCheckPostcode {
    width: 131px;
    }
    
#contacterPostcode .btnFindAddress, #contacterPostcode .btnCheckPostcode {
    margin-left: 147px;
    }
    
#contacterPostcode .btnFindAddress {
    margin: 0;
    width: 124px;
    }
    
   #contacterPostcode input.integerBox {
	width:105px;
    }
    
#contacter select, #contacterPostcode select {
    border: 1px solid #808285;
    margin-bottom: 10px;
    width: 205px;
    }
    
hr {
    border-bottom: 1px solid #FFFFFF;
    border-left: 0 none;
    border-top: 1px solid #D6D6D6;
    }
    #expressionCentre hr {
        border-bottom: medium none;
        margin: 20px 0;
        }
        
p.formSmallPara {
    font-size: 0.8em;
    width: 210px;
    clear: both;
    }
    
.breadcrumbPanel {
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    margin: 0 auto 30px;
    padding: 40px 0;
    text-align: center;
    width: 660px;
    margin-bottom: 25px;
    }
    
#contacterPostcode .btnSubmit {
    width: 131px;
    }
    
.submitButton {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 131px;
    }
    
.addressSelect {
    margin-left: 130px;
    }
    
p.disclaimerText {
    color: #888a8c;
    font-size: 0.8em;
    }
    
#narrowContainer ul.bulletList, #narrowContainer ol.numberList, #bigBuildNarrowContainer ul.bulletList {
    list-style-type: disc;
    margin-left: 27px;
    }
    #narrowContainer ul.bulletList li, #bigBuildNarrowContainer ul.bulletList li {
        margin-bottom: 5px;
        }

#narrowContainer ol.numberList {
    list-style-type: decimal;
    margin-bottom: 20px;
    }
    
#narrowContainer ol.numberList li {
    margin-bottom: 10px;
    }       

/* @end */


/* @group Sidebar Syles */

#sidebar, #sidebar_inner {
	position: relative;
	top:-25px;
	width: 245px;
	float: right;
	background-color: #e7e8e9;
	padding: 0 20px 0 20px;
	margin: 10px 0 0 0;
}
#sidebar_inner {
margin-top: 0;
}


#sidebarBg {
	background: url(../images/innerSidebarBg.png) repeat-y;
	padding: 0;
}
.sidebarBox {
	border-bottom: 3px solid #fff;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	color: #808285;
}
.sidebarBox h3 {
	font-size: 1.4em;
	color: #6D5FA9;
	margin: 0;
	padding: 0;
}
.sidebarBox p {
	padding: 5px 0 0 0;
	margin: 0;
	line-height: 1.4em;
}
.sidebarBox p a {
	font-weight: bold;
	color: #7a649f;
}
#sidebarLast {
	border: 0 !important;
}
.timeline {
	padding: 5px 15px 0 15px;
	background: #e7e8e9 url(../images/timeline.gif) no-repeat;
	width: 379px;
	height: 95px;
	overflow:hidden;
}
.timeline h5 {
	font-size: 1.2em;
	color: #6D5FA9;
}
.timeline .year {
	font-size: 3em;
	font-weight: bold;
	text-align: right;
	position: relative;
	top: -21px;
	right: -20px;
	color: #fff !important;
}
.timelineFirst {
	height: 10px;
	background-color: #e7e8e9;
}
.timelineLast {
	height: 67px !important;
	background-image: none;
}


/* @end */

#footer {
    background: #e9e9e9 url("../images/bg-footer.gif") 0 0 repeat-x ;
    border: 1px solid #CFCFCF;
    border-right: none;
    border-left: none;
    height: auto !important;
    min-height: 37px;
    width: 987px;
    clear: both;
    }
    .homePage #footer {
       border: 1px solid #CFCFCF;
       width: 985px;
        }  
        
#footer ul {
    font-size: 1.1em;
    line-height: 37px;
    list-style-type: none;
    margin-left: 25px;
    }
    
#footer ul li.first {
    background: none;
    padding-left: 0;
    }

#footer ul li {
    background: url("../images/footer-divider.gif") no-repeat scroll 0 0 transparent;
    display: inline;
    padding: 0 10px;
    }
    
#footer ul li a {
    color: #6a6e71;
    text-decoration: none;
    }
	#footer ul li a:hover {
		text-decoration: underline;
		}
    
p.disclaimer {
    color: #888A8C;
    font-size: 0.9em;
    margin: 10px 20px 10px 0;
    text-align: right;
    }

/* @end */

.hr{
height: 1px;
border-bottom: 1px solid #939598;
margin: 10px 0 0 0;
}


#colleft{
width: 200px; 
float: left;
}

#colright{
width: 200px; 
float: left;
}

#colleft{
margin-right: 10px !important;
}

#colleft li, #colright li{
list-style-type: none !important;
margin: 0 0 15px 0 !important;
}

/* background images */

#bgImage {
	background: url(../images/home_right.jpg) no-repeat right top;
	margin:0px;
	padding: 0;
}

#videos {
	padding: 20px 0 0 0;
	margin:0;
	/*background: url(../images/means_00.jpg) no-repeat;*/
	/*height: 539px;*/
}
#means_00 {
	padding: 0;
	margin:0;
	background: url(../images/means_00.jpg) no-repeat;
	height: 538px;
	
}
#means_0 {
	padding: 0;
	margin:0;
	background: url(../images/means_0.jpg) no-repeat;
	height: 486px;
	
}
#means_1 {
	padding: 0;
	margin:0;
	background: url(../images/means_1.jpg) no-repeat;
	height: 539px;
	
}
#businessContainer, #workFromHomeContainer, #atHomeContainer, #caseStudiesContainer, #flashContainer, #genericContainer, #formContainer, #businessHomeContainer {
	padding: 0;
	margin:0;
	background: url(../images/xbox.jpg) 646px 602px no-repeat;
	min-height: 711px;
	height: auto !important;
	height: 711px;
	}
	#formContainer {
	    background-image: none;
	    }
	    
#atHomeContainer {
    min-height: 925px;
    background: url(../images/xbox.jpg) 646px 642px no-repeat;
    }
	    
#atHomeSubContainer, #bigBuildContainer, #faqContainer, #residentContainer, #landlordContainer, #caseStudiesContainer {
   background-image: none;
   min-height: 400px;
   height: auto !important;
   height: 400px;
   }
   #bigBuildContainer {
        padding-bottom: 20px;
        }
   
#faqContainer, #howItWorksContainer {
    padding-bottom: 15px;
    } 
    
#whereWhenContainer, #whereWhenMapContainer {
    min-height: 610px;
    height: auto !important;
    height: 610px;
    }
    
#communitiesContainer {
   min-height: 520px;
   height: auto !important;
   height: 520px; 
   }
    
#brochureContainer, #errorContainer {
   min-height: 510px;
   height: auto !important;
   height: 510px;
   }

#interactiveContainer {
   min-height: 750px;
   height: auto !important;
   height: 750px;
   }   
	  
#businessContainer {
    background: url(../images/girl-sofa.jpg) right 310px no-repeat;
    min-height: 824px;
    height: auto !important;
    height: 824px;
    }
#adminContainer {    
    min-height: 761px;
    height: auto !important;
    height: 761px;
    }
    
.adminTable {
    float: left;
    margin-bottom: 20px;
    }
    
#businessSubContainer, #workFromHomeContainer, #businessHomeContainer {
    background: url(../images/laptop-phone.jpg) right 292px no-repeat;
    min-height: 550px;
    height: auto !important;
    height: 550px;
    }
    
#dedicatedBusinessContainer {
    background: url(../images/dedicated-home.jpg) right 290px no-repeat;
    min-height: 700px;
    height: auto !important;
    height: 700px;
    }
    
#businessHomeContainer {
    background: url(../images/couple-business-home.jpg) right 292px no-repeat;
    min-height: 563px;
    height: auto !important;
    height: 563px;
    }
    
.fibreContainer {
    background: url(../images/openreach-lines.jpg) right 769px no-repeat !important;
    }
    
.numbersContainer {
    background: url(../images/man-numbers.jpg) right 443px no-repeat !important;
    }
    
.diaryContainer {
    background: url(../images/diary.jpg) right 883px no-repeat !important;
    }
    
.innovativeContainer {
    background: url(../images/engineer.jpg) right 391px no-repeat !important;
    }
    
.straightforwardContainer {
    background: url(../images/roadsign.jpg) right 486px no-repeat !important;
    }   
	
#atHomeContainer h2  {
	width: 529px;
	height: 75px;
	background: url("../images/heading-at-home-large.gif") 0 0 no-repeat;
	}
	
#caseStudiesContainer h2 {
	width: 476px;
	height: 75px;
	background: url("../images/heading-others-think.gif") 0 0 no-repeat;
	}
	
#businessSubContainer h2.businessBuyItNow {
    width: 352px;
	height: 75px;
    background: url("../images/heading-how-order-it-business.gif") 0 0 no-repeat;
    }
    
#atHomeSubContainer h2 {
    width: 354px;
	height: 77px;
    background: url("../images/heading-how-order-it.gif") 0 0 no-repeat;
    } 
	
#businessContainer h2 {
	width: 631px;
	height: 78px;
	background: url("../images/heading-business.gif") 0 0 no-repeat;
	}

#adminContainer h2 {
	width: 589px;
	height: 66px;
	background: url("../images/heading-admin.gif") 0 0 no-repeat;
	}
	#adminContainer h2.adminExchanges {
	    width: 606px;
	    height: 66px;
	    background: url("../images/heading-admin-exchanges.gif") 0 0 no-repeat;
	    }
	    #adminContainer h2.adminDefault {
	        width: 352px;
	        height: 66px;
	        background: url("../images/heading-admin-default.gif") 0 0 no-repeat;
	        }	    
	
#workFromHomeContainer h2 {
	width: 387px;
	height: 75px;
	background: url("../images/heading-work-from-home.gif") 0 0 no-repeat;
	}

#businessHomeContainer h2 {
	width: 479px;
	height: 75px;
	background: url("../images/heading-business-home.gif") 0 0 no-repeat;
	}
	
#dedicatedBusinessContainer h2 {
	width: 497px;
	height: 75px;
	background: url("../images/heading-dedicated-business.gif") 0 0 no-repeat;
	}
	
#bigBuildContainer h2 {
    width: 352px;
	height: 70px;
	background: url("../images/heading-big-build-large.gif") 0 0 no-repeat;
    }
    
#communitiesContainer h2 {
    width: 411px;
	height: 70px;
	background: url("../images/heading-connecting-communities-large.gif") 0 0 no-repeat;
    }
	
#formContainer h2 {
	height: 77px;
    }
    #formContainer h2.resident {
        width: 485px;
	    height: 100px;
        background: url("../images/heading-expression-interest.gif") 0 0 no-repeat;
        }
        #formContainer h2.landlordInterest {
            width: 591px;
	        height: 75px;
            background: url("../images/heading-expression-interest-landlord.gif") 0 0 no-repeat;
            }
        
#whereWhenContainer h2, #whereWhenMapContainer h2 {
    width: 575px;
	height: 98px;
    background: url("../images/heading-where-and-when.gif") 0 0 no-repeat;
    }
    
#residentContainer h2, #landlordContainer h2 {
    width: 534px;
	height: 97px;
	background: url("../images/heading-resident.gif") 0 0 no-repeat;
    }
    
#faqContainer h2 {
    width: 444px;
	height: 73px;
	background: url("../images/heading-faq.gif") 0 0 no-repeat;
    }
    
#interactiveContainer h2 {
    width: 608px;
	height: 73px;
	background: url("../images/heading-interactive-large.gif") 0 0 no-repeat;
    }
    
#howItWorksContainer h2 {
    width: 352px;
	height: 73px;
	background: url("../images/heading-how-it-works.gif") 0 0 no-repeat;
    }
    
#errorContainer h2 {
    background: url("../images/heading-error.gif") 0 0 no-repeat;
    width: 352px;
    height: 73px;
    } 
    
#bigBuildContainer h2.bigBuildPowerFibre {
   width: 352px;
   height: 68px;
   background: url("../images/heading-power-fibre.gif") 0 0 no-repeat;
   }
    
#bigBuildContainer h2.bigBuildRolloutFacts {
   width: 374px;
   height: 68px;
   background: url("../images/heading-rollout-facts.gif") 0 0 no-repeat;
   }
   
#bigBuildContainer h2.bigBuildDiary {
   width: 352px;
   height: 68px;
   background: url("../images/heading-big-build-diary.gif") 0 0 no-repeat;
   }
   
#bigBuildContainer h2.bigBuildEngineers {
   width: 352px;
   height: 68px;
   background: url("../images/heading-build-engineers.gif") 0 0 no-repeat;
   }
   
#bigBuildContainer h2.bigBuildInnovative {
   width: 352px;
   height: 68px;
   background: url("../images/heading-innovative-solutions.gif") 0 0 no-repeat;
   }
   
#bigBuildContainer h2.bigBuildStraightforward {
   width: 499px;
   height: 68px;
   background: url("../images/build-straightforward.gif") 0 0 no-repeat;
   }
   
#bigBuildContainer h2.bigBuildConnected {
   width: 429px;
   height: 68px;
   background: url("../images/heading-big-build-connected.gif") 0 0 no-repeat;
   }
   
#bigBuildContainer h2.bigBuildNetwork {
   width: 386px;
   height: 68px;
   background: url("../images/heading-big-build-network.gif") 0 0 no-repeat;
   }
    
#brochureHolder {
    text-align: center;
    float: left;
    margin-bottom: 20px;
    width: 530px;
    }
    
#downloadAdobe {
    float: left;
    clear: both;
    width: 530px;
    }
    #downloadAdobe p {
        float: left;
        width: 370px;
        }
        #downloadAdobe img {
            float: right;
            display: block;
            }
            
/* The Big Build */

p.introBigBuild {
    padding: 0 150px 0 100px;
    margin-bottom: 30px;
    font-size: 1.2em;
    }
    
#buildRow {
    float: left;
    margin-bottom: 6px;
    }
    #buildRow div, #buildColumnTwo div {
        float: left;
        min-height: 320px;
        height: auto !important;
        height: 375px;
        margin-left: 17px;
        display: inline;
        overflow: hidden;
        }
        #buildRow div h3, #buildColumnOne div h3, #buildColumnTwo div h3 {
            text-indent: -9999px;
            margin: 0 0 2px 0;
            }
            
#buildRow p, #buildColumnOne p, #buildColumnTwo p {
    padding: 0 20px 0 15px;
    margin-bottom: 15px;
    }
    #buildRow p span, #buildColumnOne p span, #buildColumnTwo p span {
        font-weight: bold;
        color: #fbf232;
        }
    
#buildFibre p.buildLink, #buildRollout p.buildLink, #buildDiary p.buildLink, #buildEngineers p.buildLink, #buildInnovative p.buildLink, #buildStraightforward p.buildLink, #buildConnected p.buildLink, #buildNetwork p.buildLink {
    margin: 0;
    padding: 0 20px 0 15px;
    font-size: 0.9em;
    }
    p.buildLink a {
        font-weight: bold;
        }
            
#buildColumnOne div {
    float: left;
    display: inline;
    overflow: hidden;
    }
            
#buildRow div div, #buildColumnOne div div, #buildColumnTwo div div {
    float: none;
    margin: 0;
    display: block;
    }
    
#buildRow div h3 {
    height: 53px;
    }
            
#buildColumnTwo div {
    float: none;
    display: block;
    margin-left: 0;
    }
            
#buildColumnOne, #buildColumnTwo {
    float: left;
    }
            
#buildColumnOne {
    width: 601px;
    margin-right: 8px;
    }
    
#buildColumnTwo {
    width: 289px;
    padding-top: 22px;
    }
        
#buildRow #buildFibre, #buildColumnOne #buildInnovative {
    width: 284px;
    margin-left: 0;
    }
    #buildFibre h3 {
        width: 284px;
        background: url(../images/heading-build-fibre.gif) 0 0 no-repeat;
        }

#buildFibre div {
    background: url(../images/build-fibre-bg.jpg) 0 0 no-repeat;
    }
 
#buildFibre p {
    padding-top: 125px;
    } 
 
#buildFibre p.buildLink {
    padding-top: 0;
    } 
    
#buildFibre p.buildLink a {
    color: #00adef;
    }  
    
#buildRollout, #buildStraightforward {
    width: 291px;
    }

#buildRollout div {
   background: url(../images/build-rollout-bg.gif) 0 0 no-repeat;
   }
    #buildRollout h3 {
        width: 291px;
        background: url(../images/heading-build-rollout.gif) 0 0 no-repeat;
        }
        
#buildRollout p {
    color: #fff;
    font-size: 1.2em;
    padding-top: 15px;
    }
    #buildRollout p.smaller {
        font-size: 1em;
        padding-top: 0;
        }
        #buildRollout p.buildLink {
            padding-top: 0;
            }
            #buildRollout p.buildLink a {
                color: #fbf232;
                }  
    
#buildDiary {
    width: 289px;
    }
    #buildDiary h3 {
        width: 289px;
        background: url(../images/heading-build-diary.gif) 0 0 no-repeat;
        }
        #buildDiary div {
            background: url(../images/build-diary-bg.jpg) 0 0 no-repeat;
            }   

#buildDiary p {
     padding-top: 15px;
    }
  
#buildDiary p.buildLink {
    padding-right: 50px;
    } 
    
#buildDiary p.buildLink a {
    color: #f06418;
    }
    
#buildColumnOne #buildEngineers, #buildColumnOne #buildConnected {
    width: 601px;
    margin-left: 0;
    }
    #buildColumnOne #buildEngineers {
        min-height: 302px;
        height: auto !important;
        height: 302px;
        }
    
#buildEngineers {
    background: url(../images/build-engineer-bg.jpg) 0 0 no-repeat;
    }
    #buildEngineers p, #buildConnected p {
        padding: 75px 400px 0 15px;
        }
        #buildEngineers p.buildLink, #buildConnected p.buildLink {
            padding: 0 20px 0 15px;
            }
    
#buildColumnTwo #buildNetwork {
    width: 289px;
    margin-bottom: 17px;
    }
    #buildColumnTwo #buildNetwork, #buildColumnTwo #buildNetwork div {
        min-height: 313px;
        height: auto !important;
        height: 432px;
        }
    
#buildNetwork div {
     background: url(../images/build-network-bg.jpg) 0 0 no-repeat;
     }
    
#buildNetwork h3 {
    width: 289px;
    height: 117px;
    background: url(../images/heading-build-network.gif) 0 0 no-repeat;
    }
    
#buildInnovative h3 {
    width: 284px;
    height: 76px;
    background: url(../images/heading-build-innovative.gif) 0 0 no-repeat;
    }
    
#buildColumnOne #buildInnovative div {
    background: url(../images/build-innovative-bg.gif) 0 0 no-repeat;
    min-height: 178px;
    height: auto !important;
    height: 178px;
    }
        
#buildStraightforward h3 {
   width: 291px;
   height: 76px;
   background: url(../images/heading-build-straightforward.gif) 0 0 no-repeat;
   }
   
#buildStraightforward {
    margin: 0 0 21px 17px;
    }
    
#buildInnovative p, #buildStraightforward p {
    padding-top: 15px;
    }
    #buildInnovative p.buildLink, #buildStraightforward p.buildLink {
        padding-top: 0;
        }
 
#buildInnovative p.buildLink {
    padding-right: 50px;
    } 
        
#buildInnovative p a {
    color: #a2238e;
    }
        
#buildStraightforward p, #buildConnected p, #buildNetwork p  {
    color: #fff;
    }

#buildStraightforward p a, #buildNetwork p a, #buildConnected p a {
    color: #fbf232;
    }

 #buildColumnOne #buildStraightforward div {
    background: url(../images/build-straightforward-bg.gif) 0 0 no-repeat;
    min-height: 178px;
    height: auto !important;
    height: 178px;
    }

#buildColumnOne #buildConnected {
    width: 592px;
    background: url(../images/build-connected-bg.jpg) 0 0 no-repeat;
    min-height: 256px;
    height: auto !important;
    height: 256px;
    float: left;
    }
    #buildConnected p {
        padding-top: 55px;
        padding-right: 360px;
        }
        #buildConnected p.buildLink {
            padding-right: 360px;
            }
            
#buildNetwork p {
    padding-top: 170px;
    }
    #buildNetwork p.buildLink {
        padding-top: 0;
        padding-right: 60px;
        }
    
#buildImage {
    height: 364px;
    }
       
/* excel & word docs */

#adobe_reader {
	clear:left;
	margin:10px 0 10px 0;
	padding:0 0 15px 0;
	border-top: 2px solid #d8d8d8;
	border-bottom: 2px solid #d8d8d8;
	}
	
#adobe_reader p {
	margin:0;
	padding:20px 0 0;
	}
	
#adobe_reader img {
	float:left;
	margin:-12px 10px 0 0;
	}
	
#narrowContainer .word, #narrowContainer .pdf, #narrowContainer .excel {
	margin-bottom: 0;
	}
	
.word a, .pdf a, .excel a {
	background: url(../images/icon-word.gif) 0 50% no-repeat;
	padding: 9px 0 9px 30px ;
	}
	
.pdf a {
	background: url(../images/icon-pdf.gif) 0 50% no-repeat;
	}
	
.excel a {
	background: url(../images/icon-excel.gif) 0 50% no-repeat;
	}
	
#narrowContainer .cpDivider {
     border-bottom: 2px solid #D8D8D8;
     width: 530px;
    }
	
#narrowContainer .cpDivider h3, #rolloutContainer h3 {
    padding: 10px 0 5px 0;
    border-top: 2px solid #D8D8D8;
    margin: 0;
    display: block;
    }
    #narrowContainer .cpDivider h3 span { 
        font-size: 0.9em;
        color: #8a8888;
        font-weight: normal;
        }
    #narrowContainer .cpDivider ul {
        margin: 10px 0 0 0;
        padding: 0;
        }
        #narrowContainer .cpDivider ul li {
            background-image: none;
            margin: 0;            
            padding: 0;           
            display: inline;
            }
            #narrowContainer .cpDivider ul li a {
                display: block;
                float: left;
                margin: 0 20px 15px 0;
                width: 100px;               
                }  
                
#rolloutContainer h3 {
    font-size: 130%;
    margin-bottom: 10px;
    border-top: none;
    padding: 0;
    color: #007d64;
    }          
		
#flashContainer {
    background: none;
    min-height: 570px;
    height: auto !important;
    height: 570px;
    text-align: center;
    }
    
#genericContainer {
    background: none;
    }
    		
#means_3 {
	padding: 0;
	margin:0;
	background: url(../images/means_3.jpg) no-repeat;
	height: 539px;
	
}
#means_4 {
	padding: 0;
	margin:0;
	background: url(../images/means_4.jpg) no-repeat;
	height: 539px;
	
}
#means_5 {
	padding: 0;
	margin:0;
	background: url(../images/means_5.jpg) no-repeat;
	height: 539px;
	
}
#means_6 {
	padding: 0 0 30px 0;
	margin:0;
	background-image: url(../images/means_6.jpg);
	background-repeat: no-repeat;
	
}
#means_7 {
	padding: 0;
	margin:0;
	background: url(../images/means_7.jpg) no-repeat;
	height: 539px;
	
}
#means_8 {
	padding: 0;
	margin:0;
	background: url(../images/means_8.jpg) no-repeat;
	
}
#works_0 {
	padding: 0;
	margin:0;
	background: url(../images/new_lines.jpg) no-repeat;
	
}
#working_0 {
	padding: 0;
	margin:0;
	background: url(../images/new_lines.jpg) no-repeat;
	
}

#faq_1 {
	padding: 0;
	margin:0;
	background: url(../images/new_lines.jpg) no-repeat;
	
}

/* @end */
#flashbox {
	margin: 0;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #000000;
	height: 253px;
	width: 460px;
	text-align: center;
}
#flashbox a {
	color:#CCCCCC;
}
table {
	clear: both;
	width: 100%;
	border: 1px solid #CCCCCC;
}
table td {
	padding: 4px;
	border: 1px solid #CCCCCC;
}

/* form contact */

.label_class{
width: 236px;
float: left;
text-align:right;
color: #666666;
font-size: 1em;
padding: 0 8px 0 0;

}

.inputstyle{
border: 1px solid #a5acb2;
width: 180px;
height: 20px;
margin-bottom: 10px;
padding: 0;
}

/* competition form */

.label_class_competition{
width: 170px;
float: left;
text-align:right;
color: #666666;
font-size: 1em;
padding: 0 8px 0 0;

}
.label_class_competition_wide{
width: 100%;
float: left;
text-align:left;
color: #666666;
font-size: 1em;
padding: 0 8px 10px 0;

}

.inputstyle_competition{
border: 1px solid #a5acb2;
width: 180px;
height: 20px;
margin-bottom: 10px;
padding: 0;
}

input[type="radio"] {
    width: auto;
    margin: 0 5px;
   border: none 0;
    }  
 #answers 
 {
 	margin-bottom:25px;
 	/*margin-left: 178px;*/}
    
 input[type="submit"]
 {margin:10px 0 0 178px;}
 	
	

.errorComp ul li
{
	background:none;}

.error 
{
	margin: 20px 0 0 243px;
}

#contact_footer a
{
	color:#666666;
	font-size:0.9em;}
	
.disclaimer {
	color: #6D5FA9;
	font-size: 0.85em;
	}
	
#adobe_reader {
	clear:left;
	margin:10px 0 10px 0;
	padding:0 0 15px 0;
	border-top: 2px solid #d8d8d8;
	border-bottom: 2px solid #d8d8d8;
	}
	
#adobe_reader p {
	margin:0;
	padding:20px 0 0;
	}
	
#adobe_reader img {
	float:left;
	margin:-12px 10px 0 0;
	}
	
#contentInner .word, #contentInner .pdf, #contentInner .excel {
	margin-bottom: 0;
	}
	
.word a, .pdf a, .excel a {
	background: url(../images/icon-word.gif) 0 50% no-repeat;
	padding: 9px 0 9px 30px ;
	}
	
.pdf a {
	background: url(../images/icon-pdf.gif) 0 50% no-repeat;
	}
	
.excel a {
	background: url(../images/icon-excel.gif) 0 50% no-repeat;
	}
	
#contentInner .cpDivider h3 {
    padding: 10px 0 5px 0;
    border-top: 2px solid #D8D8D8;
    margin: 0;
    display: block;
    }
    #contentInner .cpDivider h3 span { 
        font-size: 0.9em;
        color: #8a8888;
        font-weight: normal;
        }
    #contentInner .cpDivider ul {
        margin: 10px 0 0 0;
        padding: 0;
        }
        #contentInner .cpDivider ul li {
            background-image: none;
            margin: 0;            
            padding: 0;           
            display: inline;
            }
            #contentInner .cpDivider ul li a {
                display: block;
                float: left;
                margin: 0 20px 15px 0;
                width: 100px;               
                }            	
	
/* Misc */	
	
.clr {
    clear: both;
    font-size: 0;
    line-height: 0;
    }
    
    #comp_tandcs 
    {
    	padding: 50px 0 0 0;
    }
    
    #comp_tandcs p
    {
    	
    margin: 0 0 -7px 0;
    
    line-height: 1.3em;
    font-size:0.8em;
   
    }
    #comp_tandcs p.headings
    {
    	
    margin: 10px 0 -7px 0;
font-weight: bold;    

   
    }
    #contentInner hr 
    {
    	width:100%;
    	margin: auto;
    	margin-bottom: 30px;
    	margin-top: 30px;}

    #comp_tandcs hr 
    {
    	width:100%;
    	margin: auto;
    	margin-bottom: 30px;}

/* expression of interest */

#ajaxAddressPanel {
    position: relative;
    }
    #ajaxAddressPanel .btnFindAddress {
        position: absolute;
        top: 0;
        }
        
#chkbox {
    border-bottom: 1px solid #D6D6D6;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    }
        
#chkbox label {
    font-size: 0.8em;
    display: block;
    }

#chkbox input {
    width:50px;
    float: left;
    border: none;
    }

.landlineBox {
    float: left;
    margin-bottom: 20px;
    position: relative;
    }

#expressionCentre span.smallText {
    font-size: 0.8em;
    color: #888a8c;
    display: block;
    position: absolute;
    left: 6px;
    top: 17px;
    width: 330px;
    text-align: right;
    }
    
.otherTextBox {
    width: 203px;
    border: 1px solid #808285;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    }
    
.radDatePicker {margin-bottom:10px;}
 
/* admin */

.codeSearch {
    float: left;
    } 
   
.codeSearch input, .codeSubmitButtons input  {
    float: left;
    margin: 0 15px 0 0;
    height: 21px;
    padding: 0 0 0 2px;
    }
    .codeSearch input.adminSubmit, .codeSubmitButtons input.adminSubmit, input.adminLogout {
        height: auto;
        width: 60px;
        padding: 0;
        }
    
.codeInputBorder {
  border: 1px solid #808285;
  height: 21px;
  }
  select.codeInputBorder {
    width: 200px;
    }  
        
.codeSearch p {
    clear: left;
    padding-top: 10px;
    margin: 10px 0;
    }
    
.codeSearch .lblContactPostcode {
    margin-bottom: 20px;
    }
   
.adminLogout {
    float:right;
    margin-right: 20px !important;
    }
    
.adminLogin {margin:10px 0 0 243px !important;}
                  
.postcoderrror {
    color:Red;
    text-align:center;
    margin:10px 0 20px 0;
    }
    
/* Where and when map */

#mapHolder {
    border: 2px solid #068068;
    width: 618px;
    height: 492px; /* dependent on content / map? */
    margin-bottom: 15px;
    }
    
#mapDivider {
    padding-bottom: 25px;
    background: url(../images/map-divider.gif) left bottom no-repeat;
    float: left;
    width: 952px;
    margin-bottom: 15px;
    }
 
#postcodeMapSearch {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
    margin-bottom: 20px;
    float: left;
    } 
    
#postcodeMapSearch input {
    float: left;
    width: 110px;
    height: 22px;
    margin-right: 10px;
    }
    #postcodeMapSearch img#mapSubmit {
        width: 80px;
        height: 24px;
        margin-right: 0;
        cursor: pointer;
        float: left;
        } 
        
.postcodeStatus h4 {
    text-indent: -9999px;
    width: 76px;
    height: 20px;
    background: url(../images/heading-map-key.gif) 0 0 no-repeat;
    margin-bottom: 15px;
    }
    
.postcodeStatus ul li {
    display: block;
    text-indent: -9999px;
    margin-bottom: 15px;
    height: 53px;
    }
    
.postcodeStatus ul li.acceptingOrders {
    width: 200px;
    background: url(../images/map-accepting-orders.gif) 0 0 no-repeat;
    }
    
.postcodeStatus ul li.comingSoon {
    width: 173px;
    background: url(../images/map-coming-soon.gif) 0 0 no-repeat;
    }
    
.postcodeStatus ul li.futureExchanges {
    width: 185px;   
    background: url(../images/map-future-exchanges.gif) 0 0 no-repeat;
    }
    
.postcodeStatus ul li.notCurrently {
    width: 169px;
    background: url(../images/map-not-currently.gif) 0 0 no-repeat;
    }
 
#exchangeDocs {
    float: left;
    margin-bottom: 10px;
    }
    
#exchangeDocs p {
    margin-bottom: 20px;
    float: left;
    clear: both;
    color: #818487;
    }

#exchangeDocs p a {
   float: left;
   margin-right: 5px;
   display: block;
   }
    
#exchangeDocs p img {
    margin: 0 10px 0 0;
    }
    
ol {
    padding: 0 0 0 23px;
    margin: 0 0 15px 0;
    list-style-type: decimal;
    }
    ol li {
        margin-bottom: 5px;
        }
    
#narrowContainer .noMarginTop {
    margin-top: 0;
    }
    
/* map popup */

.infowindow {
    font-family: Verdana, Arial;
    font-size: 0.9em;
    width: 275px;
    }
    
/* Case studies */

.caseStudiesBox {
    width: 530px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    background: url(../images/map-divider.gif) left bottom no-repeat;
    }
    .caseStudiesBox img {
        float: right;
        margin: 0 10px 0 0;
        padding: 0 0 10px 20px;
        }
        #narrowContainer .caseStudiesBox h3 {
            margin-top: 0;
            margin-bottom: 25px;
            line-height: 1.2em;
            }
            
/* Big Build */

.diaryBlock {
    width: 539px;
    background: url(../images/gradient-month.gif) left bottom no-repeat;
    padding-bottom: 8px;
    margin-bottom: 30px;
    }
    
.diaryBorder {
    border: 1px solid #bcbec0;
    border-top: 0;
    border-bottom: 0;
    padding: 20px 15px 0 10px;
    width: 512px;
    }

#bigBuildContainer #bigBuildNarrowContainer .diaryBlock h3 {
    width: 539px;
    height: 38px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    }
    
#november {
    background: url(../images/november.gif) 0 0 no-repeat;
    }
    
#october {
    background: url(../images/october.gif) 0 0 no-repeat;
    }
    
.diaryEntry {
    float: left;
    margin-bottom: 10px;
    }
    .diaryEntry p {
        padding-left: 61px;
        }
        
.diaryEntry ol, .diaryEntry ul {
    padding-left: 81px;
    }
    
.date {
    width: 51px;
    height: 41px;
    padding: 2px 0 5px 0;
    font-size: 0.9em;
    background: url(../images/bg-date.gif) 0 0 no-repeat;
    float: left;
    margin: 0 10px 5px 0;
    text-align: center;
    color: #f06418;
    font-weight: bold;
    }
    .date span {
        display: block;
        font-size: 2.8em;
        padding-top: 3px;
        }