@charset "utf-8";
/* CSS Document */
/* color list
	black #000
	white #FFF
	GreyDark #222
	SepiaDark #37302d
	SepiaLight #5a5854
	Ash #aba38e
	AshLight #e1dfd9
	CFS_Green #00573d
	CFS_Purple #46166b / forFutureUse
	Orange #f26522  / forFutureUse
	Specials #ffb611 
	SpecialsRed #900*/

BODY {text-align:center;margin:0;padding:0}
BODY, TABLE {font-family:Tahoma, Arial, Helvetica, Sans-serif;font-size:8pt;color:#e1dfd9}
A {text-decoration:none;color:#00573d}
A:hover {text-decoration:underline}
P {margin:0;padding:5px 0}
H1 {font-size:11pt;margin:0;padding:12px 0 10px 0}
H2 {font-size:11pt;margin:15px 0 10px 0;padding:12px 0 10px 0}

DIV#container,
DIV#homeContainer {width:780px;margin:0 auto;text-align:left}
	/*big rapper*/
DIV#logoArea,
DIV#topMenuArea,
DIV#mainArea {width:inherit;margin:inherit}


#logoTable {height:85px;color:#37302d;margin-top:12px}
#logoTable .BBB,
#logoTable .callUs,
#logoTable .quote {border-left:1px solid #aba38e;height:68px}
#logoTable IMG {border:none}
#logoTable .logo {float:left;width:330px}
#logoTable .logo IMG {width:255px;height:61px}
#logoTable .logo H2 {display:none}
#logoTable .BBB {float:left;width:85px;text-align:center}
#logoTable .BBB IMG {width:40px;height:65px;background:url(../_images/bbbseal1.gif)}
#logoTable .BBB P {display:none}
#logoTable .callUs {float:left;width:205px}
#logoTable .callUs P B {font-size:1.4em;font-weight:bold;line-height:1.8em}
#logoTable .callUs IMG {margin:0 10px;width:35px;height:70px;background:url(../_images/cta_call.jpg)}
#logoTable .quote {float:left;width:155px}
#logoTable .quote P {padding-top:32px}
#logoTable .quote IMG {margin:0 10px;width:47px;height:70px;background:url(../_images/cta_quote.gif)}


#topMenuArea .topMenu {margin:0;padding:0px;height:19px;width:781px;display:block}
#topMenuArea .topMenu LI {float:left;list-style:none;margin:0 1px 0 0;background-color:#5a5854;text-align:center}
#topMenuArea .topMenu LI A {color:#e1dfd9;padding:2px 15px;display:block}
/*#topMenuArea .topMenu LI#productsTab A {width:95px}*/
#topMenuArea .topMenu LI.active {background-color:#37302d;border-bottom:1px solid #37302d}
#topMenuArea .topMenu LI.active A {color:#e1dfd9}


	/*width changes with productCol, productBrandsCol, contentCol*/
#productsMenuCol {width:125px;float:left;margin:0;padding:0}
#productsMenuCol UL.productMenu {margin:0;padding:0;border-top:2px solid #37302d}
#productsMenuCol UL.productMenu LI {list-style:none;margin:0;padding:0;border-top:1px solid #37302d;background-color:#37302d}
#productsMenuCol UL.productMenu LI A {display:block;margin:0;padding:0;height:36px;width:125px;color:#FFF}
#productsMenuCol UL.productMenu LI A:hover {color:#EEE;font-weight:bold;text-decoration:none}
#productsMenuCol UL.productMenu LI A IMG {width:10px;height:17px;border:none}

#productsMenuCol UL.productMenu LI.vinyl A {background:url(../_images/productMenu_vinyl_n.gif)}
#productsMenuCol UL.productMenu LI.ceramic A {background:url(../_images/productMenu_ceramic_n.gif)}
#productsMenuCol UL.productMenu LI.stone A {background:url(../_images/productMenu_stone_n.gif)}
#productsMenuCol UL.productMenu LI.carpet A {background:url(../_images/productMenu_carpet_n.gif)}
#productsMenuCol UL.productMenu LI.hardwood A {background:url(../_images/productMenu_hardwood_n.gif)}
#productsMenuCol UL.productMenu LI.laminates A {background:url(../_images/productMenu_laminates_n.gif)}
#productsMenuCol UL.productMenu LI.bamboo A {background:url(../_images/productMenu_bamboo_n.gif)}
#productsMenuCol UL.productMenu LI.cork A {background:url(../_images/productMenu_cork_n.gif)}
#productsMenuCol UL.productMenu LI.specials A {background:url(../_images/menu_specials.jpg) 60px 0px no-repeat #ffb611;color:#900}

#productsMenuCol UL.productMenu LI.vinyl A:hover {background:url(../_images/productMenu_vinyl_h.gif)}
#productsMenuCol UL.productMenu LI.ceramic A:hover {background:url(../_images/productMenu_ceramic_h.gif)}
#productsMenuCol UL.productMenu LI.stone A:hover {background:url(../_images/productMenu_stone_h.gif)}
#productsMenuCol UL.productMenu LI.carpet A:hover {background:url(../_images/productMenu_carpet_h.gif)}
#productsMenuCol UL.productMenu LI.hardwood A:hover {background:url(../_images/productMenu_hardwood_h.gif)}
#productsMenuCol UL.productMenu LI.laminates A:hover {background:url(../_images/productMenu_laminates_h.gif)}
#productsMenuCol UL.productMenu LI.bamboo A:hover {background:url(../_images/productMenu_bamboo_h.gif)}
#productsMenuCol UL.productMenu LI.cork A:hover {background:url(../_images/productMenu_cork_h.gif)}
#productsMenuCol UL.productMenu LI.specials A:hover {color:#900;text-decoration:none;font-weight:bold}
#productsMenuCol UL.productMenu LI.active A:hover {text-decoration:none}

#productsMenuCol div.video {width:100px;text-align:center;margin:7px 0 0 10px}
#productsMenuCol div.video IMG {margin:5px 0}


/*contentCol and productCol are essentially the same areas. productCol is for most product pages*/
#contentCol, 
#productCol {margin:0 0 0 125px;padding:5px 15px 20px 20px;background:#37302d;min-height:310px}
#contentCol A, 
#productCol A {color:#96C}
#homeContainer #contentCol P {margin-right:215px;padding-right:20px}
#productCol P {margin: 0 0 0 217px}
#contentCol IMG.ieFive {width:1px;border:none}
#productCol IMG.installedSpace {width:200px;height:200px;float:left;border:1px solid #aba38e; margin:12px 15px 20px 0}

#rightColhome,
#rightColnarrow,
#rightColwide {float:right;border-left:1px #aba38e solid;margin-left:15px}

#rightColhome {width:215px;text-align:right;padding:10px 0}

#rightColnarrow {width:145px;text-align:center;padding:10px 0}
#rightColnarrow  DIV.video {background-color:#aba38e;padding:10px 0;line-height:1.1em;margin-left:10px}
#rightColnarrow  DIV.video IMG {margin:4px 0;width:90px;height:70px;border:1px solid #00573d}
#rightColnarrow  DIV.video A {color:#00573d}
#rightColnarrow  DIV.icc {padding:20px 0 0 0;margin-left:10px}
#rightColnarrow  DIV.icc A {color:#FFF}
#rightColnarrow  DIV.icc IMG {border:1px solid #FFF;width:96px;height:70px;margin:4px 0}

#middleColnarrow {width:130px; float:left}
#rightColwide {border-left:0;margin:15px 0 0 160px;float:none}

#contentCol p.aboutName {margin:0;padding:0;float:left;width:90px;color:#FFF}
#contentCol p.aboutPosition {margin:0;padding:0;float:left;width:125px;color:#FFF;font-weight:bold;font-size:0.95em}
#contentCol p.aboutEmail {margin:0;padding:0 0 10px 0}

#contentCol UL.productMenu {margin:0;padding:0;width:610px}
#contentCol UL.productMenu LI {float:left;list-style:none;background-color:#222;text-align:center;font-weight:bold;margin:0 10px 9px 0;padding:0}
#contentCol UL.productMenu LI A {display:block;width:188px;height:150px;margin:0;padding-bottom:3px;border:1px solid #222}
#contentCol UL.productMenu LI A:hover {text-decoration:none;border:1px solid #aba38e}
#contentCol UL.productMenu LI IMG {width:180px;height:130px;border:1px solid #000;margin:3px 3px 0 3px}
#contentCol UL.productMenu LI.vinyl IMG {background:url(../_images/menu_vinyl.jpg) -30px -80px}
#contentCol UL.productMenu LI.ceramic IMG {background:url(../_images/menu_ceramic.jpg)}
#contentCol UL.productMenu LI.stone IMG {background:url(../_images/menu_stone.jpg) -90px -125px}
#contentCol UL.productMenu LI.carpet IMG {background:url(../_images/menu_carpet.jpg) -1px -18px}
#contentCol UL.productMenu LI.hardwood IMG {background:url(../_images/menu_hardwood.jpg) 0 -50px}
#contentCol UL.productMenu LI.laminates IMG {background:url(../_images/menu_laminates.jpg) -63px -111px}
#contentCol UL.productMenu LI.bamboo IMG {background:url(../_images/menu_bamboo.jpg) 0 -80px}
#contentCol UL.productMenu LI.cork IMG {background:url(../_images/menu_cork.jpg)}
#contentCol UL.productMenu LI.specials IMG {background:url(../_images/products_specials.jpg) no-repeat #ffb611}

#contentCol #itemsOnSpecial {float:left;width:300px;margin:0 10px 10px 0;height:190px;overflow:hidden}
#contentCol #itemsOnSpecial IMG {width:150px;height:125px;border:1px solid #aba38e;float:left}
#contentCol #itemsOnSpecial P {margin:0 0 7px 165px;padding:0}
#contentCol #itemsOnSpecial P.title {text-transform:uppercase;font-weight:bold}
#contentCol #itemsOnSpecial P.originalPrice {text-decoration:line-through;margin-bottom:3px}
#contentCol #itemsOnSpecial P.discountPrice {color:#6F0}
#contentCol #itemsOnSpecial P.discountPrice SPAN {font-size:1.3em;font-weight:bold}
#contentCol p.backToTop {display:none} /*for Mobile use*/

#eForm {background:#FFF;color:#37302d;margin-bottom:20px;text-align:center;padding:15px;width:400px}
#eForm FORM {width:270px;margin:0 auto}
#eForm LABEL {float:left;width:80px;padding:7px 0 0 0;text-align:left}
#eForm INPUT {margin:3px 0 0 0;padding:0}
#eForm DIV#submitButtons {text-align:center}

#eQuote {background:#FFF;color:#37302d;margin:10px 20px 20px 80px;text-align:center;padding:15px;width:400px}
#eQuote FORM {width:310px;margin:0 auto;text-align:left;padding:10px 0 0 25px}
#eQuote LABEL {float:left;width:120px;margin:0;padding:7px 0 0 0;text-align:left}
#eQuote INPUT {margin:3px 0 0 3px;padding:0}
#eQuote DIV#floorType {margin:0 0 0 123px;padding:5px 0 0 0;text-align:left;height:80px}
#eQuote DIV#floorType P {margin:0;padding:0;float:left;width:90px;height:20px}
#eQuote DIV#floorType INPUT {float:none;margin:0 5px 0 0;padding:0}
#eQuote DIV#floorType LABEL {float:none;margin:0;padding:0}
#eQuote DIV#submitButtons {text-align:center;padding:15px 0}

#productBrandsCol {margin:0 0 0 125px;padding:0 20px;border:1px solid #9e9378;border-top:0;text-align:center;}
#productBrandsCol IMG {border:0;margin:0;width:150px;height:46px}
#productBrandsCol P {margin:0;color:#37302d}
#productBrandsCol P.inventoryProducts {text-align:left}
#productBrandsCol P.clickOnLogo {padding-top:5px}


#globalArea {width:inherit;margin:30px 0 0 0;text-align:center;background-color:#e1dfd9}
.global {margin:0;padding:5px 10px 5px 10px;font-size:8pt;color:#37302d}
.global A{margin:0 5px}

#copyrightArea {width:inherit;margin:inherit;text-align:center;padding:5px 0 20px 0}
.copyright {margin:0;padding:5px 10px;font-size:8pt;color:#aba38e}

.clearfloat {clear:both;height:0;font-size:1px;line-height: 0px}
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */


