/* @override 
	http://localhost:8888/heatmat/assets/css/styles.css
	http://uat.gsba.co.uk:83/heatmat/assets/css/styles.css
	http://uat.gsba.co.uk/heatmat/assets/css/styles.css
	http://admin.activeparity.co.uk/heatmat/assets/css/styles.css
	http://heatmat.uat.gsba.co.uk/assets/css/styles.css
	http://www.heatmat.co.uk/assets/css/styles.css
*/

html, body {
height: 100%;
}

body {
font-size: 62.5%;
font-family: arial, helvetica, 'helvetica neue', tahoma, sans-serif ;
color: #666;
height:100%;
background: #e2dfd4 url(../images/site/bg-grad.png) repeat-x top;

}



* {
margin: 0;
padding: 0;
font-size: 1.0em;

}


/* @group General Styles */

img {
border: 0;
}

ul {
list-style-position: outside;
list-style: none;
}

li {
list-style: none;
}

del {
color: #ff0000;
}

sup{
	font-size: 0.83em;
}

a {
color: #FF7900;
}

a:active {
outline: none;
}

a:hover {
text-decoration: underline;
color: #D66500;
}

#search .text {
padding: 0.4em 2px 0.3em 2px;
border-width: 0  1px 1px 1px;
border-style: solid;
border-color: #c6c6c6;
background: #fff url(images/site/inputtext-top.gif) repeat-x;
}

input.text  {
padding: 0.3em 2px 0.2em 2px;
border: 1px solid #d7d7d7;
background: #fff url(../img/site/input-text.png) repeat-x bottom;
width: 200px;
}

textarea{
	border: 1px solid #d7d7d7;
	width: 200px;
	height: 10.0em;
	overflow: auto;
}
form .section{
	clear: both;
	padding: 0.42em 0;
}

.inputText{
	display: block;
	float: left;
	border: 1px solid #f3f3f3;
}


p {
margin: 0.83em 0;
}

#content p, #content li{
	line-height: 1.66em;
}

h1, h2, h3 {
color: #FF7900;
font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

}

h1 {
font-size: 2.32em;
margin: 0em 0 0.72em 0px;
}

h2 {
font-size: 1.82em;
margin: 0.91em 0;
}

h2.first, h3.first{
	margin-top: 0;
}

h3 {
font-size: 1.49em;
margin: 0.96em 0;

}

h4 {
font-size: 1.16em;
margin: 0.72em 0;
}

blockquote{
	color: #999;
	font-size: 1.33em;
	font-family: Georgia, Times, “Times New Roman”, serif;
	line-height: 1.56em;
	margin: 0.72em 0;
}

blockquote cite{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 0.75em;
display: block;

}

#e_page ul li {
list-style: disc;
}

#e_page ol li {
list-style: decimal;
margin-left: 30px;
}

#e_page li {
margin: 0.42em 0 0.42em 15px;
}

.replace {
display: block;
background-position: top left;
background-repeat: no-repeat;
text-indent: -9999em;
}

a.replace{
	cursor: pointer;
}

.replace a:hover{
	background-position: top right;
}

.but{
	background-color: #fff;
	border: 0;
	float: left;
	line-height: 0;
}

.but:hover{
	cursor: pointer;
	background-position: top right;
}

.meta {
margin: 0;
color: #999;
}

.block{
	float: left;
	width: 100%;
}

small {
font-size: 0.83em;
}

table{
	width: 100%;
	border-collapse: collapse;
	margin: 0.83em 0;
}

table.dewidth{
	font-size: 0.79em;
}

table.dewidth td{
	padding: 0.21em 2px;
}

th{
	text-align: left;
	background: #e6e6e6;
}

th.size{
	width: 64px;
}

th,td{
	padding: 0.42em 5px;
	border: 1px solid #ccc;
}

#content ol, #content ul{
	margin: 1.66em 0;
}

#content li{
	margin: 0.42em 0 0.42em 25px;
	line-height: ;
}

#content ul li{
	list-style: disc;
}

#content ol li{
	list-style: decimal;
}


.nobold {
font-weight: normal;
}

form {
margin: 0;
padding: 0;
}

.textpage ul, .textpage ol {
margin: 1.0em 0;
}

.textpage li {
margin: 0.2em 0 0 30px;
}

.textpage ul li {
list-style: disc;
}

.textpage ol li {
list-style: decimal;
}

