html { margin: 0px; padding: 0;}
body { background: #f1efe6 url('../images/layout/bg-top.png') repeat-x; width: 100%; font: 14px/24px 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif; }

/* HTML ELEMENTS */
ul { list-style-type: none; position: relative; }
ul li { display: inline; }
a { text-decoration:none; }
a:hover  {text-decoration: underline;}

/* Positioning */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0px auto; text-align: center; display:block;}

ul.block li {display:list-item; padding: 10px 10px 0 10px; line-height: 24px;}
ul.block {	list-style-type: disc; list-style-position: outside;
      margin: 5px 25px 10px 25px;padding:0;}

.smallblock {      list-style-type: disc; list-style-position: outside;
            margin: 0px 10px 10px 20px;padding:0; font-size: 12px;}
.smallblock li {display:list-item; padding: 0px 5px 0 5px; line-height: 20px;}

ol#numberedList {list-style-type: decimal;}
ol#numberedList li {display:block;}


ol.about {list-style-type: decimal; color:#362e1d; }
ol.about li { display:list-item; margin: 0 0 10px 25px;}

/* -----------------------------------*/
/* Major layout blocks                */
/* -----------------------------------*/
#logo { position: absolute; top: 35px;left: auto; padding: 0px; }
.wrapper { width: 990px; padding: 0px 10px; margin: 0px auto;  }

/* -----------------------------------*/
/* Headings */
/* -----------------------------------*/
h1 {font: 30px Times New Roman, Times, Georgia, Serif; color:#2a2110; border-bottom: 1px solid #d6c6a7; margin-bottom:15px;}
h1.home {font: 26px Times New Roman, Times, Georgia, Serif; color:#2a2110; border-bottom: 1px solid #d6c6a7; margin-bottom:15px;}
#contentInnerWide h2,
#contentInner h2 {color: #362e1d; font-size: 16px; padding: 15px 0 5px 0;}

#contentInnerProduct h2 {color: #362e1d; font-size: 16px; padding: 30px 0 5px 0; margin-bottom: 5px; border-bottom: 1px dotted #aaa; }
#contentInnerProduct h3 {color: #362e1d; font-size: 14px; padding: 15px 0 5px 0; font-weight:bold; }

h1.prox { font: 40px 'proxima-nova', 'helvetica neue', helvetica, arial, sans-serif; border-bottom: 0; }
#contentInnerWide h2.prox { font: 26px 'proxima-nova', 'helvetica neue', helvetica, arial, sans-serif; border-bottom: 0; }

h3.about { font: 12px 'helvetica neue', helvetica, arial, sans-serif; font-weight:bold; color:#7f3627; margin-bottom: 5px;}
/* -----------------------------------*/
/* Nav Bar */
/* -----------------------------------*/
#nav { margin-top:71px; width: 100%; height: 46px; display:block; background: url('../images/layout/bg-nav.png') repeat-x; }


#nav_primary { float:left; margin-left: 180px; font: 13px "Helvetica Neue", Arial, Verdana, Sans-serif; z-index: 90; }
#nav_primary li { float: left;margin: 0; padding: 0; position: relative; }
#nav_primary li a { float: left; text-indent: -9999px; height: 46px; border: 0;}
#nav_primary li:hover a, ul#nav_primary li a:hover { background-position: left bottom; }


.nav_flooring  { background: url('../images/nav3/products.png') top left no-repeat; width: 86px; height: 46px; }
.nav_quote     { background: url('../images/nav3/request_quote.png') top left no-repeat; width: 126px; height: 46px; }
.nav_gallery   { background: url('../images/nav3/photo_gallery.png') top left no-repeat; width: 118px; height: 46px; }
.nav_tools     { background: url('../images/nav3/tools_resources.png') top left no-repeat; width: 151px; height: 46px; }
.nav_about     { background: url('../images/nav3/about.png') top left no-repeat; width: 69px; height: 46px; }
.nav_contact   { background: url('../images/nav3/contact.png') top left no-repeat; width: 81px; height: 46px; }
.nav_pros      { background: url('../images/nav3/flooring_professionals.png') top left no-repeat; width: 171px; height: 46px; }


#nav_primary li .sub {
	position: absolute; /*--Important--*/
	top: 46px; left: 0;
	z-index: 999;
	background: #2c1f10; /*--Background gradient--*/
	padding: 15px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
#nav_primary li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#nav_primary li .sub ul{
	list-style: none;
	margin: 0; padding: 0px;
	width: 250px;
	float: left;
}
#nav_primary .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
#nav_primary .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 2px 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
#nav_primary .sub ul li h2 a { /*--Sub nav heading link style--*/	
	color: #c7ca89;
}
#nav_primary .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 4px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
#nav_primary .sub a.sample-button { margin-top: 10px; }
#nav_primary .sub a.sample-button:hover {  background: transparent !important;}
  
#nav_primary .sub a:hover {
	color: #ddd;	
  background: #5f513f;
  width: auto;
}


/*background: #2c1f10; / #5f513f;  #EAFFED*/


/* -----------------------------------*/
/* Page Titles */
/* -----------------------------------*/
#title { display:block; height: 96px; background: url('../images/layout/bg-title.png') repeat-x; border: 1px solid #000;}
#title a:hover {text-decoration:none;}
.titleBG { padding: 46px 10px 0 0; background: url('../images/layout/bg-title-highlight.png') no-repeat; height: 50px; }
.primary { color:#c7ca89; font-size: 26px; padding: 0 50px 0 20px; }
.secondary { border-left: 1px dotted #c7ca89; padding: 0 0 0 50px; color: #fff; font: 24px Times New Roman, Times, Georgia, Serif;}

/* -----------------------------------*/
/* Breadcrumbs                        */
/* -----------------------------------*/
ul#breadcrumbs { font-size: 10px; color:#887653; margin-bottom: 30px; }
ul#breadcrumbs li { margin: 0px 0px 20px 10px; }
ul#breadcrumbs li:after{ padding-left: 10px; content: ">"; }
ul#breadcrumbs a { color:#887653; }

/* -----------------------------------*/
/* Homepage                           */
/* -----------------------------------*/
#homeIntro { width:987px; margin:10px auto 0 auto;}
#woodbar {float:left; padding-left: 2px;}
#bigimage {float:left;}
.featurebox {
    float:right;
    clear: right;
    background: #f1efe6 url('../images/home/bg-featurebox.png') repeat-x;
    padding: 10px;
    display: block;
    width: 275px;
    margin-bottom: 10px;
}
.featurebox h1 { font: bold 14px Arial, Verdana, Helvetica, Sans-Serif; color:#7f3627; }
.featurebox img { margin: 5px 5px 5px 0;}
.featurebox p { font: 11px Arial, Verdana, Helvetica, Sans-serif; line-height: 15px;}

/* -----------------------------------*/
/* Content */
/* -----------------------------------*/
#contentOuter { width: 930px; margin: 0px auto; padding: 10px 25px 20px 35px;
    background: #fff url('../images/layout/bg-content.png') repeat-y;
}

#contentInnerHome { float: left; padding-right:20px; width: 590px;}
#contentInner { float: left; padding-right: 10px; width: 710px;}
#contentInnerProduct,
#contentInnerWide {float:left; width:920px; padding-right: 10px;}


#contentInnerHome p,
#contentInnerWide p,
#contentInner p { color:#362e1d; line-height: 24px; margin-bottom: 18px;}

.rightImage { float: right; margin: 0px 0px 15px 15px;}

#contentInnerWide p.about_small { font: 11px 'helvetica neue', helvetica, arial, sans-serif; line-height: 14px; }
/* -----------------------------------*/
/* Product listings */
/* -----------------------------------*/
.productListShadow { float:left; width:43%; padding: 0 20px 20px 20px; background: url('/images/layout/shadow-vertical.png') repeat-y;}
.productList { float:left; width:43%; padding:  0 20px 20px 20px; }

.productList li,
.productListShadow li {display: block; height: 160px; background: url('/images/layout/shadow-small-horizontal-top.png') top left no-repeat;
clear:both;}

.productList li.first,
.productListShadow li.first { background: none; }

#contentInnerProduct .productList li h2,
#contentInnerProduct .productListShadow li h2 {color: #362e1d; font-size: 16px; padding: 50px 0 5px 0; margin-bottom: 15px;
  border-bottom: 1px dotted #aaa; display:block;}

.productList li p,
.productListShadow li p {float:left; width:235px; margin-right: 15px; line-height: 1.5em;}

.productList li img,
.productListShadow li img {float:left; width:130px; margin-top: 0px;}

.productList li.nopic p,
.productListShadow li.nopic p { display: block; width: 385px; margin-right: 15px; padding-right: 25px; line-height: 1.5em;}

/* -----------------------------------*/
/* Product pages */
/* -----------------------------------*/
ul.specs li {display:list-item; padding: 5px 10px 0 5px; line-height: 18px; clear:left;}
ul.specs {	list-style-type: none; list-style-position: outside;
      margin: 5px 25px 5px 25px;padding:0;}
ul.specs .feature     { font-weight:bold; width: 90px; float:left; }
ul.specs .description { float: left; width: 140px; font-size: 12px; }

.specIntro { padding: 20px 60px; font-size: 1.3em; line-height: 2.2em;}
.specLeft       { float: left; width: 610px; }
.specLeftOneCol { float: left; text-align: center; width: 650px; }
.specRight { margin-left: 40px; float: left; width: 220px; }

.specLeftOneCol .mainImg { margin: 0px auto; text-align:center}
.specLeftOneCol span { margin-top: -5px; margin-right: 15px; display:block;}
.specImg2 { margin: 5px; float:left; border: 1px solid #ccc; padding: 10px;}
.specImg2 span { display:block; clear:both; margin-top: 5px; padding: 10px 0; }

.inline-quote-button { display: inline-block; position: relative; left: 10px; top: 5px;}

/* -----------------------------------*/
/* Sidebar */
/* -----------------------------------*/
#sidebar { width: 200px; float:left; padding-left: 5px; }
#sidebar h3 {
    background: #f2f2e0 url('../images/layout/bg-sidebar-header.png') repeat-x;
    padding: 15px 0 5px 10px; font: bold 14px Arial, Verdana, Helvetica, Sans-Serif; color:#7f3627;
}

#sidebar a { color:#2a2110; }
#sidebar ul { background:#f9f9f1; width: auto; padding: 10px;}
#sidebar li { font-size: 12px; display:block; padding-bottom:5px;}
/* -----------------------------------*/
/* Forms                              */
/* -----------------------------------*/
input { margin: 15px 0; }
input.none { margin: 0 }
input.checkout { margin: 0; font: 11px Arial, Verdana, Helvetica, Sans-serif; }
.checkout { font: 11px Arial, Verdana, Helvetica, Sans-serif; margin: 5px 0; }
table.checkout tr { margin-bottom: 10px;}
select.checkout { margin: 0; font: 11px Arial, Verdana, Helvetica, Sans-serif; }
.checkoutCell { margin: 0px 10px;}
select { margin: 15px 0; }

/* -----------------------------------*/
/* Photo Gallery */
/* -----------------------------------*/
.imagelist { z-index: 0;}
.imagelist li { display: block; float: left; margin: 0 40px 40px 40px; width: 140px; font-size: 12px; }
.imagelist li img { text-align:center; margin: 0px auto 10px auto; display:block;}
.imagelist a {text-decoration:none;}
.galleryButton { margin: 0px auto; text-align: center; display:block;}
.featureOverview { font: 13px/18px Arial, Verdana, Helvetica; color: #806f4e; float: left; padding: 0 40px 10px 10px; 
    width: 410px; background: url('/images/layout/shadow-vertical-bar.png') top right no-repeat; margin-bottom: 80px;}
.featureDetails { float: left; padding: 0px 0px 10px 0px; width:225px;}
.featureDetails ul {padding: 10px;}
.featureDetails li {display:block; margin-bottom: 10px; font: 12px Arial, Verdana, Helvetica; color: #806f4e;}
/* -----------------------------------*/
/* Footer                             */
/* -----------------------------------*/
#footer { margin: 0; display:block; min-height: 175px; padding: 30px 0 5px 0; 
    background: #251b0d url('../images/layout/bg-footer.png') repeat-x; }
#footer a { color:#fff; }
#footer h3 { font: bold 18px Arial, Verdana, Sans-Serif; color: #fff; padding: 0px 0px 5px 5px;}
#footer ul { float: left; margin-right: 50px; width: 125px;}
#footer li {display: block; line-height: 20px; font-size: 12px;}
#footer li a { padding: 1px 5px; display:block; width:100%; }
#footer li a:hover {background: #5f513f; text-decoration:none;}

.logos {float: left; display: block; width:250px; margin: 0px 30px 0px 50px;}
.contact {background-color: #5f513f; color: #ccc; font-size: 13px; float:left; display:block; width: 275px; padding: 15px;}
.contact p {padding:5px;}
.small {padding:20px 30px 0px 0; font: 10px Arial, Verdana, Sans-Serif; color: #ccc; float:right; display:block;}
.tiny {font: 10px Arial, Verdana, Sans-serif; }



/* -----------------------------------*/
/* -----------------------------------*/
.crmForm { margin-bottom: 75px;}
.crmForm ul {}
.crmForm li { 
  list-style: none;
  padding: 5px;
  margin: 0; clear:both; display:block;
  border-bottom: 1px solid #ccc; }
.crmForm li.last { border: 0;}
.crmForm .error { font: 11px Arial, Verdana, Sans serif; color: #FF0000; }
.crmForm .wider label { font: 16px Arial, Verdana, Sans serif;  font-weight: bold; display:inline-block; width: 150px; }
.crmForm label { font: 16px Arial, Verdana, Sans serif;  font-weight: bold; display:inline-block; width: 100px; }
.crmForm input { width: 200px;  font: 20px Arial, Verdana, Sans serif; padding: 6px; }
.crmForm .btnSubmit {
  width: 160px;
  height: 46px;
  padding: 55px 0 0;
  margin: 0;
  margin-left: 110px;
  border: 0;
  background: transparent url('/images/buttons/sign-up.png') no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form.crmForm>.btnSubmit { height: 0px;}

#radioP1,
#radioP2 {  width: 10px; border: 0px; margin: 0; padding: 0; }

.crmForm .btnQuoteSubmit {
  width: 238px;
  height: 46px;
  padding: 55px 0 0;
  margin: 0;
  margin-left: 160px;
  border: 0;
  background: transparent url('/images/buttons/submit-quote.png') no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form.crmForm>.btnQuoteSubmit { height: 0px;}


.referForm .btnSubmit {
  width: 160px;
  height: 46px;
  padding: 55px 0 0;
  margin: 0;
  margin-left: 10px;
  border: 0;
  background: transparent url('/images/buttons/sendnow.png') no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form.referForm>.btnSubmit { height: 0px;}