* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	font-family: Verdana, Arial, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	background: #EBEBEB url(../images/backgrounds/wrapper_v2.png) repeat-y 50% 50%;
	text-align: left;
}
a {
	color: #CC0000;
}
/* use for any image replacement (links, headings, etc) */
.ir {
	display: block;
	text-indent: -5000px;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 15px;
}

/* image replace headings & sub-headings */
h1.ir, h2.ir, h5.ir {
	width: 585px;
	height: 25px;
	margin-bottom: 0;
}
.clear {
	clear: both;
}
h3 {
	background: url(../images/headings/h3-background.jpg) repeat-x 0 0;
	color: #EBEBEB;
	font-size: 14px;
	margin: 10px 0;
	float: left;
	height: 39px;
	clear: both;
}
h3 span {
	padding: 8px 30px 8px 15px;	
	height: 39px;
	float: left;
	background: url(../images/headings/h3-end.jpg) no-repeat top right;
}
h4 {
	font-weight: bold;
	font-size: 12px;
	clear: left;
	color: #444;
}
h5 {
	font-size: 14px;
}
h5#foot {
	background: url(../images/headings/h5-footer.gif) no-repeat 0 0;
	height: 15px;
	margin-bottom: 5px;
}
p {
	margin: 0 0 10px 15px;
}
.small {
	font-size: 11px;
	color: #999;
}
ul {
	margin: 0 15px 0 35px;
	list-style: square;
}
ol {
	margin: 0 15px 0 35px;
	list-style: decimal;
}
ul li, ol li {
	padding: 0 0 10px 0;
}
ul.plain {
	margin: 0 15px;
	list-style: none;
}

ul.tick {
	margin: 0 20px;
	list-style: none;
}
ul.tick li {
	background: url(../images/icons/tick.gif) no-repeat 0 0;
	padding-left: 30px;
	padding: 3px 0 10px 30px;
}
input.text, textarea.text, select.text {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #333333;
	border: 1px solid #D4D4D4;
	padding: 3px 5px;
}
input.text:focus, textarea.text:focus, select.text:focus {
	border-color: #FECB30;
	background: #FFFCE4;
}
a.button {
	width: 140px;
	height: 35px;
	text-decoration: none;
	display: block;
	cursor:pointer;
	text-indent: -4000px;
	background: url(../images/buttons/send.jpg) no-repeat 0 0;
}
a.subscribe {
	background: url(../images/buttons/subscribe.jpg) no-repeat 0 0;
}
a.survey {
	width: 150px;
	background: url(../images/buttons/survey.jpg) no-repeat 0 0;
}
a.unsubscribe {
	background: url(../images/buttons/unsubscribe.jpg) no-repeat 0 0;
}
a.button:hover {
	background-position: 0 -35px;
}
a.download {
	height: 45px;
	width: 160px;
	background: url(../images/buttons/download.jpg) no-repeat 0 0;
}
a.download:hover {
	background-position: 0 -45px;
}
a.feature {
	width: 230px;
	height: 92px;
	float: right;
}
a.complete_self_survey {
	width: 252px;
	margin: 15px 0 10px 0;
	background: url(../images/buttons/complete_self_survey.jpg) no-repeat 0 0;
}
a.request_quotation {
	width: 252px;
	background: url(../images/buttons/request_quotation.jpg) no-repeat 0 0;
}
a.view_details {
	width: 252px;
	margin: 15px 0 10px 0;
	background: url(../images/buttons/view.jpg) no-repeat 0 0;
}
a#feature-you {
	background: url(../images/buttons/feature_you.jpg) no-repeat top right;	
}
a#teckentrup-approved {
	width: 115px;
	height: 115px;
	background: url(../images/logos/teckentrup-approved.gif) no-repeat top right;	
}
a.feature:hover {
	filter:alpha(opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;	
}
.oops {
	color: #CC0000;
}
input.oops, textarea.oops, select.oops {
	border-color: #CC0000;
}
/* navigational lists */
ul.nav, ul.nav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
#header2 ul.nav a{
	color:#fff;
}
#wrap {
	width: 1020px;
	text-align: left;
	margin: auto;
}


#header {
	width: 970px;
	height: 100px;
	background: #EBEBEB url(../images/backgrounds/header_v2.jpg) no-repeat 0 0;
	margin-left: 30px;
	position: relative;
}

#header2 {
	width: 970px;
	height: 100px;
	background: #EBEBEB url(../images/backgrounds/charity_header.jpg) no-repeat 0 0;
	margin-left: 30px;
	position: relative;
}



#header a#logo {
	width: 172px;
	height: 72px;