address {
	font-style: normal;

	line-height: 1.66em;
	margin: 1.66em 0;

}

.largertext {
font-size: 1.16em;
}

.largertext2 {
font-size: 1.32em;
}

.bold {
font-weight: bold;
}

.clear {
clear: both;
}

label.required {
color: #ff0000;
}

.text.required{
	border-color: #ff0000;
}

form .errors{
	background: #ffeeee;
	border: 1px solid #ff0000;
	padding: 0.83em 10px;
	line-height: 1.66em;
	color: #333;
}

label{
	font-weight: bold;

	margin: 0.21em 0;
}

select{
	display: block;
	width: 100%;
	margin: 0.42em 0 0 0;
	font-size: 1.16em;
}

fieldset {
border: 1px solid #ccc;
padding: 0.8em 10px;
margin: 1.66em 0;
}

form .group {
float: left;
width: 100%;
clear: both;
padding: 0.55em 0;
}

legend {
font-family: tahoma, verdana, helvetica, arial, sans-serif;
font-size: 1.16em;
background: #FCF9F6;
padding: 0 5px;
font-weight: bold;
}

legend small {
font-size: 0.76em;
color: #999;
font-weight: normal;
}

/* @end */

/* @group MainBlocks */

#body{
	
	float: left;
	width: 100%;
}

#master{
	width: 960px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

#master2{
	float: left;
	width: 910px;
	background: #fff url(../images/site/bg-b.png) no-repeat bottom left;
	padding: 1.66em 25px 1.2em 25px;
	margin: 0 1.0em 0;
}


#header .nav{
	margin: 2.7em 0 0 0;
}

#colsContent{
	margin: 2.08em 0 0 0;
}

#content{
	background-position: 1px 1px;
	background-repeat: no-repeat;
	font-size: 1.2em;
	position: relative;
	min-height: 500px;
}

#footer{

	padding: 2.0em 0;
	color: #999;
	position: relative;
	
}

#footer2{
	width: 950px;
	margin: auto;
	text-align: center;
}

#bottom{
	margin: 2.08em 0 0 0;
}

.mainSection{
	clear: both;
	float: left;
	width: 100%;
	display: inline; /*IE 6*/
}


/* @end */

/* @group Header */

#logo{
	margin: 0;
	float: left;
}
#logo a{
	width: 158px;
	height: 81px;
	display: block;
	background-image: url(../images/logos/heat-mat-underfloor-heating.gif);
}

#contactnav{
	float: right;
	width: 700px;
	font-size: 1.49em;
	color: #B3B5B5;
	text-align: right;
}

#contactnav .contact{
	float: right;
}

#contactnav .contact strong{
	color: #FF7900;
	font-weight: normal;
}

#contactnav a{
	color: #656969;
	text-decoration: none;
	font-weight:bold;
}

#contactnav a:hover{
	color: #FF7900;
	text-decoration: underline;
}
#contactnav .active a{
	color: #FF7900;
}

#contactnav li{
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	background: url(../images/site/divider-grey.gif) repeat-y;
}

#contactnav ul{
	float: right;
	margin: 0.42em 0;
	clear: both;
	width: 720px;
}

#contactnav .first{
	margin: 0;
	padding: 0;
	background: none;
}



/* @end */




/* Caution! Ensure accessibility in print and other media types... */

/* @group tabs */




@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;

    }
}

/* Skin */


.panel {
    display: none;
}
#start {
    display: block;
}
#content #tabs .ui-tabs-nav li a:hover {
    cursor: pointer;
}
#content #tabs .ui-tabs-nav li a:hover {
    background: #FDBE28;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#tabs li {
    float: left;
    border-left: 1px solid #fff;
}

#tabs li a{
	display: block;
    padding: 1.0em 5px;
    background: #BEB8AF url(../images/site/tab-off.png) repeat-x top;
    font-size: 1.32em;
}

#tabs ul{
	border-top: 1px solid #fff;
}

#tabs li a:hover{
    background: #FDBE28;
}

#tabs li a {

    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

#master #tabs li.heatingMats{
	border-left: none;
}

#master #tabs li.heatingMats{
	border-left: none;
}

