body {font-family: arial, sans-serif; font-size:80%; margin:0 auto; height: 100%; background-color: white}
form {margin: 10px; padding: 10px; border: 1px dotted #ccc;}
a {color:#2F637A;}
a:visited {color:purple;}
a:hover {color: #c00;}
a img {border:none;}
ul, ul ul li, ul ul ul li {list-style-image: url('images/bullet.gif');}
acronym, abbr {border-bottom: 1px dotted #AAA}
fieldset {padding:10px; border:1px dashed #ccc}
legend  {font-size: 120%; font-weight: bolder; color:#666}
hr {height: 1px; color:#ccc; border: 1px dotted #ccc}
p {margin-top: 0px}
h1 {background: url('bg1.bmp') top left repeat-x; color: #cc0000; font-size: large; font-weight: lighter; text-indent: 5px; letter-spacing: 2px; padding-top: 5px; margin: 0px 0px 5px 0px}
h1.contenttitle {font-size: x-large; color:#64859f; text-indent: 0px; letter-spacing: -1px; font-weight: bolder; background-image:none;}
h2 {color: #64859f; font-size: medium; font-weight: lighter; margin-bottom: 0px; }
h3 {color: #666666; font-size: small; margin-top: 3px; margin-bottom: 3px}
h1.fp {background-image: none; color: #64859f; font-size: 200%; padding-top: 10px;}
h1.fp span {color: #cc0000; text-decoration: underline; font-style: italic; font-weight: bold}
.print {background:url('images/small_printer.gif') top right no-repeat; float: right; margin-top: 5px; padding-right:25px; color: #aaa; padding-top:3px; font-size:x-small;}
.rss {background:url('images/rss_icon.gif') top right no-repeat; float: right; margin-top: 5px; padding-right:25px; color: #aaa; padding-top:3px; font-size:x-small; margin-right: 10px}
.print a, .rss a {color:#aaa;}
.print a:hover, .rss a:hover {text-decoration: underline}
.pdf {list-style-image: url('images/small_pdf_icon.gif');}
.pdf li {line-height: 20px;}
table tr.odd {background-color: white}
table tr.even {background-color: #eee}
li.brochure a {font-weight: bold}
#map_canvas {background: url('images/googlemaps/mapcanvas_bg.jpg') center center no-repeat #ccc;}
#overlay {position: absolute; top: 0; left: 0; z-index:100; width: 100%; background-color: #000; display: none; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
div.magnify {position: absolute; z-index: 100; display: none; width:auto; height: auto; background: white url('javascript/ajax_processing.gif') no-repeat center; 
border:1px solid #666; padding: 10px;
}
div.magnify h1 {text-align: left; border-left: 5px solid #64859f; padding-left: 5px; color: #666; font-size: medium; font-weight: lighter;}

div.splash {position:relative; margin:auto; width: 100%; height: 276px; background:url('splash/collapse_bg3.jpg') no-repeat left top;
}
div.splash img.splash {display:none; position:absolute;}
div.splash a {font-weight:bold; text-decoration: none}

div.search {position: absolute; padding-top:15px; width: 944px; padding-left: 10px; height: 39px; z-index:1; background:url('splash/splash_terminater.gif') no-repeat left top;
}
div.search form {border: none; margin:0px; padding:0px; display: inline}
div.search input {margin-right: 10px}
div.search a {color: white; font-size: large;}
div.contenttitle {color: #999; top: -7px; position: absolute; margin-left: 277px; width:650px; z-index:2}
div.transport {z-index: 2; position: absolute; width: 90px; text-align: center; margin-left: 850px; padding-top: 5px;}
div.transport img {margin:2px 5px 0px 5px;}
div.expcol {width: 100%; text-align: right; position: absolute;z-index: 2}
div.counter {color: #333; font-size: x-small; line-height: 8px; height:8px}
div.status {color: #999; font-size: x-small; line-height: 10px; height:10px}
div.tools {position: absolute; margin-left: 5px; z-index:2; padding-top:5px}
div.tool {float: left; margin-right: 5px; width: 110px}
div.tool img {vertical-align: middle; float: left;}
div.tool a {color:#64859f; font-size:85%;}
div.tool a span {float: left}

/* Constructs */
div.container {
	width: 100%;
	height: 100%;
	text-align: center;
	background: white url('bg1.bmp') repeat-x left
top;
}
div.bound {width: 1000px; background-color:#ccc; margin-left:auto; margin-right:auto; text-align: center; background: url('images/boundbg.gif') top left repeat-y}
div.leftedge {background: url('images/left_bord.jpg') top left no-repeat;}
div.rightedge {background: url('images/right_bord.jpg') top right no-repeat;}
div.main  {width: 944px; text-align: left; background-color: white; margin-left:auto; margin-right:auto;}
div.header {height: 100px; background: url('images/header_bg.jpg') top left no-repeat; padding-left: 10px; border-bottom: 1px solid #ccc}
div.logo {padding: 5px 20px 5px 0px; font-size: x-small; text-align:center; letter-spacing: 0px; color:#888; float: right;}

#header ul{margin:0;padding:0;list-style-type:none;}
#header ul li {display:block; float:left; text-align:center; padding:0px; height:70px;}
#header ul li img {margin-top: 10px}
#header li.ritem {background:url('images/menu_division.jpg') top right no-repeat;}
#header ul li a {display:block;float:left;color:#999;font-size: medium; font-weight: bold; text-decoration:none; padding:0 10px 0 10px;}
#header ul li a.current,#menunav ul li a.current:hover{color:#64859f;}
#header ul li a:hover{color:#c00;}
#header div.innercontent {clear: left;}
#header div.innercontent ul li {height:30px;}
#header div.innercontent ul li a {padding-top: 7px; font-size: small;}

div.middle {width: 100%; height: 100%; background:url('images/centerbg.gif') top left repeat-y;}  
div.left {
	border: none;
	float: left;
	width: 247px;
}
div.leftbox {
	padding-bottom: 15px;
	padding-top: 15px;
	background: url('images/left_divider.gif') bottom left no-repeat white;
	border-bottom-color: #C0C0C0;
	border-bottom-style: ridge;
}
div.leftboxclear {padding-bottom: 15px; padding-top:15px;}
div.leftboxclear div.logos {margin: auto; width: 210px}
div.right {
	border-left-color: #000000;
	border-color: #000000;
	float: right;
	width: 694px;
	padding-bottom: 10px;
	border-right-color: #000000;
	border-right-style: ridge;
	border-left-style: ridge;
	border-bottom-style: ridge;
}
div.right div.content {
	border: thin;
	padding: 0px 14px 10px 20px;
	margin-left: auto;
	margin-right: auto;
}
div.footer {
	font-size: x-small;
	text-align: right;
	line-height: 14px;
	clear: both;
	padding: 30px 20px 20px 20px;
	background: url('images/footer_top_bg.jpg') top right no-repeat white;
}
div.logosandwebmaster {float:left; text-align:left}
/* End Constructs */

ul.trainingpromo a:visited, ul.trainingpromo a {color: white; font-weight: bolder; margin:0px; padding:0px}
ul.trainingpromo li {margin:0px; padding:0px}

div.fpcentre {float: left; background: url('images/latest_innovation_background.jpg') 10px right no-repeat; width: 400px;}
div.fpcentre h1 {display: inline; color: #0066cc; background-image: none; font-weight: bolder; font-size:x-large; letter-spacing: -1px;  margin:0px; text-indent:0px}
div.fpcentre p {
	line-height: 1em;
	color: #FFFFFF;
	font-size: x-small;
	margin: 0px 0px 5px 0px;
	padding-right: 155px;
}

div.thirtythree  {font-size:x-small;}
div.thirtythree h1 {background: none; font-weight: bolder; line-height: 12px; font-size: medium; letter-spacing:-1px; text-indent: 0px; color: #64859f; border-bottom: 2px solid #ccc;}
div.thirtythree p {margin:0px}
div.thirtythree a.main {background: url('images/fp_anchor_bullet_point.gif') center left no-repeat; padding-left: 15px}

#guaranteeform {background: url('images/guarantee_background.jpg') top left}
#guaranteeseal {background: url('images/guarantee_seal.gif') bottom center no-repeat}
#guaranteeform fieldset {margin:5px; border: 2px solid #aaccaa;}
#guaranteeform legend {font-size: medium; color: #336633; font-weight: bold}

.sedbukguarantee {float: right; margin-left: 10px; margin-right: 10px; text-align: center}
div.dyk {border:1px dotted #ccc; margin:10px; padding:5px 5px 5px 50px; height: 50px; background: url('images/lightbulb.jpg') center left no-repeat;}
div.dyk h1  {color: #64859f; text-indent: 0px; font-size: x-large; font-weight: lighter; margin-bottom: 0px; background-image: none}
div.dyk p {margin:2px}
div.aftercare {background:url('images/aftercare_div_bg.jpg') bottom left no-repeat;}

.ledtable {border: 1px solid #ccc;}
.ledtable th {background-color: #64859f; font-size: 130%; letter-spacing: 2px; color: white;}
.ledtable td {border: none; margin: 2px; padding: 5px; vertical-align: top}

div.ss123 {margin-bottom: 20px;}
div.in1, div.in2, div.in3  {float: right; width:33%;}
div.in1 {background: url('images/1bg.gif') top left no-repeat white;}
div.in2 {background: url('images/2bg.gif') top left no-repeat white;}
div.in3 {background: url('images/3bg.gif') top left no-repeat white;}
div.in1 div, div.in2 div, div.in3 div {padding: 10px 10px 10px 50px;}

ul.troubleshooter, ul.troubleshooter ul {margin:0px; padding:0px;}
ul.troubleshooter span {color:#666; font-weight: normal}
ul.troubleshooter li {list-style-image:none; list-style-type:none;}
ul.troubleshooter li.indication {color: #64859f; font-weight: bold}
ul.troubleshooter li.remedy {color: green; font-weight: normal}
div.controlpanelbg {background:url('images/control_panel_bg.jpg') top left no-repeat;}
div.controlpanelbg span {border: 1px dotted #999; padding:2px; margin-left: 5px; padding-left:3px; padding-right:3px}

div.productsai {float: right; margin-left: 10px; padding:5px; border:1px dotted #64859f;}
div.productsai img {width: 50px; height: 50px}
div.productsai  h1 {font-size: medium; color: #64859f; letter-spacing: 0px; font-weight: lighter; margin-bottom: 0px; background:none;}

div.productindex {text-align: left; padding-left: 10px; font-size: small}
div.productindex a.heading {font-size: medium; line-height: 10px; color: #64859f; font-weight: bolder;}
div.productindex a {text-decoration: none}
div.productindex ul, div.productindex ul ul li, div.productindex ul ul ul li {margin: 0px; padding:0px; line-height:1.0; list-style-image:none; list-style-type:none; font-weight: normal;}
div.productindex ul li {text-indent: 5px;}
div.productindex ul ul li, div.productindex ul ul ul li  {text-indent: 15px}
div.productindex li.selected {font-weight: bold;}
div.guarantee {background: url('images/alpha_seal_fade.jpg') top right no-repeat;}
fieldset.guarantee {background: url('images/alpha_seal.gif') center left no-repeat;}

/* for products db features list */
div.featuresbox {padding: 5px; margin-left: 10px; font-size: x-small; border: 1px solid #ccc; width: 190px}
div.featuresbox h1 {text-indent: 10px; font-weight: bold; letter-spacing: 5px; background:none;}
div.featuresbox ul {padding:0px; margin: 0px 0px 0px 20px; list-style-image: url('images/targetbullet.gif');}
div.featurebox {width: 152px; float: left}
h1.featurebox {padding-left: 5px; padding-right: 5px; text-indent:0px; font-size: x-small; background:url('file:///C:/Users/Steven%20L%20Sweeting/Documents/My%20Web%20Sites/mysite/template/%25hostname%25/images/title_alpha_blend.png') repeat-x left top; 
letter-spacing: 0px;
}

table.partlist {width: 100%;}
table.partlist td {border-top: 1px solid #ccc}
span.partnumber {font-size: x-small; color: #666}
span.partnumber span.number {font-weight: bold;}

div.aftercarebox {border: 1px solid #ccc; padding: 5px; margin: 5px;}
div.aftercarebox p {margin:0px}
div.aftercarebox ul {margin-top: 0px}
div.aftercarebox h1 {background-image: none; font-size: small; text-indent: 0px; letter-spacing:0px; font-weight: bold; color: #666}
div.aftercarebox h2 {margin:0px;}
div.aftercarebox div.topbox {background-color: #e7e0d2}
div.aftercarebox div.botbox {background-color: #eeeae0}
div.helpline {text-align: center; width: 200px;font-size:x-small; margin: auto}
div.helpline img.helplinebanner {border-bottom: 3px solid #64859f; border-top: 3px solid #64859f;}
div.helpline h1 {background: none; margin:0px; letter-spacing: 2px; text-indent: 0px; line-height:14px;}
div.helpline h2 {color: black; font-size: large; margin:0px; letter-spacing: 1px;}
div.helpline p {margin:5px 0px 0px 0px; padding-top:5px; text-align: left; border-top: 1px solid #ccc;padding-left: 10px; padding-right:10px;}
#helplineclock {font-size: 160%}
#helplineclock small {font-size: x-small}
table.helpline th {text-align: left}
div.quoteouter {background:url('images/quote_topleft.gif') top left no-repeat;}
div.quoteinner {background:url('images/quote_bottomright.gif') bottom right no-repeat; padding: 20px;}
div.quoteinner h1, div.quoteinner h2 {margin:0px}

div.installersearch {background: url('images/installers/postcodebackground.jpg') top right no-repeat white;}

/* contact form */
div.form {width: 100%; margin-bottom: 10px;}
div.formrow {clear: both;}
div.formleft {float: left;width:30%; text-align: right;}
div.formright {float: right; width:70%;}
div.formt {background:url('images/contactform/tab_bg2.gif') top left repeat-x white;}
div.formtl {background:url('images/contactform/tab_left2.gif') top left no-repeat;}
div.formtr {background:url('images/contactform/tab_right2.gif') top right no-repeat;}
div.formbl {background:url('images/contactform/tab_left2_bottom.gif') bottom left no-repeat;}
div.formbr {background:url('images/contactform/tab_right2_bottom.gif') bottom right no-repeat;}
div.forml {background:url('images/contactform/side_left2.jpg') top left repeat-y;}
div.formr {background:url('images/contactform/side_right2.jpg') top right repeat-y;}
div.formb {background:url('images/contactform/tab_bottom.gif') bottom left repeat-x;}

div.productfocus {font-size: x-small; padding: 10px;  border: 1px dashed #ccc; margin: auto; width: 375px; float: left}
div.productfocus  h1 {display: inline; background-image: none; font-size: medium; letter-spacing: -1px; text-indent: 0px; font-weight: bolder; color: #2A4A61; padding-top:0px}
div.productfocus  h1 span {color: #ccc}
div.productfocus  h2 {display:inline}
div.productfocus  img.product {float:right; margin-top: 10px; margin-left: 10px}

table.cd5070s {margin-bottom: 15px; border: 1px solid #ccc;}
table.cd5070s th {background-color: lightblue;}
table.cd5070s td {}

/*newsbox */
div.newsbox {
	border-bottom-color: #000000;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	border-bottom: #000000;
	border: #000000;
	border-color: #000000;
	float: right;
	text-align: left;
	width: 240px;
	font-size: x-small;
	margin-left: 20px;
	background-color: #FFFFFF;
}
div.newsboxt {background:url('images/newsbox/newsbox_topedge.gif') top left repeat-x;}
div.newsboxtl {background:url('images/newsbox/newsbox_topleftcorner.gif') top left no-repeat;}
div.newsboxtr {background:url('images/newsbox/newsbox_toprightcorner.gif') top right no-repeat;}
div.newsboxbl {background:url('images/newsbox/newsbox_bottomleftcorner.gif') bottom left no-repeat;}
div.newsboxbr {background:url('images/newsbox/newsbox_bottomrightcorner.gif') bottom right no-repeat;}
div.newsboxl {background:url('images/newsbox/newsbox_leftedge.gif') top left repeat-y;}
div.newsboxr {background:url('images/newsbox/newsbox_rightedge.gif') top right repeat-y;}
div.newsboxb {background:url('images/newsbox/newsbox_bottomedge.gif') bottom left repeat-x;}
div.newscontent {padding: 5px 15px 10px 15px;}
div.newscontent h1  {letter-spacing: 0px; text-indent: 0px; background-image: none;}
div.newsbox h2 {font-size: small; color: #2A4A61; font-weight: bolder; letter-spacing: -1px}
div.newsbox h2 a {text-decoration: none;}
div.newsbox p {margin: 0px;}
div.newsbox ul {margin:0px; padding:0px; list-style-type: none;}
div.newsbox li {margin-top:4px; border-top: 5px solid #ddd;}
.newspubdate {float:right; margin-left: 5px; color:#888;}

#leftcolumn { width: 350px;  float: left}
#rightcolumn { width: 240px;  float: right}