@charset "utf-8";
/* ------------------------------------- GLOBAL */
body {
	background: #fff url(../../images/global/body-bg.gif) top center no-repeat;
	color: #808080;
	/* font size 11px */
	font: 0.69em Arial, Helvetica, sans-serif;
	/* font size 12px */
	/*font: 0.75em Arial, Helvetica, sans-serif;*/
}
.ie6 body {
	behavior: url("includes/htc/csshover.htc");
}
h1 {
	color: #464646;
	font: 21px Georgia, "Times New Roman", Times, serif;
}
h1.pagetitle {
	float: left;
	margin: 11px 0 0 0;
	padding: 0 17px;
	width: 718px;
}
h2 {

}
h3 {

}
a {
	color: #2384BC;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.tl {
	clear: both;
	left: 0;
	position: absolute;
	top: 0;
}
.tr {
	clear: both;
	position: absolute;
	right: 0;
	top: 0;
}
.br {
	clear: both;
	bottom: 0;
	position: absolute;
	right: 0;
}
.bl {
	clear: both;
	bottom: 0;
	left: 0;
	position: absolute;
}
/* min-height */
/*.classname {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}*/
/* vertical align */
/*.classname * {
	vertical-align: middle;
}*/
/* ------------------------------------- LAYOUT */
#container {
	margin: 6px auto 0 auto;
	width: 939px;
}
.inside #container {
	margin: 12px auto 0 auto;
	width: 939px;
}
#header {
	margin: 0 auto;
	width: 939px;
	min-height: 87px;
	height: auto !important;
	height: 87px;
}
#header .logo {
	display: inline;
	float: left;
	margin: 34px 0 0 17px;
}
#header .strap {
	float: right;
	margin: 24px 0 0 0;
	font: 1.64em Georgia, "Times New Roman", Times, serif;
	color: #848484;
	text-align: right;
}
#header .strap span {
	font-size: 0.78em;
}
#header .strap span span {
	color: #AFB345;
	font-size: 1.43em;
}
#header .divider {
	margin: 0 2px;
	color: #EBEBEB !important;
}
#header .strap a {
	padding: 0 13px 0 0;
	background: url(../../images/misc/double-arrow.gif) center right no-repeat;
}
#leftcolumn {
	float: left;
	width: 174px;
}
#centrecolumn {
	display: inline;
	float: left;
	margin: 0 0 0 13px;
	width: 752px;
}
#rightcolumn {
}
/* ------------------------------------- MAIN MENU */
#nav {
	width: 100%;
	border-bottom: 3px solid #A9B348;
	border-top: 1px solid #DCDCDC;
	font-size: 1.09em;
}
#nav ul {
	margin: 0 auto;
	width: 939px;
}
#nav li {
	display: inline;
}
#nav a {
	display: inline-block;
	padding: 9px 12px;
	/*padding: 9px 15px;*/
	color: #4F4F4F;
}
#nav a:hover,
#nav .selected {
	background: #A9B348;
	color: #fff;
	text-decoration: none;
}
/* ------------------------------------- SUB NAV MENU */
#subnav {
	float: left;
	width: 100%;
	background: #f5f5e7;
	font-size: 1.09em;
}
#subnav .heading {
	float: left;
	padding: 7px 12px;
	width: 150px;
	background: #6c6c6c url(../../images/global/refine-bg.jpg) top left repeat-x;
	color: #fff;
	font: 1.33em Georgia, "Times New Roman", Times, serif;
}
#subnav .subimage {
	float: left;
}
#subnav ul {
	float: left;
	padding: 3px 0 15px 0;
	width: 100%;
	border-top: 2px solid #fff;
}
#subnav li {
	float: left;
	padding: 4px 15px 3px 15px;
	width: 144px;
}
#subnav a {
	padding: 0 0 0 8px;
	background: url(../../images/global/subnav-arrow.gif) center left no-repeat;
}
#subnav li.selected {
	background: #eae9b0;
}
/* ------------------------------------- SUB NAV MENU FILTERING */

