/*  
Site Name: ---
Site URI: ---
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 01 Jan 2009
Last update made by: --- (---@domain.co.nz)

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses
*08: Plugins/Libraries
*09: Print
*/
/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:transparent;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/
.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.clear 					{ clear: both; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.visuallyhidden			{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.no-margin				{ margin:0 !important; }
.no-padding-top			{ padding-top:0 !important; }
.no-padding-right		{ padding-right:0 !important; }
.no-padding-bottom		{ padding-bottom:0 !important; }
.no-padding-left		{ padding-left:0 !important; }
.no-padding				{ padding:0 !important; }
.hot					{ cursor:pointer; }
.ir						{ overflow:hidden; display:block; text-indent:-10000px; background-repeat:no-repeat; }
.divide-bottom			{  }
.divide-top				{  }
.box					{  }

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/
html,
html.residential { background: url(../images/pagebg/background_residential.jpg) no-repeat center top #fff; }
html.commercial { background: url(../images/pagebg/background_commerical.jpg) no-repeat center top #fff; }
body 
{
	font: 62.5%/1.4 Arial,Helvetica,sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	color: #000;
}
h1, h2, h3, h4, h5, h6 { font-family: Arial,Helvetica,sans-serif; font-weight: bold; letter-spacing: 0; margin-bottom: 0; color: #433432; }
h1 { font-size: 3.4em; margin: 0; }
h2 { font-size: 1.8em; margin: 0 0 20px 0; }
h3 { font-size: 1.4em; margin: 10px 0 10px 0; }
h4 { font-size: 1.4em; margin: 10px 0 0 0; }
p { font-size: 1.2em; line-height: 1.4em; margin: 0; }
a { color: #4bb7ff; cursor: pointer; }
a:hover, a:active { text-decoration: none; color: #101010; }
ul li { list-style: none; }
ol li { list-style-type: decimal; }
#product-selector p,
.product-selector h2 
{
	font-size: 16px;
	font-weight: bold;
	color: #433433; 
	padding: 0 265px 0 15px;
	margin-bottom: 30px;
}
.ie7 .product-selector h2 { width: 250px; }
/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

#master {
	
}

#header {
        width: 255px;
        float: left;
        display: inline-block;	
}

#page {
	width: 960px;
	position: relative;
	margin: auto;
	padding: 20px 0 0 0;
}

#content {
    width: 650px;
    margin-left: 15px;
    float: left;
    display: inline-block;
    padding: 20px 20px 40px 20px; 
}
#content.where,
#content.range,
#content.standard { width: 690px; }
#content,
.product-details,
#content.standard .heading,
#content.standard .content-body,
.results-message
{
	background-color: #fff;
	-moz-box-shadow: 0 0 4px #6a6362; 
	-webkit-box-shadow: 0 0 4px #6a6362; 
    box-shadow: 0 0 4px #6a6362; 
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius:5px;          
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
}
#content.search .content-body 
{
	-moz-border-radius: 0 0 5px 5px; 
	-webkit-border-radius: 0 0 5px 5px; 
	border-radius:0 0 5px 5px; 
	padding-bottom: 40px;
}
#content.range,
#content.standard
{
	padding: 0;
	background-color: transparent;
	background-image: none;
	-moz-box-shadow: 0 0 0 #6a6362; 
	-webkit-box-shadow: 0 0 0 #6a6362;
	box-shadow: 0 0 0 transparent;	
	margin-left:0;
}
#content.search { padding: 0; }
#content.where { padding: 20px 0 0; }
/* Content Background Polyfill */
.no-borderradius #content,
.no-borderradius #content-wrapper,
.no-borderradius #content.standard .heading,
.no-borderradius #content.standard .content-body
{
	background: url(../images/pagebg/main_bg.png) no-repeat;
}
.no-borderradius #content.where,
.no-borderradius #content-wrapper.where,
.no-borderradius #content.range,
.no-borderradius .range .product-details,
.no-borderradius .range #content-wrapper
{
	background: url(../images/pagebg/mainbg-noshadow.gif) no-repeat;
}
mainbg-noshadow.gif
.no-borderradius #content,
.no-borderradius #content.standard .heading,
.no-borderradius #content.standard .content-body,
.no-borderradius #content.where,
.no-borderradius #content.sitemap,
.no-borderradius #content.rangelist,
.no-borderradius #content.home ,
.no-borderradius #content.gallery,
.no-borderradius .range .product-details
{
	background-position: center bottom;
	padding-top: 0;
}
.no-borderradius #content.standard .heading { clear: both; }
.no-borderradius.ie7 #content.standard .heading h1 { margin-top: 15px; }
.no-borderradius .product-details { clear: both; }
.ie7.no-borderradius .product-details { zoom: 1; }
.ie7.no-borderradius #content .product-details .intro { margin-bottom: 0; }
.no-borderradius #content-wrapper
{
	background-position: left top;
	height: 20px;
	width: 690px;
	margin-left: 15px;
	float: left;
	margin-top: -5px;
}
.no-borderradius .range #content-wrapper { margin-left: 0; }
.no-borderradius #content.range,
.no-borderradius #content.standard { background: none; }
.no-borderradius #content.range,
.no-borderradius #content.standard { background: none; }
.no-borderradius .intro-heading h1 { padding-top: 15px; }
#content.standard .heading { padding: 20px; margin-bottom: 20px; }
#content.standard h1 { margin-bottom: 0; color: #fff; padding: 20px; }
#content.standard .content-inner { background: transparent; }
#content.standard .content-body { padding: 20px; overflow: hidden; }
.no-borderradius .product-details { padding: 0 20px 20px; }
/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/
h3 a { color: #b42631; text-decoration: none; }
.borderradius .logo p,
.borderradius .nav 
{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:3px;	
	-moz-box-shadow: 4px 4px 4px #6a6362; 
	-webkit-box-shadow: 4px 4px 4px #6a6362; 
    box-shadow: 4px 4px 4px #6a6362;          
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
}
/** Nav Polyfill **/
.no-borderradius .logo,
.no-borderradius .nav,
.no-borderradius .nav-wrapper 
{
	background: url(../images/pagebg/navbg.png) no-repeat;
}
.no-borderradius .nav,
.no-borderradius .logo
{
	background-position: left bottom;
	padding-top: 0;
}
.no-borderradius .nav-wrapper { height: 20px; }
.no-borderradius .nav-wrapper:first-child { height: 10px; }
.no-borderradius .logo { padding-left: 5px; padding-right: 15px; padding-bottom: 15px; display: block; }
.logo p  
{
	height: 137px; 
	width: 235px; 
	background: url(../images/feltex_logo.gif) no-repeat; 
	margin-bottom: 15px;
}
.no-borderradius .logo p { width: 220px; background-position: -10px top; }
/* Grey Gradient */
.product-selector > div {
	background-color: #e6e6e6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cfcfcf)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #e6e6e6, #cfcfcf); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #e6e6e6, #cfcfcf); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #e6e6e6, #cfcfcf); /* IE10 */
	background-image:      -o-linear-gradient(top, #e6e6e6, #cfcfcf); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #e6e6e6, #cfcfcf);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cfcfcf',GradientType=0 );
}
/* Grey Gradient Reverse*/
#content.search .searchfields,
.content-body .product-selector {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #f4f4f4 70%, #bcb9b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(70%,#f4f4f4), color-stop(100%,#bcb9b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%,#f4f4f4 70%,#bcb9b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%,#f4f4f4 70%,#bcb9b9 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%,#f4f4f4 70%,#bcb9b9 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcb9b9',GradientType=0 ); /* IE6-9 */
	
}
.ie7 #content.search .searchfields,
.ie7 .content-body .product-selector { zoom:1; }
/* Blue Gradient */
.btn,
#contact-us,
.home #image-gallery li div  {
	background-color: #526985;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#526985), to(#1f3652)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #526985, #1f3652); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #526985, #1f3652); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #526985, #1f3652); /* IE10 */
	background-image:      -o-linear-gradient(top, #526985, #1f3652); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #526985, #1f3652);	
}
#contact-us,
.home #image-gallery li div  
 {
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#526985', EndColorStr='#1f3652');
 }
/* Blue Gradient Reverse */
.btn:hover {
	background-color: #1f3652;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1f3652), to(#526985)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #1f3652, #526985); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #1f3652, #526985); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #1f3652, #526985); /* IE10 */
	background-image:      -o-linear-gradient(top, #1f3652, #526985); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #1f3652, #526985);
}
/* Red Gradient */
.cta,
#promotional-listing .tag {
	background-color: #b42631;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b42631), to(#952029)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #b42631, #952029); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #b42631, #952029); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #b42631, #952029); /* IE10 */
	background-image:      -o-linear-gradient(top, #b42631, #952029); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #b42631, #952029);
 }
 #promotional-listing .tag  
 {
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b42631', EndColorStr='#952029');
 }
 /* Red Gradient Reverse*/
.cta:hover,
#promotional-listing .tag:hover {
	background-color: #952029;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#952029), to(#b42631)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #952029 , #b42631); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #952029 , #b42631); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #952029 , #b42631); /* IE10 */
	background-image:      -o-linear-gradient(top, #952029 , #b42631); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #952029 , #b42631);
 }
#promotional-listing .tag:hover
 {
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#952029', EndColorStr='#b42631');
 }
.nav {
	padding: 20px 10px 10px;
	background-color: #fff;
	margin-right: 20px;
}
.no-borderradius .nav { padding-right: 15px; padding-bottom: 15px; }
.nav a { color: #242424; text-decoration: none; }
.nav a:hover,
.nav .selected > a { color: #074e8f; }
.level-1 > li   
{
	background-color: #efefef;
	padding: 10px 15px;
	margin-bottom: 10px;
}

.level-1 > li > a 
{
	font-size: 1.5em;
	font-weight: bold;
	display: inline-block;	
}
.level-2 
{
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #cccccc;	
}
.level-2 li { margin-bottom: 7px; line-height: 1.6em; }
.level-2 > li > a 
{
	font-size: 1.4em;
}
.level-2 .range { margin-left: 14px; }

/** Buttons **/
.btn 
{
	cursor: pointer;
	padding: 7px 0;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:3px;
	font-size: 1.3em;
	display: inline-block;	
	text-decoration: none;
	text-align: center;
	color: #fff;
	-moz-transition: background-image 1s ease-out;  /* FF4+ */
    -o-transition: background-image 1s ease-out;  /* Opera 10.5+ */
	-webkit-transition: background-image 1s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: background-image 1s ease-out;  /* IE10? */
    transition: background-image 1s ease-out;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.btn:hover { color: #fff; }
.cta { border: 1px solid #a5141f; padding: 3px; }
#product-selector > .btn, .nav .btn { border: 1px solid #868a96; }
#product-selector > .btn { width: 246px; margin-bottom: 10px; float: right; }
.nav .btn { width: 213px; }
.nav .btn,
.nav .btn:hover { color: #fff; }
#contact-us .btn{ width: 205px; padding: 7px 0; }
#contact-us .where-to-buy { width: 94px; }
.home #image-gallery .cta { width: 100px; }
/** Fallbacks **/
.no-cssgradients .btn { background: url(../images/feltex-buttons.png) no-repeat; border: none; padding: 0; }
.no-cssgradients #product-selector .btn
{
	width: 246px;	
	height: 32px;
	background-position: 0 -156px;
	padding: 0;
	border: none;
	line-height: 2.5;
}
.no-cssgradients #product-selector .btn:hover { background-position: 0 -188px; }
.no-cssgradients .nav .btn
{
	width: 212px;	
	height: 32px;
	background-position: 0 -220px;
	padding: 0;
	line-height: 2.5;
}
.no-cssgradients .nav .btn:hover { background-position: 0 -252px; }
.no-cssgradients .cta,
.no-cssgradients #product-selector .cta   
{
	width: 103px;	
	height: 22px;
	background-position: 0 0;
	line-height: 1.4;
}
.no-cssgradients .cta:hover,
.no-cssgradients #product-selector .cta:hover { background-position: 0 -22px; }
.no-cssgradients #contact-us .cta 
{
	width: 208px;	
	height: 32px;
	background-position: 0 -44px;
	padding: 0;
	line-height: 2;
}
.no-cssgradients #contact-us .cta:hover { background-position: 0 -76px; }
.no-cssgradients #contact-us .where-to-buy 
{
	width: 97px;	
	height: 48px;
	background-position: 0 -108px;
	padding: 0;
	float: left;
}
.no-cssgradients #contact-us .where-to-buy:hover { background-position: -97px -108px; }
/* Footer */
#footer 
{
	clear: both;
    display: inline-block;
    float: right;
    padding: 20px 0 30px 0;
}
.ie7 #footer { float: none; }
#footer a
{
	color: #000;
	font-size: 1.2em;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
#footer ul { float: right; }
#footer li { float: left; display: inline-block; margin-left: 5px;}
#footer li:first-child { margin-right: 0; }
/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/


/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/	
/* Homepage Rotator */
.home #image-gallery 
{
	width: 650px;
	height: 234px;	
	margin-bottom: 35px;
	overflow: hidden;
	color: #fff;
	position: relative;
}
.home #image-gallery ul { width: 9999px; }
.home #image-gallery li { height: 234px; float: left; display: inline-block; }
.home #image-gallery h2, .home #image-gallery h2 a { color: #fff;  }
.home #image-gallery h2 { color: #fff; font-size: 1.7em; line-height: 1.2em; margin-bottom: 10px; }
.home #image-gallery h2 a { text-decoration: none;  }
.home #image-gallery div { width: 226px; height: 189px; padding: 25px 20px 20px; }
.home #image-gallery p { margin-bottom: 10px; }
.home #image-gallery img, .home #image-gallery div { float: left; }
#next, #previous {
    background: url("../images/pagebg/gallery-buttons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 61px;
    overflow: hidden;
    position: absolute;
    top: 170px;
    width: 22px;
    z-index: 4;
}
#next {
    background-position: right top;
    right: 0;
}
#previous {
    background-position: left top;
    left: 0;
}
/* Promotional-Listing */
#promotional-listing 
{
	padding: 30px 20px;
	background-color: #f3f3f3;	
	overflow: hidden;
	margin-bottom: 30px;
	clear: both;
}

#promotional-listing li   
{
	float: left;
	width: 50%;
	display: inline-block;	
}
#promotional-listing h3 { margin: 0 0 5px 0; }
#promotional-listing > ul > li { margin-bottom: 15px; }
#promotional-listing li > a 
{
	background-color: #fff;
	border: 1px solid #d9d9d9;
	padding: 3px;
	display: inline-block;
	float: left;
	margin-right: 15px;	
	position: relative;
	text-decoration: none;
}
#promotional-listing li li  
{
	font-size: 1.1em;	
	margin-bottom: 2px;
} 
#promotional-listing .tag 
{
	position: absolute;	
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 10px;
    -moz-border-radius: 1px; 
	-webkit-border-radius: 1px; 
	border-radius:1px;
	left: -4px;
	top: 12px;
	z-index: 2;
	text-shadow: -2px0 2px #444;
}
#promotional-listing .curl 
{
	width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent; 
	border-right:3px solid #4d2024;
	position: absolute;
	left: -4px;
	top: 38px;
	z-index: 1;	
	display:block;
}
/* Promotional Panels */
#promotional-panels { margin-right: 260px; }
#promotional-panels li:first-child { border-bottom: 1px solid #d9d9d9; margin-bottom: 25px; }
#promotional-panels li > h3 { margin: 0 0 5px; }
.ie7 #promotional-panels li > h3 { float: left; width: 236px; }
#promotional-panels li > a 
{
		float: left;
		display: inline-block;
		border: 1px solid #e1e0e0;
		margin-right: 10px;
}
#promotional-panels li > p { padding-bottom: 20px; }
#promotional-panels li > a ~ p,
#promotional-panels li > img ~ p { padding-left: 152px; }
/* Contact Us Pod */
#contact-us 
{
	width: 205px;	
	display: inline-block;
	float: right;
	padding: 20px;
	color: #fff;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:3px;
}
#contact-us p span { font-size: 1.1em; font-weight: bold; display: block; margin-bottom: 15px;}
#contact-us span.number { font-size: 2em; font-weight: normal; }
#contact-us span.address { font-size: 1.2em; font-weight: normal; }
#contact-us p + .btn { margin-bottom: 15px; }
.ie7 #contact-us p + .btn { margin-bottom: 0; }
#contact-us p + .btn + .where-to-buy { margin-right: 10px; }
.ie7 #contact-us .where-to-buy { margin-top: 15px; }
#contact-us .where-to-buy { font-size: 1.1em; zoom: 1;}
#contact-us .where-to-buy span { font-size: 1.3em; }

/* Product Selector */
/* Homepage selector styles */
.product-selector h2  
{
	background-color: #E6E6E6;
    border-color: #BCB9B9;
    border-style: solid;
    border-width: 1px 1px 0;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 15px;
    position: relative;
    z-index: 2;
    font-size: 1.5em;
    -moz-border-radius: 0 3px 0 0; 
	-webkit-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
}
.content-body .product-selector h2 { padding: 10px 10px 0; margin-bottom: 0; }
#product-selector .product-selector .cta { width: 100px; margin-left: 250px; float: none; }
.product-selector .cta { width: 100px; margin: auto; }
.product-selector > div {
    position: relative;
    padding: 10px 10px;
    border: 1px solid #C2C3C3;
    overflow: hidden;
}
.home .product-selector .selector-options { padding: 0; }
 .product-selector span {
    line-height: 1.8;
}

 .product-selector input {
    vertical-align: middle;
    margin: 0 4px 0 0;
}
.ie7 .product-selector input { margin-right: 2px; }

.content-body  .product-selector input { float: left; }
.content-body  .product-selector input[type="radio"] { margin-top: 2px; }
.ie7 .content-body  .product-selector input[type="radio"] { margin-top: -1px; }

 .product-selector label {
    float: none;
    vertical-align: middle;
    margin: 0 0 0 0;
    width:135px;
    
    /*firefox fix for inline-block*/
    display:-moz-inline-stack !important;
    display:inline-block;
    
    position:relative;
    font-weight: normal;
    color: #000;
    white-space: nowrap;
}
.ie7  .product-selector label { width: 129px; }
.selector-options { margin-bottom: 5px; }
.selector-options h3 { margin: 0;font-size: 1.2em; }
.content-body .selector-options h3 { color: #515151; font-size: 1.1em; }
.selector-options label { font-size: 1.1em; margin-right: 5px;}
.selector-options span  
{
	padding: 5px 0;  
	display: inline-block; 
}
.content-body .selector-options span { margin-bottom: 10px; }
.selector-options hr {
	border-top: 1px solid #b5b5b5;
	border-bottom: 1px solid #f2f2f2;
	display: inline-block;
	width: 100%;
} 
/* Non-Homepage Selector styles */
.content-body .product-selector h2,
.content-body .selector-options  {  background-image: none; background-color: transparent; border: none; filter: none; }
.content-body .product-selector 
{
	border: 1px solid #BCB9B9;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.skip-navigation {
    position: absolute;
    left: -9999px;
    top:-9999px;    
}

/* residential version */

ul.tabs li { display: block; float: left; }

ul.tabs li.residential a { display: block; width: 116px; height:25px; background: url(../images/tabs/res/residential.gif) no-repeat left top; text-indent: -9999px; }
ul.tabs li.commercial a {display: block; width: 115px; height:25px; background: url(../images/tabs/res/commercial.gif) no-repeat left top; text-indent: -9999px; }


ul.tabs li.residential a.selected { background: url(../images/tabs/res/residential_sel.gif) no-repeat left top;}
ul.tabs li.commercial a.selected {background: url(../images/tabs/res/commercial_sel.gif) no-repeat left top;}


/* commercial version */

ul.commercial li.residential a { width: 115px; background: url(../images/tabs/com/residential.gif) no-repeat left top; }
ul.commercial li.commercial a { width: 116px; background: url(../images/tabs/com/commercial.gif) no-repeat left top; }


ul.commercial li.residential a.selected { background: url(../images/tabs/com/residential_sel.gif) no-repeat left top;}
ul.commercial li.commercial a.selected {background: url(../images/tabs/com/commercial_sel.gif) no-repeat left top;}

#content .content-inner 
{
    min-height: 445px;
}
#content.range .content-inner,
.commercial #content.range .content-inner { background: none; }
#content.range .content-inner h1 { display: none; }
#content.search .content-inner h1 { display: block; }
#content.where .content-inner h1 { margin-left: 20px; }

.product-details { padding: 20px; }
#content .product-details h2  { color:#fff; font-size: 200%; margin-left: 25px; margin-top: 80px; font-weight: normal; letter-spacing: 2.5px;}
#content .product-details p, #content .standard-details p { color:#fff; width:275px; font-size: 1.3em; line-height: 1.66em; margin-left: 25px; margin-bottom: 30px; }
#content .standard-details p { margin-left:30px;}

.content-inner a
{
    color:#c40f1d;
}

body.commercial .content-inner a
{
    color:#074e8f;
}

.content-inner a:hover, body.commercial .content-inner a:hover
{
    color:#000;
}

.content-inner p a
{
    text-decoration:underline;
}

.content-inner p a.no-underline
{
    text-decoration:none;
}

* html #content,
* html #content .content-inner {height: 445px;}

#content p.backlink { color:#fff; margin:0 25px; padding: 0 0 10px 0; border-bottom: 1px solid #fff; text-transform: lowercase; }
#content p.backlink a { color:#fff; }

#content img.range-details-logo {
    margin-bottom: 30px;
}
.ie7 #content img.range-details-logo {
    padding-top: 15px;
}

#content h1.range-detail-title {
    display:none;
}

/** Image Gallery **/
    #image-gallery ul { padding: 0; margin: 0; }
        #image-gallery .listing { overflow: hidden; clear: both; }
        #image-gallery .listing li {
            list-style: none;
            display: block;
        }
        #image-gallery .listing img {
            margin-bottom: 20px;
        }
        #image-gallery .listing h2 { margin-bottom: 15px !important; }
        #image-gallery .listing h2,
        #image-gallery .listing p { margin-left: 0 !important; margin-right: 0 !important; line-height: 1.3em; }
        #image-gallery .listing li { 
            border-top: 1px solid #b2afae; 
            padding-top: 15px;
            margin-bottom: 15px; 
        }
        .js #image-gallery .listing li { display: none; }
        .js #image-gallery .listing li.selected { display: block; }
        .js #image-gallery .listing li img { display: none; }
        
        /** Menu **/
        #image-gallery .menu { 
            overflow: hidden; 
            padding: 10px 0;
            margin-left: -5px;
        }
            #image-gallery .menu li {
                list-style: none;
                float: left;
                margin: 0 0 5px 5px;
                display: inline-block;  
                position: relative; 
            }
                #image-gallery .menu li a {
                    border: 1px solid #d9d7d7;
                    display: block;
            
                }
                #image-gallery .menu li.selected a {
                    border: 1px #b2afae solid;
                }

                #image-gallery .menu li a:hover{
                    border: 1px #C40F1D solid;
                }
                #image-gallery .menu li img {
                    border: 3px #fff solid;
                    display: block;
                }
                #mask {
                    position: absolute;
                    top: 4px;
                    left: 4px;
                    background: url(../images/pagebg/mask.png) no-repeat;
                    display: none;
                    width: 80px;
                    height: 80px;
                }
                .js #mask { display: block; }
        /** Rotator window **/
        #rotator-window  
        {
            width: 650px; 
            overflow: hidden; 
            display: none; 
            position: relative; 
        }
        .js #rotator-window { display: block; }
        /** Image Rotator **/
        .image-listing  
        {
            position: relative; 
            width: 1350px;
            height: 400px; 
        }
        .image-listing li {
            list-style: none;
            display: inline-block;
            position: absolute;
            top: 0;
            left: 650px;
            z-index: 2;
        }
        .image-listing li.selected { left: 0; }
        .image-listing li img { display: block; }
        .image-listing li.moving-to-next {
            left: 0;
            top: 0;
            z-index: 1;
        }
        .image-listing li.moving-to-previous {
            z-index: 3;
        }
        
        /** Rotator controls **/
        #next, #previous {
            width: 22px;
            height: 61px;
            display: block;
            position: absolute;
            overflow: hidden;
            background: url(../images/pagebg/gallery-buttons.png) no-repeat;
            top: 170px;
            cursor: pointer;
            z-index: 4;
        }
        #next.disabled, #previous.disabled { cursor: default; }
        #next.disabled,
        #next.disabled:hover { background-position: right -67px !important; }
        #previous.disabled,
        #previous.disabled:hover { background-position: left -67px !important; }
        #previous {
            left: 0;
        }
        #previous:hover { background-position: left bottom !important; }
        #next {
            right: 0;
            background-position: right top;
        }
        #next:hover { background-position: right bottom !important; }
            #next span, #previous span {
                display: block;
                text-indent: -99999px;
            }
        .home #previous, .home #next { top: 80px; }

