/*
author: Darren Chandler
company: Campbell Shaw Ltd
email: d.chandler@campbellshaw.co.uk
*/

body,html {
	font-size:100%;
	padding:0;
	margin:0;
	height:auto
}

td,div,body {
	font-family:Verdana,Arial,Helvetica,sans-serif
}

body {
	background:#369 url(../img/body_bg.gif);
}


h1 {
	font-size:1.4em
}

#content h1 {
	margin-top:0
}

#content h2 {
	font-size:1.2em;
}

h3 {
	font-size:1.1em
}

h4,h5 {
	font-size:1em
}

h5 {
	font-weight:normal;
	font-style:italic
}

p {
	line-height:1.5em
}

dl.legal dt,ol li {
	list-style-type:decimal
}

li {
	list-style-type:square
}

a img {
	border:0
}

#content h2 a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#scrn-read {
	display:none
}

#container {
	width:770px;
	margin:0 auto;
	/*min-height:100%*/
}

#branding {
	margin:0;
	font-weight:bold;
	padding:0;
	float:left;
	width:100%;
	/*position:relative;
	z-index:200;
	height:3em;*/
	font-size:0.7em;
}

#branding img {
	float: left;
	padding: 20px 10px;
}

#branding form {
	padding: 20px 10px;
}

#branding h1 {
	color:#fff;
	margin:0;
	padding:0;
	float:left;
	text-indent: -999em;
	overflow: hidden
}

#main-nav {
	text-align:right;
	float:left;
	width:100%;
	clear:both
}

#breadcrumb {
	float:left;
	clear:both;
	width:100%;
	padding:0.2em 0;
	font-size:0.9em
}

#breadcrumb span {
	padding-left:5px
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	padding-left:10px;
	font-weight:bold;
	text-decoration:none
}

#breadcrumb a:hover {
	font-weight:bold;
	text-decoration:underline
}


#site_search {
	float:right
}

#site_search label {
	visibility: hidden;
}

#site_search input#keyword {
	background-color:#7DA7D9;
	border: 1px solid grey;
	color:#fff
}

#sidebar {
	width:220px;
	float:left;
	font-size:0.9em;
	display:inline
}

#sidebar {padding: 10px 0 70px 0;}

#content {
	width:528px;
	padding:10px 10px 0 10px;
	float:right;
	display:inline
}

#content a {
	color: rgb(3, 99, 185);
}

#content a:hover {
	color:#fe0000;
}

div.teaser {
    float: right;
    width: 182px;
}

div.teaser p {
    padding: 5px;
    width: 172px;
    margin: 0;
    font-size: 0.9em;
}

#site-info {
    font-size: 0.8em;
    width: 750px;
	clear:both;
	background: #0363B0;
	border-top:1px solid white;
	border-bottom:1px solid white;
	color: white;
	padding: 10px;
	text-align: right;
	margin: 0;
	position:relative
}

#site-info a {
    color: white;
    text-decoration: none;
}

#site-info img {
	float: left
}

#powered-by {
	font-size: 0.8em;
	width: 750px;
	clear:both;
	background: #0363B0;
	border-bottom:1px solid white;
	color: white;
	padding: 10px;
	text-align: center;
	margin: 0;
	position:relative
}

#powered-by a {
    color: white;
}

#powered-by img {
	float:right;
	margin:-10px;
}

#years-logo {
    top:-65px;
    left:10px;
    position:absolute;
}

.list-image {
    float: left;
}

.boiler-image, .article-image {
    float: right;
    padding-bottom: 10px;
    margin-top: -32px;
    margin-left: 10px;
}

.press-release-image {
 float: right;
 padding-left: 10px;
 padding-bottom: 10px;
}

/* potential 528px */


#fab-form div {
	color: #002a54;
	float: left;
	margin-bottom: 8px;
	border-bottom: 1px solid #a4bcdf;
	width: 100%;
	padding-top:0.3em;
	padding-bottom:0.3em;
}

#fab-form label {
    float: left;
    width: 120px;
    vertical-align:top;
    text-align: right;
    padding-right: 5px;
}


#fab-form a {
	display: block;
}

#fab-form label {
padding-top: 0.3em;
	width: 20em;
}

#fab-form input, #fab-form select {
	font-size: 1em;
}


#content .tech {color:#000}

.tech {
	border:4px solid #bbc2d4;
	width:528px
}

.tech th, .tech td {
	padding:3px 6px;
	width: 50%;
}

#compare th, #compare td {
	width: auto;
}

#compare .odd th, #compare .even th {
	width: 250px;
}

.tech th {
	text-align:left;
	font-weight:normal;
}

.tech .toprow th {
	font-size:0.9em;
	background:#bbc2d4;
	border-bottom:4px solid #bbc2d4
}

.tech .odd {
	background:#fff
}
.tech .even {
	background:#d3dbee
}
.tech .odd td, .tech .odd th {
	border-right:3px solid #d3dbee
}
.tech .even td, .tech .even th {
	border-right:3px solid #fff
}

