@charset "utf-8";
/* CSS Document */

/*GENERAL DECLARATIONS//////////////////////////////////////*/
*{
	margin: 0;
	padding: 0;
}

img{
	border:none;
}

body{
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background:#243C7A;
}

.clear{
	clear:both;
}

hr{
	width:910px;
	color:#243C7A;
	border:solid thin;
	margin:40px 10px 40px 10px;
}

h1{
	color: #00066A;
	font-size:2.5em;
}

h2{
	color: #00066A;
	font-size:2em;
	padding:3px 0px 3px 0px;
}

h3{
	color: #00066A;
	font-size:2em;
	padding:3px 0px 3px 0px;
}

p{
	color:#FFF;
	font-size:1.2em;
}

div#mainWrapper{
	width: 930px;
	background: url(../images/mainBg2.jpg) repeat-x top;
	background-color:#228FC7;
	margin:0 auto;
}


/*HEADER SPECIFIC ////////////////////////////////////////////*/
div#headerWrapper{
	width: 930px;
}

div#headerWrapper div#headerLeft{
	width:353px;
	float:left;
	background: #FFF;
	height:150px;
	border-bottom:solid thick #243C7A;
}

div#headerWrapper div#headerRight{
	width:567px;
	float:left;
	background: #FFF;
	padding-right:10px;
	height:150px;
	border-bottom:solid thick #243C7A;
}

div#headerWrapper div#headerRight h1{
	margin-top:60px;
	text-align:right;
}

div#headerWrapper div#headerRight ul{
	margin: 30px 0px 0px -128px;
}


div#headerWrapper div#headerRight ul li{
	display: inline;
	padding-left:10px;
}

div#headerWrapper div#headerRight ul li.spacer{
	font-size: 1.3em; 
	color: #FF3C10;
	font-weight:bold;
	margin-left:2px;
}


div#headerWrapper div#headerRight ul li a:link{
	font-size: 1.3em;
	color: #243C7A;
	text-decoration: none;
	font-weight:bold;
}

div#headerWrapper div#headerRight ul li a:visited{
	font-size: 1.3em;
	color: #243C7A;
	text-decoration: none;
	padding-left:2px;
	font-weight:bold;
}

div#headerWrapper div#headerRight ul li a:hover, div#headerWrapper div#headerRight ul li a:active{
	color: #FF3C10;
}
/*END OF HEADER CONTENT///////////////////////////////////////////*/







/*HOME PAGE SPECIFIC//////////////////////////////////////////////*/
div.leftCol{
	width:300px;
	margin-left:10px;
	margin-bottom:30px;
	margin-top:5px;
	float:left;
}

div.centerCol{
	width:300px;
	margin-left:5px;
	margin-bottom:30px;
	margin-top:5px;
	float:left;
}

div.rightCol{
	width:300px;
	margin-left:5px;
	margin-bottom:30px;
	margin-top:5px;
	float:left;
}

div#tabContainer{
	width:910px;
	height:160px;
	margin-left:10px;
	/*background: url(../images/fancyTab.jpg); */
}

/*
div#fancyTab{
	width:910px;
	height:180px;
	margin-left:10px;*/
	/*background: url(../images/fancyTab.jpg); */
/*}*/

div#associates{
	margin-left:10px;
	width:910px;
	height:200px;
	background:#FFF;
}

div#associates ul{
	margin-left:5px;
	text-align:center;
}

div#associates ul li{
	display:inline;
	padding:0px 18px 0px 18px;
}

.a_colHeader {
	display:block;
	width:300px;
	height:99px;
	text-decoration:none;
}

.colHeader{
	background:url(../images/homeHeaderBg.jpg) repeat-x;
	width:300px;
	height:99px;
}

.colHeader h1{
	color:#FFF;
	float:right;
	width: 60%;
}

.colHeader h2{
	color:#0099FF;
	font-size:1.8em;
	font-weight:normal;
	float:right;
	width: 60%;
}

.colHeader img{
	float:left;
	width: 82px;
	height: 82px;
	border: solid medium #FFF;
	margin: 5px 0px 0px 5px;
}

div.centerCol h3{
	text-align:center;
	padding: 20px 0px 7px 0px;
	font-size:1.4em;
}

div.rightCol h3{
	text-align:center;
	padding: 7px 0px 7px 0px;
}

img.arrowLink{
	float:left;
	margin:3px 3px 0px 0px;
}

h1.contactUsHome {
	font-size:3.5em;
}

