﻿/* ----- Main Structure ----- */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	color: #000;
	font-size: 100%;
}

#container {

}

#logo {
	padding: 1em;
}

#nav, #nav2, #subnav, #subnav2 {
	display: none;
}
	
#footer {
	clear: both;
	text-align: center;
	font-size: 60%;
	margin: 0;
	padding: 2em 0;
	color: #000;
	font-family: "lucida sans", "arial narrow", arial, sans-serif;
}

	#footer a {
		padding: 0 1em;
		color: #000;
		font-weight: normal;
	}

/* ----- Main Elements ----- */

img.h1 {
	display: block;
	margin: 0.5em 0;
}

img.h2 {
	display: block;
	margin: 1.5em 0 0.5em;
}

h1 {
	margin: 0.5em 0 0.25em;
	padding: 0;
	font: 2.5em "lucida sans", "lucida sans unicode", "arial narrow", san-serif;
	letter-spacing: -0.065em;
}

h2 {
	margin: 0.5em 0 0.25em;
	padding: 0;
	font: 1.7em "lucida sans", "lucida sans unicode", "arial narrow", san-serif;
	letter-spacing: -0.03em;
	border-bottom: 1px solid #333;
}

h3 {
	margin: 0.5em 0 0.25em;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	margin: 0 0 0.25em;
	padding: 0;
	font-size: 1.1em;
	font-style: italic;
}

.h0 {
	margin: 0;
	padding: 0;
	font: bold 1.4em "lucida sans", "lucida sans unicode", "arial narrow", san-serif;
}

p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.3em;
}

ul {
	margin: 0 0 1em 1.5em;
	padding: 0;
}

li {
	padding-bottom: 1em;
}

a {
	font-weight: bold;
}

img, a img { 
	margin: 0;
	padding: 0;
	border: 0;
}

table {
	font-size: 1em;
	font-weight: inherit;
}

.line {
	margin-bottom: 1em !important;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #000;
}

a.pdf {
	/* padding: 0.1em 2em; */
	font-size: 0.9em;
	text-decoration: none;
}

img.left {
	float: left;
	margin-right: 1em;
}

p.big {
	font-size: 1.2em;
	line-height: 1.6em;
}

p.white {
	font-size: 80%;
	line-height: 1.5em;
}

.button {
	margin: 0;
	padding: 0;
}

.center {
    display: block;
    margin: 1em auto;
}

.column_left {
    float: left;
    width: 48%;
    padding-right: 2%;
}

.column_right {
    float: right;
    width: 47%;
    padding-left: 2%;
}

.downloads {
	/* width: 480px; */
	margin: 0 0 1.5em;
}

.downloads td { 
	border: 1px solid #000;
	padding: 0.5em 0.75em 0.75em;
	vertical-align: top;
}

.backlink, .forwardlink {
	display: none;
}

/* ----- Main Section Pages ----- */

#navsection {
	display: none;
}

#left {
	position: relative;
	float: left;
	width: 192px;
	margin: 0;
	padding: 0;
}

#content {
	height: 1%;
	margin: 0;
	padding: 20px;
	font-size: 75%;
	line-height: 1.2em;
	text-align: left;
}

#content_float {
	margin: 0 0 0 192px;
	padding: 32px 52px 6px 20px;
	font-size: 75%;
	text-align: left;
	zoom : 1; /* IE7 float clear */
}

	* html #content_float {
		float: left;
		margin-left: -3px; 
	}
	
    #content_float:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }

.cta { 
	margin: 36px 0 0 0;
}

/* ----- Homepage Specific ----- */

body#home #content {
	font-size: 75%;
}

/* ----- Flooring Specific ----- */

#main_flooring {
	margin: 0;
	padding: 0;
	text-align: left;
}	

/* ----- Faqs Specific ----- */

#faqs dt {
	margin: 0 0 0.25em;
	padding: 0 0 0 2em;
	background: url(/images/design_elements/icon_question.gif) 0 0 no-repeat;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
}

#faqs dt a {
	color: #666;
}

#faqs dt a:hover {
	color: #000;
}

