/* main selectors */

body {
	margin: 0;
	padding: 0;
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #ACB8BF url(../images/background-body.png) repeat-x;
}

a {
	color: #ADB9C0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
	vertical-align: middle;
}

div.icon img {
	display: block;
	vertical-align: baseline;
}

a:hover img {
	border-color: #FFF !important;
}

p {
	margin: 0;
	padding: 0 0 20px 0;
}

ul, ol {
	margin: 0 0 0 22px;
	padding: 0 0 20px 0;
}

dl, dt {
	margin: 0;
	padding: 0;
}

dt {
	text-transform: uppercase;
}

dd {
	margin: 0;
	padding: 0 0 20px 0;
}

h1,
#promo h2,
#featured h3,
#teasers h3,
#spec h2,
#category h2,
#listing h2,
#gallery h3 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	color: #5C6F7B;
	text-transform: uppercase;
}

h1 {
	padding-bottom: 14px;
}

h2, h3, h4 {
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
}

/* form elements */
form {
	margin: 0;
	padding: 0;
}

input.text {
	font: 14px/15px Arial, Helvetica, sans-serif;
	color: #5C6F7B;
	background: #FFF;
	border: 1px solid #E5EAED;
	margin: 0;
	padding: 2px 4px;
	vertical-align: middle;
}

input.submit {
	font: bold 14px/15px Arial, Helvetica, sans-serif;
	color: #5C6F7B;
	background: #FFF;
	border: 1px solid #E5EAED;
	margin: 0;
	padding: 4px 12px;
	vertical-align: middle;
}

textarea {
	font: 14px/15px Arial, Helvetica, sans-serif;
	color: #5C6F7B;
	background: #FFF;
	border: 1px solid #E5EAED;
	margin: 0;
	padding: 4px;
	vertical-align: middle;
	overflow: auto;
}

/* main layouts */
#container {
	width: 894px;
	margin: 0 auto;
}

/* header section */
#header {
	height: 211px;
	position: relative;
}

/* logo section */
h1.logo,
strong.logo {
	margin: 0;
	padding: 0;
	font-size: 11px;
	position: absolute;
	top: 20px;
	left: 91px;
}

.logo a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 726px;
	height: 120px;
	background: url(../images/logo.png) no-repeat;
}

/* navigation section */
#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 156px;
	left: -4px;
	line-height: 29px;
	font-size: 12px;
	text-transform: uppercase;
	width: 898px;
}

#navigation li {
	float: left;
	margin-left: 4px;
	display: inline;
}

#navigation li a {
	float: left;
	border: 1px solid #6A7983;
	background: #7C8D99 url(../images/navigation.gif) repeat-x;
	color: #FFF;
	text-align: center;
	width: 143px;
	white-space: nowrap;
}

#navigation li.spec a {
	width: 147px;
}

#navigation li a:hover,
#navigation li.active a {
	text-decoration: none;
	color: #5C6F7B;
	background: #ADB8BF;
	border-color: #828E97;
}

/* #subnavigation section */
#subnavigation {
	margin: 0 -10px;
	width: 202px;
	overflow: hidden;
	list-style: none;
	padding: 0;
	text-transform: uppercase;
	font-size: 12px;
}

#subnavigation li {
	padding-bottom: 20px;
	width: 100%;
	overflow: hidden;
}

#subnavigation a {
	display: block;
	padding: 0 10px;
	width: 182px;
	color: #FFF;
}

#subnavigation a:hover,
#subnavigation li.active a,
#subnavigation li.active ul li.active a,
#subnavigation ul a:hover,
#subnavigation li.active ul a:hover {
	text-decoration: none;
	background-color: #B0B6BD;
	color: #5C6F7B;
}

#subnavigation li.active ul li.active a{
	background-color: #838A91;
	color: #ADB9C0;
}

#subnavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnavigation ul li {
	padding: 0;
}

#subnavigation ul a,
#subnavigation li.active ul a,
#subnavigation ul span,
#subnavigation li.active ul span {
	color: #ADB9C0;
	padding-left: 30px;
	width: 162px;
	background: none;
}


/* footer section */
#footer {
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 18px;
}

#footer a {
	color: #FFF;
}

#footer p {
	padding: 0;
	color: #5C6F7B;
}

#footer ul {
	margin: 0;
	list-style: none;
}

#footer ul li {
	display: inline;
	padding: 0 8px 0 13px;
	background: url(../images/bullet-footer.gif) no-repeat left;
}

#footer ul li.home {
	padding-left: 0;
	background: none;
}

/* content section */
#content {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

#primary {
	width: 662px;
	float: right;
}

#sidebar {
	width: 182px;
	padding: 10px;
	float: left;
	background: #5C6F7B;
	border: 1px solid #687984;
	margin-bottom: 25px;
	color: #ADB9C0;
	line-height: 22px;
	overflow: hidden;
}