/*** Product Brochure ***/
#product-brochure {
    margin-left: 25px;
    font-family: Myriad Pro, Arial,Helvetica,sans-serif;
    overflow: hidden;
}
    #product-brochure .brochure { vertical-align: text-bottom;  }
    #product-brochure img { float: left; margin-right: 10px;  }
    #product-brochure h2 { 
        color: #fff !important; 
        font-size: 12px !important; 
        margin-top: 9px !important; 
        margin-bottom: 0;
    }
    .ie7 #product-brochure h2 {
        margin-top: 8px !important;
    }
    #product-brochure p { 
        color: #cdd3db !important; 
        margin: 0 !important;
        line-height: 1.3em !important;
        font-size: 12px;
    }
    #product-brochure .size { color: #f2e5da !important; font-size: 10px; display: block; }
    #product-brochure a.button { 
        color: #fff; 
        width: 98px; 
        height: 22px;
        background: url(../images/productbrochure/btn-download.png) no-repeat;
        display: inline-block;
        margin-top: 5px;
    }
    #product-brochure a.button span {
        display: inline-block;
        text-indent: -9999999px;
        overflow: hidden;
    }
    #product-brochure a.commercial-button {
        background-position: right top;
    }
    #product-brochure a.commercial-button:hover {
        background-position: right bottom;
    }
    #product-brochure a.residential-button {
        background-position: left top;
    }
    #product-brochure a.residential-button:hover {
        background-position: left bottom;
    }