#tabs .intro{
	display: none;	
}
#tabs .heatingMats a{
	width: 130px;	
}
#tabs .heatingCables a{
	width: 130px;	
}
#tabs .underlaminate a{
	width: 120px;	
}
#tabs .accessories a{
	width: 115px;	
}
#tabs .thermalInsulationBoard a{
	width: 220px;	
}
#tabs .thermostats a{
	width: 130px;	
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
}
#tabs a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
}
*>#tabs a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#tabs .ui-tabs-selected a span {

}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: pointer;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    background-color: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
  
    background-position: top left;
    background-repeat: no-repeat;
     min-height:214px;
     width: 100%;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#tabs{
	margin: 1.66em 0 0 0;
}

#tabs ul{
	margin: 0;
}

#tabs .inner{
	padding: 30px 30px 0 30px;
	width: 500px;
	float: left;
}

#tabs h4{
	font-size: 1.16em;
	font-weight: normal;
}

#tabs h4 strong{
	font-weight: bold;
}

#content #tabs li{
	margin: 0;
	list-style: none;
}

#tabs #start{
	background-image: url(../images/tabs/intro.jpg);
}
#tabs #sec1{
	background-image: url(../images/tabs/intro.jpg);
}

#tabs .desc{
	font-size: 1.16em;
	line-height: 1.6em;
}

#tabs h1, #tabs h2{
	margin: 0;
	font-size: 2.32em;
}

#tabs p{
	margin: 1.08em 0;
}

/* @end */

#sidebar01 ul{
	border-bottom: 1px solid #e6e6e6;
	float: left;
}

#sidebar01 ul ul{
	border: 0;
}

#sidebar01 li{
	border-top: 1px solid #e6e6e6;
	float: left;
	width: 170px;
}

#sidebar01 li span a{
	font-size: 1.0em;
}

#sidebar01 li.active span a{
	background: none;
	padding: 0;
}

#sidebar01 li a, #sidebar01 li span{
	display:  block;
	font-size: 1.3em;
	font-weight: bold;
	color: #666;
	padding: 0.77em 5px 0.77em 15px;
	text-decoration: none;
	background: url(../images/icons/arrow-active.gif) no-repeat center left;
}

#sidebar01 li span{
	color: #FF7900;
}

#sidebar01 li li.active a{
	color: #FF7900;
	background: url(../images/icons/arrow-active.gif) no-repeat center left;
}
#sidebar01 li li.active li.active a{
	color: #FF7900;
}

#sidebar01 li li.active li.active li  a{
	color: #666;
}

#sidebar01 li li.active li.active li.active a{
	margin-left: 15px;
	color: #FF7900;
}

#sidebar01 li li a{
	background: url(../images/icons/arrow.gif) no-repeat center left;
	color: #666;
	
}

#sidebar01 li li{

}

#sidebar01 li li li a{
	padding: 0.32em 0 0.32em 20px;
	font-weight: normal;
	background: 0;
	color: #777;
}

#sidebar01 li li.active li a{
	background: url(../images/icons/arrow.gif) no-repeat center left;
	color: #666;
}
#sidebar01 li li a:hover, #sidebar01 li li li a:hover{
	text-decoration: underline;
	color: #FF7900;
}

{
	
}

#sidebar01 li li a{
	padding-left: 20px;
}



/* @group Content */

.row{
	float: left;
	width: 100%;
	margin: 1.16em 0 0 0;
}

.col{
	float: left;
}


/* @group Home */

.framebox a{
	text-decoration:none;
}

.framebox{
	/*background: url(../images/site/frame-2-3-t.gif) no-repeat top left;*/
	width: 604px;
	float: left;
	margin: 0 10px 0 0;
}

.framebox .inner{
	/*background:url("../images/site/frame-2-3-b.gif") no-repeat scroll left bottom transparent;*/
	float:left;
	padding:2.08em 25px 1.16em;
	width:554px;

}

.framebox .col{
	width: 265px;
	margin-right: 20px;
}

.framebox .pdf{
	background: none;
	padding: 0;
}

.framebox .text{
	float: left;
	width: 300px;
}

.framebox .text h3{
	width: 230px;
}

.framebox .download{
	float: right;
	text-align: center;
	margin: 0 10px 0.83em 0;
}

.frame form.col, .framebox form.col{
	margin-right: 0;
}

.frame h3, .framebox h3{
	margin-top: 0;
}

.frame form .but, .framebox form .but{
	background-image: url(../images/buttons/find-your-product.png);
	width: 144px;
	height: 36px;
	margin: 0.83em 0 0 0;
}

