/*Global styles
--------------------------------------------------------------------------------------*/
body, html {
	min-height: 101%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#ccc; /* #f3f3f3 */
	font-size:12px;
	margin:0px;
	color:#333;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size:26px;
	color:#2e2e2e;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:3px solid #a32052;
	height:30px;
	font-weight:normal;
}

h3 {
	font-size:14px;
	margin:0px 0px 5px 0px;
}

p {}

a {
	color:#9F174A;
	outline:none;
}
a:visited {
	color:#610b2c;
}

a img {
	border:none;
}

/*Layout Containers
------------------------------------------------------------------------------------*/
#container {
	width:780px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color:#fff;
	padding:0 10px;
}

#banner {
	float:left;
	height:97px;
	padding-left:5px;
	padding-top:9px;
}

#main-home {
	background:url(../../images/misc/main-home-bg.jpg) right bottom no-repeat;
	height:539px;
}
	#main-home p.welcome {
		font-size:30px;
		color:#a32052;
		margin:0px;
		padding:0px 0px 5px;
		font-weight:bold;
	}
	#main-home h1 {
		padding-top:0px;
		border-bottom:none;
	}

#page-title {
	width:500px;
	padding-top:10px;
	padding-left:20px;
}

#page-copy-home {
	width:300px;
	padding-left:25px;
}

#main {
	clear:both;
}

#contentLeft {
	width:180px;
	float:left;
}

#contentRight {
	/*position:absolute;
	left:150px;
	top:151px;*/
	width:570px;
	/*height:519px;
	overflow:auto;*/
	background-color:#ffffff;
	padding:0px 0px 20px 20px;
	float:right;
	min-height:519px;
	height:auto !important;
	height:519px;
}

body#windows #contentRight {
	background:url(../../images/misc/windows-bg.jpg) right 50px no-repeat;
}
body#windows2 #contentRight {
	background:none;
}

body#conservatories #contentRight {
	background:url(../../images/misc/conservatories-bg.jpg) right 50px no-repeat;
}

body#doors #contentRight {
}

body#fascias #contentRight {
	background:url(../../images/misc/fascias-bg.jpg) right 50px no-repeat;
}

body#security #contentRight {
	background:url(../../images/misc/security-bg.jpg) right 50px no-repeat;
}

body#aboutus #contentRight {
	background:url(../../images/misc/conservatories-bg.jpg) right 50px no-repeat;
}

body#contactus #contentRight {
	background:none;
}


#section-header {
	font-size:22px;
	font-weight:bold;
	width:330px;
	padding-top:20px;
}

#section-strap {
	width:300px;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding-left:0px;
	padding-top:20px;
}

#section-strap p {
	margin-top:0px;
}

.section-strap2 {
	width:300px;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding-left:0px;
	padding-top:20px;
}


#doorselect {
	background-color:#e6e6e6;
	padding:5px;
}
	#doorselect ul {
		margin:0;
		padding:0;
		list-style:none;
	}
		#doorselect ul li {
			margin:0;
			padding:0;
			float:left;
			padding-bottom:26px;
		}
			#doorselect ul li a {
				margin:0;
				padding:0;
				float:left;
				display:block;
				text-decoration:none;
				text-align:center;
				width:70px;
			}
				#doorselect ul li a span {
					display:block;
					font-size:10px;
					color:#666;
				}
#doorexample {
	position:relative;
	float:right;
	width:214px;
	height:285px;
	background:url(../../images/doors/front_door3.jpg) no-repeat;
	margin:10px 20px 10px 10px;
}
	#doorexample #doorchange {
		position:absolute;
		top:23px;
		left:63px;
	}


/* Conservatories List
---------------------------------------- */

#conservatories h2 {
	font-size:20px;
	font-weight:bold;
	border-top:#000000 solid 2px;
	clear:both;
	margin-top:20px;
	padding-top:5px;
	padding-bottom:5px;
}