h1.contactUsHome a{
	color: #00066A;
	text-decoration:none;
}

h1.contactUsHome a:hover{
	text-decoration:underline;
}

.learnmore {
	color: #00066A;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	margin-top:10px;
}


/*END OF HOME PAGE CONTENT /////////////////////////////////////////////*/









/*FOOTER SPECIFIC/////////////////////////////////////////////////*/
div#footerWrapper{
	width:910px;
	margin:0 auto;
	height:50px;
}

div#footerWrapper ul{
	margin: 10px 0px 10px 135px;
}

div#footerWrapper ul li{
	display:inline;
}

div#footerWrapper ul li a:link, a:visited{
	font-size: 1.2em;
	color: #010368;
	text-decoration: none;
}

div#footerWrapper ul li a:hover, a:active{
	font-size: 1.2em;
	color: #FF3C10;
	text-decoration: underline;
}

div#footerWrapper div#footerLeft{
	width:590px;
	float: left;
}

div#footerWrapper div#footerRight{
	width:325px;
	float: right;
	margin-top:-17px;
}

div#footerWrapper div#footerRight a:link, a:visited{
	font-size: 1.2em;
	color: #010368;
	text-decoration: none;
}

div#footerWrapper div#footerRight a:hover, a:active{
	font-size: 1.2em;
	color: #010368;
	text-decoration: none;
}


div#footerWrapper div#footerRight img{
	margin-left:5px;
	vertical-align:middle;
}

div#footerWrapper p{
	color: #010368;
	font-size:1.2em;
}
/*END OF FOOTER CONTENT////////////////////////////////////////////////////*/











/*FOR SITE PAGES AND INCLUDES///////////////////////////////////////////////////////////*/

h1.pageHeader{
	margin-left:10px;
	padding-top: 20px;
	color:#FFF;
}

h2.pageHeader{
	color:#FFF;
}

hr.pageHr{
	margin:10px 10px 10px 10px;
}

div#subNavCol{
	width:300px;
	float:left;
	background: url(../images/subNavBg.jpg) repeat-y top;
}

div#subNavCol ul{
	width:280px;
	padding-left:10px;
}


div#subNavCol ul li{
	list-style:none;
	padding: 5px 0px 5px 0px;
	border-bottom:dashed thin #003;
}

div#subNavCol ul li a:link{
	font-size: 1.4em;
	color: #FFF;
	text-decoration: none;
	padding-left:15px;
}

div#subNavCol ul li a:visited{
	font-size: 1.4em;
	color: #FFF;
	text-decoration: none;
	padding-left:15px;
}

div#subNavCol ul li a:hover, a:active{
	color: #FF3C10;
}

div#mainContent{
	width:620px;
	float:left;
	margin-left:10px;
}



/*FOR ABOUT PAGE///////////////////////////////////////*/
div#about{
	margin-left:10px;
	margin-right:10px;
}

/*FOR CONTACT PAGE /////////////////////////////////////////*/
p.contact{
	margin-left:10px;
	margin-top:10px;
	font-size:1.6em;
	width: 400px;
}

p.label{
	margin:10px 0px 10px 10px;
	font-size: 1.6em;
	font-weight:bold;
}

p.contactLabel2{
	margin-left:22px;
	margin-top:15px;
	font-size:1.6em;
}

p.contactLabel3{
	margin-left:22px;
	margin-top:17px;
	font-size:1.6em;
}

p.contactLabel4{
	margin-left:22px;
	margin-top:22px;
	font-size:1.6em;
}

p.contactLabel5{
	margin-left:22px;
	margin-top:25px;
	font-size:1.6em;
}

input#fullName{
	width:400px;
	height:30px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;
}

input#from{
	width:400px;
	height:30px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	
}

input#contactTelephone{
	width:400px;
	height:30px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	

}

input#emailAddress{
	width:400px;
	height:30px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	
}

input#subject{
	width:400px;
	height:30px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	
}

textarea#message{
	width:400px;
	height:100px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;
}

#message{
	width:400px;
	height:100px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	

}

input#verif_box{
	width:400px;
	height:30px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
	background: #fff !important;	
}

img#verif{
	width:50px;
	height:30px;
	margin: 10px 0px 10px 10px;
	border: thin #000 solid;
}

#submit{
	border: solid thin #000;
	width:100px;
	height:50px;
	margin-left:10px;
	font-weight:bold;
	font-size:1.6em;
}