.frameFullCols{
	background:url("../images/site/frame-66-33-t.gif") no-repeat scroll left top transparent;
}

.frameFullCols2{
		background:url("../images/site/frame-66-33-b.gif") no-repeat scroll left bottom transparent;
	float: left;
	width: 100%;
}

.thermostats .framebox{
	width: 100%;
}

.thermostats .framebox .inner{
	padding: 0 0 1.66em 0;
	margin: 0 0 1.66em 0;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

.thermostats .framebox .text{
	width: 400px;
}

.thermostats .framebox .download{
	margin-right: 100px;
}


#home .framebox .inner{
	min-height: 188px;
}


.thermostat .framebox{
	background: no-repeat;
	padding: 0;
	margin: 0.83em 0;
}

.thermostat .framebox .inner{
	background: no-repeat;
	padding: 0;
}

.thermostat .framebox .download{
	float: left;
	margin-right: 20px;
}

.framebox .call span{
	font-size: 1.32em;
	font-weight: bold;
}

.col.switch{
	/*background:url("../../images/bg-brochure.jpg") no-repeat scroll left top transparent;*/
	height:208px;
	padding:10px 20px;
	width:255px;
	position: relative;
}

.col.switch .thermostatSpread{
	position: absolute;
	right: -100px;
	top: 0px;
	margin: 0;
}

.col.switch{
	width: 180px;
}

.col.warranty{
	background: url(../images/logos/heat-mat-lifetime-warranty.gif) 180px 4.2em no-repeat;
	margin: 0.42em 0 0 0;
}

.col.warranty p{
	padding: 0 130px 0 0;
}

.col.warranty ul{
	margin: 2.49em 0 0.83em 0;
}

#content .col.switch ul li, #content .scenes .scene li, #content .framebox .inner ul li{
	background: url(../images/icons/arrow.png) no-repeat center left;
	padding: 0 0 0 10px;
	font-weight: bold;
	list-style: none;
	margin: 0 0 0 5px;
	float:left;
}

.scenes .col{
	float: left;
	width: 296px;
	margin-right: 10px;
}

.scenes .col.environment{
	margin-right: 0;
}

.scenes .scene{
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 180px;
	position: relative;
}

.scenes .scene3{
	margin: 0;
}

.scenes .scene .inner{
	padding: 0 0 0.83em 15px;
}
.scenes .scene h3{
	width: 150px;
}
.scenes .scene p{
	width: 160px;
}
.scenes .scene.scene3 p{
	width: 190px;
}
.scenes .scene.pocket h3{
	width: 110px;
}
.scenes .scene.environment p{
	width: 190px;
}

#content .scenes .scene ul{
	position: absolute;
	bottom: 1.66em;
	margin: 0;
}

.scene.install{
	background-image: url(../images/scene/its-easy-to-install.jpg);
}
.scene.pocket{
	background-image: url(../images/scene/its-easy-on-the-pocket.jpg);
}
.scene.environment{
	background-image: url(../images/scene/its-easy-on-the-environment.jpg);
}

.switch ul a, #content .scenes .scene ul a{
	text-decoration: none;
}


/* @end */

#content.sidebar{
	width: 735px;
	float: right;
}

#sidebar01{
	width: 175px;
	float: left;
}

.hero, .frame{
	background: url(../images/site/frame-content-t.gif) no-repeat;
	margin-left: 10px;
	float: left;
	width: 725px;
	display: inline;
}

.frame{
	margin: 1.66em 0;
}

.hero .inner, .frame .inner{
	background: url(../images/site/frame-content-b.gif) no-repeat left bottom;
	float: left;
	width: 100%;
	display: inline;
}

.hero .inner2{
	padding: 5px 5px 5px 35px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	min-height: 167px;
}

.hero .heroContent{
	color: #999;
}
.hero .inner2 p{
	margin: 0.42em 0 0 0;
}

.frame .inner2{
	background: #fff;
	float: left;
	margin: 5px;
	width: 685px;
	padding: 15px;
	display: inline;
}

.hero h1{
	margin: 45px 0 0 0;
	width: 400px;
}

.frame .col{
	width: 325px;
	margin-right: 30px;
}

.frame form.col, .twocols.frame form.col{
	margin-right: 0;
}

.textWrap{
	float: right;
	width: 690px;
	margin: 1em 0;
	padding: 1.66em 25px 0 0;
}