#windows h2 {
	font-size:20px;
	font-weight:bold;
	border-top:#000000 solid 2px;
	clear:both;
	margin-top:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.item-content {
	padding-left:10px;
	float:left;
	width:330px;
}

#conservatories h3 {
	text-align:right;
	padding-bottom:10px;
	padding-right:10px;
	width:330px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#a32052;
}

#windows h3 {
	text-align:right;
	padding-bottom:10px;
	padding-right:10px;
	width:330px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#a32052;
}

.item-image {
	float:right;
	border:#999999 solid 1px;
	margin:10px 5px 20px 5px;
}

#sub-image-fascias {
	width:150px;
	height:300px;
	margin-top:20px;
	background-image:url(../../images/misc/sub-image-fascias.jpg);
	background-repeat:no-repeat;
}

#sub-image-security {
	width:150px;
	height:300px;
	margin-top:20px;
	background-image:url(../../images/misc/sub-image-security.jpg);
	background-repeat:no-repeat;
}

#sub-image-contactus {
	width:150px;
	height:300px;
	margin-top:20px;
	background-image:url(../../images/misc/sub-image-contactus.jpg);
	background-repeat:no-repeat;
}

#callback {
	width:160px;
	height:210px;
	padding:10px;
	font-size:10px;
	background:url(../../images/misc/small-contact-box.png) no-repeat;
	color:#ffffff;
}
	#callback p.header {
		margin:0px;
		padding:0px 0px 7px;
		font-size:14px;
		color:#fff;
		font-weight:bold;
	}
	#callback form {
		margin:0px;
	}
		#callback form p {
			margin:0px; 
			padding:0px 0px 6px;
		}

#leftCTA {
	width:160px;
	height:260px;
	padding:10px;
	font-size:10px;
	background:url(../../images/misc/leftCTAbox.jpg) no-repeat;
	color:#ffffff;
	border-bottom:#fff solid 10px;
}
body#conservatories #leftCTA {
	background:url(../../images/misc/leftCTAbox-conservatories.jpg) no-repeat;
}
	#leftCTA p {
		margin:0;
		padding-top:0px;
		font-size:16px;
		line-height:18px;
		color:#fff;
		text-align:left;
	}
		#leftCTA p strong {
			display:block;
			font-size:18px;
			color:#FFFF00;
			padding-bottom:8px;
		}
		#leftCTA p span.cta-br {
			display:block;
			font-size:18px;
			padding-top:10px;
			line-height:24px;
			font-weight:normal;
		}
		#leftCTA p span.cta-keyword {
			font-weight:bold;
		}
		#leftCTA p span.cta-location {
			font-weight:bold;
		}
		#leftCTA p span.cta-callnow {
			
		}
		#leftCTA p span.cta-number {
			font-weight:bold;
			font-size:24px;
		}


.page-buttons {
	clear:both;
	height:60px;
}
	.page-buttons p.call-button {
		float:left;
		background:url(../../images/misc/page-buttons.png) left 0px no-repeat;
	}
		.page-buttons p.call-button span {
			display:block;
			background:url(../../images/misc/page-buttons.png) right -70px no-repeat;
			padding:7px 10px 8px 30px;
			color:#fff;
			font-size:14px;
		}
		.page-buttons p.call-button span strong {
			font-size:16px;
		}
	.page-buttons p.enquiry-button {
		float:right;
		background:url(../../images/misc/page-buttons.png) left -35px no-repeat;
	}
		.page-buttons p.enquiry-button a {
			display:block;
			background:url(../../images/misc/page-buttons.png) right -105px no-repeat;
			padding:10px 15px;
			color:#fff;
		}


#sub-ad-box {
	padding-top:20px;
	width:150px;
	height:160px;
}

