/***************************************************
  OVERALL TAG STYLES
 ***************************************************/

* 
{
	margin:0;
	padding:0;
}

body
{
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:11px;
	min-width:760px;
	background-color:#fff;
	color:#6e7178;	
}

p
{
	margin-top:11px;
}

.nogap
{
	margin-top:0;
}

.errormessage, .emphasis
{
	color: #FF0000;
}

a.light 
{
	color:#60788C;
	text-decoration:underline;
}

a.light:hover
{
	text-decoration:none;
}

/***************************************************
  WRAPPER
 ***************************************************/

#wrapper
{
	width:760px;	
}


/***************************************************
  HEADER
 ***************************************************/

#header
{
	position:relative;
	height:37px;
	background:url(../images/flagfade.gif) no-repeat right;	
}

.headerlogo
{
	margin:8px 0 2px 11px;	
	float: left;
}

#header h1
{
	float: left;
	font-size: 1.1em;
	margin-top: 0px;
	padding: 0px;
	padding-left: 16px;
	padding-top: 17px;
	color: #888888;
}

.ukheatingcontrols
{
	margin:0 0 5px 13px;
}

.honeywellcom
{
	position:absolute;
	bottom:5px;
	right:7px;
}


/***************************************************
  PRIMARY NAVIGATION
 ***************************************************/

#navcontainer
{
	background:#2e74aa;	
	position:relative;
	z-index:100;
	font-size:12px;
}

#nav, #nav ul
{
	list-style:none;	
}

#nav li 
{
	float:left;
}

#nav a
{
	display:block;
	font-weight:bold;	
	padding: 2px 9px;	
	background-color:#2e74aa;
	color:#fff;
	border-right:solid 2px #fff;
	text-decoration:none;
}

#nav a:hover
{
	background-color:#6a9fcd;
}

#nav a.navstart
{
	
}

#nav a.navend
{
	padding-right: 8px;
}

#nav li ul
{
	position:absolute;
	left:-999em;
}

#nav li:hover, #nav li.hover
{
	position:static;
}

#nav li:hover ul, #nav li.sfhover ul
{
	left:auto;	
}

#nav li ul li
{
	float:none;
	display:inline;
}

#nav li ul a
{
	display:block;
	background-color:#dedede;
	font-weight:normal;
	color:#000;
	border-left:none;
	border-top:solid 2px #fff;
}

#nav li ul a:hover
{
	background-color:#bcbcbc;
}

#greydivider
{
	margin:2px 0;
	font-size:0;
	background:#dedede;
	height:8px;
}

.navReplacement
{
	background-color: #2e74aa;
	height: 19px;
}

/***************************************************
  RED BOX, TITLE & BREADCRUMB
 ***************************************************/

#redbox 
{
	float:left;
	width:150px;
	height:150px;
	color:#fef2f3;
	background-color:#e6252b;
}

#redbox h1
{
	font-size:11px;
	font-weight:bold;	
	margin:8px 8px 0 8px;
}

#redbox h1.nogap
{
	margin-top:0;
}

#redbox p
{
	margin-left:8px;
	margin-right:8px;
}

#redbox ul
{
	list-style-type:disc;
	list-style-position:outside;
	font-size:10px;
	margin-left:24px;
	margin-right:8px;
}

#redbox div.scroller
{
	height:150px;
	overflow:auto;	
}

#titlepicture
{
	float:left;	
	margin-left:2px;
	position:relative;
}

#titlepicture, #titlepicture img
{
	width:608px;
	height:130px;
}

#titlepicture div.divider
{
	position:absolute;
	bottom:30px;
	left:0;
	height:2px;
	width:608px;
	font-size:0px;
	background-color:#fff;
}