#content .textWrap{
	background: url(../images/site/content-grad-t.png) no-repeat top right;
}

.thermostat #content .textWrap{
	background:url("../images/bg/bg-thermostat.jpg") no-repeat scroll right top transparent;
	margin-right:10px;
	padding:1.66em 328px 1.66em 20px;
	width:360px;
	/*color: #e6e6e6;*/
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.thermostat h1{
	width: auto;
	float: left;
	position: relative;
}

.thermostat h2, .thermostat h3{
	/*color: #fff;*/
}

.textContent{
	float: left;
	width: 435px;
}

.textSidebar{
	float: right;
	width: 235px;
}

.textSidebar h3{
	font-size: 1.16em;
	margin: 0 0 0.83em 0;
	padding: 0 0 0 12px;
	background: url(../images/icons/arrow.gif) no-repeat 0px 2px;
}

.textSidebar h3 a{
	text-decoration: none;
}

.textSidebar h3 a:hover{
	text-decoration: underline;
}


.textSidebar .item{
	margin-bottom: 1.66em;
}

.textSidebar .inner2{
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 1.16em 15px;
}

.textSidebar .item.img .inner2{
	padding: 0;
}

.textSidebar large{
	font-size: 1.16em;
color: #FF7900;
}

.textSidebar .spec .inner2{
	padding-right: 70px;
	background-image: url(../images/scene/tape-measure.jpg);
}

.catGrid{
	float: left;
	width: 100%;
	margin: 1.32em 0 0 0;
}

.catGrid .item, .textSidebar .item{
	background: url(../images/site/frame-1col-t.gif) no-repeat;
	width: 235px;
	float: left;
	display: inline;
}

.catGrid .item{
		margin: 0 0 0.83em 10px;
}

.catGrid .item .inner, .textSidebar .item .inner{
	background: url(../images/site/frame-1col-b.gif) no-repeat bottom left;
	padding: 7px;
}

.catGrid .item .inner{
	min-height: 265px;
}

.catGrid .item h2, .textSidebar .item.gallery h3{
	margin: 0;
	font-size: 1.0em;
	padding: 0;
}

.catGrid .item h2 a, .textSidebar .item.gallery h3 a{
	padding: 123px 0 0 0;
	background-repeat: no-repeat;
	margin: 0;
	font-size: 1.0em;
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #666;
}

.textSidebar .item.standout{
	background: url(../images/site/frame-1col-standout-t.gif) no-repeat;
}
.textSidebar .item.standout .inner{
	background: url(../images/site/frame-1col-standout-b.gif) no-repeat bottom left;
}

.textSidebar .item.gallery h3{
	background-image:url(../images/products/gallery/Heatmat-Roll.jpg);
}

.textSidebar .item.gallery h3 a{
	padding-top: 170px;
}

.catGrid .item h2 a:hover, .textSidebar .item.gallery h3 a:hover{
	text-decoration: underline;
	color: #FF7900;
}

.catGrid .item h2 span, .textSidebar .item.gallery h3 span{
	background: #fff url(../images/icons/arrow.gif) no-repeat 7px 0.7em;
	display: block;
	padding: 0.66em 10px 0.66em 20px;
	min-height: 2.49em;
}

#content .catGrid .item ul{
	font-weight: bold;
	margin: 1.24em 0 0.83em 0 ;
}

#content .catGrid .item ul li{
	margin: 0.32em 10px;
	list-style: none;
}

#content ol.numbers{
	margin-top: 0;
}

#content ol.numbers li{
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: top left;
	list-style: none;
	margin: 1.66em 0;
}

ol.numbers li.item1{
	background-image: url(../images/text/list-number-1.gif);
}
ol.numbers li.item2{
	background-image: url(../images/text/list-number-2.gif);
}
ol.numbers li.item3{
	background-image: url(../images/text/list-number-3.gif);
}
ol.numbers li.item4{
	background-image: url(../images/text/list-number-4.gif);
}

.breadcrumb{
	font-weight: bold;
	margin: 1.32em 0 0 20px;
	width: 715px;
}

.breadcrumb a{
	color: #666;
	text-decoration: none;
	padding: 0 3px;
}

.breadcrumb a:hover{
	color: inherit;
	text-decoration: underline;
}

.breadcrumb a, .breadcrumb span.divider{
	font-weight: normal;
	
}