/*Navigation Styles
------------------------------------------------------------------------------------*/
#nav-container {
	clear:both;
	height:35px;
	width:780px;
	background-image:url(../../images/misc/navBg.png);
	padding-bottom:10px;
	border-bottom:#fff solid 10px;
}
	#nav-container ul#nav {
		list-style: none;
		margin: 0px;
		padding: 0px;
		border: none;
	}
		#nav-container ul#nav li {
			position:relative;
			display: block;
			margin: 0;
			padding: 0;
			float: left;
		}
			#nav-container ul#nav li a {
				color: #ffffff;
				display: block;
				float:left;
				text-decoration: none;
				margin: 0;
				width:96px;
				padding:10px 0px;
				border-left:#A41E50 solid 1px;
				border-right:#BB587E solid 1px;
				text-align:center;
			}
			#nav-container ul#nav li a:hover {
				text-decoration: none;
				border-left:#444 solid 1px;
				border-right:#000 solid 1px;
				background:url(../../images/misc/navBg.png) center -45px no-repeat;
			}
			#nav-container ul#nav li.start a {
				border-left:none;
				width:95px;
			}
			#nav-container ul#nav li.end a {
				border-right:none;
				width:95px;
			}
			#nav-container ul#nav li.start a:hover {
				border-left:none;
				border-right:#000 solid 1px;
				background:url(../../images/misc/navBg.png) left -45px no-repeat;
			}
			#nav-container ul#nav li.end a:hover {
				border-left:#444 solid 1px;
				border-right:none;
				background:url(../../images/misc/navBg.png) right -45px no-repeat;
			}
			body#home #nav-container ul#nav li.navHome a {
				border-left:none;
				border-right:#000 solid 1px;
				background:url(../../images/misc/navBg.png) left -45px no-repeat;
			}
			body#contactus #nav-container ul#nav li.navContactUs a {
				border-left:#444 solid 1px;
				border-right:none;
				background:url(../../images/misc/navBg.png) right -45px no-repeat;
			}
			body#windows #nav-container ul#nav li.navWindows a,
			body#windows2 #nav-container ul#nav li.navWindows a,
			body#conservatories #nav-container ul#nav li.navConservatories a,
			body#doors #nav-container ul#nav li.navDoors a,
			body#doors2 #nav-container ul#nav li.navDoors a,
			body#fascias #nav-container ul#nav li.navFascias a,
			body#security #nav-container ul#nav li.navSecurity a,
			body#aboutus #nav-container ul#nav li.navAboutUs a {
				border-left:#444 solid 1px;
				border-right:#000 solid 1px;
				background:url(../../images/misc/navBg.png) center -45px no-repeat;
			}
			body#home #nav-container ul#nav li.navHome ul li a,
			body#windows #nav-container ul#nav li.navWindows ul li a,
			body#windows2 #nav-container ul#nav li.navWindows ul li a,
			body#conservatories #nav-container ul#nav li.navConservatories ul li a,
			body#doors #nav-container ul#nav li.navDoors ul li a,
			body#doors2 #nav-container ul#nav li.navDoors ul li a,
			body#fascias #nav-container ul#nav li.navFascias ul li a,
			body#security #nav-container ul#nav li.navSecurity ul li a,
			body#aboutus #nav-container ul#nav li.navAboutUs ul li a,
			body#contactus #nav-container ul#nav li.navContactUs ul li a {
				border-left:none;
				border-right:none;
				background-image:none;
			}
			#nav-container ul#nav li ul {
				position:absolute;
				top:35px;
				left:0px;
				z-index:300;
				width:150px;
				margin:0;
				padding:0;
				display:none;
				background-color:#000;
				border:#555 solid 1px;
				border-top:none;
			}	
				#nav-container ul#nav li ul li {
					margin:0;
					padding:0;
					display:block;
					clear:both;
				}
					#nav-container ul#nav li ul li a {
						display:block;
						width:130px;
						border-top:#555 solid 1px;
						color:#fff;
						text-align:left;
						padding:7px 10px;
						background:none;
					}
					#nav-container ul#nav li ul li a:hover {
						text-decoration:underline;
						background:none;
					}