#subnav ul.selected {
	background: #eae9b0;
}

#subnav ul.selected li a.remove {
	float: right;
	background: url(../../images/buttons/remove.gif) 0px 5px no-repeat;
	padding: 1px 0px 0px 10px;
	font-size: 0.9em;
}


/* ------------------------------------- BRAND PANEL - ADDED BY MAX 17-11-09 */

.brandspanels {
	float: left;
	width: 100%;
	padding: 10px 0px 0px 0px;
}

.brandspanels .row {
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.brandspanels .row .panel {
	float: left;
	height: 77px;
	width: 163px;
	margin: 0px 23px 0px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #EAEAEA;
}

.brandspanels .row .panel img {
	float: left;
}

/* ------------------------------------- CONTENT */

.category_intro {
    float:left;
    margin:11px 0 0;
    padding:0 17px;
    width:718px;
}


.row {
	float: left;
	width: 100%;
}
.pagecontent {
	float: left;
	padding: 0 20px 14px 20px;
	width: 712px;
	font-size: 1.09em;
	line-height: 1.5em;
}
.pagecontent p {
	margin: 14px 0 0 0;
}
.pagecontent ul,
.pagecontent ol {
	margin: 14px -9px 0 -9px;
	padding: 1px 0 18px 0;
	background: #F4F4F4;
}
.pagecontent ul li {
	margin: 18px 0 0 0;
	padding: 0 0 0 43px;
	background: url(../../images/misc/ul-li-bg.gif) left center no-repeat;
}
.pagecontent ol li {
	margin: 18px 0 0 0;
	padding: 0 0 0 26px;
	list-style-position: inside;
}
.sitemap .pagecontent ul {
	float: left;
	margin: 7px 0 0 0;
	padding: 0;
	width: 338px;
	background: none;
	font-weight: bold;
	line-height: 1.64em;
}
.sitemap .pagecontent ul ul {
	float: none;
	margin: 0;
	width: auto;
	font-weight: normal;
}
.sitemap .pagecontent ul li {
	margin: 7px 0 0 0;
	padding: 0 0 0 18px;
	background: url(../../images/misc/sitemap-li-bg.gif) left top no-repeat;
}
.sitemap .pagecontent ul li li {
	margin: 0;
	padding: 0;
	background: none;
}
.homebanner {
	float: left;
	margin: 8px 0 0 0;
	position: relative;
	width: 674px;
}
.ie6 .homebanner .bl {
	bottom: -1px;
}
.ie6 .homebanner .br {
	bottom: -1px;
}
.insidebanner {
	float: left;
	margin: 11px 0 0 0px;
	position: relative;
	width: 752px;
	display:inline;
	cursor: pointer;
}
.insidebanner:hover {
	text-decoration: none;
}
.insidebanner .text {
	float: left;
	background: #c9cc66 url(../../images/global/belper-banner-text-bg.jpg) no-repeat right top;
	width: 271px;
	/*min-height: 176px;
	height: auto !important;*/
	height :176px;
	position: relative;
	padding: 22px 25px;
	display: inline;
	overflow: hidden;
}
.insidebanner .text .title {
	color:#fff;
	font: 2em Georgia, "Times New Roman", Times, serif;
	display:block;
	margin:0 0 12px 0;
}
.insidebanner .text .paragraph {
	color:#464646;
	margin:5px 0 0 2px;
	line-height:16px;
	display:block;
	font-size:1.09em 
}
.insidebanner .image {
	float: right;
	background:#fff;
	display:inline
}
.catpanel {
	float: right;
	margin: 8px 0 0 0;
	position: relative;
	width: 255px;
	min-height: 109px;
	height: auto !important;
	height: 109px;
}
.ie6 .catpanel .tr {
	right: -1px;
}
.ie6 .catpanel .bl {
	bottom: -1px;
}
.ie6 .catpanel .br {
	bottom: -1px;
	right: -1px;
}
.catpanel * {
	cursor: pointer;
	vertical-align: middle;
}
.catpanel:hover {
	text-decoration: none;
}
.catpanel .strap {
	float: left;
	margin: 65px 0 0 0;
	padding: 7px 12px;
	width: 231px;
	background: url(../../images/global/black-filter.png);
	color: #fff;
	font: 1.45em Georgia, "Times New Roman", Times, serif;
}
.catpanel .strap img {
	float: right;
}
.catpanel.hardwood {
	background: url(../../images/panels/hardwood.jpg) top left no-repeat;
}
.catpanel.carpet {
	background: url(../../images/panels/carpet.jpg) top left no-repeat;
}
.catpanel.vinyl {
	background: url(../../images/panels/vinyl.jpg) top left no-repeat;
}
.catpanel .tag {
	left: -4px;
	position: absolute;
	top: -4px;
}
.brandscroll {
	float: left;
	height: 81px;
	margin: 11px 0 0 0;
	position: relative;
	width: 100%;
	background: url(../../images/panels/brand-scroll-bg.gif) top left no-repeat;
}
.brandscroll .left {
	float: left;
	height: 81px;
	width: 60px;
	background: url(../../images/buttons/left.gif) center center no-repeat;
}
.brandscroll .right {
	float: right;
	height: 81px;
	width: 60px;
	background: url(../../images/buttons/right.gif) center center no-repeat;
}
.brandscroll .mask {
	float: left;
	height: 73px;
	margin: 4px 0 0 0;
	overflow: hidden;
	position: relative;
	width: 819px;
}
#brandwrap {
	left: 0;
	position: absolute;
	top: 0;
}
#brandwrap span {
	float: left;
	background: url(../../images/panels/brand-divider.gif) center left no-repeat;
}
#brandwrap a {
	float: left;
	height: 73px;
	width: 163px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}
