@charset "UTF-8";
/*
Century Flooring colors
	brown - ab9c8f
	blue - 51626f
*/


body{
	background : #FFFFFF;
	margin : 0;
	padding: 0;
	scrollbar-3dlight-color : #ab9c8f;
	scrollbar-arrow-color : #51626f;
	scrollbar-base-color : #ab9c8f;
	scrollbar-darkshadow-color : #ab9c8f;
	scrollbar-face-color : #FFFFFF;/* button face color */
	scrollbar-highlight-color : #ab9c8f; 
	scrollbar-shadow-color : #ab9c8f;
	scrollbar-track-color : #FFFFFF;
	font-family:Helvetica,sans-serif, Verdana, Arial;
	}

h1.cond{ margin:0; padding:0;}
h1.condBold{ margin:0; padding:0; }
h2.condBold{ margin:0; padding:0; }
h2.condBoldHome{ margin:0; padding:0; text-align:center;}
h3.condBold{ margin:0; padding:0; }
h3.condbrown{ margin:0; padding:0;}
h3.condblue{ margin:0; padding:0; font-size: 34px; letter-spacing: -2px;}
h3.DITitles { font-size: 24px; letter-spacing: -2px; float:left;}
h3.pageBrownTitle{ margin:0; padding:0; font-size: 16px;}
h3.pageBlueTitle{ margin:0; padding:0; font-size: 16px;}
h4.condBold{ margin:0; padding:0; text-align:center;}
h4.trademark{ font-size: 27px; letter-spacing: -3px; margin: 30px 0 0 0;}
h4.cond{ margin:0; padding:0;}
h4.sideNavTitle{ margin:12px 0 12px 10px; font-size: 16px;}
h4.sideNavItem{ margin:4px 0 0 25px; padding:0; font-size: 12px;}
h4.condTitle{ margin:8px 0 0 10px; padding:0; font-size:24px}
h4.collecTitle{ margin:0px; font-size: 18px; text-align:center;}
h4.collectionWord{ margin:0px; font-size: 14px; text-align:center;}
h4.warrantyTitle{ margin:0px; font-size: 18px; text-align:left;}
h4.FAQquest{ margin:0px; font-size: 18px; text-align:left;}
h4.moldTrimTitle{ margin:0px; font-size: 18px; text-align:left;}
h5.cond{ margin:0; padding:0; font-size: 27px;}
h5.condNav{padding:0; margin: 0em .25em 0em .25em; font-size: 20px;}
	h5.condNav a { font-size: 20px; }