/***** Product Item Styles *****/

    #content .product-item {
         position: relative;
    }
    
    #content .product-item .swatches .main-image-viewer .environment-icon {
         position: absolute;
         bottom:10px;
         right:30px;
    }
    
    #content .product-item .swatches .main-image-viewer .icon-left {
         right:130px;
    }
    
    #content .product-item .swatches .main-image-viewer .environment-choice img {
        width:84px;
        height:99px;
    }
    
    #content .product-item .swatches .main-image-viewer .environment-certified img {
        width:76px;
        height:115px;
    }
     
    #content .product-item .swatches .main-image-viewer .environment-certified p {
         position: absolute;
         bottom:6px;
         left:5px;
         margin:0;
         line-height:1em;
         font-size:10px;
    }
    
    #content .product-item input.toggle-button {
        position: absolute;
        top:15px; 
        right:14px; 
        height:18px;
        width:150px;
        background: url('../images/button-expand-sample-res.gif') top center no-repeat;
        cursor:pointer;
        border:none;
        text-indent:-9999px;
    }

    .commercial #content .product-item input.toggle-button {
        background: url('../images/button-expand-sample.gif') top center no-repeat;
    }

    #content .expanded input.toggle-button {
        background: url('../images/button-collapse-sample-res.gif') top center no-repeat;
    }

    .commercial #content .expanded input.toggle-button {
        background: url('../images/button-collapse-sample.gif') top center no-repeat;
    }

    .commercial #content .product-item input.toggle-button:hover,
    .commercial #content .expanded input.toggle-button:hover,
    #content .product-item input.toggle-button:hover,
    #content .expanded input.toggle-button:hover {
        background-position: bottom center;
    }
    
    /* IE6 and IE7 method to hide text inside toggle button */
    .ie7 #content .product-item input.toggle-button, 
    .ie6 #content .product-item input.toggle-button {
        text-indent:0px;
        padding-top:250px;
    }