/*	background: url(../images/backgrounds/logo.png) no-repeat 0 0;	*/
	background: none;
	position: absolute;
	left: 15px;
	top: 10px;
}
#header a#logo:hover {
	filter:alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity: 0.50;	
}
#header ul {
	float: right;
	margin-top: 5px;
}
#header ul li {
	padding: 0 10px 0 6px;
	border-right: 1px solid #F09790;
	line-height: 12px;
}
#header ul li.last {
	border-right: 0;
/*	padding-right: 15px;	*/
	padding-right: 105px;
}	
#header ul li a {
	color: #FFF;
	font-size: 11px;
}
#header ul li a:hover {
	color: #FFFF99;
	text-decoration: none;
}

#mast {
	width: 970px;
	height: 225px;
	margin-left: 30px;
	z-index: 50;
	background: #CCC;
	white-space: nowrap;
}
#mast #splish {
	width: 470px;
	height: 225px;
	float: left;
}
#mast object {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#nav {
	width: 970px;
	position: relative;
	height: 35px;
	background: url(../images/backgrounds/nav-x.jpg) repeat-x 0 0;  
	margin-left: 30px;
}

#nav ul#top li {
	display: block;
	float: left;
}

#nav ul#top li a {
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	float: left;
	height: 35px;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
#nav ul#top li a#about {
	width: 98px;
	background-image: url(../images/nav/about_v2.jpg);
}
#nav ul#top li a#sectional {
	width: 225px;
	background-image: url(../images/nav/sectional_v2.jpg);
}
#nav ul#top li a#network {
	width: 210px;
	background-image: url(../images/nav/service_v2.jpg);
}
#nav ul#top li a#guarantee {
	width: 163px;
	background-image: url(../images/nav/guarantee_v2.jpg);
}
#nav ul#top li a#automation {
	width: 154px;
	background-image: url(../images/nav/automation_v2.jpg);
}
#nav ul#top li a#contact {
	width: 120px;
	background-image: url(../images/nav/contact_v2.jpg);
}
#nav ul#top li a.active {
	background-position: 0 -70px;
}
#nav ul#top li a:hover, #nav ul#top li a.hover, #nav ul#top li a.active:hover {
	filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity: 0.90;	
	background-position: 0 -35px;
}

#subnav {
	position: absolute; 
	top: 295px;
	left: 30px;
	z-index: 200; 
	padding: 10px;
	width: 224px;
}
#subnav a#first {
	width: 224px;
	height: 35px;
	background: none;
}
#subnav.about a#first {
	width: 73px;
}
#subnav.network a#first {
	width: 183px;
}
#subnav ul {
	width: 224px; 
	display: block;
	background: url(../images/subnav/background.png) no-repeat bottom right;
	list-style: none;
	padding-bottom: 10px;
	margin: 0;
}
#subnav ul li {
	padding: 5px 10px 5px 10px;
	list-style: none;
}
#subnav ul li a {
	text-decoration: none;
	color: #FFF;
}
#subnav ul li a:hover {
	color: #FFFF99;
	font-weight: bold;
}

#content {
	width: 970px;
	text-align: left;
	margin-left: 30px;
}
#content #right {
	width: 280px;
	float: left;
	padding: 15px 0;
}

#content #right h6 {
	margin: 0 0 0 45px;
	font-size: 13px;
}
#content #right p {
	margin: 0 0 10px 45px;
}

/* side nav */

#content #right ul {
	width: 250px;
	list-style: none;
	margin: 0 0 20px 28px;
	display: block;
	clear: both;
}
#content #right ul li { 
	padding-left: 0;
	padding-bottom: 0;
}
#content #right ul li a {
	display: block;
	padding: 8px 25px 0 15px;
	height: 32px;
	margin-bottom: 5px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	margin: 0;
	clear: both;
	float: left;
}
#content #right ul li a.active, #content #right ul li a.active:hover, #content #right ul li a:hover {
	color: #FFF;
	background: url(../images/sidenav/background.jpg) no-repeat top right;
}
#content #right ul li.vid a.active, #content #right ul li.vid a.active:hover, #content #right ul li.vid a:hover {
	background: url(../images/sidenav/backgroundVideo.jpg) no-repeat top right;
	padding-right:50px
}
#content #right ul li.sub a.video:hover, #content #right ul li.sub a.video {
background:url(/images/sidenav/subVideo.gif) no-repeat scroll right top transparent;
padding-right:45px
}
#content #right ul li.vid a:hover{
	background:url(../images/sidenav/backgroundVideo.jpg)no-repeat scroll right top;
	padding-right:50px
}