h6{ font-size:7pt; color:#ab9c8f; font-weight:bold; letter-spacing:-0.7px;}


a { color: #FFFFFF; text-decoration: none; }
a:visited { color: #FFFFFF; text-decoration: none; }
a:link { color: #FFFFFF; text-decoration: none; }

#pgContainer{ width:960px; margin:auto; }

#pgContent{ background: url(../images/content_bkgd.jpg) repeat-y; width:960px;}

#pgContent-nobkgd{ width:960px;}

#content{ float:left; width:767px;}

#padder { padding: 13px 0 0 13px;}

td.blue { color:#51626f; font-size: 8px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold; }

p.blue { color:#51626f; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

	p.blue a {color:#51626f; text-decoration:none;}

	p.blue a:visited { color:#51626f; text-decoration: none; }
	
	p.blue a:hover { color:#51626f; text-decoration:underline; }
	
	p.blue a:active { color:#51626f; text-decoration:none; }

p.blue2 { color:#51626f; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

	p.blue2 a {color:#51626f; text-decoration: underline;}

	p.blue2 a:visited { color:#51626f; text-decoration: underline; }
	
	p.blue2 a:hover { color:#51626f; text-decoration:underline; }
	
	p.blue2 a:active { color:#51626f; text-decoration: underline; }

.blue li{ color:#51626f; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

p.white { color:#ffffff; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

.white li { color:#ffffff; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

p.gray { color:#4c4c4e; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

p.brown { color:#918982; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

p.RomancCopy { color:#b9c0c5; font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; text-align: center; padding: 0 8px 0 8px } 


/*Header info*/
#pgLogo { height:100; }

.logo { float:left; width:200px; margin:15px 0 5px 0; }

.logoText { float:right; }

#pgNav { background-color:#ab9c8f; height:33px; width:auto; }

#navbox { display: none; }

#navbox img{ float: left; border: 0; }

#nav-text {  padding: 10px 22px 0 22px; float: left; text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; 	color: #FFFFFF; font-size: .9em; background-color:#ab9c8f; height:26px; }

	#nav-text a:link{ color: #FFFFFF; text-decoration: none; } 
	#nav-text a:visited{ color: #FFFFFF; text-decoration: none; }
	#nav-text a:hover{ color: #FFFFFF; text-decoration: none; }
	#nav-text a:active{ color: #FFFFFF; text-decoration: none; }

#navtextFAQ {  padding: 10px 22px 0 22px; float: left; text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; 	color: #FFFFFF; font-size: .9em; background-color:#ab9c8f; height:26px; }

	#navtextFAQ a:link{ color: #FFFFFF; text-decoration: none; } 
	#navtextFAQ a:visited{ color: #FFFFFF; text-decoration: none; }
	#navtextFAQ a:hover{ color: #FFFFFF; text-decoration: none; }
	#navtextFAQ a:active{ color: #FFFFFF; text-decoration: none; }

.menu_parent {  padding: 10px 22px 0 22px; float: left; text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; 	color: #FFFFFF; font-size: .9em; background-color:#ab9c8f; height:26px; }

	.menu_parent a:link{ color: #FFFFFF; text-decoration: none; } 
	.menu_parent a:visited{ color: #FFFFFF; text-decoration: none; }
	.menu_parent a:hover{ color: #FFFFFF; text-decoration: none; }
	.menu_parent a:active{ color: #FFFFFF; text-decoration: none; }

.menu_child { position: relative; background-color: #51626f; border: 1px #FFFFFF solid; border-top: none; text-align: left; width: auto; visibility: hidden; }

.childItem { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; border-bottom: 1px #ffffff solid; padding: 4px 20px 4px 10px; }

	.childItem a:visited { color:#FFFFFF; text-decoration: none; }
	.childItem a:link { color:#FFFFFF; text-decoration: none; }
	.childItem a:hover { color:#FFFFFF; text-decoration: none; }
	.childItem a:active { color:#FFFFFF; text-decoration: none; }

#title-spacer {	height: .01em; clear: both; }

#blueline { background-color:#51626f; width:100%; margin: 5px 0 5px 0; }

#darkblue { height:43px; padding: 2px 0 0 0; float: left; position: relative; }

.regMarkFloorScore { position: absolute; top: 14px; left: 221px; }

#lightblue { float:left; margin:0 0 0 0; padding: 1px 0 1px 0; background-color: #51626f; width:188px; height:43px; border-right: #ffffff solid 5px; display: none; }

/* --Home Page-- */
#mainContent{ }

#flashContainer{ height:517px; float:left; width:625px; margin: 0 9px 5px 0; }

.rightboxes{ float:left; width:325px;  margin:0 0 0 0px;}

.topbox{border:1px #ab9c8f solid; padding:5px; width:325}

.insidetop{background:#ab9c8f; height:124px; margin:0; padding:50px 0 0 0;}

.insidebottom{ background:#ab9c8f; height:174px; margin:0; padding:0 0 0 0;	}	

.bottombox{width:323px; border:1px #ab9c8f solid; margin:5px 0 0 0; padding:0;}

#designIdeas{ border:1px #ab9c8f solid; background-color:#ffffff; padding:5px; }

.DIbox{ background:#51626f; height:80px; margin:0;}

.DIboxlinks{ padding:20px 0 0 0;}

a.DIbox{color:#b3bac0; font-size:9pt; text-decoration:none;}

#DIboxh1{ float:left; margin:20px 25px 0 5px;}

#pgLinks{ background:#ab9c8f; height:30px; margin:5px 0 0 0; }


/* --Product Side Nav-- */
#productBox{ display: none; }

#typebox{ display: none; }

#linkbox{ display: none; }

#intNav{ display: none; }


/* --Product Main-- */
#prodBox{ height: auto; width: 100%; margin: 0 0 5px 0; clear:both;}

#collecTitleBox { height: auto; width: 242px; float:left; padding: 100px 0 20px 0; text-align: center;}

#collecImgBox { height: auto; width: ; float: right; margin: 0 0 0 5px; border: 1px #51626f solid; }

#collecImg { padding: 5px; float: left; }

#collecImgTable { width: 107px; border-left: 1px #51626f solid; padding: 5px 5px 5px 5px; float: left; }

#collecImgTable img { margin: 2px 0 3px 0; padding: 0 0 0 0; float: left; }

.collecgraybox { width: 107px; height: 10px; background: #ad9c8f; font-size: 1px; clear: both; } 

.productItemName {color:#51626f; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; padding: 5px 0 10px 0; }


/* --Product Detail-- */
#detailInfo { width: auto; height: auto; margin: 0 0 5px 0; }

#detailTitleBox { height: 200px; width: 230px; background: #51626f; padding: 100px 0 20px 0; text-align: center;}

#detailInfoText { height: auot; width: 230px; float:left; }

#detailText { text-align:left; width: 225px; padding: 10px 0 0 5px; }

#detailRoomSceneContainer { float: right;}

#detailRooomSceenText { position:absolute; left: 20px; top: 490px; z-index:8; clear: both; }

#detailRoombroder { height: auto; width: auto; margin: 0 0 0 5px; border: 1px #51626f solid;  position:relative; height: 528px; width: 528px; }

#detailRoomImg { padding: 5px; }

#detailRoomSceneOptionsBar { background:#dad4ce; height: 40px; margin: 5px 0 0 5px; width: 529px; }

.productItem {float: left; width: 371px; }

#detailNotes { background: #dad4ce; height: auto; width: 100%; padding: 5px 0 30px 0; }

#detailNotes ul li { color:#51626f; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

#detailIconsBox { height: auto; width: auto; margin: 5px 0 0 0; border: 1px #51626f solid; padding:5px; float:left; }


/* --Design Ideas-- */
#DIMain-container { float: left; width:181px; margin: 0 14px 0 0;}

.DIMain-broder { height: auto; width: auto; border: 1px #51626f solid; }

.DIMain-img { padding: 5px; }

.DIMain-textContainer { margin: 5px 0 0 0; background: #dad4ce; padding: 10px 0 10px 20px; }


/* --Design Ideas Details-- */
#DIDetailsRMimg { float:left; margin: 0 5px 0 0; }

#DIDetailsInfo { float:right; width: 425px; }

#DIDetailsprodUsed { padding: 0 0 0 20px; }

.DIDetailsbroder { height: auto; width: auto; border: 1px #51626f solid; float:left; }

.DIDetailsimg { padding: 5px; }

#DIDetailsAbout { background: #dcd5d0; width: 100%; }

.DIDetailsAboutText { padding: 15px 10px 50px 10px; } 

#DIDetailsOtherRM { height: auto; width: 100%; }

#DIDetailsOtherRooms {height:auto; width: auto; padding: 0 0 0 0; }

.DIDetailsOtherRoom { height:auto; width: 125px; float: left; margin: 0 0px 0 0; }

.DIDetailsOtherZoom { background: #dcd5d0; width: 100%; text-align:center; }

#DIDetailsArrows { float: left; margin: 35px 0 0 0; padding:0; }



/* --Installation --*/
#installButtons { padding: 0 0 10px 0;}

#installButtons img { margin: 0 0 0 5px; float:right;}

#installImg { border: 1px #51625f solid; padding: 5px 5px 5px 5px; float:right;}

.installImgContainer { position:relative; width:737px; height:183px; }

#installRooomSceenText { position:absolute; left: 10px; bottom: 10px; z-index:8; clear: both; }


/* --Care and Maintenance-- */
#careLight-gry { background-color:#f3f1ef; width: 100%; }

#careDark-gry { width: 340px; float: right; padding: 10px 15px 10px 15px; height: 275px;}

#careBox { float: left; padding: 10px 15px 10px 15px; width: 350px;}

#careImg { border: 1px #51625f solid; padding: 5px 5px 5px 5px; float:right;}


/* --Warranty-- */
#warrantyBox { background-color:#f3f1ef; width: 100%; padding:0 0 0 0; margin: 0 0 0 0;}

#warrantyText { padding: 5px 0 5px 30px;}

#warrantyButton {padding: 0 20px 0 0;}

.brownline { font-size: 1px; height:1px; margin: 0 10px 0 15px; width: 95%; background-color:#ab9c8f;}


/* --Moldings and Trim *-- */
#moldTrim-Box { background-color:#f3f1ef; width: 100%; padding:0 0 0 0; margin: 0 0 0 0;}

#moldTrim-Box img { float: left;}

#moldTrim-Text { padding: 5px 0 5px 30px; width: 500px;}


/* --About-- */
#aboutBox { width: 385px; float:left; margin: 0 0 0 0; padding: 13px 0 0 13px; }

#aboutCenter-Text { padding: 0 0 0 30px; }

#aboutButtons { padding: 0 0 0 150px; }

#aboutButtons2 { padding: 0 0 0 30px; }

#aboutImg { border: 1px #51625f solid; padding: 5px 5px 5px 5px; float: right; margin: 4px 0 0 0; }

.aboutImgContainer { position:relative; width:325px; height:536px; }

#aboutRooomSceenText { position:absolute; left: 10px; bottom: 10px; z-index:8; clear: both; }


/* --Catalog-- */
#catalogBox { width: 355px; float:left; margin: 0 0 0 0; padding: 13px 0 0 13px; }

#catalogButtons { padding: 40px 0 0 10px;  }

#catalogImg {float: right; padding: 0 10px 0 0;}


/* --Contact-- */
#contact { background: #f4f2f1; width: auto; margin: 0 0 0 3px; padding: 13px 0 0 13px; }

.ContactForm { padding: 10px 0 0 40px; }

.contactText { background-image: url(../images/contact_line.jpg); background-repeat: repeat-x; background-position: bottom; margin: 0 15px 0 0; height: auto;  width: 98%;}

.contact-form-left { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #4c4c4e; line-height: 1.35em; width: 320px; float: left; }

.form-field { font-family: Geneva, Arial, Helvetica, sans-serif; color: #4c4c4e; padding: .5em 0em .5em 0em; background-image: url(../images/contact_line.jpg); background-repeat: repeat-x; background-position: bottom; font-size:10px;}

.buttons-field { font-family: Geneva, Arial, Helvetica, sans-serif; color: #4c4c4e; padding: .5em 0 .5em 0; float: right; }

.fieldlable{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color:#4c4c4e; width: 125px; margin-right: 1em; float: left; }

.regformfield{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }

.contact-form-right { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #4c4c4e; line-height: 1.35em; 	width: 300px; float: left; margin: 0 0 0 20px }


/* -- FAQ -- */
.faq { background: #f4f2f1; margin: 25px 0 5px 0; }

.faqRecordQ { background: #f4f2f1; width: auto; margin: 0 0 0 0; padding: 5px 0 5px 0; border-bottom: 2px #ffffff solid; }

.faqRecordA { display:block; }

p.faqQ { color:#51626f; font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

p.faqA { color:#51626f; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }


/* -- Distributors -- */
#disBox { width: 400px; float:left; margin: 0 0 0 0; padding: 13px 13px 13px 13px; background: #f4f2f1; }

#disForm { padding: 30px 30px 15px 30px; background: #d9d3cd; width: 337px; }

#disImg { border: 1px #51625f solid; padding: 5px 5px 5px 5px; float: right; margin: 0 0 0 0}

.disImgContainer { position:relative; width:325px; height:436px; background-color: none; }

#disRooomSceenText { position:absolute; left: 10px; bottom: 10px; z-index:8; clear: both; }

.disform-field { font-family: Geneva, Arial, Helvetica, sans-serif; color: #4c4c4e; padding: 0 0 0 0; font-size:10px; display: inline;}

.disbuttons-field { font-family: Geneva, Arial, Helvetica, sans-serif; color: #4c4c4e; padding: 10px 28px 0 0; float: right; }

.disfieldlable{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color:#51626f; width: 155px; margin-right: 1em; float: left; }

#disResults-Contianer { padding: 10px 15px 0 0; }

#disResults { color:#51626f; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 18px; width:170px; margin: 0 0 0 15px; float: left; }


/* -- Press -- */

#pressRelease { padding: 10px 0 10px 20px; }


/* --Footer-- */
#footerLinks{ background:#ab9c8f; height:auto; margin:5px 0 0 0; padding: 10px 0 10px 0;}

.footerLinks{ margin:0; color:#FFFFFF; font-size:10px; text-align:center;}

	.footerLinks a:link{color:#ffffff; text-decoration: none; }
	.footerLinks a:visited{color:#ffffff; text-decoration: none; }
	.footerLinks a:hover{color:#ffffff; text-decoration: underline; }
	.footerLinks a:active{color:#ffffff; text-decoration: underline; }

#cpyrght{ margin:5px 0 0 0; float:left; height:15px; width:100%;}

.footerCpyright { font: Helvetica,sans-serif, Verdana, Arial; font-size: 9px; color: #404040; text-align:center; }

	.footerCpyright a:link{color:#404040; text-decoration: underline; }
	.footerCpyright a:visited{color:#404040; text-decoration: underline; }
	.footerCpyright a:hover{color:#ab9c8f; text-decoration: underline; }
	.fotterCpyright a:active{color:#ab9c8f; text-decoration: underline; }

/*Clear It */
.clearIt {clear:both; font-size:1px;}