#content .product-item  
{
    margin-top: 20px; 
    padding-bottom: 15px; 
    width: 691px; 
    background: transparent url(../images/middlecontent_base.gif) no-repeat left bottom;
    border-top: 1px solid #b2afae; 
    overflow: hidden;
}


#content .product-item h3  
{
    font-size: 130%;
    margin: 0 15px;
    padding: 15px 0 5px;  
}

#content .product-item.expanded h3 { border-bottom: 1px solid #b9b5b5; }

#content .product-item h3 span.product-name { color:#999; }

#content .product-item h3 img {
    vertical-align:middle;
    margin:0 5px 0 0;
}

#content .product-item img.main-image { margin: 0 0 0 16px; }

/***** Product Item Swatches Styles *****/

    #content .product-item .swatches 
    {
        margin: 10px 0 0;
        min-height: 55px;
        padding: 0;
        position: relative; 
    }
    * html #content .product-item .swatches 
    {
        height: 55px; 
    }
    #content .product-item .swatches ul 
    {
        margin:0; 
        padding:0; 
        list-style: none; 
        position: absolute; 
        top:0; 
        left: 16px;
        }
    #content .product-item .swatches ul li 
    {
        margin:0; 
        padding:0; 
        display: block; 
        float: left; 
        text-align: center; 
        width: 55px;
    }
    #content .product-item .swatches ul li.swatch-hover
    {
        background:#fff;
    }
    #content .product-item .swatches ul li input 
    {
        display: block; 
        float: left; 
        width: 53px; 
        height: 55px; 
        margin:0; 
        padding:0; 
        text-indent: -9999px; 
        border-right: 2px solid #fff !important; 
        border-width: 2px !important;
    }

#content .product-item.expanded .swatches ul li.last input.selected { border-right: none !important; }

#content .product-item .swatches ul li p 
{
    margin:0; 
    padding:0; 
    line-height: 1.2em; 
    vertical-align: middle; 
    font-size: 80%;
}

.main-image-viewer { height:54px; overflow: hidden; }
.main-image-viewer img { width: 659px; }
.expanded .main-image-viewer 
{
    height:238px; 
    padding-top: 26px; 
}