.tech .even td.end, .tech .odd td.end {
	border-right:0 solid #fff
}
.tech a:link, .tech a:visited, .tech a:active {
	color:#0363B9;
}
.tech a:hover {
	color:#fe0000;
}


#content #fab-wrap p {
	color:#0363B9;
}

#fab-wrap dl {
	padding: 0;
}

#fab-wrap dt {
	border-top: 1px solid #a4bcdf;
	font-size: 1.1em;
	font-weight: bold;
}

#fab-wrap dd {
	padding-bottom: 10px;
	color: #002a54;
}

#fab-wrap h2 {
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0;
	color:#0363B9
}

.container #fab-wrap h3 {
	margin: 0;
	padding: 0;
}

#fab-wrap p {
	margin: 0;
	padding: 0;
}

#fab-wrap dt.alternate {
	font-size: 1em;
	padding: 0.5em;
}

#fab-wrap dt.first {
	margin-top: 2em;
}

#fab-wrap a,  {
	margin-top: 2em;
}

#fab-wrap a:link, #fab-wrap a:visited {
	color: #002a54;
}

#fab-wrap a:hover {
	color: #fe0000;
}

#content-sub-menu {
	padding:0;
	margin:2em 1em 1em 0;
	width:288px
}

#content-sub-menu li {
	padding:0;
	margin:0;
	list-style:none;
	width:100%
}

#content-sub-menu a {
	display:block;
	padding-left:14px;
	background:#fff url(../img/list_arrow.gif) no-repeat 0 0.3em;
	margin-bottom:0.5em
}

#content-sub-menu a:link, #content-sub-menu a:visited, #content-sub-menu a:active {
	color:#0363B9;
}

#content-sub-menu a:hover {
	color:#fe0000;
	background:#fff url(../img/list_arrow_o.gif) no-repeat 0 0.3em
}

.list-of-links {
    margin-left: 0;
    padding-left: 0;
    padding-right: 10px;
}
.list-of-links li {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    clear:both;
}
.list-of-links li {
    padding-top: 10px;
}
.list-of-links a {
    text-decoration: underline;
    font-weight: normal;
}
.list-of-links .list-image
{
    float: right;
    margin-top: 5px;

}
.list-summary {
    margin-right: 105px;
}
.date-block {
    border: 1px solid green;
}

.literature-list .list-image .literature-list-accessory
{
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    width:370px;
}

#literature-list-accessory li
{
    float: left;
	margin:0;
    width:100%;
    clear:both
}

#literature-list-accessory h2 {
    clear:none
}
#literature-list-accessory img
{
    float: right;
	margin:0 0 10px 10px;
}

.list-image-accessory {

}

.left {float:left; margin-right: 5px;}
.right {float:right; margin-left: 10px;}


.events {
	border:2px solid #bbc2d4;
	width:528px;
    margin-top: 10px;
    color: #000;
}

.events th, .events td {
	padding:3px 6px;
}

.events th {
	text-align:left;
	font-weight:normal;
}

.events .toprow th {
	font-size:0.9em;
	background:#bbc2d4;
	border-bottom:4px solid #bbc2d4
}

.events .odd {
	background:#fff
}
.events .even {
	background:#d3dbee
}
.events .odd td, .events .odd th {
	border-right:3px solid #d3dbee
}
.events .even td, .events .even th {
	border-right:3px solid #fff
}

.events .even td.end, .events .odd td.end {
	border-right:0 solid #fff
}
.events a:link, .events a:visited, .events a:active {
	color:#000;
}
.events a:hover {
	color:#fe0000;
}

#homewrap {
    font-size: 0.9em;
    line-size: 1.2em;
}

.literature-wrap h2 {
    clear:both;
    padding-top: 10px;
}

.note {
    font-size:0.85em
}

#part-no {
	font-size:0.85em;
	margin-top:-5px
}

#sales-representative-list {
	text-align:left;
}

#sales-representative-list li {
	list-style:none;
	margin-bottom:30px;
}

#sales-representative-list li div {
	margin-top:2px;
}

#sales-representative-list li .photo {
	margin-bottom:10px;
	clear:both;
	border:1px solid;
}

#sales-representative-list li .name {
	font-weight:bold;
}

#sales-representative-form {
	margin:0px;
	margin-top:15px;
	padding:15px;
	background-color:#7da7d9;
	color:white;
}

table.technical-bulletins {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

table.technical-bulletins th,
table.technical-bulletins td {
    border: 1px solid #0363AF;
    padding: 3px;
}

.technical-bulletins td.description {
    width: 330px;
}

.technical-bulletins td.reference {
    width: 90px;
}

.technical-bulletins td.published {
    width: 90px;
}

table.technical-bulletins a {
    background: url(../img/pdf-icon.gif) no-repeat top left;
    padding: 3px 0 2px 25px;
    display: block;
}

.clear {
    clear: both;
}