html {  }
body { margin: 0; background-color: #cdcece; background-color: #383838; font: 11px Tahoma, Verdana, sans-serif; }
#expandbkg { background-color: #000; padding-bottom: 15px; background-image: url(img/bodybkg.gif); background-repeat: repeat-x; }
#header { background-image: url(img/bodyheader.gif); background-repeat: no-repeat; height: 121px; }
#header-left { display: inline; float: left; width: 140px; }
#header-right { display: inline; float: right; width: 751px; text-align: right; }
.clear { clear: both; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear15 { clear: both; height: 15px; }
.clear20 { clear: both; height: 20px; }
p { line-height: 145%; color: #aaa; margin: 0 0 14px 0; padding: 0; }
h1 { font-weight: normal; font-size: 29px; color: #fff; margin: 0 0 15px 0; padding: 1px; }
h2 { font-size: 19px; color: #ccc; margin: 0 0 15px 0; padding: 0; }
h3 { font-size: 14px; margin: 3px 0 5px 0; padding: 0 0 3px 0; color: #e1be74; border-bottom: dotted 1px #444; }
h4 { font-size: 13px; color: #eae78e; margin: 3px 0 5px 0; padding: 0; }
h5 { font-size: 15px; color: #d4e69c; margin: 4px 0 3px 0; padding: 0; }
h6 { font-size: 12px; color: #f27a32; margin: 0 0 2px 0; padding: 0; }
a, a:visited { color: #e0ddb8; text-decoration: none; outline: none; }
a:hover { color: #fff25f; text-decoration: none; }
a:active { color: #fff; text-decoration: none; outline: none; }

ul { margin: 0 0 20px 20px; padding: 0; }
li { padding: 3px 0; color: #aaa; }

.resource-list li { font-size: 13px; margin: 2px 0; color: #fff; }

/* NEW HOME AREAS */
#home-intro { border-top: solid 1px #555; border-bottom: solid 1px #555; margin: 25px 0 0 0; }
#home-middle { margin: 25px 0; }
#home-middle-left { width: 532px; display: inline; float: left; border-right: solid 1px #555; }
#home-middle-right { width: 400px; display: inline; float: right; }
#home-lower { margin: 25px 0; border-top: solid 1px #555; padding: 25px 0 0 0; }
.home-lower-left { border-right: solid 1px #555; }
.home-lower-middle { padding-left: 36px; padding-right: 90px; }
.home-lower-right {  }
.form-txt { font: 11px Arial, sans-serif; padding: 2px 1px 2px 3px; border: solid 1px #474747; background: #1f1f1f; color: #bbb; }
.form-txt2 { font: 11px Arial, sans-serif; padding: 2px 1px 2px 3px; border: solid 1px #474747; background: #1f1f1f; color: #bbb; }

.form-d1 { padding: 5px 0; color: #bbb; border-bottom: solid 1px #333; }
.form-button { color: #000; font: bold 11px Arial, sans-serif; }
.submit-row { padding: 4px; background: #282828; }

#getadobe { font-size: 10px; color: #999; line-height: 120%; border-top: dashed 1px #333; padding: 10px 0 0 0; margin: 15px 0 0 0; }

#nav { margin: 80px 0 0 0; }
#nav a { display: block; height: 21px; }
#nav a:hover { background-position: bottom; }
#nav-home 		{ width: 67px; background-image: url(img/nav_home.png); }
#nav-tile		{ width: 57px; background-image: url(img/nav_tile.png); }
#nav-adhesives	{ width: 89px; background-image: url(img/nav_adhesives.png); }
#nav-floorcare		{ width: 102px; background-image: url(img/nav_floorcare.png); }
#nav-resources		{ width: 99px; background-image: url(img/nav_resources.png); }
#nav-reps		{ width: 118px; background-image: url(img/nav_findsalesrep.png); }
#nav-news		{ width: 63px; background-image: url(img/nav_news.png);  }
#nav-about		{ width: 69px; background-image: url(img/nav_about.png); }
#nav-contact		{ width: 85px; background-image: url(img/nav_contact.png); }
#nav li:hover { background-position: bottom; }
#nav ul { margin: 0; padding: 0; }
#nav li { margin: 0; padding: 0; list-style: none; display: inline; float: left; }



/* BOF TILE SPECIFIC */
#tile-left { width: 650px; display: inline; float: left; color: #909090; }
#tile-right { width: 278px; display: inline; float: right; }
#tile-right-area { border: solid 1px #555;color: #888; margin-bottom: 12px; }

#tile-search { padding: 12px; border-bottom: solid 1px #555; }
#tile-chart { padding: 12px; }
#tile-viewingby { border: solid 1px #555; padding: 7px 13px; margin-top: 13px; }
.tile-detail-header { font-size: 12px; color: #ccc; }
.tile-detail { padding: 15px 0 25px 0; }
.tile-detail-description { padding: 15px 0; border-top: solid 1px #555; }
.tile-detail-description p { color: #888; }

.tile-thumb-title { font-size: 11px; padding: 0 0 2px 0; color: #bbb; }
.tile-thumb-number { font-size: 10px; }
.tile-thumb-list { padding: 6px 7px 6px 0; }
#tile-viewall { text-align: right; padding: 8px 0 0 0; }
#tile-views { margin: 8px 0 0 0; }

#tile-views a { padding: 3px 7px; border: solid 1px #444; background: #111; font-size: 10px; font-weight: bold; }
#tile-views a:hover { padding: 3px 7px; border: solid 1px #444; border: solid 1px #888; color: #fff; }

.selected { color: #6cc9ff; }
#tile-series-list { padding: 0 0 0 0; }
#tile-series-list ul { margin: 0; padding: 0; }
#tile-series-list li { margin: 0; padding: 3px 0; list-style-image: url(img/tile/arrow_gray.png); list-style-position:inside; font-size: 12px; letter-spacing: 1px; }
#tile-series-list li#series-selected a { color: #6cc9ff; font-weight: bold; }
#tile-series-list li#series-selected { color: #6cc9ff; list-style-image: url(img/tile/arrow_blue.png); }

.searchinfo { font-size: 10px; padding-top: 6px; }
.tile-search { border: solid 1px #444; background: #111; width: 99%; padding: 3px 4px; font: 13px Tahoma, sans-serif, Verdana; color: #fff; height: 16px; }
.tile-search-button { width: 99%; font: bold 11px Tahoma, sans-serif, Verdana; color: #fff; color: #000; border: solid 1px #444; background: #111; color: #bbb; height: 24px; width: 60px; }
#tile-image { height: 510px; background-repeat: no-repeat; margin: 12px 0; background-position: center center; }
#tile-info { margin-top: -26px; padding-bottom: 4px; border-bottom: solid 1px #555; }
#tile-info-left { padding: 2px 0 2px 1px; width: 248px; border-right: solid 1px #555; background-image: url(img/thinarrow.png); background-repeat: no-repeat; background-position: top right; display: inline; float: left; }
#tile-info-right { width: 385px; display: inline; float: right; color: #ababab; padding: 4px 0; line-height: 140%; }
.tile-title { color: #ccc; font-size: 17px; margin-bottom: 3px; font-family: Verdana, sans-serif; }
.tile-number { color: #9c9c9c; font-size: 11px; }
.size10 { font-size: 10px; }

#tile-description { padding-top: 4px; }
#tile-description-left { width: 380px; border-right: solid 1px #555; padding-right: 10px; padding-top: 10px; display: inline; float: left; }
#tile-description-left p { color: #aaa; margin: 0 0 15px 0; padding: 0; line-height: 140%; }
#tile-description-right { width: 248px; display: inline; float: right; }
#tile-description-options { border-top: solid 1px #555; padding: 15px 0; }
#tile-dimensions { padding: 9px 0 9px 1px; border-bottom: solid 1px #555; margin-bottom: 12px; }
#tile-moreinfo { background-image: url(img/tile/techinfo.png); background-repeat: no-repeat; background-position: top left; padding: 0 0 0 62px; }
.tile-moreinfo-list { margin: 5px 0 0 15px; padding: 0; }
.tile-moreinfo-list li { padding: 1px 0; margin: 0; }

#mainarea #content-tile { padding: 20px 0 30px 0; background-color: #000; }
#content-tile a#currentview { color: #6cc9ff; font-weight: bold; background: #222; }
#tile-series-infobar { border-bottom: solid 1px #555; }
.small { font: 10px Tahoma, sans-serif, Verdana; color: #777; }
.lightgray { color: #ccc; }

.t-list-alt { padding: 6px 9px; font-size: 11px; background: #2f2f2f; }
.t-list { padding: 6px 9px; font-size: 11px; background: #202020; }
.infotable { background-color: #555; margin-top: 7px; }
.infotable thead th { padding: 5px 8px; background: #333; color: #fff; }
.infotable tbody td { font-size: 11px; padding: 5px 8px; color: #bbb; background: #111; }
.infotable tfoot td { padding: 0; background: none; }
.infotable tbody tr.itemselected td { color: #fff; background-color: #3c3c3c !important; }

.infotable2 { margin-top: 7px; }
.infotable2 thead th { padding: 5px 8px; background: #333; color: #fff; }
.infotable2 tbody td { font-size: 11px; padding: 5px 8px; color: #bbb; background: #0a0a0a; border-bottom: solid 1px #333; }
.infotable2 tfoot td { padding: 0; background: none; }

/* EOF TILE SPECIFIC */
.white { color: #fff; }
.back-bottom {padding: 7px 0 0 0; margin-bottom: 15px; font-size: 11px; }
.back-top {  padding: 0 0 7px 0; margin-bottom: 15px; font-size: 11px; }
.filesize { font: 10px Arial, sans-serif; color: #888; }
.pageintro { font-size: 14px; color: #f0f3d0; margin-bottom: 20px; line-height: 140%; }
.timestamp { font-size: 11px; color: #777; margin-bottom: 3px; }
#main-container { width: 950px; margin: 0 auto; }
#controls { margin: -38px 0 0 10px; display: inline; position: absolute; z-index: 99; }
#prevbutton { display: inline; float: left; width: 20px; height: 20px; }
#nextbutton { display: inline; float: left; margin-left: 11px; width: 20px; height: 20px; }

img { border: none; }
#mainarea { background-color: #000;  }
#contentblock { }
fieldset { margin: 0 0 15px 0; padding: 8px; border: solid 1px #AAA; }
legend { padding: 2px 6px; font-weight: bold; font-size: 13px; color: #fff; }
.bhead { background: #404242; color: #fff; font-size: 12px; padding: 4px 0; }
#mainarea #leftarea { width: 209px; display: inline; float: left; margin-right: 5px; }
#mainarea #mainmenu { border: solid 1px #ada591;background-image: url(img/mainmenubkg.png); background-repeat: repeat-y; }
#mainarea #content { color: #ccc; }

#mainarea #green-content { width: 670px; display: inline; float: left; border: solid 1px #ada591; padding: 27px 27px 35px 27px; background-image: url(img/greenbackground.jpg); background-repeat: no-repeat; background-position: top center; }
.text { line-height: 150%; color: #aaa; margin: 0 0 14px 0; padding: 0; }

#footer { font: 11px Verdana, sans-serif; text-align: left; padding: 30px 0; width: 940px; margin: 0 auto; }
#footer p { color: #afafaf; line-height: 130%; font-size: 10px; }
#footer a { color: #ccc; }
#footer a:visited { color: #ccc; }
#footer a:hover { color: #fff; }
form { margin: 0; padding: 0; }
#casualform label { width: 150px; display: inline; float: left; font-size: 11px; color: #aaa; margin-bottom: 8px; padding-top: 3px; }
#casualform input { margin: 4px 0; }
.line { border-top: dashed 1px #444; height: 1px; font-size: 1px; clear: both; margin: 0 0 13px 0; }
.form-txt2-disabled { display: inline; float: left; font: 12px Arial, sans-serif; color: #000; padding: 1px 3px; border: solid 1px #999; background: #E0E0E0; color: #888; }
.form-txt3 { font: 11px Arial, sans-serif; color: #bbb;  padding: 2px 1px 2px 3px; border: solid 1px #999; background: #1f1f1f; border: solid 1px #474747; }
.form-txt3-disabled { font: 11px Arial, sans-serif; color: #888;  padding: 2px 1px 2px 3px; border: solid 1px #999; background: #292929; border: solid 1px #474747; }



.enclosure { padding: 17px; border: solid 1px #8c8262; }
.enclosure1 { padding: 47px 18px 0 17px; margin-top: 17px; background-image: url(img/salesrep_banner.jpg); background-repeat: no-repeat; height: 130px; }
.enclosure2 { padding: 56px 18px 0 17px; margin-top: 17px; background-image: url(img/dealer_banner.jpg); background-repeat: no-repeat;  height: 121px; }
.enclosure-green { border: solid 1px #789056; padding: 10px 97px 10px 10px; margin-top: 17px; color: #FFF; background: #F7FFEA; font: 12px "Trebuchet MS", "Lucida Sans", Arial; background-image: url(img/leafbkg.jpg); background-repeat: no-repeat; }
.enclosure-green a { color: #CCFF00; text-decoration: none; }
.subpagelarge { font: 16px Georgia, Arial, sans-serif; color: #000; line-height: 138%; margin: 0 0 19px 0; }
#cyclebanners { height: 299px; background-color: #000; overflow: hidden; z-index: 1; border: solid 1px #555; }

.dashed-line { border-top: dashed 1px #AAA; height: 1px; font-size: 1px; margin: 8px 0; }
.red { color: #F00; }
#errorbox { background: #2a0303; color: #B00; padding: 7px; margin: 0 0 15px 0; }
#errorbox h1 { font-size: 18px; font-weight: bold; color: #fff; margin: 0 0 6px 0; }
#errorbox p { font-size: 11px; color: #D00; line-height: 15px; margin: 0; padding: 0; }
.totop { font-size: 11px; text-align: right; font-weight: bold; }
.success strong { font-size: 12px; }
.success { background: #EAF5E7; padding: 4px 10px; color: #556D43; line-height: 143%; font-size: 11px; }
#prefooter { background-color: #ddd; margin-top: 6px; }
#prefooter a	{ color: #000; }
#prefooter a:visited { color: #000; }
#prefooter-content { width: 928px; margin: 0 auto; padding: 9px 6px; font: 11px Tahoma, Arial, sans-serif; line-height: 15px; }
#prefoot-left { width: 284px; display: inline; float: left; padding: 7px 0; }
#prefoot-middle { display: inline; float: left; border-left: solid 1px #555; border-right: solid 1px #555; width: 326px; padding: 20px 24px 0 24px; height: 90px; }
#prefoot-middle p { margin: 4px 0 0 0; font-size: 10px; color: #555; line-height: 130%; }
#prefoot-right { display: inline; float: right; width: 248px; padding: 27px 0 0 12px; }
#prefoot-right p { margin: 6px 0 0 0; line-height: 130%; font-size: 10px; color: #555; }


.box33 { width: 204px; display: inline; float: left; margin: 0 10px 20px 0; line-height: 145%; }
.box50-l { width: 455px; display: inline; float: left; margin-right: 9px; }
.box50-r { width: 455px; display: inline; float: right; margin-left: 9px; }

.submenublock { text-align: right; border-bottom: solid 1px #ada591; }
.submenublock a { display: block; padding: 6px 35px 8px 0; font: 12px Georgia, "Times New Roman", Times, serif; text-align: right; color: #333; }
.submenublock a:hover { text-decoration: none; color: #333; background-color: #e8f6fb; }
.submenublock#current { background: #f3ffa0; }
#green-submenu { width: 200px; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC;  padding: 70px 10px 0 10px; float: right; margin: 0 0 10px 10px; background-color: #f8ffed; background-image: url(img/greenmenubkg.jpg); background-repeat: no-repeat; }
#green-submenu a { display: block; padding: 5px 0 5px 18px; text-decoration: none; color: #52872b; font: 12px "Trebuchet MS", "Lucida Sans", Arial; background-image: url(img/greenbullet.png); background-repeat: no-repeat; background-position: 0 8px; }
#green-submenu a:hover { background-color: #eeffc4; }
#greentext p { font: 12px "Lucida Sans", Arial; line-height: 18px; }
#greentext h1 { font: bold 29px "Lucida Sans", Arial; color: #2b4c00; margin: 10px 0 15px 0; padding: 0; letter-spacing: -1px; }
#greentext h3 { font: bold 14px "Lucida Sans", Arial; margin: 0 0 5px 0; padding: 0; color: #6a7448; }
#greentext h4 { font: 20px "Lucida Sans", Arial; color: #4f781e; margin: 0 0 5px 0; padding: 0; letter-spacing: 1px; }
.greenlist-header { font: 10px Tahoma, Verdana, Arial, sans-serif; color: #030; background: #e4ecd0; padding: 5px; border-bottom: solid 1px #090; border-right: solid 1px #FFF; }
.greenlist1 { font-size: 11px; color: #060; padding: 5px; border-bottom: solid 1px #CCC; border-right: solid 1px #DDD; }
.greenlist2 { font-size: 11px; color: #060; background: #F7FBEC; padding: 5px; border-bottom: solid 1px #CCC; border-right: solid 1px #DDD; }
.listalt1 { font-size: 11px; color: #333; padding: 6px; border-bottom: solid 1px #CCC; line-height: 17px;  }
.listalt2 { font-size: 11px; color: #333; background: #f7f6f0; padding: 6px; border-bottom: solid 1px #CCC; line-height: 17px; }
#content #breadcrumb { font-size: 10px; color: #999; padding: 0 0 5px 0; margin: 0 0 0 0;  }
#green-content #breadcrumb { display: none; }
.menublock-tile 			{ border-bottom: solid 1px #ada591; height: 44px; background-image: url(img/mainmenu_tile.jpg); } 			.menublock-tile:hover { background-position: 0 44px; }
.menublock-underlayments	{ border-bottom: solid 1px #ada591; height: 44px; background-image: url(img/mainmenu_underlayments.jpg); } 	.menublock-underlayments:hover { background-position: 0 44px; }
.menublock-overlayments 	{ border-bottom: solid 1px #ada591; height: 44px; background-image: url(img/mainmenu_overlayments.jpg); } 	.menublock-overlayments:hover { background-position: 0 44px; }
.menublock-adhesives 		{ border-bottom: solid 1px #ada591; height: 44px; background-image: url(img/mainmenu_adhesives.jpg); } 		.menublock-adhesives:hover { background-position: 0 44px; }
.menublock-floorcare 		{ border-bottom: solid 1px #ada591; height: 44px; background-image: url(img/mainmenu_floorcare.jpg); } 		.menublock-floorcare:hover { background-position: 0 44px; }
.menublock-buildingproducts	{ height: 44px; background-image: url(img/mainmenu_buildingproducts.jpg); } 								.menublock-buildingproducts:hover { background-position: 0 44px; }
.menublock-legacyproducts	{ height: 44px; background-image: url(img/mainmenu_legacyproducts.jpg); } 								.menublock-legacyproducts:hover { background-position: 0 44px; }

#tile-large-options { background: #EEE; margin: 5px 0 0 0; padding: 4px 6px; font-size: 11px; }
.green { color: #070; }
#tile-description { margin: 5px 0 0 0; }
#tile-options { padding: 5px 1px; border-bottom: solid 1px #444; margin-bottom: 13px; }
#tile-options-below { padding: 8px 1px; margin: 0 0 10px 0; color: #666; }
#tile-options-left { display: inline; float: left; width: 300px; font: bold 19px 'Arial Narrow', Arial, sans-serif; letter-spacing: 1px; color: #888; }
#tile-options-right { display: inline; float: right; width: 330px; margin-top: 6px; font-size: 12px; text-align: right; }
#tile-large { display: inline; float: left; border: solid 1px #BBB; padding: 6px; width: 409px; margin-bottom: 30px; }
#tile-thumb-area { margin: 0 0 10px 10px; float: left; display: inline; width: 230px; }
.tile-thumb-box { margin: 0 0 6px 6px; display: inline; float: left; }
.tile-thumb-box a { border: solid 1px #DDD; padding: 5px; background: #FFF; display: block; }
.tile-thumb-box a:hover { border: solid 1px #DDD; padding: 5px; background: #E0E0E0; border: solid 1px #444; }
#igal-large { display: inline; float: left; border: solid 1px #BBB; padding: 6px; margin-bottom: 30px; margin-right: 3px; }
.igal-thumb-box { margin: 0 0 5px 5px; display: inline; float: left; }
.igal-thumb-box a { border: solid 1px #DDD; padding: 4px; background: #FFF; display: block; }
.igal-thumb-box a:hover { border: solid 1px #DDD; padding: 4px; background: #E0E0E0; border: solid 1px #444; }
#tabrow { margin: 0; padding-left: 10px; height: 24px; }
#tabrow a { display: block; padding: 4px 7px; }
.tab {  width: 70px; display: inline; float: left; background: #EEE; border-left: solid 1px #BBB; border-top: solid 1px #BBB; text-align: center; }
.tab-last {  width: 70px; display: inline; float: left; background: #EEE; border-left: solid 1px #BBB; border-top: solid 1px #BBB; border-right: solid 1px #BBB; text-align: center; }
.tab-selected {  width: 70px; display: inline; float: left; background: #FFF; border-left: solid 1px #BBB; border-top: solid 1px #BBB; text-align: center; }
.tab-last-selected {  width: 70px; display: inline; float: left; background: #FFF; border-left: solid 1px #BBB; border-top: solid 1px #BBB; border-right: solid 1px #BBB; text-align: center; }
#productbanner { margin-bottom: 20px; }
#tabbox2 { background-image: url(img/swatchholder.gif); padding: 60px; }
#loadingtile { background: #000; color: #FFF; width: 150px; position: absolute; margin: 20px 0 0 20px; padding: 5px 5px 6px 28px; font-size: 11px; background-image: url(img/tileloader.gif); background-repeat:no-repeat; background-position: 5px 5px; }
.doclist { font-size: 11px; color: #999; padding: 2px 0; }
.empty { background: #FFF2F2; color: #A00; padding: 4px; }
#productimg { background: #333; padding: 10px; display: inline; float: right; margin: 0 0 10px 13px; width: 300px; border-left: solid 20px #000; border-bottom: solid 20px #000; }
.list-head { font: bold 11px Arial; color: #FFF; background: #555; padding: 4px; }
.list { font-size: 11px; color: #555; background: #FFF; padding: 4px; border-bottom: solid 1px #CCC;}
.list-small { font-size: 10px; color: #555; background: #FFF; border-bottom: dotted 1px #CCC;}

.table-head { font: bold 11px Arial; color: #FFF; background-image: url(img/listheadbkg.gif); padding: 4px; }
.table-list { font-size: 11px; color: #444; padding: 4px; border-bottom: dashed 1px #CCC; border-right: dashed 1px #CCC;  }
.table-list2 { font-size: 11px; color: #444; padding: 4px 6px; background: #FFF; }

.sizesavailable { font: 10px Arial, sans-serif; background: #E0E0E0; color: #000; padding: 5px; }
.note p { color: #f5e5c9; font-size: 11px; }
.note strong { color: #ff7f7f; font-size: 13px; }
#doclist { margin-bottom: 15px; }
.size11 { font-size: 11px; }
#fritzgreen { background: #F2FFD7; padding: 7px; font: 12px "Trebuchet MS", "Lucida Sans", Arial; margin-bottom: 15px; line-height: 16px; }