/***** Product Feature Styles *****/

    .product-features { padding-top: 10px; }
    .product-features ul.feature-icons li { 
        background: #fff; 
    }

    .product-features ul.feature-icons li a { 
        display:block;
        overflow:hidden;
        width:71px;
        height:89px;
        text-indent:-9999px;
        background:top center no-repeat;
    }

    .product-features ul.feature-icons li a:hover { 
        background-position: bottom center;
    }
        
        .product-features ul.feature-icons li a.environment {
            background-image:url('../images/icons/res-Environmental-Choice.gif');
        }
        
        .commercial .product-features ul.feature-icons li a.environment {
            background-image:url('../images/icons/com-Enironmental-Choice.gif');
        }
        
        .product-features ul.feature-icons li a.warranty {
            background-image:url('../images/icons/res-Warranty.gif');
        }
        
        .commercial .product-features ul.feature-icons li a.warranty {
            background-image:url('../images/icons/com-Warranty.gif');
        }
        
        .product-features ul.feature-icons li a.warranty5 {
            background-image:url('../images/icons/res-5-Warranty.gif');
        }
        
        .commercial .product-features ul.feature-icons li a.warranty5 {
            background-image:url('../images/icons/com-5-Warranty.gif');
        }

        .product-features ul.feature-icons li a.warranty7 {
            background-image:url('../images/icons/res-7-Warranty.gif');
        }
        
        .commercial .product-features ul.feature-icons li a.warranty7 {
            background-image:url('../images/icons/com-7-Warranty.gif');
        }
        
        .product-features ul.feature-icons li a.warranty10 {
            background-image:url('../images/icons/res-10-Warranty.gif');
        }

        .commercial .product-features ul.feature-icons li a.warranty10 {
            background-image:url('../images/icons/com-10-Warranty.gif');
        }

        .product-features ul.feature-icons li a.warranty12 {
            background-image:url('../images/icons/res-12-Warranty.gif');
        }

        .commercial .product-features ul.feature-icons li a.warranty12 {
            background-image:url('../images/icons/com-12-Warranty.gif');
        }

        .product-features ul.feature-icons li a.warranty15 {
            background-image:url('../images/icons/res-15-Warranty.gif');
        }

        .commercial .product-features ul.feature-icons li a.warranty15 {
            background-image:url('../images/icons/com-15-Warranty.gif');
        }
        
        .product-features ul.feature-icons li a.hundredWoolLink {
            background-image:url('../images/icons/res-100-percent-Wool-Link.gif');
        }

        .commercial .product-features ul.feature-icons li a.hundredWoolLink {
            background-image:url('../images/icons/com-100-percent-Wool-Link.gif');
        }
        
        .product-features ul.feature-icons li a.woolRichBlendLink {
            background-image:url('../images/icons/res-Wool-Rich-Blend-Link.gif');
        }

        .commercial .product-features ul.feature-icons li a.woolRichBlendLink {
            background-image:url('../images/icons/com-Wool-Rich-Blend-Link.gif');
        }
        
        .product-features ul.feature-icons li a.solutionDyedNylon {
            background-image:url('../images/icons/res-Solution-Dyed-Nylon-Link.gif');
        }

        .commercial .product-features ul.feature-icons li a.solutionDyedNylon {
            background-image:url('../images/icons/com-Solution-Dyed-Nylon-Link.gif');
        }
        
        .product-features ul.feature-icons li a.tufted-hard-twist-cut-pile-link {
            background-image:url('../images/icons/res-tufted-hard-twist-cut-pile-link.gif');
        }

        .commercial .product-features ul.feature-icons li a.tufted-hard-twist-cut-pile-link {
            background-image:url('../images/icons/com-tufted-hard-twist-cut-pile-link.gif');
        }
        
        .product-features ul.feature-icons li a.tufted-plush-cut-pile-link {
            background-image:url('../images/icons/res-tufted-plush-cut-pile-link.gif');
        }

        .commercial .product-features ul.feature-icons li a.tufted-plush-cut-pile-link {
            background-image:url('../images/icons/com-tufted-plush-cut-pile-link.gif');
        }
        
        .product-features ul.feature-icons li a.cut-and-loop-pile-link {
            background-image:url('../images/icons/res-cut-and-loop-pile-link.gif');
        }
        
        .commercial .product-features ul.feature-icons li a.cut-and-loop-pile-link {
            background-image:url('../images/icons/com-cut-and-loop-pile-link.gif');
        } 
        
        .product-features ul.feature-icons li a.triexta-link {
            background-image:url('../images/icons/res-100-percent-triexta-link.gif');
        }
        
        .commercial .product-features ul.feature-icons li a.triexta-link {
            background-image:url('../images/icons/com-100-percent-triexta-link.gif');
        }

.product-features h4 { padding-left: 15px; padding-bottom: 5px; font-size: 110%;  }
.product-features ul {margin:0; padding:0 0 0 15px; list-style: none; }
.product-features ul li { display: block; float: left; margin: 0 0 0 0; padding:0 10px 0 0; }
.product-features { position: relative; }
.product-features img.logoLink { position: absolute; bottom: 0; right: 16px; }
.titleLogo  
{
    float: left;
    margin: 5px 10px 0 15px;
}

.product-features .additional-information h4 {border-bottom: 1px solid #b9b5b5; margin: 0 15px;}
.product-features .additional-information ul { float: left; padding: 0; }
.product-features .additional-information ul li { float: none; padding: 4px 0 0 0; }
.product-features .additional-information ul li a { display: block; min-height: 19px; font-weight: bold; padding-left: 25px; background: url(../images/icon-pdf.gif) 0 50% no-repeat; line-height: 19px; width: 245px; }
.product-features .additional-information ul li a.where-to-buy { background: url(../images/icon-sign.gif) 0 50% no-repeat;  }
* html .product-features .additional-information ul li a { height: 19px; }

#content .product-item .swatches ul li p { display: none; }
#content .product-item.expanded .swatches ul li p 
{
    display: block; 
    height: 24px; 
    padding-top: 2px; 
}

/* pages with top level heading and white box */

#content h1 
{
    font-size:2.1em; 
    font-weight: normal;
    margin-bottom: 15px; 
}
#content.range h1,
.commercial #content.range h1,
#content.rangelist h1,
.commercial #content.rangelist h1,
.commercial #content.standard h1 { color: #fff; }
.commercial #content h1 { color: #203B60; }

#content .content-body h1 {
    color:#fff;
}

.ie6 #content .content-body {
    height: auto;
}
#content .content-body .content-left {
    float:left;
    width:395px;
    margin:0 20px 0 0;
}

#content .content-body .content-left h2.top {
    padding-top:0;
}

#content .content-body .content-right {
    
}

#content .content-body .content-right {
    float:left; 
    width:205px;
    padding:0 15px;
    background:#609233 url('../images/pagebg/green-carpet.jpg') no-repeat bottom center;
}

.commercial #content .content-body .content-right 
{
    background:#606E88 url('../images/pagebg/blue-carpet.jpg') no-repeat bottom center;
}

.commercial #content .content-body .content-right h2,
.commercial #content .content-body .content-right p,
#content .content-body .content-right h2,
#content .content-body .content-right p {
    color:#fff;
}

#content .content-body .content-right h2.top 
{   
    margin:0 0 20px;
    padding:25px 0;
    border-bottom:#ABA3A1 1px solid;
}

#content .content-body .content-right .container {
    margin:0 0 20px;
    padding:0 0 20px;
    border-bottom:#ABA3A1 1px solid;
}

.commercial #content h2
{
    color:#203b60;
}

.commercial #content h2 a 
{
    color:#10518c;
}

#content .content-inner p.search-for
{
    margin:1em 26px 0 26px;
    display:block;
    clear:both;
}

#content .content-body p {
    color: #5b5352;
    font-size: 1.2em;
    margin-top:0;
    margin-bottom: 1em;
}


#content .content-body p a.right-arrow {
    font-size: 90%;
    background: url(../images/link-arrow.gif) center right no-repeat;
    padding-right: 20px;
}

#footer {
    font-size: 110%; 
    padding-top: 20px; 
    float:right;
    color: #4e4644; 
    text-align: right;
    margin-right:10px;
}

#footer .buttons{ float: right; margin-top: -10px; }

#footer ul.navigation {
    margin-right:5px;
    padding-bottom:15px;
}

#footer ul.navigation li {
    display: inline; 
    margin:0; 
    padding:0 0 0 5px; 
}
#footer ul.navigation li a{ color: #352f2e; padding-right: 5px; }
#footer p a { color: #4e4644; }
.commercial #footer p a { color: #224675; }
#footer p 
{
    margin:5px 0 0 0; 
    padding:0 10px 15px 0; 
}

.commercial #footer ul.navigation li a{ color: #1f3b60;}


#footer ul li a:hover, #footer p a:hover { color: #000; }



#content .product-item .product-features:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;     
}

#content .product-item .product-features {
    height: 1%;  
    display: block;    
}

#content .content-inner>.searchfields
{
    margin: 50px 26px 20px 26px;
}

#content.search .searchfields {
    margin-bottom: 30px;
    margin-top: 0;
    padding: 2.2em 20px;	
}

.ie6 #content .content-inner .searchfields {
    margin-left:26px;
    margin-right:26px;
}

.ie6 #content .content-inner .content-body .searchfields {
    margin-left:0;
    margin-right:0;
}

#content .content-inner .searchfields:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#content .content-inner .searchfields{
    margin-top: 15px;
    border: 1px solid #c2c3c3;
}

#content.where .searchfields { margin-top:0; border:none;}

#content .content-inner .searchfields label{
    float: left;
    color: #453c3b;
}
#content.search .searchfields label { font-size: 1.1em; }
#content.search .searchfields select { font-size: 1.1em; }
#content .content-inner .searchfields .search-button {
    margin-top: 17px;
    background: transparent url(../images/search.gif) top left no-repeat;
    width:102px;
    height:22px;
    border:0;
    text-indent:-9999px;
    cursor:pointer;
    float: right;
}
.content-body .searchfields .search-button 
{
	position: absolute;
	bottom: 10px;
	right:	10px;
}
#content.where .content-inner .searchfields .search-button {
	position: static;
	float: left;
	margin-left: 20px;
}
.ie6 #content .content-inner .searchfields .search-button, 
.ie7 #content .content-inner .searchfields .search-button 
{
        padding-top:200px;
}