/* inner boxes section */

/* default text holder section */
div.holder {
	border: 1px solid #87949C;
	background: #ADB8BF;
	padding: 20px 25px 5px 25px;
	margin-bottom: 25px;
	height: 1%;
}

/* empty holder section */
div.empty {
	width: 100%;
	margin-bottom: 25px;
}

/* promo box section */
#promo {
	background: #FFF;
	border: 1px solid #B6C0C7;
	height: 1%;
	overflow: hidden;
	margin-bottom: 20px;
}

#promo div.icon {
	width: 510px;
	float: right;
	border-left: 1px solid #B6C0C7;
}

#promo div.text {
	float: left;
	width: 381px;
	margin-right: -1px;
	border-right: 1px solid #B6C0C7;
	color: #5C6F7B;
}

#promo div.text div {
	padding: 25px 30px 5px 30px;
}

#promo div.text div.main {
	background-color: #ADB8BF;
	border-bottom: 1px solid #B6C0C7;
	color: #FFF;
}

#promo h2 {
	padding-bottom: 20px;
}

/* featured products box section */
#featured h2 {
	color: #FFF;
	font-size: 18px;
	padding-bottom: 20px;
	font-weight: bold;
}

#featured div.item {
	height: 1%;
	overflow: hidden;
	background: #ADB8BF;
	border: 1px solid #95A1A9;
	margin-bottom: 25px;
}

#featured div.icon {
	width: 320px;
	float: left;
	border-right: 1px solid #95A1A9;
}

#featured div.text {
	float: right;
	border-left: 1px solid #95A1A9;
	margin-left: -1px;
	width: 531px;
	padding: 20px;
	color: #FFF;
	line-height: 14px;
}
#featured div.text p a{
	color: #5C6F7B;
	text-decoration: underline;
}
#featured div.text p a:hover{
	color: #5C6F7B;
	text-decoration: none;
}
#featured h3  {
	padding-bottom: 14px;
}
#featured h3 a,
#teasers h3 a {
	color: #5C6F7B;
}

#featured p,
#teasers p {
	padding: 0;
}

/* teasers section */
#teasers {
	width: 918px;
	overflow: hidden;
	margin-left: -25px;
}

#teasers div.item {
	float: left;
	display: inline;
	min-height: 150px;
	background: #ADB8BF;
	border: 1px solid #9DA9B1;
	width: 432px;
	margin: 0 0 25px 25px;
}

* html #teasers div.item {
	height: 150px;
	overflow: visible;
}

#teasers div.icon {
	width: 160px;
	float: left;
	border-right: 1px solid #9DA9B1;
}

#teasers div.text {
	float: right;
	border-left: 1px solid #9DA9B1;
	margin-left: -1px;
	width: 236px;
	padding: 15px 15px 15px 20px;
	color: #FFF;
	line-height: 14px;
}

#teasers h3 {
	padding-bottom: 10px;
}

/* specifications box section */
#spec div.main {
	border: 1px solid #9AA6AE;
	background: #ADB8BF;
	height: 1%;
	padding: 25px 25px 25px 25px;
	margin-bottom: 25px;
}

#spec div.sub {
	border: 1px solid #A4AEB6;
	background: #FFFFFF;
	height: 1%;
	padding: 25px 25px 5px 25px;
	margin-bottom: 25px;
	color: #5C6F7B;
}

#spec div.sub a {
	color: #5C6F7B;
	font-weight: bold;
}

#spec h3,
#spec div.sub h4 {
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 14px;
	font-weight: bold;
	color: #5C6F7B;
	text-transform: uppercase;
}

#spec h3 a,
#spec div.sub h4 a{
	color: #5C6F7B;
}

#spec ul li a{
	color: #fff;	
}

#spec div.sub h4 {
	padding-left: 0;
}

#spec div.sub h3,
#spec div.sub h2 {
	color: #ADB9C0;
	clear: both;
}

#spec ul {
	margin: 0;
	list-style: none;
	/*text-transform: uppercase;*/
}

#spec div.main ul {
	margin-left: 45px;
}

#spec div.dload {
	margin-left: 70px;
}

#spec p {
	padding: 0;
}

#spec .specheader{
	margin: 0.5em 0;
}

#spec .specthumb{ 
	float: right;
}

/* contact form section */
div.contact-form dl, div.contact-form ul {
	width: 100%;
}
div.contact-form ul li{
	clear: both;
	list-style: none;
	padding-top: 10px;
}

div.contact-form ul li ul.errorlist{
	border: 1px solid #BD0909;
	color: #BD0909;
	background: #fff;
	padding: 0;
	margin: 0 0 5px 0;
	width:520px; 
}
div.contact-form ul li ul.errorlist li{	
	padding: 5px;
}