#content #right ul li.vid a:hover{
	background:url(../images/generic/grey_buttonVideo.gif)no-repeat scroll right top;
	padding-right:50px
}

#charity #content #right ul li a.active, #content #right ul li a:hover {
	color: #FFF;
	background: url(../images/generic/grey_button.gif) no-repeat top right;
	height:32px;
}


#content #right ul li a:hover {
	filter:alpha(opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;	
}

#content #right ul li.sub a {
	padding: 4px 25px 3px 25px;
	font-size: 11px;
	color: #333;
	margin: 0;
}
#content #right ul li.sub a.active:hover{
 color: #333;	
}
#content #right ul li.first a {
	margin-top: 5px;
}
#content #right ul li.last a {
	margin-bottom: 5px;
}
#content #right ul li.sub a:hover, #content #right ul li.sub a.active {
	padding: 4px 25px 3px 25px;
	background: url(../images/sidenav/sub.gif) no-repeat top right;
}
#content #right ul li.sub a:hover {
	filter:alpha(opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}
#content #right .feature {
	width: 273px;
	clear: both;
	margin: 15px 0 0 0px;
	padding-bottom: 5px;
	background: url(../images/features/background.jpg) no-repeat bottom left;
}

#content #right .feature h6 {
	width: 273px;
	margin: 0;
	height: 65px;
	background: url(../images/features/h6-colours.jpg) no-repeat bottom left;
}
#content #right .first h6 {
	height: 80px;
}
#content #right .feature h6#guarantee {
	background-image: url(../images/features/h6-guarantee.jpg);
}
#content #right .feature h6#safety {
	background-image: url(../images/features/h6-safety.jpg);
}
#content #right .feature h6#brochures {
	background-image: url(../images/features/h6-brochures.jpg);
}
#content #right .feature h6#offers {
	background-image: url(../images/features/h6-offers.jpg);
}
#content #right .feature h6#fitting {
	background-image: url(../images/features/h6-fitting.jpg);
}
#content #right .feature h6#survey {
	background-image: url(../images/features/h6-selfsurvey.jpg);
}
#content #right .feature h6#quotation {
	background-image: url(../images/features/h6-quotation.jpg);
}
#content #right .feature h6#approved {
	background-image: url(../images/features/h6-approved.jpg);
}
#content #right .feature h6#find {
	background-image: url(../images/features/h6-find.jpg);
}
#content #right .feature p {
	font-size: 11px;
	padding: 0 15px 0 17px;
}
#content #right .feature a {
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
}
#content #right .feature a:hover {
	color: #999999;
}

#content #left {
	padding: 0 10px 20px 0;
	width: 680px;
	float: left;
}

#content #left ul#breadcrumb {
	display: block;
	background: url(../images/backgrounds/you-are-here.jpg) no-repeat 0 0;
	width: 680px;
	margin: 0 0 20px 0;
	list-style: none;
	height: 25px;
}
#content #left ul#breadcrumb li {
	display: inline;
	font-size: 11px;
	float: left;
	padding: 2px 8px 2px 13px;
	background: url(../images/backgrounds/crumb.jpg) no-repeat top left;
}
#content #left ul#breadcrumb li a {
	color: #999999;
}
#content #left ul#breadcrumb li a:hover {
	color: #666666;
}
#content #left ul#breadcrumb li.first {
	padding-left: 105px;
	background: none;
}


/* home panel boxxes */

#home-panel {
	width: 650px;
	margin-left: 7px;
	float: left;
	clear: both;
	background: url(../images/home/strip_repeat.gif);
}
html>body #home-panel {
	margin-left: 15px;	
}
#home-panel h3, #home-panel span.end {
	width: 615px;
	display: block;
	margin: 0;
	float: left;
	color: #464648;
	clear: both;
	background: url(../images/home/top_strip.gif) no-repeat 0 0;
	padding: 20px 20px 10px 15px;
	font-size: 17px;
	height: 20px;
	font-weight: normal;
}
#home-panel span.end {
	height: 20px;
	background: #FFF url(../images/home/bottom_strip.gif) no-repeat 0 0;
}

#home-panel #colours, #home-panel #wood {
	width: 250px;
	float: left;
}
#home-panel #wood {
	width: 380px;
}
#home-panel #colours h4, #home-panel #wood h4 {
	font-size: 14px;
	margin-bottom: 5px;
}