label.error{
	width:400px;
	float:left;
	color: red; 
	margin-left:10px;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}
	



div#contactForm{
	float:left;
	width:400px;
	height:800px;
	/*background:url(../images/formBg.png) no-repeat top;*/
	margin-top:0px;
}

div#stickyNote{
	width:350px;
	height:227px;
	/*background: url(../images/stickyNote.png) no-repeat top;*/
	float:right;
	margin-top:10px;
	margin-right:110px;
}
div#stickyNote * {
	color:#FFF;
}

div#map{
	float:right;
	width:450px;
	margin: -170px 10px 0px 0px;
}

iframe{
	border: thin #000 solid;
}

div#map hr{
	margin:0px 0px 10px 0px;
	width:440px;
}


#thankyou{
	height:500px;
	margin:10px;
}

/* /////////////// For Glass splash backs colours table /////////////// */
#Colours{
	font-size:.9em;
	color:#FFF;
	width:100%;
}
#Colours tr{
	margin:5px 0px 0px 0px;
}
#Colours td{
	padding:0px 6px 0px 6px;
}
.ThinRow{
	height:1em;
	padding:0px 0px 0px 0px;
}
.ColourLabel{
	width:4em;
	text-align:right;
}
.ColourBox{
	width:6em;
	height:3em;
}

/*FOR THUMBS OF LIGHTBOX GALLERY*/
div#domesticGallery ul li{
	display:inline;
	list-style:none;
}

div#leadedGallery {
	margin-left:10px;
}

div#leadedGallery ul li{
	display:inline;
	list-style:none;
}

div#doorsGallery {
	margin-left:115px;
}

div#doorsGallery ul li{
	display:inline;
	list-style:none;
}

div#shopfitGallery {
	margin-left:115px;
}

div#shopfitGallery ul li{
	display:inline;
	list-style:none;
}
div#indglazGallery {
	margin-left:50px;
}

div#indglazGallery ul li{
	display:inline;
	list-style:none;
}

/* /////////////// For Conservatories page /////////////// */

div#style_toprow {
	
}

div#style_btmrow {
margin-top:50px;	
}

div#edwardian, #sunlounge, #regency, #victorian, #victoriancombo{
	width:149px;
	float:left;
}
div#edwardian p, #sunlounge p, #regency p, #victorian p, #victoriancombo p{
	text-align:center;
}
div#edwardian{
	margin-left:30px;
	margin-top:10px;
}
div#victoriancombo{
	margin-left:50px;
}
div#victorian{
	margin-left:50px;
}
div#sunlounge{
	margin-left:120px;
}
div#regency{
	margin-left:50px;
}

div#conservatories{
	margin-top:10px;
	
}
div#conservatories ul li{
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-left:260px;
}

div#conservatory_colours{
	width:248px;
	margin-left:10px;
	margin-top:-50px;
}
div#roof {
	margin-top:15px;	
}
div#roof_vents {
	width:156px;
	margin-left:400px;
	margin-top:-30px;
}
div#features {
	margin-top:10px;
}

/* /////////////// For Doors page /////////////// */

.imgspaces {
	margin:5px;	
}


/* /////////////// For Windows page /////////////// */
div#windows {
	width:380px;	
}
div#windowpics {
	width:234px;
	float:right;
	margin-top:-580px;
	
}

/* /////////////// For Glazing page ///////////////// */
div#pilks {
	width:136px;
	float:right;
	margin-right:10px;
	margin-top:-10px;
}

div#leaded {
	margin-left:45px;
}

div#leaded ul{
 margin-left:15px;	
}

div#leaded ul li{
	display:inline;
	padding:0px 30px 0px 5px;
}

div#leaded_accents {
	margin-left:42px;	
}

.img_obscure {
	width:95px;
	height:67px;
}
#mainWrapper #mainContent ul {
	margin-left: 0px;
	font-size: 1.2em;
	color: #FFF;
}
/* ////////////   save money save planet page //////////// */

#eef_ul {
	margin-left:50px;	
}

#eef_logo {
	float:right;
	margin-right:10px;
	margin-top:-30px;
}
#ratingLabel {
	margin-right:170px;
}

#energyLabel {	float:right;
margin-right: 10px;
margin-top:-170px;
}

.minisite {
	margin-left:10px;
	padding-top:10px;
	display:block;
	background:#1c6899;
	width:280px;
}

.contactusnow {
	font-size:16px;
	font-weight:bold;
	margin:10px 0px;
}