@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:9pt;line-height:12pt}
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}

DIV#container,
DIV#homeContainer {margin:0 auto;text-align:left}
	/*big rapper*/
DIV#logoArea,
DIV#topMenuArea,
DIV#mainArea {width:inherit;margin:inherit}


DIV#logoArea {height:50pt;border-bottom:2px solid #37302d}
#logoTable {color:#37302d}
#logoTable .BBB,
#logoTable .callUs {border-left:0.5pt dotted #aba38e;height:40pt}
#logoTable IMG {border:none}
#logoTable .logo {float:left}
#logoTable .logo IMG {width:150pt;height:36pt}
#logoTable .logo H2 {display:none}
#logoTable .floatRight {float:right}
#logoTable .BBB {float:left;width:44pt;text-align:center}
#logoTable .BBB IMG {width:22pt;height:36pt}
#logoTable .BBB P {display:none}
#logoTable .callUs {float:left;width:165pt}
#logoTable .callUs P B {font-size:12pt;font-weight:bold;line-height:14pt}
#logoTable .callUs IMG {margin:0 10pt;width:20pt;height:40pt}
#logoTable .quote {display:none}


#topMenuArea {display:none}


	/*width changes with productCol, productBrandsCol, contentCol*/
#productsMenuCol {margin:0;padding:0;font-size:8pt;text-align:center}
#productsMenuCol UL.productMenu {margin:0 auto;padding:0;border-top:0 0 1.5pt 0 solid #37302d;height:40pt;width:520pt}
#productsMenuCol UL.productMenu LI {list-style:none;margin:0;padding:0;float:left;border-right:#e1dfd9 dotted 0.5pt}
#productsMenuCol UL.productMenu LI A {display:block;margin:0;padding:0 15pt;height:12pt;color:#e1dfd9}
#productsMenuCol UL.productMenu LI A:hover {color:#EEE;font-weight:bold;text-decoration:none}
#productsMenuCol UL.productMenu LI A IMG {display:none}
#productsMenuCol UL.productMenu LI.specials {border-right:none}

#productsMenuCol div.video {display:none}


/*contentCol and productCol are essentially the same areas. productCol is for most product pages*/
#contentCol, 
#productCol {margin:0;padding:0}
#productCol {min-height:180pt;margin-bottom:15pt}
#contentCol A, 
#productCol A {color:#96C}
#productCol P {margin: 0 0 0 166pt}
#productCol IMG.ieFive,
#contentCol IMG.ieFive {display:none}
#productCol IMG.installedSpace {width:150pt;height:150pt;float:left;border:0.5pt solid #aba38e; margin:10pt 15pt 0 0}
#homeContainer #contentCol{min-height:198pt} /*height changes with #rightColhome IMG - 40pts taller than IMG*/

#rightColnarrow,
#rightColwide {float:right;margin-left:15px}

#rightColhome {width:140pt;float:right;padding:0;text-align:right;display:block}
#rightColhome IMG {width:130pt;height:158pt;border:0.5pt solid #5a5854} /*height changes with #homeContainer #contentCol */

#rightColnarrow {width:145px;text-align:center;padding:10px 0}
#rightColnarrow  DIV.video {display:none}
#rightColnarrow  DIV.icc {padding:10pt 5pt 10pt 5pt;margin:0;border:0.5pt solid #37302d}
#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 UL.productMenu {margin:0;padding:0}
#contentCol UL.productMenu LI {float:left;list-style:none;text-align:center;font-weight:bold;margin:0 10px 9px 0;padding:0}
#contentCol UL.productMenu LI A {display:block;width:138pt;height:103pt;margin:0;padding-bottom:3pt;color:#000}
#contentCol UL.productMenu LI IMG {width:126pt;height:91pt;border:0.5pt solid #000;margin:3pt 3pt 0 3pt}
#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:180px;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*/

a.noPrint,
#eForm {display:none}

#eQuote {background:#FFF;margin:10pt 20pt 20pt 80pt;text-align:center;width:300pt;font-size:9pt}
#eQuote FORM {width:220pt;margin:0 auto;text-align:left;padding:10pt 0 0 25pt}
#eQuote LABEL {float:left;width:100pt;margin:0;padding:3pt 0 0 0;text-align:left}
#eQuote INPUT {margin:3pt 0 0 3pt;padding:0}
#eQuote DIV#floorType {margin:0 0 0 103pt;padding:5pt 0 0 0;text-align:left;height:92pt}
#eQuote DIV#floorType P {margin:0;padding:0;float:left;width:90pt;height:12pt}
#eQuote DIV#floorType INPUT {float:none;margin:0 5pt 0 0;padding:0}
#eQuote DIV#floorType LABEL {float:none;margin:0;padding:0}
#eQuote DIV#submitButtons {text-align:center;padding:15pt 0}


#productBrandsCol {border-top:0.5pt dotted #37302d;padding:0 20px;text-align:center;font-size:8pt}
#productBrandsCol IMG {border:0;margin:0;width:100px;height:32px}
#productBrandsCol P {margin:0;color:#37302d}
#productBrandsCol P.clickOnLogo {display:none}


#globalArea {display:none}

#copyrightArea {width:inherit;margin:10pt 0 0 0;padding:0;text-align:center}
.copyright {margin:0;padding:10pt 0 0 0;font-size:7pt;color:#aba38e;border-top:0.5pt solid #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 */