div.contact-form dl:after, div.contact-form ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.contact-form dt , div.contact-form li label{
	width: 180px;
	padding-bottom: 12px;
	float: left;
	clear: left;
	line-height: 22px;
}

div.contact-form dd, div.contact-form li input {
	padding-bottom: 12px;
	float: left;
	width: 330px;
}

div.contact-form dd.button, div.contact-form li.button {
	padding-bottom: 10px;
	padding-left: 180px;
}

div.contact-form dd.button input, div.contact-form li.button input {
	width: auto;
	padding-bottom: 5px;
}

div.contact-form input.text {
	width: 330px;
}

div.contact-form textarea {
	width: 330px;
	height: 145px;
}

/* contact box section */
div.contact ul {
	margin: 0;
	list-style: none;
}

div.contact h2 {
	color: #FFF;
	font-size: 14px;
	text-transform: none;
}

/* product category section */
#category h1, h1.pageheader {
	color: #ADB9C0;
	font-size: 18px;
}

#category div.item {
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px;
}

#category div.text {
	width: 440px;
	border: 1px solid #A3AEB6;
	background: #ADB8BF;
	float: right;
	padding: 20px;
	min-height: 132px;
}

* html #category div.text {
	height: 132px;
	overflow: visible;
}

#category div.icon {
	width: 160px;
	border: 1px solid #8E9CA6;
	float: left;
	background: #768894;
}


#category div.icon a {
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

#category div.icon span {
	display: block;
	line-height: 22px;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	background: url(../images/navigation.gif) repeat-x bottom left;
}

#category h2 {
	padding-bottom: 4px;
}

#category h2 a,
#listing h2 a {
	color: #5C6F7B;
}

#category p {
	padding: 0;
}

/* products listing section */

/* teasers section */
#listing {
	width: 684px;
	overflow: hidden;
	margin-left: -20px;
	margin-bottom: 5px;
}

#listing div.item {
	float: left;
	display: inline;
	min-height: 150px;
	background: #ADB8BF;
	border: 1px solid #9DA9B1;
	width: 319px;
	margin: 0 0 20px 20px;
}

* html #listing div.item {
	height: 150px;
	overflow: visible;
}

#listing div.icon {
	width: 160px;
	float: left;
	border-right: 1px solid #9DA9B1;
}

#listing div.text {
	float: right;
	border-left: 1px solid #9DA9B1;
	margin-left: -1px;
	width: 128px;
	padding: 15px;
	color: #FFF;
	line-height: 14px;
}

#listing h2 {
	padding-bottom: 4px;
}

#listing p {
	padding: 0;
}

/* product section */
#product {
	width: 100%;
	margin-bottom: 25px;
}

#product h1 {
	padding-bottom: 4px;
}

#product div.icon {
	margin-bottom: 25px;
	border: 1px solid #687984;
}

#product div.text {
	border: 1px solid #A7B3BA;
	background: #ADB8BF;
	height: 1%;
	padding: 25px 30px 5px 30px;
}

#product div.text a{
	color: #fff;
	text-decoration: underline;
}

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

#product ul.refs {
	margin: 0 0 0 -3px;
	padding: 4px 0 0 0;
	list-style: none;
	width: 668px;
	overflow: hidden;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
}

#product ul.refs li {
	float: left;
	padding-left: 4px;
}

#product ul.refs a {
	float: left;
	border: 1px solid #6A7983;
	background: #7C8D99 url(../images/navigation.gif) repeat-x;
	color: #FFF;
	text-align: center;
	width: 160px;
	white-space: nowrap;
}

#product ul.refs a:hover {
	text-decoration: none;
	color: #5C6F7B;
	background: #ADB8BF;
	border-color: #828E97;
}

/* product gallery section */
#pgallery h1 {
	color: #ADB9C0;
	font-size: 18px;
}

#product div.icon,
#pgallery div.icon {
	margin-bottom: 25px;
	border: 1px solid #687984;
}

#pgallery h2 {
	color: #5C6F7B;
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}

#pgallery div.navigation {
	width: 100%;
	overflow: hidden;
}

#pgallery div.navigation h2 {
	float: left;
}

#pgallery div.navigation p {
	float: right;
	color: #FFF;
	text-transform: lowercase;
}

#pgallery div.navigation p a {
	color: #FFF;
}

#pgallery div.icons {
	border: 1px solid #798994;
	background: #5C6F7B;
	height: 1%;
	padding: 8px 0 0 2px;
	margin-bottom: 25px;
}

#pgallery div.icons ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}

#pgallery div.icons ul li {
	float: left;
	padding: 0 0 8px 6px;
}

#pgallery div.icons img,
#gallery div.icon img {
	width: 64px;
	height: 64px;
	border: 1px solid #798994;
}