.commercial #content .content-inner .searchfields .search-button {
    background: transparent url(../images/com-search.gif) top left no-repeat;
    border:0;
    text-indent:-9999px;
}

#content .content-inner .searchfields label select{
    width: 225px;
    margin-top: 3px;
}

#content .content-inner .searchfields label #search-button{
    margin-top: 1.6em;  
}

/* form elements */
a#search-button{
    width: 96px;
    height: 22px;
    display: block;
    background: transparent url(../images/button-search-withicon.gif) top left no-repeat;
    text-indent: -9999px;
}

.commercial a#search-button{
    background: transparent url(../images/button-search-withicon-commercial.gif) top left no-repeat;
}


/* About us styles */ 

#content.range .about-us h1
{
    margin-left:5px;
    display: block;
}

#left-box .housing h2, 
#right-box .housing h2  
{
    border-top: 7px solid #453c3b;
    margin:0 0 0 0;
    padding:15px 0 15px 15px;
}

.commercial #left-box .housing h2, 
.commercial #right-box .housing h2 
{
    border-top-color:#10518C;
}

#left-box .housing h2 a, 
#right-box .housing h2 a 
{
    background:none;
    padding:10px 0;
    color:#564E4D;
}

#left-box .housing h2 a:hover, 
#right-box .housing h2 a:hover
{
    color:#000;
}

#left-box div p, #right-box div p
{
    margin:15px;
}

#left-box p a, 
#right-box p a
{
    display: block;
    padding-left: 19px;
    background:url(../images/link-arrow.gif) 0% 50% no-repeat;  
    font-weight:bold;
}

#left-box, 
#right-box {
    background: url("../images/box-footer.gif") no-repeat left bottom;
    float: left;
    margin-top: 30px;
    padding-bottom: 5px;
    width: 325px;
}

#left-box { margin-left: 0; }
#right-box { margin-left: 40px; }

.ie6 #left-box {
    display:inline;
}
#left-box .housing, #right-box .housing
{
    border-top:1px solid #b2afae;
    border-right: 1px solid #b2afae;
    border-left: 1px solid #b2afae;
    background:#fff;
    overflow:hidden;
}


/* generic styles */
.clearboth{ clear: both; }
.clearleft{ clear: left; }
.uppercase{ text-transform: uppercase; }

/* GENERAL STYLES */
.intro-heading { 
	background: transparent url(../images/pagebg/carpet-swatches.jpg) no-repeat top left;
	padding: 30px 40px; 
	margin-bottom: 40px;
}
.rangelist .intro-heading { margin-bottom: 0; }
.no-borderradius .intro-heading { padding-top: 15px; }
.ie7 .range .intro-heading { padding-top: 0; }
.product-details .intro-heading { margin-bottom: 0; }
#content .content-inner .intro { 
	color: #FFFFFF;
    font-size: 1.4em;
    line-height: 1.66em;
    width: 275px;
    margin-left: 0;
}

.results-message 
{
	background-color: #fff;
	padding: 20px 0;
	color: #000;	
}

#content .content-inner p.results { 
	line-height: 1.66em;
	font-size: 120%;
	margin-bottom: 30px;
	margin-left: 25px;
	margin-right: 25px;
}

#content .content-inner .brand-listing{
	width: 195px;
	min-height: 170px;
	float: left;
	margin-bottom: 15px;
	border-left:1px solid #DCDADA;
	margin-left:16px;
	padding-left:15px;
}

#content .content-inner .left {
	border-left:none;
	margin-left:0;
	padding-left:0;
}

.commercial #content .content-inner .brand-listing{
	border: 1px solid #bfcdd9;
	width: 315px;
	margin-right: 16px;
	margin-left:0;
	padding-left:0;
	border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
}

.commercial #content .content-inner .last{
	margin-right:0;
}


#content .content-inner .brand-listing p{
	color: #000;
	font-size: 1.1em;
	line-height: 120%;
	margin-top:0;
}

.commercial #content .content-inner .brand-listing p{
	margin: 10px 10px;
	margin-bottom: 20px;
	color: #383e2a;
}

#content .content-inner .brand-listing a.imagelink {
	display:block;
	text-align:center;
}

#content .content-inner .brand-listing a.toplink {
	color: #4a4140;
	display: block;
	padding: 3px;
	padding-left: 8px;
	border: 1px solid #cbc9c8;
	background:#dcdbda url(../images/link-arrow.gif) 97% 50% no-repeat;
}

#content .content-inner .brand-listing a.toplink:hover {
	color: #fff;
	background: #463c3b url(../images/link-arrow-hi.gif) 97% 50% no-repeat;
}

.commercial #content .content-inner .brand-listing a.toplink{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #10518C;
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px 10px 0;
    text-decoration: none;
}

.commercial #content .content-inner .brand-listing a.toplink:hover {
	color: #000;
}

* html body #content .content-inner .brand-listing{
	height: 170px;
}

#content .content-inner .brand-listing.middle{
	border-left: 1px solid #dcdada;
	border-right: 1px solid #dcdada;
	padding: 0 16px 0 16px;
	margin: 0 16px 0 16px;
}

#content .content-inner hr{
	clear: left;
	height: 1px;
	border: none;
	border-top: 1px solid #dcdada;
	padding-bottom: 1%;
	margin-bottom: 15px;
}

#content .content-inner hr.bottom{
	margin: 0;
}

/* search results divs on where to buy page */
#content .content-inner .search-result {
	border: 1px solid #cbc9c8;
	margin-bottom: 25px;
}

#content .content-inner .search-result h3{
	background: #dddada;
	padding: 10px;
	padding-left: 20px;
	color: #453c3b;
	font-size: 110%;
	border-bottom: 1px solid #cbc9c8;
}

#content .content-inner p.searchterms{
	font-size: 100%;
	float: left;
	color: #000;
}

#content .content-inner p.searchpage{
	font-size: 90%;
	float: right;
	color: #000;
}

#content .content-inner p.searchpage a.next{
	background:url(../images/link-arrow.gif) center right no-repeat;
	padding-right: 20px;
}

#content .content-inner p.searchpage a.prev{
	background:url(../images/link-arrow-left.gif) center left no-repeat;
	padding-left: 20px;
	margin-right: 20px;
}

#content .content-inner .search-result .address{
	font-size: 90%;
	padding: 15px;
	padding-left: 20px;
	border-bottom: 1px solid #cbc9c8;
	background: #ededec;
}


#content .content-body .address p span.phone {
	height: 20px;
	background: transparent url(../images/icon-phone.gif) center left no-repeat;
	display: block;
	padding-left: 35px;
	float: left;
	margin-right: 20px;
}

#content .content-body .address p span.fax {
	height: 20px;
	background: transparent url(../images/icon-fax.gif) center left no-repeat;
	display: block;
	padding-left: 35px;
	float: left;
	margin-right: 20px;
}

#content .content-body .address p span.email {
	height: 20px;
	background: transparent url(../images/icon-email.gif) center left no-repeat;
	display: block;
	padding-left: 35px;
	float: left;
}

#content .content-body .address p span.email a{
	text-decoration: underline;
}

#content .content-inner .search-result ul{
	margin: 0;
	padding: 0;
	height: 50px;
}

#content .content-inner .search-result ul li{
	list-style-type: none;
	float: left;
	width: 107px;
	height: 50px;
	border-right: 1px solid #cbc9c8;
	text-align: center;
}

#content .content-inner .search-result ul li.last{
	border: none;
}

/* Search gallery */
/* GENERAL STYLES */
/* search results and image gallery pages */

#content .content-inner { 
	background: transparent url(../images/pagebg/wool-balls.jpg) no-repeat top left; 
}

#content.rangelist .content-inner,
.commercial.rangelist #content .content-inner,
#content.gallery .content-inner,
.commercial.gallery #content .content-inner { background: none; }

.commercial #content.search .content-inner,
#content.search .content-inner { background: none; }