#faqs dd {
	margin: 0 0 1em;
	padding: 0 0 0 2.2em;
}

/* ----- Form Specific ----- */

label {
   margin-right: 1em;
}

input {
   border: 1px solid #715f48;
}

textarea {
   width: 97%;
   height: 5em;
   border: 1px solid #715f48;
}

label.required {
	font-weight: bold;
}

input.radio {
   margin: 0 0.5em 0 1em;
   border: none;
}

div.form label {
   display: block;
   float: left;
   width: 30%;
   margin-right: 0.5em;
   line-height: 1em;
   text-align: right;
}

div.form input, div.form select {
   width: 11em;
   margin: 0 0 0.9em;
   border: 1px solid #715f48;
}

div.form2 label { 
	float: left;
	width: 3em;
}

div.form2 input, div.form2 select {
	width: 11em;
	margin-bottom: 0.25em;
}

div.form2 br {
	clear: left;
}

/* ----- Sample Cart ----- */

.sample {
	float: left;
	width: 24%;
	text-align: center;
	zoom : 1; /* IE7 float clear */
}

.sample:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.sample img {
	margin: 0.5em auto;
}

.sample table {
	margin: 0 auto 0.5em;
}

	.sample td  {
		border-right: 1px solid #d4cabc;
		padding: 0.2em 0.5em;
		font-size: 0.9em;
		text-align: right;
	}
	
	.sample td.title  {
		border: 0;
		padding: 0.2em 0.4em;
		color: #333;
		font-size: 1.1em;
		font-weight: bold;
		text-align: left;
	}
	
	.sample td.description  {
		border: 0;
		color: #645138;
		font-size: 1em;
		font-weight: bold;
		text-align: left;
	}

.sample input {
	margin: 0 auto 0.5em;
}

/* ----- Product Related Styles ----- */

.productBox {
	overflow: hidden;
	display: block;
	float: left;
	margin: 2px;
	padding: 3px;
	width: 125px;
	height: 240px;
	text-decoration: none;
}

a.productBox {
	color: #000;
}

.productBox img.productImage {
	padding: 5px;
	border: 0;
}

.productBox .productColorName, .productBox .productMaterialName, .productBox .productCollectionName {
	display: block;
	padding: 0 5px 0.5px;
}

.productCollectionName {
	font-size: 0.9em;
}

.productColorName, .productMaterialName {
	margin: 0 0 0.5px;
	text-decoration: none;	
}

.productColorName {
	font-size: 1.2em;
	color: #000;
}

#product_heading {
	margin: 0;
	text-align: left;
}

#product_heading .h0 {
	margin: 0 1.1em;
	padding: 0;
	color: #b2a697;
	font: bold 1em "lucida sans", "lucida sans unicode", "arial narrow", san-serif;
}

#product_heading h1 {
	margin: 0 0.75em;
	padding: 0;
	color: #c0b3a2;
	font-size: 1.55em;
}

#product_heading p {
	margin: 0 1.5em 1em;
}

#resultsSeparator {
	display: none;	
}

#secondaryResults {
	display: block !important;
}

/* ----- Product Specific ----- */

/* ----- Product Specific ----- */

table.product {
	
}

table.product td {
	padding: 1em;
}

div.descriptions {
	margin: 1em 0;
	padding: 0.5em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
}

div.descriptions span {
	margin: 0 1.5em 0 0.25em;
	font-size: 1.2em;
	font-weight: bold;
}

table.descriptions {
	font-weight: bold;
}

table.descriptions td {
	width: 49%;
	padding: 0.1em 0 0.1em 0.75em;
	vertical-align: top;
}

table.descriptions td.type {
	padding: 0.1em 0.75em 0.1em 0;
	border-right: 1px solid #000;
	text-align: right;
	font-weight: normal;
}

table.functions {
	width: 99%;
	margin: 1em 0 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
	
table.functions td {
	padding: 0.5em;
}

table.functions a {
	display: none;
}
	
#switch_image {
	display: block;
	margin: 0;
	padding: 0 0 0.75em;
	background: none;
	text-align: right;
}