#sub-menu {
	width:150px;
	padding-top:20px;
}

#sub-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left:20px;
	width:130px;
	height:300px;
	background-image:url(../../images/misc/sub-menu-bg.gif);
	background-repeat:repeat-y;
}

#sub-menu li {
	display: block;
	float:left;
	margin: 0;
	padding: 0;
	width: 130px;
}

#sub-menu a {
	color: #ffffff;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 7px 0px 7px 10px;
}

#sub-menu a:hover {
	text-decoration: underline;
}



/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 760px;
	padding: 20px 20px 20px;
	color: #bbb;
	background:#f7f7f7 url(../../images/misc/footerBg.gif) top repeat-x;
	font-size: 12px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	border-top:30px solid #fff;
}

body#home #footer {
	border-top:10px solid #fff;
}

#footerLeft {
	float:left;
	width:200px;
}
	#footerLeft #footerCopyright {
		padding-left:8px;
	}

#footerRight {
	float:right;
	width:520px;
}

	#footer a {
		white-space: nowrap;
		color: #bbb;
		text-decoration: none;
	}
	#footer a:hover {
		color: #444;
		text-decoration:underline;
	}
#footer ul li.start {
	padding-left:0px;
}
#footer ul li.end {
	border-right:none;
}

ul.footerNav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-bottom:5px;
}
	ul.footerNav li {
		display: inline;
		padding-right:3px;
		padding-left:3px;
		margin: 0px 0px 0px 0px;
		border-right:1px solid #bbb;
	}

ul#footerCategoryNav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-bottom:5px;
}
	ul#footerCategoryNav li {
		display: inline;
		padding-right:5px;
		padding-left:5px;
		margin: 0px 0px 0px 0px;
		border-right:1px solid #bbb;
	}

ul#footerDetails {
	clear:left;
	margin:0;
	padding:10px 0px 0px;
	list-style:none;
}
	ul#footerDetails li {
		display:block;
		list-style: none;
	}
	
	

/*Class Styles
------------------------------------------------------------------------------------*/
.clearfix {
	clear:both;
}


/* CTA Styles
------------------------------------------------------------------------------------*/
#boxCTA {
	float:right;
	width:235px;
	height:96px;
	padding:10px 20px 0px 115px;
	background:url(../../images/misc/boxCTA-bg.gif) 10px 10px no-repeat;
}
	#boxCTA p {
		margin:0;
		padding-top:8px;
		font-size:16px;
		line-height:18px;
		color:#fff;
		text-align:left;
	}
		#boxCTA p span.cta-br {
			display:block;
			font-size:22px;
			line-height:40px;
		}
		#boxCTA p span.cta-keyword {
			font-weight:bold;
		}
		#boxCTA p span.cta-location {
			font-weight:bold;
		}
		#boxCTA p span.cta-callnow {
			display:none;
		}
		#boxCTA p span.cta-number {
			font-weight:bold;
			font-size:30px;
		}
		
.errors {
	background-color:#FFBFBF;
	border:#CC0000 solid 1px;
	padding:5px 10px;
}
	.errors ul {
		margin:0;
		padding:0;
		list-style:none;
		font-weight:bold;
	}
.copied {
background-color:#FFFF00;
}


#locations {
    margin-top:10px;
	width:160px;
	height:210px;
	padding:10px;
	background:url(../../images/misc/small-contact-box.png) no-repeat;
	color:#ffffff;
}

#locations strong {
color:#FFFF00;
}

#locations p {
font-size:1.3em;
}

#locations ul {
margin:0px;
padding:10px;
list-style-type:none;
}

#locations li {
font-size:1.3em;
font-weight:bold;
line-height:27px;
}

#locations a {
color:#FFFFFF;
}