#content .content-inner hr{
	clear: left;
	height: 1px;
	border: none;
	border-top: 1px solid #dcdada;
	padding-bottom: 1%;
	margin: 0 20px 15px 20px;
}

#content .content-inner hr.bottom{
	margin: 0 20px 0 20px;
}

#content .content-body {
	padding-left: 0; 
	padding-right: 0;
}

#content .content-inner .search-result {
	border: 1px solid #cbc9c8;
	margin-bottom: 25px;
	clear:both;
}

#content .content-inner .search-result h3{
	background: #dddada;
	padding: 10px;
	color: #453c3b;
	font-size: 110%;
	border-bottom: 1px solid #cbc9c8;
	margin: 0;
}

#content .content-inner h2, 
#content.search .content-inner p, 
#content .content-inner .search-result{
	margin-left: 20px; 
	margin-right: 20px;
}

#content.standard .content-body h2,
#content .content-inner .product-selector h2 { margin-left: 0; }

#content .content-inner h2 .hilite, 
#content .content-inner h2 .hilite a{
	color: #837d7c;
}

/* styling of top tabs */
.tabsearch{
	margin-top: 25px;
	height: 60px;
}

.tabsearch ul {
    margin: 0 0 0 2px;
    padding: 0;
}

.tabsearch ul li{
	list-style-type: none;
	float: left;
	display: block;
	height: 60px;
	overflow: hidden;
}

.ie6 .tabsearch ul li,
.ie7 .tabsearch ul li {
	display:inline;	
}

.tabsearch ul li a{
	display: block;
	width: 100px;
	height: 100%;
	background-position: 0 0;
}



.tabsearch ul li input
{
	border: 0 none;
    cursor: pointer;
    height: 60px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 150px;
}

.tabsearch ul li input.reserve {
	background:url(../images/wheretobuy/reserve.gif);
}

.tabsearch ul li input.classic {
	background:url(../images/wheretobuy/classic.gif);
}

.tabsearch ul li input.woven {
	background:url(../images/wheretobuy/woven.gif);
}

.tabsearch ul li input.feltex-woven {
	background:url(../images/wheretobuy/woven.gif);
}

.tabsearch ul li input.feltex {
	background:url(../images/wheretobuy/Feltex.gif);
}

.tabsearch ul li input.feltex-commercial-tiles {
	background:url(../images/wheretobuy/FeltexTile.gif);
}

.tabsearch ul li input.customised-design {
	background:url(../images/wheretobuy/customiseddesign.gif);
}

.tabsearch ul li input.feltex-commercial {
	background:url(../images/wheretobuy/commercial.gif);
}

.tabsearch ul li input.redbook{
	background:url(../images/wheretobuy/redbook.gif);
}

.tabsearch ul li input.kensington{
	background:url(../images/wheretobuy/kensington.gif);
}

.tabsearch ul li input.minister{
	background:url(../images/wheretobuy/minister.gif);
}

.tabsearch ul li input.allbrands{
	background:url(../images/wheretobuy/allbrands.gif);
	width: 86px;

}
.tabsearch ul li input.feltex-green {
    background: url("../images/wheretobuy/Feltex-green.gif") repeat scroll 0 0 transparent;
}
.tabsearch ul li input.allbrands:hover,
.tabsearch ul li input.reserve:hover,
.tabsearch ul li input.classic:hover,
.tabsearch ul li input.woven:hover,
.tabsearch ul li input.feltex-woven:hover,
.tabsearch ul li input.feltex:hover,
.tabsearch ul li input.customised-design:hover,
.tabsearch ul li input.redbook:hover,
.tabsearch ul li input.kensington:hover,
.tabsearch ul li input.minister:hover,
.tabsearch ul li input.feltex-commercial:hover,
.tabsearch ul li input.feltex-commercial-tiles:hover,
.tabsearch ul li input.feltex-green:hover
{
	background-position: 0 -60px;
}

.tabsearch ul li input.selected
{
	background-position: 0 -120px;	
}

.tabsearch ul li input.selected:hover {
	background-position: 0 -120px;
}

/* Fix for IE not being able to do Text-Indent */
.ie7 .tabsearch ul li input, .ie6 .tabsearch ul li input
{
	text-indent:0px;
	padding-top:250px;
}

/* styling of page number bar at the top of search results and gallery */
#content .content-inner p.searchterms{
	font-size: 100%;
	color: #000;
	margin-left: 0;
	padding-left: 20px;
}

#content .content-inner p.searchpage{
	font-size: 90%;
	float: right;
	color: #000;
	margin-right: 0;
	padding-right: 20px;
}

#content .content-inner p.searchpage.gallery{
	color: #dbd9d9;
}

#content .content-inner p.searchpage a.next{
	background:url(../images/link-arrow.gif) center right no-repeat;
	padding-right: 20px;
}

#content .content-inner p.searchpage a.prev{
	background:url(../images/link-arrow-left.gif) center left no-repeat;
	padding-left: 20px;
	margin-right: 20px;
}

#content .content-inner p.searchpage.gallery a{
	margin-left: 5px; margin-right: 5px;
}

#content .content-inner p.searchpage.gallery a.next{
	margin-right: 0;
}

/* styling of items within search results pods */
#content .content-inner .search-result .address{
	font-size: 90%;
	padding: 15px;
	padding-left: 10px;
	border-bottom: 1px solid #cbc9c8;
	background: #ededec;
}


#content .content-body .address p span.phone {
	height: 20px;
	background: transparent url(../images/icon-phone.gif) center left no-repeat;
	display: block;
	padding-left: 35px;
	float: left;
	margin-right: 20px;
}

#content .content-body .address p span.fax {
	height: 20px;
	background: transparent url(../images/icon-fax.gif) center left no-repeat;
	display: block;
	padding-left: 35px;
	float: left;
	margin-right: 20px;
}

#content .content-body .address p span.website {
	height: 20px;
	display:inline-block;
	float: left;
}

#content .content-body .address p span.website a {
	height: 20px;
	display:inline-block;
	padding-left: 35px;
	background: transparent url(../images/icon-web.gif) center left no-repeat;
}

#content .content-body .address p span.email {
	height: 20px;
	display: block;
	padding-left: 35px;
	float: left;
}

#content .content-body .address p span.email a{
	text-decoration: underline;
}


#content .content-body .address p span.email {
	background: transparent url(../images/icon-email.gif) center left no-repeat;
}

#content .content-body .address p span.website {
	background: transparent url(../images/icon-website.gif) center left no-repeat;
}




#content .content-inner .search-result ul{
	margin: 0;
	padding: 0;
	height: 50px;
}

#content .content-inner .search-result ul li{
	list-style-type: none;
	float: left;
	width: 107px;
	height: 50px;
	border-right: 1px solid #cbc9c8;
	text-align: center;
	padding-left: 5px;
}

#content .content-inner .search-result ul li.last{
	border: none;
}

/* styling of horizontal scroll gallery */
#content .content-inner .scroll{
	height: 110px;
	margin-left: 20px; margin-right: 20px;
	white-space: nowrap;
	overflow: auto;
	width: 650px; /* req for ie6 */
}

#content .content-inner .scroll ul{
	margin: 0; padding: 0;
}

#content .content-inner .scroll ul li{
	list-style-type: none;
	display: inline;
}


#content .content-inner .scroll ul li a img{
	margin-right: 10px;
	padding-top: 15px;
	margin-bottom: 10px;
}

#content .content-inner .scroll ul li a:hover img{
	background: transparent url(../images/gallery-arrow-hover.gif) top center no-repeat;
}

#content .content-inner .scroll ul li.selected a img{
	background: transparent url(../images/gallery-arrow.gif) top center no-repeat;
}

/* general element styling */
#content .content-inner .search-result p{
	margin-left: 0;
}

/** CONTACT US **/
/* GENERAL STYLES */
#content .content-inner { 
	background: transparent url(../images/pagebg/carpet-rolls.jpg) no-repeat top left; 
}

#content .content-body img.mainimage {
	float: right;
	margin: 0 0 20px 20px;
	border: 1px solid #b2afae;
}

#content .content-body .form-feedback {
	background: url("../images/feedback-form-bg.gif") repeat-x scroll left top #FFFFFF;
    border: 1px solid #B9B5B5;
    float: left;
    margin-right: 20px;
    padding: 20px;
    width: 340px;
}