#home-panel #sf {
	background:url(../images/home/panels.gif) no-repeat 0 0;
	width: 626px;
	margin-left: 5px;
	padding-top: 15px;
	height: 125px;
	float: left;
	clear: both;	
}
html>body #home-panel #sf {
	margin-left: 10px;
}
#home-panel #sf h4 {
	font-size: 14px;
	margin: 0 15px;
}
#home-panel #sf p {
	margin: 0 15px;
	width: 180px;
}
/* downlaod file box */

#content #left #download {
	width: 570px;
	background: url(../images/backgrounds/download.jpg) no-repeat 0 30px;
	margin: 10px 15px;
	height: 140px;
}
#content #left #download p {
	padding: 40px 0 0 0;
}
#content #left #download a.download {
	margin-left: 10px;
}
#content #left #download img {
	float: right;
}
/* colours table */
table.colours td {
	height: 60px;
	width: 60px;
	border: 1px solid #FFF;
	padding: 0 5px 5px 5px;
	padding-bottom: 5px;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #FFF;
}
table.colours td.dark {
	color: #444;
	border: 1px solid #CCC;
}
table.colours td span {
	font-weight: normal;
	font-size: 10px;
}

/* brochures table */
table.brochures td {
	padding: 0 5px 5px 5px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #FFF;
}
table.brochures td span {
	font-size: 11px;
	color: #999999;
}
table.colours td.dark {
	color: #444;
	border: 1px solid #CCC;
}

/* contact forms / tables */
form table {
	margin: 0 0 10px 15px;
}
form table td, form table th {
	text-align: left;
	padding: 0 10px 10px 0;
}
form table th, form table td span {
	font-weight: normal;
	font-size: 11px;
}
form table th label {
	font-weight: bold;
	font-size: 12px;
}
form table td table {
	margin: 0;
}
form table td table th, form table td table td {
	padding: 0 5px 0 0;
}
form table td table th {
	padding-right: 20px;
	font-weight: normal;
}

/* useful links */

div.useful_link {
	margin: 0 10px 10px 10px;
	padding: 10px 10px 10px 5px;
	border: 1px solid #F5F5F5;
	border-left: 0;
	border-right: 0;
}
div.useful_link h5 {
	font-size: 14px;
	margin: 0;
}
div.useful_link p {
	margin: 0 0 5px 0;
}
div.useful_link p a {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
div.useful_link a img {
	float: right;
	margin-left: 10px;
}


/* gakkery lists / images */

ul.gallery {
	list-style: none;
	margin: 0 0 0 10px;
}
ul.gallery li {
	padding: 0 15px 20px 0;
	float: left;
}
ul.gallery li a img {
	background: #CF141F;
	padding: 1px;
	margin: 4px;
}
ul.gallery li a:hover img {
	padding: 5px;
	margin: 0;
}

img.right {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	clear: right;
}

.bfeature {
	border: 1px dotted #CC0000;
	width: 290px;
	padding: 10px 15px;
	margin: 0 4px 15px 4px;
	float: left;
}
.full {
	width: 628px;
}
html>body .bfeature {
	margin: 0 8px 15px 8px;
}
.bfeature p {
	margin-left: 0;
}
.bfeature img {
	float: right;
	padding-left: 10px;
}
.bfeature img.left {
	float: left;
	padding-left: 0;
	padding-right: 10px;
}
.bfeature h5 {
	font-size: 14px;
	margin-left: 0;
}
/* footer */

#wrap-foot {
	width: 100%;
	clear: both;
	background: #F5F5F5 url(../images/backgrounds/footer-x_v2.jpg) repeat-x 0 0;
}

#footer {
	width: 990px;
	height: 115px;
	font-size: 11px; 
	color: #B5B6B8;
	padding: 35px 0 0 30px;
	background: url(../images/backgrounds/footer_v2.jpg) no-repeat 0 0; 
	margin: auto;
}

#footer ul li {
	padding: 0 5px 0 8px;
	border-left: 1px solid #E4AFB4;
}
#footer ul li.first {
	border: 0;
	padding-left: 15px;
}
#footer ul li a {
	color: #C44651;
	font-size: 11px;
}
#footer ul li a:hover {
	color: #999;
}
#footer p {
	margin-top: 10px;
}

#credits {
	width: 960px;
	height: 50px;
	margin: auto;
	color: #B5B6B8;
	font-size: 11px;
}
#credits a {
	width: 236px;
	height: 20px;
	float: right;
	background: url(../images/backgrounds/developed-by-native.gif) no-repeat 0 0; 
}
#credits a:hover {
	background-position: 0 -20px;
}

div#map {
	width: 650px;
	height: 400px;
	margin: 0 0 0 15px;
	border: 2px solid #CCCCCC;
}
#installer-map {
	width: 300px;
	height: 350px;
	margin: 0 0 10px 15px;
	border: 2px solid #CCCCCC;
	border-left: 0;
	position: relative;
	left: 0;
}
html>body #installer-map {
	left: 350px;
}
html>body #installer-map { *left: 0; }