#titlepicture div.titlefade
{
	position:absolute;
	bottom:0;
	left:0;
	height:30px;
	width:608px;
	background-color:#000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

#titlepicture div.titletext
{
	position:absolute;
	bottom:4px;
	left:10px;	
	font-size:18px;
	font-weight:bold;	
	color:#fff;
}

#breadcrumb
{
	float:left;
	margin:2px 0 0 2px;
	width:586px;
	height:14px;
	padding:2px 11px;
	background-color:#DEDEDE;
}

a.breadcrumbnode
{
	color:#000;
	text-decoration:none;	
}
a.breadcrumbnode:hover
{
	text-decoration:underline;
}


/***************************************************
  GLOBAL CONTENT PANE STYLES
 ***************************************************/

#contentcontainer
{
	padding-top:9px;
}

.leftpane
{
	position:relative;
	float:left;
	width:150px;
	min-height:350px;
	height:auto !important;
	height:350px;
}

div.scrollerTall
{
	height: 395px !important;
	overflow: auto;	
}

#contentpane
{
	float:left;
	width:456px;
	margin: 0 2px;
	min-height:350px;
	height:auto !important;
	height:350px;
}

#contentpane .defaultpadding
{
	padding:8px 12px 12px 12px;
}

#contentpane .articlepadding
{
	padding:0 12px 12px 12px;
}

/* Pager styles */

#contentpane .pager 
{
	padding:12px 12px 0 12px;
}

#contentpane .pager ul
{
	list-style:none;
	white-space:nowrap;
}

#contentpane .pager li 
{
	float:left;
}

#contentpane .pager a, #contentpane .pager .current
{
	padding:0 6px;
}

#contentpane .pager a
{
	text-decoration:none;	
	color:#EC5C60;
}

#contentpane .pager a:hover
{
	text-decoration:underline;
}

#contentpane .pager .current
{
	font-weight:bold;
	color:#000;
}

#contentpane .pager .showing
{
	color:#8F8F8F;
	font-style:italic;
	padding-top:2px;
}

#rightpane
{
	float:right;
	width:150px;
}


/***************************************************
  GLOBAL LEFT PANE STYLES
 ***************************************************/

.leftpane div.defaultpadding
{
	padding:0 8px 8px 8px;	
}

.leftpane h1
{
	padding:2px 5px;
	font-size:11px;
	font-weight:bold;
	background-color:#6e7178;
	color:#fff;
	margin-top:5px;
}

.leftpane h1.nogap
{
	margin-top:0;
}

.leftpane ul.leftlist
{
	list-style-type:disc;
	list-style-position:inside;
	margin:10px 5px 12px 5px;
	font-size:12px;
}

.leftpane ul.leftlist li, .leftpane ul.leftlist li a
{
	color:#c5292e;
}

.leftpane ul.leftlist li
{
	margin-bottom:5px;
}

.leftpane ul.leftlist li a
{
	text-decoration:underline;
}

.leftpane a
{
	color:#000;
	text-decoration:underline;
}

.leftpane a:hover
{
	text-decoration:none;
}

.leftpanegrey
{
	background-color:#DEDEDE;
}

.leftpager 
{
	padding:0 12px 0 12px;
}

.leftpager ul
{
	list-style:none;
	white-space:nowrap;
}

.leftpager ul:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.leftpager ul 
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .leftpager ul
{
	height: 1%;
}
.leftpager ul
{
	display: block;
}
/* End hide from IE-mac */

.leftpager ul li 
{
	float:left;
}

.leftpager ul li a, .leftpager .current
{
	padding:0 6px;
}

.leftpager ul li a
{
	text-decoration:none;	
	color:#EC5C60;
}

.leftpager ul li a:hover
{
	text-decoration:underline;
}

.leftpager .current
{
	font-weight:bold;
	color:#000;
}

.leftpager .showing
{
	color:#8F8F8F;
	font-style:italic;
}

/* For items that need to hug the bottom of the pane */
.leftpane .bottom
{
	position:absolute; 
	bottom:0; 
	left:0; 
}

/* Styles for Acrobat Download link */
.leftpane .acrobattext
{
	padding:0 8px 8px 8px;
	color:#e6252b;
}

.leftpane .acrobatlink
{
	padding-left:8px;
}

/***************************************************
  GLOBAL RIGHT PANE STYLES
 ***************************************************/

#rightpane h1
{
	background:#e6252b;
	color:#fff;
	padding:2px 5px;
	font-size:11px;	
	font-weight:bold;
	margin-top:5px;
}

#rightpane h1.nogap
{
	margin-top:0;
}

#rightpane p
{
	color:#80a0bb;
}

#rightpane label
{
	display:block;
	margin-top:4px;
	color:#6d7279;
	font-weight:bold;
	zoom: 100%;
}

#rightpane div.contentholder
{
	background:#e1ecf7;	
	padding:4px 7px;
	zoom: 100%;
}

#rightpane a
{
	color:#60788C;
	text-decoration:underline;
}

#rightpane a:hover
{
	text-decoration:none;
}

#rightpane select
{
	font-size:10px;	
}

#rightpane .fullwidth
{
	width:135px;		
}

#rightpane .fwlessbutton
{
	width:110px;	
}

#rightpane .arrowbutton
{
	position:relative;
	top:4px;
}

#rightpane .searchtext
{
	width:110px;
	margin-top:2px;
}

#rightpane span.cb input
{
	float: left;
	margin-top: 6px;
}

#rightpane span.cb label
{
	padding-left: 4px;
	padding-top: 2px;
	float: left;
}

#rightpane div#QuickContact
{
}

#rightpane div#QuickContact a
{
	float: right;
	margin-right: 1px;
}

#rightpane div#QuickContact a#TextLink
{
	display: block;
	float: left;
}

#rightpane div#QuickContact img
{
	border: 0px;
}

#rightpane div#loginlinks
{
	padding-top: 4px;
	padding-bottom: 4px;
	clear: both;
	text-align: right;
}

/***************************************************
  PRODUCT RANGE SELECTION
 ***************************************************/

.productrange
{
	float:left;
	width:150px;
	height:150px;
	margin:0 2px 2px 0;	
	display:inline;
}

.productrange h1
{
	background:#80a1bc;
	padding:2px 0;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	height: 28px;
}

.productrange h1 a 
{
	color:#fff;	
	text-decoration:underline;
}

.productrange h1 a:hover
{
	text-decoration:none;	
}

.productrange div
{
	height:130px;
	background-image:url(../images/grads/producttype.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

div#Note 
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #80A1BC;
    padding: 6px;
    border: 1px solid #FFFFFF;
    z-index: 1;
    visibility: hidden;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #E1ECF7;
    font-size: 1.0em;
    width: 144px;
}

a.rangeimage
{
	display: block;
}

/***************************************************************
  FOOTER
 ***************************************************************/

#bluedivider
{
	margin:9px 0 4px 0;
	font-size:0;
	background:#2e74aa;
	height:5px;
}

#footer
{
	background:#dedede;	
	padding:4px 6px;
	font-size:10px;
	text-align: center;
}

#footer a
{
	text-decoration:underline;
	color:#6e7178;
}

#footer a:hover
{
	text-decoration:none;	
}

#footer a.red
{
	color:#e6252b;
}

#copyright
{
	margin:3px 0;
	text-align:center;	
}

div#PdfRepeater
{
	margin-left: 50px;
}

div#PdfRepeater a
{
	display: block;
	float: left;
	padding-top: 5px;
	color: #60788C;
	text-decoration: underline;
}

div#PdfRepeater a:hover
{
	text-decoration: none;
}

div#PdfRepeater a.img
{
	display: block;
	padding-top: 0px;
}

div#PdfRepeater img
{
	border: 0px;
	padding-bottom: 4px;
}

div#PdfRepeater div
{
	clear: both;
}

/***************************************************************
  Validation
 ***************************************************************/
 
 div.validationSummary
 {
 	color: #DD0000;
 	padding-top: 12px;
 	font-weight: bold;
 }
 
 div.validationSummary ul
 {
 	border: 2px solid #DD0000;
 	background-color: #DEDEDE;
 	padding: 12px;	
 	padding-left: 30px;
 	padding-right: 30px;
 	font-weight: normal;
 	margin-top: 6px;
 }
 
 /***************************************************************
  Notification
 ***************************************************************/

div.notification
{
	color: #DD0000;
	border: 2px solid #DD0000;
 	background-color: #DEDEDE;
 	padding: 12px;	
 	padding-left: 30px;
 	padding-right: 30px;
 	font-weight: normal;
 	margin-top: 6px;
 	text-align: center;
}

div.notification a
{
	color: #DD0000;
	text-decoration: underline;
}

div.notification a:hover
{
	text-decoration: none;
}

/***************************************************************
  CSS HACKS
 ***************************************************************/

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix 
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix 
{
	height: 1%;
}
.clearfix 
{
	display: block;
}
/* End hide from IE-mac */