#Product-Feature-Container{ clear:left; margin:0px 0px 0px 0px; padding-top:0px; width:540px; border-bottom: 1px dotted #cccccc; }
#Catalogue-Range-Products-Wrapper { clear:left; margin:0px 0px 0px 0px; width:535px; padding-top:0px; }



#Product-Feature-Container ul { list-style:none; margin:0px 0px 0px 0px; padding:0; width:540px; height:43px; background: url('../grfx/inset/content-bg.gif') no-repeat 0 0;     }
#Product-Feature-Container ul li { float: left; display:block; margin:0px; border-right: 1px dotted #cccccc; padding:14px 10px 13px 10px; color:#8ba3bd; }
#Product-Feature-Container ul li a, 
#Product-Feature-Container ul li a:visited { float:left; color:#8ba3bd; text-decoration:none; height:15px; display:block; padding-top:2px; }
#Product-Feature-Container ul li a:hover { text-decoration:underline;  }

#Product-Feature-Container ul li span.active { float:left; text-decoration:underline; height:15px; display:block; padding-top:2px; }

#Product-Feature-Container ul li.ELECTRIC-ONLY a ,
#Product-Feature-Container ul li.ELECTRIC-ONLY span.active{ padding-left:20px; background: url('../grfx/icons/electric-only.gif') no-repeat 0 0; }
#Product-Feature-Container ul li.HEATING-ONLY a ,
#Product-Feature-Container ul li.HEATING-ONLY span.active{ padding-left:20px; background: url('../grfx/icons/heating-only.gif') no-repeat 0 0; } 
#Product-Feature-Container ul li.HEATING-AND-ELECTRIC a ,
#Product-Feature-Container ul li.HEATING-AND-ELECTRIC span.active{ padding-left:20px; background: url('../grfx/icons/electric-and-heating.gif') no-repeat 0 0; } 


#prod-feature-filter{ clear:left; margin:0px 0px 0px 0px; padding:10px; width:520px; border-bottom: 1px dotted #cccccc; background: url('../grfx/inset/content-bg.gif') no-repeat 0 0;  }
#prod-feature-filter h4 { color:#6888aa; margin:0; padding:0px 0px 5px 0px; font-size:1em; font-weight: normal;  }
#prod-feature-filter span.feature-heading { margin:0; padding:0px 0px 5px 0px; font-size:1em; font-weight: bold;  }

#prod-feature-filter #button-filter-search { clear:left; float:left; margin: 0px 0px 0px 433px; padding: 0 0 0 0; border: 0; background:url(../grfx/buttons/update.gif) no-repeat top left; display:block; width:82px; height:24px; overflow:hidden; cursor: pointer; cursor: hand; text-indent:-9999px; }

#prod-feature-filter form:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

div.filter-column { float:left; width:170px; margin:0; padding:0;}
div.filter-column ul { list-style:none; margin:0; padding:0; }
div.filter-column ul li { margin:5px 0px 0px 0px; padding:0; }
div.filter-column ul li input { border:1px solid #b7b7b7; margin:0px 5px 0px 0px; padding:0; height:auto; width:auto; }

div.pagerwrapper { clear:left; margin:0px 0px 0px 0px; padding:10px; width:520px; border-bottom: 1px dotted #cccccc; height:12px;  }
div.recordinfo { color:#6888aa; margin:0; padding:0px 0px 5px 0px; font-size:1em; font-weight: normal; float:left;  }
div.pagerlinks { float:right; margin-right:4px; }

div.pagerlinks span { float:left; }

span.active-page,
a.pagerlink,
a.pagerlink:visited { display:block; color:#FFFFFF; background:#999999 url('../grfx/main/paging-bg.gif') repeat-x top left; width:12px; height:12px; padding:2px; margin:-2px 2px 0px 2px; float:left; text-align:center; text-decoration:none; }

span.active-page { background:#6888aa url('../grfx/main/paging-active.gif');  }
a.pagerlink:hover { background-color:#9f9f9f; background-image:none; }

span.pagerlink-first,
span.pagerlink-first a { background-image: url(../grfx/main/paging-first.gif); }
span.pagerlink-prev,
span.pagerlink-prev a { background-image: url(../grfx/main/paging-previous.gif); }
span.pagerlink-next, 
span.pagerlink-next a { background-image: url(../grfx/main/paging-next.gif); }
span.pagerlink-last,
span.pagerlink-last a { background-image: url(../grfx/main/paging-last.gif); }

span.pagerlink-first,
span.pagerlink-prev,
span.pagerlink-next, 
span.pagerlink-last { background-repeat:no-repeat; background-position:bottom right; display:block; width:16px; height:16px; text-indent:-9999px; margin:-2px 2px 0px 2px; }

span.pagerlink-first a,
span.pagerlink-prev a,
span.pagerlink-next a, 
span.pagerlink-last a { background-repeat:no-repeat; background-position:top left; display:block; width:16px; height:16px; text-indent:-9999px; }

span.off { background-position:top right;}

span.pagerlink-first a:hover,
span.pagerlink-prev a:hover,
span.pagerlink-next a:hover, 
span.pagerlink-last a:hover { background-position:bottom left; }