@charset "utf-8";
/* CSS Document */

/* ---------------- COMMON ELEMENTS -------------- */

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #636363;
	font-size: 12px;
	font-weight: 200;	
}

p {
padding: 0px;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

strong {
	font-weight:900;
}

/*-------------Custom Div's--------------*/

.tabletitle { color: #fff; font-size: 12px; font-weight: bold; line-height: 12px; background-color: #f00; text-align: center; padding: 3px; }
.graphtoppad { margin-top: 5px; border: solid 1px #f00; }
.graph_divide_right { border-right: solid 1px #f00; }
.graph_divide_top { padding: 2px; border-top: 1px solid #f00; }
.standard_flooring { width: 100px; height: 50px; background-color: #ff0000; margin-left: auto; margin-right: auto;  }
.staybull_flooring { width: 100px; height: 98px; background-color: #ff0000; margin-left: auto; margin-right: auto; }
.percentage_lines { background-image: url(images/percentage_grid.gif); background-repeat: repeat-x; background-position: left bottom; }
.white_graph { color: #fff; font-size: 12px; font-weight: 900; padding-top: 5px;
}
.quote-pad {
	padding-left: 10px;
}

/* ---------------- LINKS -------------- */

a:link { color: #ff0000 ; font-weight: 900; text-decoration: none; }
a:visited { color: #ff0000 ; font-weight: 900; text-decoration: none; }
a:hover { color: #ff0000 ; font-weight: 900; text-decoration: underline; }
a:active { color: #ff0000 ;  font-weight: 900; text-decoration: underline; }

#locator a:link { color: #ff0000 ; font-weight: 900; text-decoration: none; font-size: 10px; }
#locator a:visited { color: #ff0000 ; font-weight: 900; text-decoration: none; font-size: 10px; }
#locator a:hover { color: #ff0000 ; font-weight: 900; text-decoration: underline; font-size: 10px; }
#locator a:active { color: #ff0000 ;  font-weight: 900; text-decoration: underline; font-size: 10px; }

#footer a:link { color: #ffffff ; font-weight: 500; text-decoration: underline; font-size: 10px; }
#footer a:visited { color: #ffffff ; font-weight: 500; text-decoration: underline; font-size: 10px; }
#footer a:hover { color: #ffffff ; font-weight: 500; text-decoration: none; font-size: 10px; }
#footer a:active { color: #ffffff ;  font-weight: 500; text-decoration: noe; font-size: 10px; }

.homepic a:link { text-decoration: none; font-weight: 200; color: #636363; }
.homepic a:visited { text-decoration: none; font-weight: 200; color: #636363; }
.homepic a:hover { text-decoration: underline; font-weight: 200; color: #636363; }
.homepic a:active { text-decoration: underline; font-weight: 200; color: #636363; }


/* ---------------- CUSTOM ELEMENTS -------------- */

#wrapper {
	width: 918px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	height: 195px;
	width: 918px;
}

#locator {
	color:#FF0000;
}

.locate_text {
	font-weight:900;
	font-style:italic;
	font-size: 14px;
}

.locate_box {
	height: 12px;
	font-size: 10px;
	color:#000000;
	border: 1px solid #ff0000;
}

#head_nav_space {
	height: 21px;
	clear:both;
}

#footer_bottom_space {
	height: 21px;
}

#nav_content_space {
	height: 30px;
}

#content_footer_space {
	height: 30px;
	clear:both;
}

.caption {
	font-size: 9px;
}

#nav {
}

.flash_holder {
	text-align: right;
	float: right;
	padding-left: 25px;
	padding-bottom: 15px;
}

#content {
	font-size: 11px;
}

#footer {
	height: 55px;
	color: #ffffff;
	font-size: 10px;
}

.foot_nav {
	margin-bottom: 5px;
}

.foot_nav_pad {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.foot_nav_line {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-right: 1px #ffffff solid;
}

.homepic {
	width: 288px;
	text-align:left;
}

.homepic strong {
	font-weight:900;
	color: #636363;
}

h1 {
 margin-top: 0;
 padding-top: 0;
 height: 29px;
}

.table-headings {
	background-color:#000000;
	color:#FFFFFF;
	font-weight:900;
	text-align:center;
}

.compare-float {
	float:left;
	padding-right: 8px;
	padding-bottom: 8px;
}

.compare-float2 {
	float:right;
	padding-left: 8px;
	padding-bottom: 8px;
}

.contact-table td {
	border-bottom: 1px solid #636363;
	padding-top: 5px;
	padding-bottom: 2px;
}

.contact-fields {
	font-size: 10px;
	font-weight:400;
}

.contact-field-species {
	width: 300px;
	font-size: 10px;
	height: 40px;
	line-height: 40px;
}

.contact-table .title {
	background-color: #636363;
	color:#FFFFFF;
	font-weight:900;
	text-align:center;	
}

.contact-button {
	cursor:pointer;
}

.no-line {
	border: 0;
	border-bottom-color:#FFFFFF;
}

.no-line td {
	border: 0;
	border-bottom-color:#FFFFFF;
}



/* ######### POST FOOTER LOGOS ######### */

#post-footer{
	padding-bottom: 10px;
}

#post-foot-table td {
	padding-left: 12px;
	padding-right: 12px;
}

.eco-flooring1 , .eco-flooring1:visited {
	background-image: url(images/product-features/goal-green.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 40px;
}

.eco-flooring1:hover , .eco-flooring1:active{
	background-image: url(images/product-features/goal-green.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	cursor:pointer;
	width: 130px;
	height: 40px;
}

.eco-flooring1 span {
	display:none;
}

.eco-flooring2 , .eco-flooring2:visited {
	background-image: url(images/product-features/eco-shield.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 130px;
	height: 40px;
}

.eco-flooring2:hover , .eco-flooring2:active{
	background-image: url(images/product-features/eco-shield.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	cursor:pointer;
	width: 130px;
	height: 40px;
}

.eco-flooring2 span {
	display:none;
}

.eco-flooring3 , .eco-flooring3:visited {
	background-image: url(images/product-features/recycle.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 28px;
	height: 40px;
}

.eco-flooring3:hover , .eco-flooring3:active{
	background-image: url(images/product-features/recycle.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	cursor:pointer;
	width: 28px;
	height: 40px;
}

.eco-flooring3 span {
	display:none;
}

.eco-flooring4 , .eco-flooring4:visited {
	background-image: url(images/product-features/usa.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 44px;
	height: 40px;
}

.eco-flooring4:hover , .eco-flooring4:active{
	background-image: url(images/product-features/usa.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	cursor:pointer;
	width: 44px;
	height: 40px;
}

.eco-flooring4 span {
	display:none;
}

.eco-flooring5 , .eco-flooring5:visited {
	background-image: url(images/product-features/eco-flooring.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 44px;
	height: 40px;
}

.eco-flooring5:hover , .eco-flooring5:active{
	background-image: url(images/product-features/eco-flooring.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	cursor:pointer;
	width: 44px;
	height: 40px;
}

.eco-flooring5 span {
	display:none;
}

/* ######### MAIN MENU STYLE ######### */

.nav_table_pad {
	padding-bottom: 9px;
}

.link_1 {
	background-image: url(images/nav_color/black.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 9px;
}

.link_1_here {
	background-image: url(images/nav_color/black.gif);
	background-repeat: repeat-x;
	background-position: center top;
	
}


.link_2 {
	background-image: url(images/nav_color/green.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 9px;
}

.link_3 {
	background-image: url(images/nav_color/red.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 9px;
}

.link_4 {
	background-image: url(images/nav_color/orange.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 9px;
}

.link_5 {
	background-image: url(images/nav_color/purple.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 9px;
}

.link_6 {
	background-image: url(images/nav_color/blue.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 9px;
}

#nav_new {
	width: 918;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
}

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	font-size: 13px;
}


.anchorclass:link {
	color:#000000;
	font-size: 13px;
	padding-top:5px;
	padding-bottom:8px;
	margin:0px;
	font-family:Arial;
	font-size:13px;
	text-decoration:none;
	font-weight:900;
}

.link_1 .anchorclass:hover {
		color:#000000;
}

.link_2 .anchorclass:hover {
		color:#239145;
}

.link_3 .anchorclass:hover {
		color:#ff0000;
}

.link_4 .anchorclass:hover {
		color:#ef5b0f;
}

.link_5 .anchorclass:hover {
		color:#5749a2;
}

.link_6 .anchorclass:hover {
		color:#003663;
}

.anchorclass:active {
		color:#000000;
}

.anchorclass:visited {
	color:#000000;
	font-size: 13px;
	padding-top:5px;
	padding-bottom:8px;
	margin:0px;
	font-family:Arial;
	font-size:13px;
	text-decoration:none;
	font-weight:900;
}



/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #000000;
font-weight:900;
font: 10px;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #ffffff;
width: 200px; /* default width for menu */
}

.anylinkcss ul1{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #000000;
padding: 1px 0;
text-decoration: none;
font-weight:900;
text-indent: 5px;
}

.anylinkcss ul li .deadlink{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #000000;
padding: 1px 0;
text-decoration: none;
font-weight:900;
text-indent: 5px;
}

.anylinkcss ul li {
	padding:2px;
}


/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #000000;
padding: 5px;
font: 10px;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #ffffff;
font-weight:900;
}

.anylinkcsscols .column{
width: auto;
float: left;
border-right: 1px #000000 solid;
padding-left: 5px;
padding-right: 5px;
}


.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.column a { font-size: 10px; font-weight:900; }

#submenu3 b { font-size: 11px; color:#000000;text-decoration:none;  }
#submenu3 b a:link { font-size: 11px; color:#000000;text-decoration:none;  }
#submenu3 b a:hover { font-size: 11px; color:#000000; text-decoration:underline;  }
#submenu3 b a:active { font-size: 11px; color:#000000;text-decoration:underline;  }
#submenu3 b a:visited { font-size: 11px; color:#000000;text-decoration:none;  }

#submenu1 a { font-size: 10px; color: #000000; font-weight:900; }
#submenu1 a:hover { font-size: 10px; background-color: #000000; color:#FFFFFF; font-weight:900; }

#submenu2 a { font-size: 10px; color: #239145; font-weight:900; }
#submenu2 a:hover { font-size: 10px; background-color: #239145; color:#FFFFFF; font-weight:900; }

#submenu3 a { font-size: 10px; color: #ff0000; font-weight:900; text-decoration:none; font-weight:900; }
#submenu3 a:hover { font-size: 10px; color:#ff0000; font-weight:900; text-decoration:underline; font-weight:900; }

#submenu4 a { font-size: 10px; color: #ef5b0f; font-weight:900; }
#submenu4 a:hover { font-size: 10px; background-color: #ef5b0f; color:#FFFFFF; font-weight:900; }

#submenu5 a { font-size: 10px; color: #5749a2; font-weight:900;  }
#submenu5 a:hover { font-size: 10px; background-color: #5749a2; color:#FFFFFF; font-weight:900; }

#submenu6 a { font-size: 10px; color:#003663; font-weight:900; }
#submenu6 a:hover { font-size: 10px; color:#ffffff; background-color: #003663; font-weight:900; }

.anylinkcsscols li{
padding-bottom: 3px;
}


#submenu1,#submenu2, #submenu3, #submenu4, #submenu5, #submenu6 { font-size: 10px; color:#aaaaaa; font-weight:900; }

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: #000000;
visibility: hidden;
}


/* ---------------- TAB CONTENT STYLES -------------- */


/*--- GALLRY STYLES ---*/
.nivo-controlNav {
	position:absolute;
	left:46%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

#slider {
	background-color:#000000;
}

/* ---------------- TABLE STYLES -------------- */
#hor-minimalist-b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
	margin: 45px;
	width: 800px;
	border-collapse: collapse;
	text-align: left;
	clear:both;
	margin-top: 5px;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: 900;
	color: #239145;
	padding: 8px 8px;
	border-bottom: 2px solid #239145;
	text-align:left;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #636363;
	padding: 6px 8px;
	text-align:left;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #239145;
	cursor: auto;
	text-align:left;
}