.map-msg, .installer-map-msg {
	background: #666666;
	color: #FFFFFF;
	width: 634px;
	padding: 10px;
	font-size: 11px;
	margin: 0 0 10px 15px;
}
.map-msg a {
	color: #FFFF99;
}
.map-result {
	width: 632px;
	clear: both;
	border: 1px solid #E5E5E5;
	padding: 10px;
	margin: 0 10px 12px 15px;
}
.map-first {
	border: 1px solid #CCC;
	background: #FAFAFA;
}
.map-result p {
	width: 280px;
	margin: 0;
	padding: 0 0 10px 0;
}
.map-result p strong {
	font-size: 14px;
}
.map-result p.left {
	float: left;
}
.map-result p.right {
	float: right;
}
.map-result p.clear {
	clear: both;
	padding: 0;
	margin: 0;
}

#installer-details {
	float: left;
	width: 310px;
	height: 330px;
	border: 2px solid #E5E5E5;
	border-right: 0;
	padding: 10px;
	margin: 0 10px 12px 7px;
}
html>body #installer-details {
	margin: 0 0 0 15px;
	width: 330px;
}
#installer-details h1 {
	font-size: 14px;
	margin-bottom: 0;
}
#installer-details img {
	margin: 5px 0 10px 13px;
}
.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	border: 1px solid #E5E5E5;
	padding: 10px;
	overflow: auto;
	margin: 10px 10px 15px 10px;
	color: #CC0000;
}

.gds {
	padding: 10px;
	border: 1px solid #E5E5E5;
	float: right;
	margin: 0 10px 10px 10px;
}

#donated a {
background:url("../images/generic/donated.gif") no-repeat scroll 0 0 transparent;
height:20px;
width:165px;
}
#donated a:hover {
	background-position: 0 -20px;
}

/*NEW NONE JAVASCRIPT NAVIGATION*/

#navQ {
background:url(../images/backgrounds/nav-x.jpg) repeat-x scroll 0 0 transparent;
height:35px;
margin-left:30px;
position:relative;
width:970px;
}	
#navQ ul{
	cursor:pointer;
}

ul.navQ, ul.navQ li {
list-style:none outside none;
margin:0;
padding:0;
float:left;

}    

#navQ ul#topQ li a {
background-position:0 0;
background-repeat:no-repeat;
display:block;
float:left;
height:35px;
margin:0;
padding:0;
text-decoration:none;
text-indent:-5000px;
}
#navQ ul#topQ li a#aboutQ {
background-image:url(../images/nav/about_v2.jpg);
width:98px;
}

#navQ ul#topQ li a#sectionalQ {
background-image:url(../images/nav/sectional_v2.jpg);
width:225px;
}

#navQ ul#topQ li a#networkQ {
background-image:url(../images/nav/service_v2.jpg);
width:210px;
}

#navQ ul#topQ li a#guarantee {
background-image:url(../images/nav/guarantee_v2.jpg);
width:163px;
}

#navQ ul#topQ li a#automation {
background-image:url(../images/nav/automation_v2.jpg);
width:154px;
}
#navQ ul#topQ li a#contact {
background-image:url(../images/nav/contact_v2.jpg);
width:120px;
}


#navQ ul#topQ li ul li a {
text-indent:0px;
}





.innerQ{
	display:none;
	padding-bottom:5px;
	}
.innerQ li{
	float:left;
	width:224px
}
#navQ ul#topQ .innerQ li a{
	margin:5px 0 0 12px;
	height:25px;
	color:#FFF;
	
}
#innerAbout{
	left:-20px;
}
#innerInstaller{
left:303px	
}
#innerSectional{
left:78px;
}


/*Below CSS is just for IE6 and IE7*/
#aboutLi{
	float:left;
}
#sectionalLi{
	float:left;
}
#networkLi{
	float:left;
}
#guaranteeLi{
	float:left;
}
#automationLi{
	float:left;
}
#contactLi{
	float:left;
}

.nav li:hover ul.innerQ{
	display:block;
	position:absolute;
	margin:0 0 0 20px;
	top:35px;
	background:url(../images/subnav/background.png) no-repeat scroll right bottom transparent;
	width:224px;
}

#navQ ul#topQ .innerQ li a:hover{
	color:#ffff99;
	font-weight:bold;
	
}

#imagineAppeal{
	width:100px; 
	float:left; 
	margin-left:45px;
}