.brandscroll .tag {
	clear: both;
	left: 23px;
	position: absolute;
	top: -16px;
}
.homepanels {
	float: left;
	margin: 12px 0 0 0;
	width: 100%;
	background: url(../../images/panels/homepanels-bg.gif) top center repeat-y;
}
.homepanels .panel {
	float: left;
	padding: 0 10px;
	width: 293px;
}
.homepanels .image {
	float: left;
	width: 100%;
	border-bottom: 2px solid #eaeaea;
}
.homepanels .content {
	float: left;
	width: 100%;
}
.homepanels .title {
	float: left;
	margin: 9px 0 0 0;
	color: #464646;
	font: 1.45em Georgia, "Times New Roman", Times, serif;
}
.homepanels a.title {
	padding: 0 13px 0 0;
	background: url(../../images/misc/double-arrow.gif) center right no-repeat;
	color: #2384BC;
}
.homepanels a.title:hover {
	color: #000;
}
.homepanels .text {
	float: left;
	margin: 8px 0 0 0;
	width: 100%;
	line-height: 1.45em;
}
.homepanels .panel.visit .image {
	margin: -5px 0 0 0;
}
.sidepanel {
	float: left;
	margin: 12px 0 0 0;
	width: 100%;
}
.sidepanel .image {
	float: left;
	width: 100%;
	border-bottom: 2px solid #eaeaea;
}
.sidepanel .content {
	float: left;
	width: 100%;
}
.sidepanel .title {
	float: left;
	margin: 9px 0 0 0;
	color: #464646;
	font: 1.27em Georgia, "Times New Roman", Times, serif;
}
.sidepanel a.title {
	padding: 0 13px 0 0;
	background: url(../../images/misc/double-arrow.gif) center right no-repeat;
	color: #2384BC;
}
.sidepanel a.title:hover {
	color: #000;
}
.sidepanel .text {
	float: left;
	margin: 8px 0 0 0;
	width: 100%;
	line-height: 1.45em;
}
.sidepanel.visit {
	border-bottom: 1px solid #eaeaea;
	padding: 0 0 9px 0;
}
.breadcrumb {
	float: left;
	width: 100%;
	font-size: 1.09em;
}
.breadcrumb * {
	vertical-align: middle;
}
.breadcrumb .home {
	background: url(../../images/buttons/home.gif) center center no-repeat;
	display: inline-block;
	height: 20px;
	padding: 0;
	width: 31px;
	border-left: 1px solid #ededed;
}
.breadcrumb a {
	display: inline-block;
	padding: 2px 18px 3px 18px;
	border-left: 1px solid #ededed;
	background: url(../../images/global/breadcrumb-arrow.gif) center left no-repeat;
	color: #4f4f4f;
	text-decoration: underline;
}
.breadcrumb a:hover {
	text-decoration: none;
}
.paging {
	float: left;
	margin: 3px 0 0 0;
	height: 41px;
	width: 100%;
	background: url(../../images/global/paging-bg.gif) top left no-repeat;
	font-size: 1.09em;
}
.paging * {
	vertical-align: middle;
}
.paging img  {
	display: inline;
}
.paging .sorting {
	float: left;
	padding: 11px 16px;
}
.paging .sorting label {
	margin: 0 5px 0 0;
}
.paging .prevnext {
	float: right;
	padding: 11px;
}
.paging .prevnext * {
	margin: 0 0 0 2px;
}
.productpanels {
	float: left;
	padding: 0 0 12px 0;
	width: 100%;
}
.productpanels .row {
	display: inline;
	float: left;
	margin: 15px 0 0 -16px;
	width: 100%;
}
.productpanels .panel {
	display: inline;
	float: left;
	margin: 0 0 0 34px;
	padding: 0 0 21px 0;
	width: 216px;
	border-bottom: 2px solid #EAEAEA;
	
	min-height: 225px;
    height: auto !important;
    height: 225px;
	
}
.productpanels .image {
	float: left;
	position: relative;
	width: 100%;
}
.productpanels .title {
	float: left;
	margin: 7px 0 0 0;
	width: 100%;
	color: #2384BC;
	font-size: 1.09em;
	font-weight: bold;
}
.productpanels .desc {
	float: left;
	width: 100%;
	color: #4F4F4F;
}
.productpanels .brand {
	bottom: 0;
	position: absolute;
	right: 0;
}
.productpanels .tag {
	left: -9px;
	position: absolute;
	top: -6px;
}
.leftcolumn, .rightcolumn {
	float: left;
	margin: 11px 0 0 0;
	padding: 0 17px;
	width: 341px;
}
.contactform {
	padding: 8px 17px;
	position: relative;
	background: #EEECE1;
	border: 1px solid #FFFFFF;
	font-size: 1.09em;
}
.contactform .row {
	float: left;
	margin: 9px 0 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.contactform .row * {
	vertical-align: middle;
}
.contactform .row.top * {
	vertical-align:top;
}
.contactform label {
	display: inline-block;
	padding: 0 12px 0 0;
	text-align: right;
	width: 69px;
}
.contactform .txt, .contactform textarea {
	padding: 3px;
	width: 249px;
	border-color: #A09D8C #CFCAB6 #CFCAB6 #A09D8C;
	border-style: solid;
	border-width: 1px;
}
.contactform textarea {
	overflow: hidden;
	height: 75px;
}
.contactform .required {
	color: #C91D0A;
	font-size: 2em;
	position: absolute;
	right: -3px;
	top: -8px;
}
.contactform .row.button {
	padding: 0 0 9px 0;
	text-align: center;
}

/* ------------------------------------- FOOTER */
#footer {
	float: left;
	margin: 20px 0 0 0;
	width: 100%;
	border-top: 2px solid #d8db7a;
}
#footer .content {
	float: left;
	margin: 11px 0 0 0;
	position: relative;
	width: 100%;
	background: #f2f2f2;
}
#footer .links {
	float: left;
	padding: 14px 0 14px 25px;
}
#footer span {
	margin: 0 10px;
}
#footer .affinity {
	float: right;
	padding: 14px 25px 14px 0;
}
.ie6 #footer .br {
	right: -1px;
}
.ie6 #footer .tr {
	right: -1px;
}