/* Congoleum Corporation Styles
/* Copyright 2007 Congoleum. All rights reserved.
/* Design by Red Flannel (www.redflannelgroup.com)
/* CSS Code by Sean Flanagan of Red Flannel
*/

/* Contents:
	1. Foundation

	2. Header Block Styles

	3. Navigation Block Styles
		3.1. RoomVision Link Styles

	4. Content Block Styles
		4.1. Breadcrumb
		4.2. Common Selection Styles
		4.3. Floor Type Selection Styles
		4.4. Product Line Selection Styles
		4.5. Pattern Selection Styles
		4.6. Carousel Styles
		4.7. Copy Block Styles
		4.8. Swatchbook Styles

	5. Footer Block Styles
*/

/* v 1. Foundation v */
body {
	background-image: url(../images/blue_bg.jpg);
	font-size: 10px;
	background-color: #508398;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
#container, #header, #navigation, #content {
	width: 780px;
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
strong {
	font-weight: bold;
}
#container {
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
}
/* ^ 1. Foundation ^ */

/* v 2. Header Block Styles */
#header h1 {
	margin-top: 10px;
	margin-bottom: 0px;
	width: 256px;
	height: 40px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
}
a.residential_block, a.commercial_block {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: black;
	text-decoration: none;
	display: block;
	padding: 10px;
	height: 50px;
	width: 200px;
	float: left;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-transform: uppercase;
	line-height: 1em;
	margin-right: 10px;
}
a.residential_block:link {
	background-color: lemonchiffon;
}
a.residential_block:visited {
	background-color: lemonchiffon;
}
a.residential_block:hover {
	background-color: khaki;
}
a.residential_block:active {
	background-color: darkkhaki;
}
a.commercial_block:link {
	background-color: greenyellow;
}
a.commercial_block:visited {
	background-color: greenyellow;
}
a.commercial_block:hover {
	background-color: yellowgreen;
}
a.commercial_block:active {
	background-color: olive;
}
a.residential_block span, a.commercial_block span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-transform: lowercase;
	color: black;
	float: left;
}
/* ^ 2. Header Block Styles ^ */

/* v 3. Navigation Block Styles v */
#navigation {
	margin-top: 10px;
	height: 40px;
}
#navigation ul {
	background-image: url(../images/button_bg1.gif);
	display: block;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: lightgoldenrodyellow;
	line-height: 25px;
	height: 25px;
	width: 780px;
	padding-top: 10px;
	float: left;
	background-repeat: no-repeat;
	background-position: right bottom;
}
#navigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	display: block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#navigation li a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
#navigation li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
#navigation li a:hover, .sfHover {
	font-family: Arial, Helvetica, sans-serif;
	color: paleturquoise;
	text-decoration: none;
}
#navigation li a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: lightsteelblue;
	text-decoration: none;
}
#navigation li ul {
	position: absolute;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.6em;
	text-align: left;
	padding: 0px 20px 0px 0px;
	display: block;
	margin: 0px;
	width: auto;
	height: auto;
	z-index: 7;
}
#navigation li ul li {
	float: none;
	text-align: left;
	width: auto;
	position: relative;
	display: list-item;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style-position: inside;
	list-style-type: square;
	color: #FFFFFF;
}
	/* v 3.1 RoomVision Link Styles v */
	#roomvision {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	text-decoration: none;
	line-height: 50px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	color: white;
	display: block;
	width: 290px;
	height: 50px;
	margin: 0px;
	padding: 0px 20px 0px 10px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../images/button_bg6.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	body>div #roomvision {
	top: -10px;
	}
	#roomvision a:link, #roomvision a:visited {
	color: white;
	text-decoration: none;
	}
	#roomvision a:hover {
		color: saddlebrown;
	}
	#roomvision a:active {
		color: biqsue;
	}
	#roomvision span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	font-variant: normal;
	text-transform: lowercase;
	float: right;
	height: 12px;
	width: 100px;
	display: block;
	margin-top: -25px;
	line-height: 1em;
	overflow: hidden;
	font-style: normal;
	font-weight: normal;
	text-align: right;
}
	#roomvision h2 {
	font-size: 1.8em;
	font-style: normal;
	display: inline;
	text-transform: uppercase;
	letter-spacing: -1px;
	line-height: 45px;
	overflow: hidden;
	}
	/* ^ 3.1. RoomVision Link Styles ^ */
	
/* ^ 3. Navigation Block Styles ^ */

/* v 4. Content Block Styles v */
#content {
	padding-top: 10px;
	position: relative;
}
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	padding-left: 10px;
}
#copy {
	float: left;
	width: 450px;
}

	/* v 4.2. Common Selection Styles v */
		