.breadcrumb span{
	padding: 0 3px;
}

.breadcrumb span.divider{
	padding: 0;
}


.textWrap .twoCols .col{
	width: 165px;
	padding: 0 25px;
}

.thermostats li strong{
	font-size: 1.32em;
	margin: 0.83em 0;
	display: block;
}
.thermostats #content li{
	margin-top: 0;
	margin-bottom: 0;
}
.thermostats .row{
	margin: 1.16em 0;
}

.hoverImg a{
	display: block;
}

.hoverImg{
	float: right;
	font-style: italic;
}

.hoverImg.new01 a{
	background: url(../images/products/thermostats/thermostat-NGT10.jpg);
	width: 250px;
	height: 248px;
}

.hoverImg.programmable a{
	background: url(../images/products/thermostats/product_thermostat_1.jpg);
	width: 250px;
	height: 248px;
}

.hoverImg.programmable a:hover{
	background: url(../images/products/thermostats/product_thermostat_1_silver.jpg);
}

.hoverImg.manual a{
	background: url(../images/products/thermostats/product_thermostat_2.jpg);
	width: 250px;
	height: 248px;
}

.hoverImg.manual a:hover{
	background: url(../images/products/thermostats/product_thermostat_2_silver.jpg);
	width: 250px;
	height: 248px;
}

.listImg .col{
	width: 500px;
	margin: 0 20px 0 0 ;
}

.listImg .row{
	border-top: 1px solid #e6e6e6;
	padding: 1.66em 0  0.42em 0;
}

.pdf{
	background: url(../images/icons/pdf.gif) no-repeat;
	padding: 0.83em 0 0.83em 40px;
	display: block;
	clear: both;
}

.newsContents .item{
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 0.83em 0;
}

.newsContents h2{
	margin-bottom: 0;
}

.newsItem h2.first{
	margin-bottom: 0;
}

.newsItem .meta{
	margin-bottom: 1.66em;
}

.pagination{
	margin: 1.66em 0;
	text-align: center;
}

.pagination a{
	font-weight: bold;
}

.pagination .next, .pagination .previous{
padding-top: 0.21em;
padding-bottom: 0.21em;
background-color: #FF7900;
background-repeat: no-repeat;
color: #fff;
text-decoration: none;
border: 1px solid #FF7900;
}

.pagination .next:hover, .pagination .previous:hover{
	text-decoration: underline;
	background: #ffe39f;
	color: #FF7900;
	background-repeat: no-repeat;
}

.pagination .next{
	float: right;
	background-image: url(../images/icons/arrow-next-off.gif);
	background-position: center right;
	padding-left: 5px;
	padding-right: 15px;
}
.pagination .previous{
	float: left;
	background-image:url(../images/icons/arrow-prev-off.gif);	
	background-position: center left;
	padding-left: 15px;
	padding-right: 5px;
}
.pagination .next:hover{
	background-image: url(../images/icons/arrow-next-on.gif);	
	background-position: center right;
}
.pagination .previous:hover{
	background-image: url(../images/icons/arrow-prev-on.gif);
	background-position: center left;
}

.contact form, .warranty form{
	float: left;
	width: 370px;
}

.contact label, .warranty label{
	width: 150px;
	padding: 0 10px 0 0;
	float: left;
}

.contact select, .warranty select{
	width: 205px;
}

.contact h3.first{
	margin-top: 0.86em;
	clear: both;
	float: left;
	width: 100%;
}

.contact .but, .warranty .but{
	background-image: url(../images/buttons/submit.png);
	width: 147px;
	height: 36px;
	float: right;
	margin: 0 5px 0 0;
	display: inline;
}

.contact .googleMap{
	float: right;
	border: 1px solid #d6d6d6;
	padding: 5px;
	margin: 0 0 0.83em 10px;
}

.contact .googleMap a{
	padding-top: 0.83em;
}

.glossary h3{
	font-size: 1.0em;
	font-weight: bold;
}

table.spec.selector{
	margin: 0;
}

table.spec.selector td{
	text-align: center;
}

table.spec th.colhighlight, tr.highlight th{
	color: #333;
	background: #ccc;
}

table.spec td.colhighlight{
	background: #ffe39f;
}

table.spec tr.highlight td{
	background: #ffe39f;
}

/*table.spec tr.highlight td.colhighlight{
	background: #FDB813;
}*/

/* @end */