#content .form-feedback h2 { margin-left: 0; }

#content .content-body .form-feedback .col,
#content .content-body .form-feedback label {
	display: block;
	float: left;
	margin-bottom: 10px;
	color: #453c3b;
	width: 325px;
	font-size: 1.2em;
}

#content .content-body .form-feedback .col,
#content .content-body .form-feedback label.col {
	padding-right: 20px;
}

#content .content-body .form-feedback .col label {
	width:100%;	
	margin-bottom:0;
}

#content .content-body .form-feedback .phone em {
	display:block;
	float:left;
	font-size:.85em;
}

#content .content-body .form-feedback .phone em.area-code {
	width:50px;
	padding-right:10px;	
}

.ie6 #content .content-body .form-feedback .phone em.number {
	width:84px;
}


#content .content-body .form-feedback .phone em.number {
	width:90px;
}

#content .content-body .form-feedback a{
	background: none;
}

#content .content-body .form-feedback .col input, 
#content .content-body .form-feedback label input, 
#content .content-body .form-feedback label select,
#content .content-body .form-feedback label textarea
{
	margin-top: 10px;
	width: 100%;
	font-size: 1.4em;
}

#content .content-body .form-feedback label textarea.enquiry{
	height: 120px;
}

#content .content-body .form-feedback .submit {
	clear:both;
}

#content .content-body .form-feedback input.send-button 
{
	margin-top: 15px;
    background: transparent url(../images/send-res.gif) top left no-repeat;
	width:102px;
	height:22px;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
}

.commercial #content .content-body .form-feedback input.send-button
{
	background: transparent url(../images/send-com.gif) top left no-repeat;
}
.commercial #content .content-body .form-feedback input.send-button:hover,
#content .content-body .form-feedback input.send-button:hover {
    background-position: bottom left;
}

.ie6 #content .content-body .form-feedback input.send-button, 
.ie7 #content .content-body .form-feedback input.send-button
{
		text-indent:1px;
		padding-top:200px;
}

#content .content-body .address p {
	color: #000;
	font-size: 1.1em;
}

#content .content-body .address p span {
	display: block;
	padding-left: 35px;
}

#content .content-body .address p span.website {
	padding-left: 10px;
}

#content .content-body .address p span.phone {
	height: 18px;
	background: transparent url(../images/icon-phone.gif) center left no-repeat;
	margin-bottom: 5px;
}

#content .content-body .address p span.fax {
	height: 20px;
	background: transparent url(../images/icon-fax.gif) center left no-repeat;
}

#content .content-body img.map { 
	border: 1px solid #b9b5b5;
}

/* GENERAL STYLES */
/* GENERAL STYLES */
/* styles for standard content page */

#content .content-inner { 
	background: transparent url(../images/pagebg/carpet-rolls.jpg) no-repeat left top; 
}

#content .content-body h2 {
	padding-top:5px;
}

#content .content-body img.mainimage {
	float: right;
	margin: 0 0 20px 20px;
	border: 1px solid #b2afae;
}

#content .content-body p.highlight
{
	display:block;
	padding:12px 0;
	border-top:1px solid #b7b4b3;
	border-bottom:1px solid #b7b4b3;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.2em;
}

#commercial #content .content-body p.highlight 
{
	color:#203B60;
}

#content .content-body img.image-right  
{
	float:right;
	border-left:20px solid #fff;
	border-bottom:20px solid #fff;
}

#content .content-body img.image-left {
	float:left;
	border-right:20px solid #fff;
	border-bottom:10px solid #fff;
}

#content .content-body .clear-both {
	clear:both;
}

#content .content-body p.pullout
{
	font-weight:bold;
	font-size:1.3em;
	line-height:1.2em;
	color:#383e2a;
	border:1px solid #b7b4b3;
	border-left:none;
	border-right:none;
	padding:12px 15px 12px 0;
	float:right;
	width:500px;
	clear:none;
}

#content .content-body img.left
{
	float:left;
}


#content .content-body ul.cols-2
{
	width:45%;
	float:left;
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}

#content .content-body ul.cols-2 a
{
	display: block;
	padding-left: 20px;
	background:url(../images/link-arrow.gif) 0% 50% no-repeat;	
	font-weight:bold;
}

#content .content-body hr
{
	clear: left;
	height: 1px;
	border: none;
	border-top: 1px solid #b7b4b3;
	padding: 0;
	margin: 0 0 1em 0;
}

/* following styles predominantly for sitemap */

	#content .content-body .table-list{
		float: left;
		margin-right: 20px;
		width: 315px;
	}

	#content .content-body .table-list.nomargin{
		margin-right: 0;
	}


	#content .content-body .table-list h2{
		font-size: 100%;
		color: #fff;
		background-color: #453c3b;
		padding: 5px 10px;
		margin: 0;
	}

	#content .content-body .table-list ul {
		margin: 1px 0 0 0; 
		padding: 0;
	}

	#content .content-body .table-list ul li {
		list-style-type: none;
	}

	#content .content-body .table-list ul a {
		color: #453c3b;
		padding: 3px 10px 3px 30px;
		display:block;
		background: #dadada url(../images/link-arrow.gif) 10px 50% no-repeat;
		display: block;
		list-style-type: none;
		color: #453c3b;
		font-weight: bold;
		zoom: 1;
		border-bottom: 1px solid #fff;
		font-size: 1.3em;
	}

	#content .content-body .table-list ul a:hover {
		color: #fff;
		background:#000 url('../images/link-arrow-hi.gif') 10px 50% no-repeat;
	}
	.standard .content-body ul { margin-bottom: 15px; }
	.standard .content-body li { list-style-type: disc; margin-left: 15px; font-size: 1.1em; }

/* first level on sitemap */
	#content .content-body .table-list ul li .toplevel {
		padding-left: 10px;
	}

	#content .content-body .table-list ul li ul 
	{
		margin-top:0;
	}

/* Second level on sitemap */

	#content .content-body .table-list ul li ul li a {
		padding: 5px 0 5px 50px;
		background-color: #ebebeb;
		font-weight: normal;
		background-image:none;
	}
	
	#content .content-body .table-list ul li ul li a:hover {
		background-image:none;
	}

/* Third level on sitemap */

	#content .content-body .table-list ul li ul li ul li a {
		padding-left: 70px;
		background-color: #f2f2f2;
	}
	
/* *09: Print styles ----------------------------------------------------------------------------------------------------------*/
@media print {
   /* PRINT STYLES */


	/***** Hide Navigation *****/
	#header #mainmenu,
	#header .navigation {
		display:none;
	}

	/***** Hide Footer *****/
	#footer {
		display:none;
	}

	/***** Place Feltex logo at top of page *****/
	#header {
		float:none;
		display:block;
		width:100%;
		border-bottom:1px solid #000;
	}

	#header img.main-logo {
		float:none;
	}

	#content {
		float:none;
	}

	/***** Hide Product Selector *****/

	#commercial #content .content-inner .product-selector {
		display:none;
	}


	/***** Hide Additional Information Link *****/

	.additional-information {
		display:none;
	}

	/***** Hide H1 Image and Show H1 for Range Titles *****/

	#content img.range-details-logo {
		display:none;
	}

	#content h1.range-detail-title {
		display:block;
		margin: 15px 0 5px 15px;
	}

	/***** Intro Text Full Width *****/

	#content h1,
	#commercial #content .content-inner h2.results {
		margin:10px 0pt 15px 15px;
		padding:0;
	}

	#content .content-inner p.intro,
	#content .product-details p, 
	#content .standard-details p,
	#content .content-inner p.search-for {
		margin-left:15px;
		padding:0;
		width:90%;
	}

	#content .product-item {
		margin-left:0;
	}

	#content .content-body {
		padding:0;
		margin:0;
	}

	#left-box {
		margin-left:0;
	}

	#content .content-inner {
		height:auto;
	}

	/***** Hide Toggle Button *****/

	input.toggle-button {
		display:none;
	}

	/***** Hide Search Box *****/

	#commercial #content .commercial-wheretobuy .searchfields,
	#content .content-inner .searchfields {
		display:none;
	}

	.tabsearch {
		margin-bottom:15px;
	}
}