/* gallery section */
#gallery {
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}

#gallery h1 {
	color: #ADB9C0;
	font-size: 18px;
	padding-left: 12px;
}

#gallery h2 {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	padding: 0 0 14px 12px;
}

#gallery h3 {
	color: #FFF;
	padding-bottom: 12px;
}

#gallery h3 a {
	color: #FFF;
}

#gallery div.item {
	border: 1px solid #72828D;
	margin-bottom: 14px;
	background: #5C6F7B;
	padding: 10px;
	color: #ADB9C0;
	line-height: 14px;
	height: 1%;
	overflow: hidden;
}

#gallery div.subitem{
	border-left: 20px solid #72828D;	
}
#gallery div.item p {
	padding: 0;
}

#gallery div.text {
	width: 565px;
	padding-right: 10px;
	float: left;
}

#gallery div.subitem div.text{
	width: 515px;	
} 

#gallery div.icon {
	float: right;
}

#gallery div.icon ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 296px;
}

#gallery div.icon ul li {
	float: left;
	padding-left: 8px;
	display: inherit;
}
/*homepage*/

#marketingimages{
	margin: 0;
	padding: 0;
	list-style: none;
}

.products #listing .item .text h2{
	height: 2em;
}
div.clear{
	clear: both;	
}

em.return{
	float: right;
	font-size: 80%;
	text-transform: none;
}

div.questions{
	padding-top: 1em;
}

span.question{
	font-weight: bold;
}

.sub dt, .sub dd{
	clear: both;
}
a.highres{
	float: right;
}

.finishes .sub dt, .finishes .sub dd, .specifications .dload li{
    clear: both;
}

.index #promo{
	height: 340px;
}
.index #promo h2 {
	padding-bottom: 10px;
}

.products_by_category #category h2 {
	font-size: 18px;
}

#promo div.text div.main a{	
	color:#5C6F7B;
}

.viewall {
	clear: both;
	text-align: right;
}
#watermark{
	background: transparent url(../images/watermark.png) no-repeat top left;
	
}

#selfbuild {
	display: block;	
	width: 376px;
	height: 386px;
	position: absolute;
	top: 280px;
	left: 50%;
	margin-left: 200px;
	text-align: center; 
	background: transparent url(../images/starbg.png) top left no-repeat;
	z-index: 4000;
}

#selfbuild div{
	color: #4C575F;
	width: 150px;
	text-align: left;
	padding: 100px 0 0 80px;	
}

#justlaunched {
	background:transparent url(../images/JustlaunchedStar.png) no-repeat scroll left top;
	display:block;
	height:386px;
	left:50%;
	margin-left:200px;
	position:absolute;
	text-align:center;
	top:400px;
	width:376px;
	z-index:4000;
}
#featured .topfeatured .text p{
	padding-right: 250px;
}
#justlaunched div {
	color:#4C575F;
	padding:130px 0 0 100px;
	text-align:left;
	width:160px;
}

#justlaunched div h3{
	color: #5C6F7B; 
	font-weight: bold; 
	font-size: 120%;
}
#justlaunched div p a{
	color: #5C6F7B; 
}
	
.alert{
	color:#C31717;
}


/* Promo for As seen on RTE’s Room to Improve */

#teasers div.product4 {
	border: 1px solid #fff;
}

#teasers div.product4 h4.promo{
	padding: 10px; 
	background: #000; 
	font-weight: bold;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	/* IE 5-7 */
	filter: alpha(opacity=70);

	/* Netscape */
	-moz-opacity: 0.7;

	/* Safari 1.x */
	-khtml-opacity: 0.7;

	/* Good browsers */
	opacity: 0.7;
}


#featured{
	clear: both;
}

#testimonials h2 {
	color: #FFF;
	font-size: 18px;
	padding-bottom: 20px;
	font-weight: bold;
}

#testimonials h2 {
	display: none;
}



#flexslider{
	margin-bottom: 10px;
	background: #ADB8BF;
	border: 1px solid #B6C0C7;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	-o-border-radius: 0; 
	border-radius: 0; 
}

#flexslider .flex-quote {
	background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;
}
#flexslider .flex-quote {
	margin: 0;
	width: auto; 
	padding: 2%; 
	position: relative; 
	background: rgba(0,0,0,.3); 
	color: #fff; 
	text-shadow: 0; 
	font-size: 14px; 
	line-height: 18px;
	min-height: 125px;
}

#flexslider .flex-quote p {
	background: transparent url("../images/quotation-marks.png") no-repeat 0 0;
	padding: 0 65px;
}

#flexslider .flex-quote p em {
	display: block;
	text-align: right;
	padding: 5px;
}


#flexslider .flex-control-nav {width: 60px; position: absolute; bottom: 5px; right: 5px; }