/* @group bottom */

#bottom .links{
	width: 260px;
	float: left;
}

#bottom .links li{
	float: left;
	margin: 0 5px 10px 0;
	padding: 0 5px 0 0;
	background: url(../images/site/divider-orange.gif) repeat-y top right;
	color: #999;
	white-space: nowrap;
}

#bottom .links a{
	color: #999;
	text-decoration: none;
	font-size: 1.1em;
}

#bottom .links a:hover{
	text-decoration: underline;
}

#bottom .logos{
	float: right;
	width: 640px;
}

#bottom .logos li{
	float: left;
	margin-left: 10px;
}
/* @end */

.btnCareers{
	float:right; 
	margin:0 0 0 10px
}

.hero .heroContent{
	float:left;
	clear:left;
}

.thermostat-selector .textWrap h2{
	margin:0 0 6px 0;
}
.swatchContainer{
	border:3px solid #FFFFFF;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background:url('http://www.heatmat.co.uk/assets/images/bg/10-png.png') repeat;
	float:left;
	padding:10px;
	width:643px
}
.fasciaSwatches{
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background:url("http://www.heatmat.co.uk/assets/images/bg/10-png.png") repeat scroll 0 0 transparent;
	border:3px solid #FFFFFF;
	float:right;
	margin:0 0 20px 20px;
	padding:10px;
	width:224px;
}
.darker{
	border:3px solid #FF7900;
}
.fasciaSwatches.left.contact{
	border:3px solid #FFFFFF;
	background:#FF7900;
}
.fasciaSwatches.left.contact strong{
	color:#FFFFFF;
	font-size:14px;
}
.fasciaSwatches.left.contact p, .fasciaSwatches.left.contact h3{
	color:#FFFFFF;
}
.thermostatGallery{
	float:left;
	margin:20px 0 0;
	width:670px;
}


#content .thermostatSwatches h3{
	margin:0 0 10px 0;
}
#content .thermostatSwatches ul{
	list-style:none;
	padding:0;
	margin:0;
}

#content .thermostatSwatches li{
	list-style:none;
	float:left;
	margin:2px;
}

#content .thermostatSwatches li a{
	border:2px solid #FFFFFF;
	width:36px;
	height:36px;
	display:block;
	float: left;
}

#content .thermostatSwatches li a.on {
	border:2px solid #FF7900;
	
}

#content .thermostatSwatches li a img{
	width:36px;
	height:36px;
}

#content .thermostatSwatches li a:hover, #content .thermostatSwatches li a.on {
	border:2px solid #FF7900;
}

.thermostat-selector #content .textWrap {
	background:url("../images/bg/bg-thermostat-selector.jpg") no-repeat scroll right top transparent;
	margin-right:5px;
	padding:1.66em 20px;
	width:673px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.thermostatOverlay{
	height:288px;
	left:66px;
	position:absolute;
	top:51px;
	width:270px;
}

.thermostatBG{
	float:left;
	position:relative;
}

.btnPrev, .btnNext{
	width:57px;
	height:57px;
	margin:150px 0 0 0;
}

.btnPrev{
	float:left;
}

.btnNext{
	float:right;
}

.centre{

}

.left{	
	float:left;
}

.right{
	float:right;
}
.thermostatSwatches.left.centre{
	margin:0 0 0 25px;

}
*:first-child+html .thermostatSwatches.left.centre{
	margin:0 0 0 10px;

}
*html .thermostatSwatches.left.centre{
	margin:0 0 0 10px;

}
.thermostatSwatches.left{

}
.thermostatSwatches.right{

}
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff;}
a.tt:hover span.tooltip{
    display: block;
    position:absolute;
    top:-60px; 
	left:-48px;
	padding: 13px 0 0 0;
	width:135px;
    text-align: center;
	height:54px;
	background:url('http://www.heatmat.co.uk/assets/images/bg/bg-bubble.png') no-repeat;
}
*html a.tt:hover span.tooltip{
	background:#333333;
	border:2px solid #FFF;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(assets/images/bg/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(assets/images/bg/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(assets/images/bg/bubble.gif) no-repeat bottom;
}
a.tt:hover span.tooltip p{
	margin:0;
	color:#FFF;
}
a.tt:hover span.tooltip h3{
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 8px 0
}
.btnFullRange{
	position:absolute;
	right:40px;
	top:573px;
	
}