#product_list {
	padding: 10px 10px 0px;
	width: 300px;
	float: left;
	margin-left: 10px;
	position: relative;
	display: block;
	background-image: url(../images/button_bg2.gif);
	background-repeat: repeat-y;
	margin-top: 10px;
	}
	#product_list h1 {
		margin-bottom: 10px;
		margin-left: 0px;
		padding-left: 0px;
		font-size: 2em;
	}
	#product_list li {
		display: block;
		margin-bottom: 10px;
		background-image: url(../images/black_overlay.gif);
		position: relative;
		width: 300px;
	}
	.sheet { background-image: url(../images/button_bg3.gif); }
	.tile  { background-image: url(../images/button_bg4.gif); }
	.dura  { background-image: url(../images/button_bg5.gif); color: black;}
		.dura h1 { color: black !important;}
	
	#product_list li a:link, 
	#product_list li a:visited {
		display: block;
		padding-top: 9px;
		padding-right: 10px;
		padding-bottom: 9px;
		padding-left: 10px;
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: black;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: black;
		width: 280px;
		color: white;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
	}
	#product_list li a:hover {
		padding-top: 9px;
		padding-right: 10px;
		padding-bottom: 9px;
		padding-left: 10px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: white;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: white;
		color: paleturquoise;
	}
	#product_list li h2 {
		font-size: 1.5em;
		line-height: 1em;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		display: inline;
		margin-right: 10px;
	}
	#product_list li p {
	font-size: 1.1em;
	color: paleturquoise;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: absolute;
	line-height: 33px;
	height: 33px;
	left: 140px;
	top: 0px;
	}
	#product_list li h5 {
	line-height: 33px;
	height: 33px;
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: right;
	}
	
	/* ^ 4.4. Product Line Selection Styles ^ */

	/* v 4.6. Carousel Styles v */

	#features h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 1.5em;
	font-weight: normal;
	color: slategray;
	text-decoration: none;
	display: block;
	position: relative;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: white;
	width: 430px;
	height: 30px;
	}
#features {
	position: relative;
	width: 450px;
	background-color: whitesmoke;
}
#features ol {
	padding: 10px;
}
#features li {
	list-style-position: inside;
	list-style-type: decimal;
	font-size: 1.2em;
	line-height: 1.5em;
}
#features dl {
	padding-bottom: 10px;
}
#features dt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: black;
	text-decoration: none;
	list-style-type: square;
	padding-left: 10px;
	width: auto;
	display: list-item;
	float: none;
	margin: 2px 0px;
	height: auto;
}
	/* ^ 4.6. Carousel Styles ^ */

	/* v 4.7. Copy Block Styles v */
	#home_copy {
		padding: 10px;
		margin-top: 10px;
		color: white;
		background-image: url(../images/text_bg1.jpg);
	}
	#home_copy p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	#home_copy span {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.45em;
		font-style: italic;
		font-weight: bold;
	}
	/* ^ 4.7. Copy Block Styles ^ */
	
	/* ^ 4.8. Swatchbook Styles ^ */
	
	/* v 4.9. Text Block Styles v */
	
	#text {
	width: 430px;
	padding: 10px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/black_overlay.gif);
	color: white;
	margin-bottom: 10px;
	margin-top: 10px;
	}
#sidebar h1 {
	margin: 0px;
	padding: 0px;
}
#text h2, #sidebar h1 {
	font-size: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 1em;
	font-style: italic;
}
#text h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	color: slategray;
	margin-bottom: 1em;
}
#text p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
	font-size: 1.2em;
}
#text table {
	width: 540px;
	border: none;
	margin-bottom: 1.5em;
}
#text td, #text li {
	padding: 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: black;
}
	.even {
		background-color: #EEE;
	}
	.odd {
		background-color: white;
	}
#text ul {
	padding: 0px;
	margin-bottom: 1.5em;
	margin-left: 0px;
}
#text li {
	list-style: square inside;
}
#text img {
	float: right;
	margin-top: -32px;
}
#start {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: white;
	position: relative;
	width: 780px;
	clear: both;
	float: left;
	margin-top: 10px;
}
#sidebar {
	background-color: whitesmoke;
	padding: 10px;
	width: 310px;
	float: left;
	position: relative;
	margin-left: 10px;
}
#sidebar h2 {
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	color: slategray;
}
#sidebar p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
#sidebar ul {
	margin-bottom: 1.5em;
	margin-left: 1em;
}
#sidebar li {
	line-height: 1.5em;
	list-style-position: outside;
	list-style-type: square;
}
	
	/* ^ 4.9. Text Block Styles ^ */

/* ^ 4. Content Block Styles ^ */

/* v 5. Footer Block Styles v */
#footer {
	margin-top: 10px;
	background-image: url(../images/text_bg1.jpg);
	margin-bottom: 10px;
}
#footer_visible {
	padding: 10px;
	height: 1em;
}
#footer_visible li {
	float: left;
	margin-left: 10px;
	list-style-position: inside;
	list-style-type: disc;
	color: yellowgreen;
	font-family: Arial, Helvetica, sans-serif;
}
#footer_visible li.initial {
	list-style-type: none;
	margin-left: 0px;
}
#footer_visible a.toggle { float: right; }

#toggle {
	margin: 0px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: yellowgreen;
	overflow: auto;
}
#toggle ul {
	padding: 0px 0px 0px 10px;
	width: 200px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: yellowgreen;
	margin: 10px 10px 10px 0px;
	float: left;
	display: block;
}
#toggle ul.initial {
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#toggle li {
	line-height: 1.3em;
	font-size: 1em;
	color: yellowgreen;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#toggle li ul {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: none;
	margin: 0px 0px 0.5em;
	padding: 0px;
}
#toggle li ul li {
	font-size: 0.9em;
	list-style-position: inside;
	list-style-type: square;
}
#footer a:link {
	color: yellowgreen;
	text-decoration: none;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a:visited {
	color: yellowgreen;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#footer a:hover {
	color: lightgoldenrodyellow;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#footer a:active {
	color: white;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
/* ^ Footer Block Styles ^ */