/* DOC ELEMENT WIDE STYLES */
sup { font-size: 9px; }
input { padding: 0; margin-top: 0; font-size: 12px; }
body { font-family: Arial, Helvetica, Verdana; font-size: 11px; background: #fff; }
td { vertical-align: top; font-family: verdana, arial; font-size: 11px; }
table { padding: 0px; border-collapse: collapse; border-spacing: 0; }
table.forms tr td { /* border: 1px solid; */ padding: 5px 5px 5px 5px; border-collapse: collapse; border-spacing: 0; text-align: left; }
table.forms2 tr th { padding: 5px 5px 10px 5px; border-collapse: collapse; border-spacing: 0; text-align: left; line-height: 20px; font-weight: normal; }
table.forms2 tr td { padding: 5px 5px 5px 5px; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #ccc; text-align: left; line-height: 20px; }
table#industrylinks tr td { padding: auto; border-collapse: collapse; border-spacing: 0; text-align: center; vertical-align: middle; height: 60px; }
table tr td { padding: 0px; }
p { padding: 0px; margin: 1px 0px 10px 0px; }
img { border: 0px; }
ul { padding-left: 15px; margin-left: 4px; }
li { padding: 0px 0px 8px 0px; }
hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; }
.floatLeft { float: left; }
.floatRight { float: right; }

/* Font Fix to Verdana */
.collectionPageHeader div, .collectionPageHeader li, .collectionPageHeader p { font-family: Arial; line-height: normal; }
.collectionPageHeader div:first-child { padding-top: 10px; }

/* END OF DOC ELEMENT WIDE STYLES */

/* Classes */
a.btn { padding: 3px 5px; border: solid 1px #c2bdae; color: #fff !important; font-weight: bold; position: relative; font-size: 9pt; }
a.brown { background: #a1977c; /* Old browsers */ background: -moz-linear-gradient(top, #a1977c 0%, #6a6350 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1977c), color-stop(100%,#6a6350)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a1977c 0%,#6a6350 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a1977c 0%,#6a6350 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #a1977c 0%,#6a6350 100%); /* IE6-9 */ background: linear-gradient(top, #a1977c 0%,#6a6350 100%); /* W3C */ }

/* WRAPPER STYLES */
.mainWrapper { width: 960px; margin: 0 auto; border-left: solid 1px #dadada; border-right: solid 1px #dadada; }
#wrappertop { width: 705px; height: 177px; margin-left: auto; margin-right: auto; padding-top: 8px; border: 1px solid #ffffff; }
#wrappermiddle { position: relative; width: 710px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: left; }
#wrapperlefthome { position: relative; width: 455px; margin-left: 0px; float: left; text-align: left; }
#wrapperrighthome { position: relative; width: 250px; margin-top: 20px !important; margin-top: 0px; float: right; }
#wrappermiddlelisting { position: relative; width: 960px; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: left; }

#wrapperfooter { clear: both; position: relative; text-align: center; /*width: 1000px;*/ margin-left: auto; margin-right: auto; margin-top: 30px; color: #999; background: url(images/redesign/footerBg.jpg) repeat-x; }
#wrapperfooter a { color: #999; }
#wrapperfooter a:hover { color: #000; }


/* HOME TOP AREA STYLES */
#logo { position: absolute; background: url(images/logo_asi_new.png) no-repeat; top: 20px; width: 454px; height: 37px; margin-left: -8px; }
#address { font-size: 8px; line-height: 14px; position: absolute; width: 249px; height: 25px; margin-left: 500px !important; margin-left: 460px; margin-top: 10px !important; margin-top: 0px; }

/* MISC IMAGE STYLES */
.photocontact { float: left; margin-right: 5px; }

/* MISC FONT STYLES */

p.underline { border-bottom: 1px solid #cccccc; padding: 4px 0px 4px 0px; }
.photocredit { color: #ccc; font-size: 8px; margin-top: -11px !important; margin-top: -14px; margin-left: 3px; }
.red { color: #FF0000; }
.formcorrectorradio { position: relative; top: -5px; display: inline; vertical-align: middle; }
.formcorrectorcheck { position: relative; top: -2px; display: inline; vertical-align: middle; }
table.formcorrectorcheckprodlist tr td { padding: 0px; margin: 0px; }
a:hover.nohover { color: #000; }

/* NAV-TOP STYLES */
#navsearch { position: absolute; top: 53px; margin-left: 458px !important; margin-left: 458px; background: url(images/nav_search.gif) no-repeat; height: 21px; width: 250px; vertical-align: middle; }
#navsearchtext { position: absolute; margin-left: 600px; height: 15px; width: 724px; vertical-align: middle; }
#navsearchfield { position: relative; margin-left: 112px; top: 4px !important; top: 2px; height: 8px; width: 12px; vertical-align: middle; display: inline; }
#navsearchfieldinput { height: 12px; width: 100px; }
#navsearchgo { position: relative; margin-left: 0px !important; margin-left: 3px; top: 4px !important; top: 3px; height: 200px; width: 12px; vertical-align: middle; display: inline; }
#navmain { position: relative; top: 58px !important; top: 51px; margin-left: -9px; background: url(images/nav_main.gif) no-repeat; height: 21px; width: 724px; vertical-align: middle; }
a#navhome { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 10px; margin-top: 3px; }
a#navaboutus { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 50px; margin-top: 3px; }
a#navtestimonials { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 110px; margin-top: 3px; }
a#navpress { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 200px; margin-top: 3px; }
a#navfaq { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 250px; margin-top: 3px; }
a#navceu { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 285px; margin-top: 3px; }
a#navregistration { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 325px; margin-top: 3px; }
a#navnewsletter { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 415px; margin-top: 3px; }
a#navlinks { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 505px; margin-top: 3px; }
a#navprojects { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 595px; margin-top: 3px; }
a#navcontactus { height: 21px; position: absolute; font-size: 12px; text-decoration: none; margin-left: 660px; margin-top: 3px; }

/* THESE ARE THE BRAND LOGOS ON THE REGISTRATION PAGE */
#logobrandwood { margin-top: 8px; background: url(images/logo_brand_woodpanels.gif) no-repeat; width: 135px; height: 100px; }
#logobrandflooring { margin-top: 8px; background: url(images/logo_brand_flooring.gif) no-repeat; width: 135px; height: 100px; }
#logobranddecorative { margin-top: 8px; background: url(images/logo_brand_decorative.gif) no-repeat; width: 135px; height: 100px; }
#logobrandspecialty { margin-top: 8px; background: url(images/logo_brand_specialty.gif) no-repeat; width: 135px; height: 100px; }
#logobranddisplay { margin-top: 8px; background: url(images/logo_brand_display.gif) no-repeat; width: 135px; height: 100px; }

/* THESE ARE THE CIRCLE NAV STYLES */
#circnavhidden { position: absolute; top: -400px; }
#circnavmain { position: relative; margin-top: 67px !important; margin-top: 60px; margin-left: 0px; height: 102px; width: 665px; vertical-align: middle; }
span#browsecatalog { width: 57px; height: 107px; position: absolute; font-size: 12px; text-decoration: none; margin-left: -5px; margin-top: 0px; background: url(images/browsecatalog.gif) no-repeat; }
a#circwood { position: absolute; font-size: 12px; text-decoration: none; margin-left: 50px; margin-top: 5px; height: 102px; width: 108px; background: url(images/circ_wood.gif) no-repeat; }
a#circwoodon { position: absolute; font-size: 12px; text-decoration: none; margin-left: 50px; margin-top: 5px; height: 106px; width: 108px; background: url(images/circ_wood_on.gif) no-repeat; }
a#circwood:hover { position: absolute; font-size: 12px; text-decoration: none; margin-left: 50px; margin-top: 5px; height: 103px; width: 108px; background: url(images/circ_wood_over.jpg) no-repeat; }
a#circflooring { position: absolute; font-size: 12px; text-decoration: none; margin-left: 162px; margin-top: 5px; height: 102px; width: 108px; background: url(images/circ_flooring.gif) no-repeat; }
a#circflooringon { position: absolute; font-size: 12px; text-decoration: none; margin-left: 162px; margin-top: 5px; height: 108px; width: 108px; background: url(images/circ_flooring_on.gif) no-repeat; }
a#circflooring:hover { position: absolute; font-size: 12px; text-decoration: none; margin-left: 162px; margin-top: 5px; height: 102px; width: 108px; background: url(images/circ_flooring_over.jpg) no-repeat; }
a#circdecorative { position: absolute; font-size: 12px; text-decoration: none; margin-left: 274px; margin-top: 5px; height: 102px; width: 108px; background: url(images/circ_decorative.gif) no-repeat; }
a#circdecorativeon { position: absolute; font-size: 12px; text-decoration: none; margin-left: 274px; margin-top: 5px; height: 108px; width: 108px; background: url(images/circ_decorative_on.gif) no-repeat; }
a#circdecorative:hover { position: absolute; font-size: 12px; text-decoration: none; margin-left: 274px; margin-top: 5px; height: 102px; width: 108px; background: url(images/circ_decorative_over.jpg) no-repeat; }
a#circspecialty { position: absolute; font-size: 12px; text-decoration: none; margin-left: 386px; margin-top: 5px; height: 102px; width: 108px; background: url(images/circ_specialty.gif) no-repeat; }
a#circspecialty:hover { position: absolute; font-size: 12px; text-decoration: none; margin-left: 386px; margin-top: 5px; height: 102px; width: 108px; background: url(images/circ_specialty_over.jpg) no-repeat; }
a#circspecialtyon { position: absolute; font-size: 12px; text-decoration: none; margin-left: 386px; margin-top: 5px; height: 110px; width: 108px; background: url(images/circ_specialty_on.gif) no-repeat; }
a#circdisplay { position: absolute; font-size: 12px; text-decoration: none; margin-left: 498px; margin-top: 5px; height: 102px; width: 108px; background: url(images/circ_display.gif) no-repeat; }
a#circdisplayon { position: absolute; font-size: 12px; text-decoration: none; margin-left: 498px; margin-top: 5px; height: 108px; width: 108px; background: url(images/circ_display_on.gif) no-repeat; }
a#circdisplay:hover { position: absolute; font-size: 12px; text-decoration: none; margin-left: 498px; margin-top: 5px; height: 103px; width: 108px; background: url(images/circ_display_over.jpg) no-repeat; }
a#circsustain { position: absolute; font-size: 12px; text-decoration: none; margin-left: 610px; margin-top: 0px; height: 107px; width: 116px; background: url(images/sus_globe_icon_homepage.gif) no-repeat; }


/* THESE ARE THE HOMEPAGE STYLES*/
#contactinfo { padding: 10px 0 10px 0; margin-bottom: 30px; line-height: 14px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#awardglobalover { position: absolute; top: 5px; left: 70px; width: 66px; z-index: 333; }
#awardiidaover { position: absolute; top: 5px; left: 136px; width: 66px; z-index: 333; }
#awardcapoverwindow { border: solid 2px #ccc; display: block; padding: 6px; width: 62px; background: url(images/spacer-2.gif); }
#awardcapovertext { background: #ccc; display: block; padding: 6px; width: 66px; font-size: 9px; }
#jackandnancy { position: relative; background: url(images/jackandnancy.jpg) no-repeat; width: 111px; height: 112px; margin-left: 0px; margin-top: 5px; margin-right: 6px; float: left; }
#boldtexthome { position: relative; background: url(images/boldtext_home.gif) no-repeat; width: 335px; height: 55px; left: -5px; margin-top: 0; margin-bottom: 0px; float: right; }
#contenthome { font-size: 11px; line-height: 16px; width: 675px; padding: 10px; float: left; clear: left; background: #efede8; }
#recentpress h3 { background: url(images/header_h_press.gif) no-repeat; margin: 30px 0px 0px 0px; height: 13px; width: 440px; }
#recentpress p { padding: 0px; margin: 10px 20px 10px 0px; }
#recentpressleft { width: 165px; padding-right: 50px; float: left; }
#recentpressright { width: 240px; padding-right: 50px; float: left; }

#featuredinstall { font-size: 9px; }
#featuredinstall h3 { background: url(images/header_h_featuredinstall.gif) no-repeat; margin: 30px 0px 0px 0px; padding-bottom: 2; height: 15px; }
#whatsnext { font-size: 9px; }
#whatsnext h3 { background: url(images/header_h_whatsnext_jk.gif) no-repeat; margin: 30px 0px 0px 0px; padding-bottom: 5; height: 22px; }

#featuredtestimonial h3 { background: url(images/header_h_testimonial.gif) no-repeat; margin: 30px 0px 0px 0px; height: 14px; width: 275px; }
#featuredtestimonial p { padding: 0px; margin: 10px 0px 10px 0px; }
#featuredtestimonial img { padding-right: 6px; }

/* LISTING PAGE STYLES*/
#navleftcell { padding: 6px 4px 6px 1px; margin: 0px; width: 119px; border-top: 1px solid #CCC; }
#navleftcell div.AspNet-TreeView ul { width: 127px; }
#navleftcell span.AspNet-TreeView-Expand, #navleftcell span.AspNet-TreeView-Collapse { display: none; }
#navleftcell li { padding: 0; display: inline; float: left; width: 100%; clear: left; }
#navleftcell li a, #navleftcell li span { padding: 4px 0 3px 4px; cursor: pointer; font-size: 10px; display: block; border-bottom: 1px solid #fff; }
#navleftcell li li a, #navleftcell li li span { padding: 6px 4px 6px 4px; border-top: 1px solid #ccc; border-bottom: 0; font-size: 11px; background: none; }
#navleftcell li li li { padding-left: 14%; width: 86%; background: #E6E6E6; border-top: 1px solid #fff; }
#navleftcell li li li a, #navleftcell li li li span { padding: 3px 0; border: 0; }
#navleftcell li .AspNet-TreeView-ClickableNonLink { margin-top: 10px; }
#navleftcell li li .AspNet-TreeView-ClickableNonLink { margin-top: 0; }
#navlefticon { border-top: 3px solid #cccccc; border: 0px; padding: 0px 4px 0px 2px; display: inline; width: 119px; }
#navleft i { border-top: 1px solid #ffffff; background: #e6e6e6; display: block; margin-left: 0px; padding: 3px 0px 4px 20px; font-style: normal; }

#listpageright td { width: 204px; }
#listpageright h4 { width: 204px; padding: 0px 0px 4px 4px; margin: 3px 0px 1px 0px; font-weight: normal; font-size: 9px; color: #000000; }
#listpageright h5 { width: 204px; padding: 0px 0px 3px 4px; margin: 3px 0px 1px 0px; font-weight: bold; font-size: 9px; color: #000000; border-bottom: 1px solid #cccccc; }

#productlisting tr td { width: 75px; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; font-weight: normal; text-align: center; color: #000000; }
#productlisting.large tr td { width: 120px; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; font-weight: normal; text-align: center; color: #000000; }
#productlisting h4 { font-size: 9px; text-decoration: none; padding: 1px 0px 0px 0px; margin: 0px; font-weight: normal; color: #000000; }

/* PAGE TITLE STYLES*/
#titlevideo { padding: 0px 4px 0px 20px; margin: 0px 0px 12px 0px !important; margin: 0px 0px 12px 26px; background: url(images/t_video.gif) no-repeat; width: 700px; height: 21px; }
#titleaboutasi { padding: 0px 4px 0px 20px; margin: 6px 0px 12px 0px; background: url(images/t_aboutasi.gif) no-repeat; width: 700px; height: 20px; }
#titleprojects { padding: 0px 4px 0px 20px; margin: 32px 0px 12px 0px; background: url(images/t_projects.gif) no-repeat; width: 700px; height: 20px; }
#titlepress { padding: 0px 4px 0px 20px; margin: 32px 0px 12px 0px; background: url(images/t_press.gif) no-repeat; width: 700px; height: 20px; }
#titlecasestudies { padding: 0px 4px 0px 20px; margin: 32px 0px 12px 0px; background: url(images/t_casestudies.gif) no-repeat; width: 700px; height: 20px; }
#titleenewsletter { padding: 0px 4px 0px 20px; margin: 6px 0px 8px 0px; background: url(images/t_enewsletter.gif) no-repeat; width: 700px; height: 20px; }
#titleregistration { padding: 0px 4px 0px 20px; margin: 0px 0px 12px 0px; background: url(images/t_registration.gif) no-repeat; width: 700px; height: 20px; }
#titleemailthispage { padding: 0px 4px 0px 20px; margin: 0px 0px 0px 0px; background: url(images/header_h_emailthispage.gif) no-repeat; width: 700px; height: 20px; }
#titlefaq { padding: 0px 4px 0px 20px; margin: 6px 0px 12px 0px; background: url(images/t_faq.gif) no-repeat; width: 700px; height: 20px; }
#titleceu { padding: 0px 4px 0px 20px; margin: 6px 0px 12px 0px; background: url(images/t_ceu.gif) no-repeat; width: 700px; height: 20px; }
#titleindustrylinks { padding: 0px 4px 0px 20px; margin: 6px 0px 12px 0px; background: url(images/t_industrylinks.gif) no-repeat; width: 700px; height: 20px; }
#titlecontactus { padding: 0px 4px 0px 20px; margin: 6px 0px 12px 0px; background: url(images/t_contactus.gif) no-repeat; width: 700px; height: 20px; }
#titletestimonials { padding: 0px 4px 0px 20px; margin: 6px 0px 12px 0px; background: url(images/t_testimonials.gif) no-repeat; width: 700px; height: 20px; }
#titlesearchresults { padding: 0px 4px 0px 20px; margin: 0px 0px 12px 0px; background: url(images/t_searchresults.gif) no-repeat; width: 700px; height: 20px; }

/* SEARCH RESULTS STYLES*/
.searchImageColumn { padding: 10px 10px 10px 30px; }
.searchLinkColumn { padding: 10px; }

/* HEADER STYLES - USUALLY USED TO HIDE TEXT OVERLAYS*/
h1 { visibility: hidden; font-size: 26px; text-decoration: none; margin: 0px; padding: 5px 0px 0px 12px; }
h2 { visibility: hidden; font-size: 11px; text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; font-weight: normal; }
h3 { font-size: 11px; text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; }
h5 { font-size: 11px; text-decoration: none; margin: 0px; padding: 0px 0px 10px 0px; }
h6 { visibility: hidden; line-height: 13px; text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; font-size: 9px; font-weight: normal; }
big { visibility: hidden; text-decoration: none; font-weight: normal; }
.error { background: #FF0000; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 2px; margin-top: 0px; margin-bottom: 0px; width: auto; }

.newProductFloat { margin: -16px 0 0 0px; z-index: 400; }
#searchnav { position: relative; margin-top: 10px !important; margin-top: 10px; margin-left: 200px; height: 50px; width: 100px; vertical-align: middle; }

/* Styles Added by Jim Krayer */
p.subcollection_name { padding-left: 5px; text-decoration: underline; }


/* Begin Wood Style */

.woodEcommerce { border: 1px solid red; }

/* End Wood Style */
.part1 li { padding: 0px; margin-bottom: 15px; }
.part1 .forms { clear: right; }
.part1 table.formcorrectorcheckprodlist tr td { padding: 6px 0; }
.part1 table.formcorrectorcheckprodlist tr td p label input { margin-top: 25px; }
input.register { padding: 6px; margin: 5px; }

.tree table { margin: 0px !important; padding: 0px !important; }
.tree td { margin: 0px !important; padding: 0px !important; vertical-align: middle; }
.tree td div { margin: 0px !important; padding: 0px !important; height: 37px !important; }

.productstable td { padding: 5px !important; text-align: center; }
.productcolumns4 td { width: 75px; }
.productcolumns3 td { width: 100px; padding: 0 15px; }
.productstable.productcolumns3 td { padding: 5px 15px !important; }
.addsamplerequest { background-image: url(/images/plussign.jpg); background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 1px; }
.newicon { width: 40px; height: 17px; vertical-align: middle; background: url(/images/icon_new.gif) top right no-repeat; display: inline-block; }
.updatedicon { color: #fff !important; font-size: 11px; font-style: italic; padding-left: 12px; }

#wrappermiddlelisting2 { text-align: left; padding: 10px 46px 0 19px; }
#wrappermiddlelisting table, #wrappermiddlelisting2 table { width: auto; }

.modal { background-color: #fff; display: none; width: 350px; padding: 15px; text-align: left; border: 2px solid #333; color: Black; opacity: 0.9; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
.sku { text-align: center; font-size: 12px; }
.skutext { width: 250px; }
.productTypes { margin-bottom: 20px; }



/* Home Rotator */
.rotatorWrapper { position: relative; margin-top: 15px; }
.rotatorWrapper #nav { position: absolute; top: 321px; left: 468px; z-index: 9999; }
.rotatorWrapper #nav a { margin-right: 10px; display: block; height: 10px; width: 10px; background: #fff; text-indent: -9999px; font-size: 0; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; outline: none; }
.rotatorWrapper #nav a:hover { background: #e3e3e3; }
.rotatorWrapper #nav a.activeSlide { background: #6a6350; }

.homeRotator { width: 635px !important; float: left; clear: both; }
.homeRotator .rotator { width: 655px; float: left; padding: 10px; background: #b1b1b1; color: #fff; }
.homeRotator .rotator h2 { visibility: visible; font-size: 15pt; color: #414042; padding-bottom: 12px; }
.homeRotator .rotator img { float: left; width: auto; }
.homeRotator .rotator .description { float: left; width: 275px; font-size: 10pt; padding: 0 20px; }
.homeRotator .rotator .description strong { font-weight: bold; }
.homeRotator .rotator .description p { line-height: 13pt; }

.rightLinks { float: left; width: 322px; position: relative; z-index: 200; -webkit-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, .5); -moz-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, .5); box-shadow: -1px 0px 2px 0px rgba(0, 0, 0, .5); }
.rightLinks ul { margin: 0; padding: 0; }
.rightLinks li { list-style: none; width: 101%; float: left; clear: both; border-top: solid 1px #efede8; border-bottom: solid 1px #b1b1b1; height: 103px; background: #d8d6d1; /* Old browsers */ background: -moz-linear-gradient(top, #d8d6d1 0%, #efede8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d6d1), color-stop(100%,#efede8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8d6d1 0%,#efede8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8d6d1 0%,#efede8 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #d8d6d1 0%,#efede8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d6d1', endColorstr='#efede8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #d8d6d1 0%,#efede8 100%); /* W3C */ }
.rightLinks li span { display: block; font-size: 8pt; }
.rightLinks li img { position: relative; left: 1px; float: left; width: auto; margin-right: 15px; }
.rightLinks li a { float: left; width: auto; display: block; font-size: 14pt; color: #414042; margin-top: 55px; line-height: 11pt; }

/*Home Sub Navi */
.homeSubNavigation { width: 960px; float: left; background: #414042; height: 36px; }
.homeSubNavigation ul { margin: 0; padding: 0; float: left; width: auto; padding-left: 10px; }
.homeSubNavigation ul li { float: left; width: auto; list-style: none; }
.homeSubNavigation ul li a { color: #FFFFFF; display: block; font-size: 9pt; margin: 0; padding: 11px 10px; text-align: center; text-decoration: none; text-transform: uppercase; }
.homeSubNavigation ul li a:hover { color: #ccc; }
.homeSubNavigation span { float: right; width: auto; color: #fff; font-size: 9pt; margin-top: 11px; }
.homeSubNavigation .signUpNow { float: right; right: 7px; top: 7px; font-size: 9pt; margin-left: 20px; }


/* ASI Welcome */
#contenthome { padding: 20px; width: 595px; border-right: solid 1px #b1b1b1; height: 160px; }
#contenthome hr { display: none; }
#contenthome strong { display: block; padding-bottom: 10px; color: #414042; }
#contenthome p { font-size: 10pt; line-height: 15pt; }

/* Materialista */
.materialista { width: 322px; float: left; border-left: solid 2px #fff; height: 200px; background: url(images/redesign/matetrialista.png) no-repeat 15px 30px #EFEDE8; color: #67604d; font-size: 11pt; }
.materialista p { width: 205px; margin-left: 92px; margin-top: 60px; }
.materialista p a { display: inline-block; margin-top: 10px; }
.materialista .materialistaLogo { background: url(images/redesign/matetrialistaLogo.png) no-repeat; height: 32px; width: 131px; display: inline-block; }

/* Recent Press */
#recentpress { float: left; clear: both; }
#contactinfo { float: left; clear: both; }

/*Socail Media Divider */
.socailMediaDivider { width: 960px; float: left; clear: both; background: #414042; height: 36px; }
.socailMediaDivider ul { width: 324px; float: right; border-left: solid 1px #B1B1B1; margin: 0; padding: 0; }
.socailMediaDivider ul li { color: #FFFFFF; float: left; font-size: 17px; font-weight: bold; height: 23px; list-style: none outside none; padding-left: 8px; padding-top: 5px; width: auto; }
.socailMediaDivider ul li.firstListItem { padding-right: 24px; }
.socailMediaDivider ul li.firstListItem span { padding-top: 3px; display: block; }
.socailMediaDivider ul li a { display: block; height: 25px; width: 25px; background: url(images/redesign/socialIcons.png) no-repeat; }
.socailMediaDivider ul li a.twitter { background-position: -26px 0; }
.socailMediaDivider ul li a.linkedIn { background-position: -51px 0; }
.socailMediaDivider ul li a.youTube { background-position: -75px 0; }

/* Homepage bottom General */
.leftColBottomWrap { width: 340px; float: left; clear: none; padding: 20px; color: #4D4D4F; }
.rightColBottomWrap { width: 535px; float: left; padding: 20px; }
.leftColBottom h2, .rightColBottomWrap h2 { color: #414042; display: block; padding-bottom: 10px; visibility: visible; font-size: 17px; line-height: 16px; font-weight: bold; }

/*Recent News */
.leftColBottomWrap .recentNews { border-bottom: solid 1px #efede8; float: left; width: 100%; padding-bottom: 15px; }
.leftColBottomWrap .recentNews small { width: 155px; line-height: 14px; padding: 10px 0 15px; display: inline-block; }
.leftColBottomWrap .recentNews ul { color: #4D4D4F; font-size: 10pt; line-height: 14pt; margin: 0; padding: 0; width: 335px; }
.leftColBottomWrap .recentNews ul li { list-style: none; padding: 6px 0; border-bottom: dotted 1px #ccc; }
.leftColBottomWrap .recentNews a.btn { display: block; width: 150px; margin-top: 10px; }

/* Closeout */
.leftColBottomWrap .closeout { background: url(images/redesign/homepageTag.png) no-repeat 0 15px; padding: 15px 0; float: left; font-size: 10pt; font-weight: bold; height: 85px; left: -57px; line-height: 12pt; padding-left: 148px; position: relative; }
.leftColBottomWrap .closeout strong { display: none; }

/*Affiliation */
.leftColBottomWrap .affiliations { padding: 15px 0; float: left; width: auto; border-top: solid 1px #efede8; }
.leftColBottomWrap .affiliations img { margin: 5px 16px 7px 0; }

/* Designer Pick */
.rightColBottomWrap .designerPick { width: 275px; padding-bottom: 30px; margin-right: 15px; }
.rightColBottomWrap .designerPick p { width: 165px; color: #4D4D4F; font-size: 10pt; float: left; }
.rightColBottomWrap .designerPick img { max-width: 235px; margin: 0 10px 0 0; }
.rightColBottomWrap .designerPick ul { padding: 0; margin: 0; }
.rightColBottomWrap .designerPick ul li { list-style: none; float: left; clear: both; padding-bottom: 25px; }

/* Recent Press */
.rightColBottomWrap .recentPress { width: 235px; padding-bottom: 30px; }
.rightColBottomWrap .recentPress img { border: solid 3px #efede8; margin-right: 10px; width: auto; float: left; }
.rightColBottomWrap .recentPress ul { margin: 0; padding: 0; }
.rightColBottomWrap .recentPress ul li { list-style: none; float: left; clear: both; padding-bottom: 12px; width: 100%; }
.rightColBottomWrap .recentPress li a { float: left; width: auto; color: #67604d; font-size: 10pt; font-weight: bold; }
.rightColBottomWrap .recentPress li a.recentPressLink { width: 50px; }
.rightColBottomWrap .recentPress li a strong { display: block; color: #4d4d4f; /*font-weight:normal;*/ font-size: 8pt; }
.rightColBottomWrap .recentPress a.btn { float: left; clear: both; width: auto; }


/* Industry Reconignition */
.rightColBottomWrap .industryRecognition { width: 215px; clear: left; }
.rightColBottomWrap .industryRecognition ul { padding: 0; margin: 0; font-size: 10pt; color: #414042; }
.rightColBottomWrap .industryRecognition ul li { list-style: none; padding-bottom: 15px; float: left; clear: both; width: 100%; }
.rightColBottomWrap .industryRecognition ul li strong { display: block; color: #67604d; }
.rightColBottomWrap .industryRecognition ul li em { display: block; font-weight: bold; font-style: normal; }

/* Calendar of Events */
.rightColBottomWrap .calendarEvents { width: 235px; font-size: 10pt; margin-bottom: 20px; }
.rightColBottomWrap .calendarEvents h3 { color: #67604d; text-transform: uppercase; font-size: 10pt; padding: 0 0 5px; margin: 0; }
.rightColBottomWrap .calendarEvents p { margin-bottom: 10px; }
.rightColBottomWrap .calendarEvents p a { color: #67604d; }
.rightColBottomWrap .calendarEvents p a:hover { text-decoration: underline; }
.rightColBottomWrap .calendarEvents ul { margin: 0; padding: 0; }
.rightColBottomWrap .calendarEvents ul li { color: #4D4D4F; list-style: none; padding-bottom: 15px; }
.rightColBottomWrap .calendarEvents ul li a { color: #414042; font-weight: bold; display: block; }


/******  Collection Page *****/
.collectionLeftCol { float: left; width: 440px; }


/******  Product Page  ******/
/* Left Subpage Navigation */

.cartLinks { width: 165px; float: right; }
.cartLinks a:link { float: left; width: 50px; color: #333 !important; border-right: solid 1px #666; padding-right: 5px; margin-right: 7px; margin-top: 2px; display: block; }
.cartLinks a.cart { background: url(images/redesign/YourCart.jpg) no-repeat 0 -1px; display: block; float: right; width: 97px; height: 17px; border: none; padding: 0; margin: 0; }
.cartLinks a:hover { text-decoration: underline; color: #333 !important; }

.productPageContent .productPress { display: none; }
.productPageContent .productSpecs { float: left; width: 435px; }
.productPageContent .featuredProject { float: right; }
.productPageContent .productSuggest { display: block; }

.navleftList { width: 225px; float: left; background: #f5f5f5; border: solid 1px #d6d5d0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 25px; }
.navleftList h3 { background: none repeat scroll 0 0 #528372; color: #FFFFFF; font-size: 9pt; font-weight: normal; padding: 8px 10px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 5px 5px 0px 0px; }
.navleftList h3.gray {background:#bbb;}
.navleftList ul { margin: 0; padding: 0; margin: 10px; }
.navleftList ul li { list-style: none; border-bottom: solid 1px #e5e5e5; padding: 10px 0; overflow: hidden; }
.navleftList ul li img { /*margin-right:8px;*/ vertical-align: middle; display: inline-block; margin-bottom: 2px; /*border:solid 1px #fff;*/ }
.navleftList ul li a { width: 163px; color: #666; vertical-align: middle; display: inline-block; position: relative; }
.navleftList ul li a:hover { }
.navleftList ul li a img { margin: 0; border: none; }
.navleftList ul li a img:first-child { width: 25px; height: 25px; float: left; }
.navleftList ul li a p { width: 125px; padding: 0 10px 0 0; margin: 0; float: right; position: relative; top: 50%; }
.navleftList ul li a p span { display: table-cell; height: 25px; vertical-align: middle; position: relative; top: -50%; }
.navleftList ul li ul { padding: 6px 0 0 23px; margin: 0; }
.navleftList ul li ul li { list-style: none; border: none; padding: 2px 0; }
.navleftList ul li ul li a:hover { text-decoration: underline; }
.navleftList ul li ul li img { display: none; }

.productRightColumn { float: left; width: 714px; padding: 0 0 0 19px; }
.productRightColumn h2 { color: #51927C; font-size: 11pt; font-weight: bold; visibility: visible; padding: 5px 0; clear: both; }
.productRightColumn table tr td { padding: 0 15px 15px 0; }
.productRightColumn .productSpecs table tr td { padding: 0; }
.productRightColumn .collectionThumbs h2 { color: #736B57 !important; }

.askExperts { float: left; clear: both; width: 100%; background: url(images/redesign/divider.jpg) repeat-x 0 bottom; }
.productRightColumn .faq { margin: 0; padding: 13px 0 40px; }
.productRightColumn .faq li { list-style: none; }
.productRightColumn .faq li strong { margin-right: 3px; }

.collectionPageHeader { padding-bottom: 25px; background: url(images/redesign/divider.jpg) repeat-x 0 bottom; }
.collectionPageHeader h2 { font-weight: bold !important; }
.collectionPageHeader ul { padding: 0; margin: 0; }
.collectionPageHeader ul li { list-style: none; }
.collectionPageHeader p { font-family: Arial !important; font-size: 12px; padding-top: 10px; }
.collectionPageHeader p span, .collectionPageHeader p font { font-family: Arial !important; }
/*.collectionPageHeader br {display:none;}*/
.collectionPageHeader p strong { /* display:block; font-size:16px; padding-bottom:5px;*/ }
.collectionPageHeader span div p img { margin: 10px 0; }
.collectionPageHeader .purchaseASI { padding: 0; margin: 0 15px 0 0; float: left; }

/* Redundant Box Styles */
.featuredProject, .productNews, .productSpecs, .productPress, .productSuggest { background: #f5f5f5; border: solid 1px #d6d5d0; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.featuredProject h2, .productNews h2, .productSpecs h2, .productPress h2, .productSuggest h2, .collectionPageHeader h2 { background: none repeat scroll 0 0 #528372; color: #FFFFFF; font-size: 9pt; font-weight: normal; padding: 8px 10px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }


/*Collection Thumbnails */
.collectionThumbs { width: 400px; float: left; }
.collectionThumbs span { width: 100%; float: left; }
.collectionThumbs span span { float: left; width: 100px; }
.collectionThumbs .productstable { padding-bottom: 25px; margin: 0 0 20px; }
.collectionThumbs h2 { margin: 0; padding: 0; }
.sampleRequestLink { float: left; width: 100%; text-align: center; }
.sampleRequestLink a { font-size: 7pt; }

/*Right Column Collectionm */
.rightColCollections { float: right; width: 260px; }
.rightColCollections .productSuggest { display: none; }

/* Specific Boxes */
.featuredProject { width: 258px; float: left; }
.featuredProject img { margin: 15px 15px 5px 15px; }
.featuredProject p { margin: 15px; }
.featuredProject strong { margin: 0 12px; display: block; }
.featuredProject p strong { margin: 0; }

.productSpecs { width: 258px; float: left; }
.productSpecs ul, .productSpecs p { margin: 15px; }
.productSpecs ul li { list-style: circle; }
.productSpecs .tearsheetlink { width: auto; margin-bottom: 0; }

.productPress { width: auto; padding-bottom: 10px; clear: both; }
.productPress h3 { margin: 10px 15px 0; }
.productPress p { margin: 0 15px 15px; }
.productPress .readMore { margin-left: 15px; font-weight: bold; }

.productSuggest { clear: both; overflow: hidden; }
.productSuggest h3 { margin: 10px 15px 15px; }
.suggestion { width: 210px; border-right: #E4E4E4 1px solid; padding: 20px 0 20px 24px; float: left; overflow: hidden; }
.suggestion img { border: #404042 2px solid; margin-right: 10px; float: left; }
.suggestion h3 { font-size: 12px; margin: 0; }
.suggestion p { color: #4e806f; font-size: 10px; text-transform: uppercase; margin: 0; }
.suggestion p em { color: #333; font-size: 12px; text-transform: none; margin-top: 3px; display: inline-block; }
.productSuggest .suggestion a { color: #eee; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; margin-top: 6px; display: inline-block; background: #4f4f4f; /* Old browsers */ -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2); background: -moz-linear-gradient(top, #4f4f4f 1%, #141414 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4f4f4f), color-stop(100%,#141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4f4f4f 1%,#141414 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4f4f4f 1%,#141414 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #4f4f4f 1%,#141414 100%); /* IE10+ */ background: linear-gradient(top, #4f4f4f 1%,#141414 100%); /* W3C */ }
.productSuggest .suggestion a:hover { background: #111; }

.productDetails { display: block; clear: both; }
.productNews { width: 429px; margin-right: 20px; float: left; }
.productNews ul { margin: 10px; padding: 0 0 27px 0; float: left; width: 100%; }
.productNews ul li { list-style: none; float: left; clear: left; padding: 5px 0; border-bottom: solid 1px #e5e5e5; width: 95%; }
.productNews ul li img { border: solid 2px #fff; margin-right: 5px; float: left; width: 50px; height: auto; }
.productNews ul li a { float: left; width: auto; margin-top: 4px; }
.productNews p { margin: 10px; }

.productPages { color: #000; font-weight: bold; margin-bottom: 20px; }

.otherProjects { float: left; clear: both; padding: 10px; }
.otherProjects ul { }
.otherProjects ul li { list-style: circle; }

.thumbnailList { padding-left: 0; margin-top: 25px; overflow: hidden; }
.thumbnailList li { list-style: none; text-align: center; float: left; }
.thumbnailList li a { font-weight: normal; }
.thumbnailList li img { margin-bottom: 3px; display: block; /*width:230px;*/ }

/* Lists with different thumbnail sizes */
.thumbs4 li { margin-right: 4px; }
.thumbs4 li.marginFix img { margin-top: 5px; }
.thumbs62 li { width: 62px; margin-right: 49px; }
.thumbs50 li { width: 50px; margin-right: 47px; }
.thumbs100 li { width: 100px; margin-right: 21px; }
.thumbs170 li { width: 170px; margin: 0 109px 15px 0; }
.thumbs210 li { width: 210px; margin-right: 49px; overflow: hidden; }
.thumbsTall li { height: 140px; }

.green { color: #408080; font-weight: bold; }

/* Resize thumb images */
.thumbsResize230 { margin-bottom: 50px; }
.thumbsResize230 li { width: 230px; margin-right: 60px; }
.thumbsResize230 li img { width: 230px; }

.thumbsResize120 li { width: 120px; margin-right: 62px; }
.thumbsResize120 li img { width: 120px; }

.thumbs100 img { width: 100px !important; }

/* Individual Product Page */
.productInfoWrapper { width: 715px; float: left; padding-bottom: 25px; background: url(images/redesign/divider.jpg) repeat-x 0 bottom; }
.productInfoWrapper .collectionTitle { background: none repeat scroll 0 0 #528372; margin-bottom: 20px; float: left; clear: both; color: #FFFFFF; width: 695px; font-size: 9pt; font-weight: normal; padding: 8px 10px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 5px 5px 0px 0px; }
.productInfoWrapper .leftCol { width: 265px; float: left; }
.productInfoWrapper .leftCol img { max-width: 250px; /* border:solid 1px #d2cece!important; padding:2px;*/ float: left; }
.productInfoWrapper .leftCol a { float: right; clear: both; position: relative; right: 25px; margin-top: 5px; }


.productInfoWrapper .rightCol { float: left; width: 444px; }
.productInfoWrapper .rightCol .productName { font-size: 11pt; font-weight: bold; }
.productInfoWrapper .rightCol .sku { display: block; text-align: left; }
.productInfoWrapper .rightCol .requestProductSample { float: left; width: auto; padding: 15px 0; }
.productInfoWrapper .rightCol .requestProductSample a { font-weight: bold; padding: 0 3px; }
a.viewSamples { display: block; outline: none; color: #333 !important; padding: 4px 12px; margin-bottom: 20px; float: left; clear: both; width: 155px; position: relative; top: -1px; background: url(images/redesign/viewSamplesBg.jpg) no-repeat bottom right #fcfcfc; border: solid 1px #ccc; color: #333; font-weight: normal; text-align: center; /*margin-top:15px; -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .1);-moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .1);box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .1);*/ }
.productInfoWrapper .rightCol a.viewSamples:hover { background-color: #f6f6f6; }
.productInfoWrapper .rightCol .productPrices .pricePerSf { float: left; width: 130px; }
.productInfoWrapper .rightCol .productPrices .pricePerSf strong { float: none; }
.productInfoWrapper .rightCol .productPrices .pricePerSf p { margin: 3px 0; }
.productInfoWrapper .rightCol .productPrices strong { font-size: 9pt; float: left; clear: both; }

.productPrices { float: left; width: 510px; clear: both; }
.addToCart { float: left; width: 200px; }
.detailsPricing { background: #fafafa; margin-top: 5px; margin-bottom: 10px; float: left; clear: both; width: 410px; padding: 10px 15px; border: solid 1px #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }


.productInfoWrapper .rightCol .addToCart { margin: 0; width: 278px; }
.productInfoWrapper .rightCol .addToCart .quantity { width: 160px; float: left; margin-right: 5px; }
.productInfoWrapper .rightCol .addToCart .addToCartDetails { width: 40%; float: left; padding-top: 16px; }
.productInfoWrapper .rightCol .addToCart .addToCartDetails input { margin-bottom: 3px; }
.productInfoWrapper .rightCol .addToCart .quantity strong, .productInfoWrapper .rightCol .addToCart .quantity input { display: block; float: left; width: auto; clear: both; position: relative; }

.productInfoWrapper .rightCol .addToCart .quantity strong { width: 100%; padding-bottom: 5px; }
.productInfoWrapper .rightCol .addToCart .quantity input { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px; width: 115px; }
.productInfoWrapper .rightCol .addToCart .quantity .sfMessage { clear: both; display: block; font-size: 8pt; color: #999; position: relative; }
.productInfoWrapper .rightCol .addToCart .quantity .sf { font-weight: bold; padding-top: 13px; padding-left: 4px; float: left; font-size: 9pt; position: relative; }


.productInfoWrapper .rightCol .suggestsForInstall { float: left; margin-bottom: 15px; clear: both; width: 480px; background: #fafafa; margin-top: -100px; border: solid 1px #ddd; padding-bottom: 10px; }
.productInfoWrapper .rightCol .suggestsForInstall h2 { background: none repeat scroll 0 0 #528372; margin-bottom: 7px; float: left; clear: both; color: #FFFFFF; width: 460px; font-size: 9pt; font-weight: normal; padding: 8px 10px; }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsProduct { width: 160px; margin-right: 10px; float: left; padding: 0 10px; border-right: solid 1px #e6e6e6; }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsProduct .imgWrapper { float: left; width: 50px; margin-right: 10px; border: solid 1px #d2cece !important; padding: 1px; clear: both; overflow: hidden; height: 45px; }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsProduct img { }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsProduct span { float: left; clear: both; width: auto; }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsProduct span.suggestsProductTitle { font-weight: bold; padding-bottom: 5px; }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsProduct span.suggestsProductDesc { clear: none; width: 65px; }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsAddToCart { width: 289px; float: left; }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsAddToCart span, .productInfoWrapper .rightCol .suggestsForInstall .suggestsAddToCart input { float: left; clear: both; margin-bottom: 4px; }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsAddToCart input, .productInfoWrapper .rightCol .addToCart input, .modalSamples .submit { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px; width: 85px; }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsAddToCart input.submit, .productInfoWrapper .rightCol .addToCart input.submit, .modalSamples .submit { background: #000; margin-right: 6px; cursor: pointer; font-weight: bold; margin-top: 3px; width: 118px; text-align: center; border: none; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #4f4f4f; /* Old browsers */ -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2); background: -moz-linear-gradient(top, #4f4f4f 1%, #141414 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4f4f4f), color-stop(100%,#141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4f4f4f 1%,#141414 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4f4f4f 1%,#141414 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #4f4f4f 1%,#141414 100%); /* IE10+ */ background: linear-gradient(top, #4f4f4f 1%,#141414 100%); /* W3C */ -pie-background: linear-gradient(#4f4f4f, #141414); }
.productInfoWrapper .rightCol .suggestsForInstall .suggestsAddToCart input.submit:hover, .productInfoWrapper .rightCol .addToCart input.submit:hover { background: #1d1d1d; }

.modalOverlay { position: fixed; z-index: 8000; width: 100%; height: 100%; top: 0; left: 0; background: url(images/redesign/overlayBg.png); }
.modalRecommend { position: absolute; left: -9999px; }
.modalRecommend .suggestsForInstall { z-index: 9999; position: relative; -webkit-box-shadow: 1px 1px 15px 2px #000; -moz-box-shadow: 1px 1px 15px 2px #000; box-shadow: 1px 1px 15px 2px #000; }
.noThanks { clear: none !important; margin: 0; }
.btnWrapper { width: 289px; float: left; clear: both; }

/* Modal Samples */

/*
.modalSamples { position: absolute; top:250px; left:50%; z-index:9999; background:#fff;}
.overlay { background:url(images/redesign/overlay.png); height:100%; width:100%; top:0; left:0; position:fixed; display:none;}*/

.modalSamples { clear: both; border: 1px solid #DDDDDD; width: 425px; background: #FAFAFA; text-align: left; padding-bottom: 10px; overflow: hidden; display: none; }
.modalSamples h2 { background: none repeat scroll 0 0 #736B57; margin-bottom: 7px; float: left; clear: both; color: #FFFFFF; width: 405px; font-size: 9pt; font-weight: bold; padding: 8px 10px; visibility: visible; }
.modalSamples .submit { color: #fff !important; font-weight: bold; float: left; margin: 0 0 10px 10px; box-shadow: #999 0 0 5px 1px; behavior: url(/pie.htc); position: relative; }
.modalSamples ul { color: #000; font-weight: bold; margin: 0; float: left; padding: 10px; margin-bottom: 5px; }
.modalSamples ul li { float: left; width: 405px; clear: both; padding: 8px 0; font-weight: normal; list-style: none; border-bottom: solid 1px #ececec; }
.modalSamples ul li a { float: right; width: auto; }

.colelctionSamplesWrapper { margin-bottom: 15px; }
.colelctionSamplesWrapper .modalSamples { width: 417px; }
.colelctionSamplesWrapper .modalSamples span { width: auto; margin-right: 5px; }

/* ECOMMERCE PAGE */

.ecommerce {border:none;}
.ecommerce .noMargin {margin:1px 0 0!important;}
.ecommerce .wood h3 a, .collections .wood a {color:#528372;}
.ecommerce .flooring h3 a, .collections .flooring a {color:#43A1D5;}
.ecommerce .decorative h3 a, .collections .decorative a {color:#93668F;}
.ecommerce .specialty h3 a, .collections .specialty a {color:#F3B30B;}
.ecommerce .display h3 a, .collections .display a {color:#7C4230;}
.ecommerce h1, .ecommerce h2 {visibility:visible;}
.ecommerce h2 {color:#fff; background:#414143; font-size:16px; font-weight:bold; padding:10px 15px; margin:4px 0; clear:both;}
.ecommerce h3 {font-weight:bold; margin-bottom:5px;}
.onlineHeader { clear: both; width: 100%; border-bottom: 1px solid #cacaca; overflow: hidden; padding: 0 0 4px 0px; overflow:hidden; }
.onlineHeader a, .onlineHeader img {padding-top:1px; vertical-align:middle; display:inline;}
.floatImageRight { float: right; width: 45%; text-align: right; }

.headline {margin-top:4px; clear:both;}
.headline p { color: #7d775f; font-size: 20px; font-weight: bold; display: inline; vertical-align: middle; margin-left:20px;}
.headline img { vertical-align: middle; }

.welcome {color:#464543; background:#f0ede8; padding:15px; margin-top:3px;}
.welcome h1 {font-size:16px; padding:0 0 10px;}
.welcome p {font-size:14px; line-height:20px;}
.welcome a {font-weight:bold;}

.collections {width:350px; margin:20px 25px 0 0; float:left;}
.collections .text {width:235px; margin-bottom:0; float:left;}
.collections div {min-height:45px; margin-bottom:25px; overflow:hidden;}
.collections div img {margin-right:10px; float:left;}
.ecommerce .collections div h3 {color:#3c3c3c; font-size:20px;}
.collections div a {font-size:14px; margin-bottom:3px; display:block;}
.collections div a:hover {color:#3c3c3c;}
.collections div .new {color:#cc0000;}

.closeoutEcomm {width:185px; background:#f0ede8 url("images/asi-materials-closeout.jpg") top left no-repeat; padding:117px 10px 15px 10px; margin-top:25px; float:right;}
.closeoutEcomm p {font-size:14px; line-height:18px; margin-top:10px;}
.closeoutEcomm a {color:#fff!important; font-weight:bold; padding:5px; display:inline-block;
            background: -moz-linear-gradient(top, #9d987b 0%, #6b6451 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d987b), color-stop(100%,#6b6451)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #9d987b 0%,#6b6451 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #9d987b 0%,#6b6451 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #9d987b 0%,#6b6451 100%); /* IE10+ */
            background: linear-gradient(top, #9d987b 0%,#6b6451 100%); /* W3C */
            }
.closeoutEcomm a:hover {background:#6b6451;}

.additionalStock {padding:15px 15px 0; overflow:hidden;}
.additionalStock ul {width:232px; padding:0; margin:0; float:left;}
.additionalStock ul li {font-size:14px; list-style:none;}
.additionalStock p {font-size:14px; margin-bottom:20px;}
.additionalStock a {color:#3c3c3c!important; font-weight:bold;}

/* Collection Thumbnails */
.whatsnextList { padding-left: 0; padding-bottom: 5px; margin-top:12px; overflow: hidden; }
.whatsnextList .item {behavior:url(pie.htc); width: 220px; height:120px; border: #fff 2px solid; -webkit-box-shadow: #ddd 0 0 0 1px; -moz-box-shadow: #ddd 0 0 0 1px; box-shadow: #ddd 0 0 0 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 1px 6px 10px 1px; float: left; position: relative; background: #eee; background: -moz-linear-gradient(45deg, #dcddde 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#dcddde), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #dcddde 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #dcddde 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #dcddde 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(45deg, #dcddde 0%,#ffffff 100%); /* W3C */ /* PIE */ -pie-background: linear-gradient(45deg, #dcddde 0%,#ffffff 100%); }
.whatsnextList div .text {width:110px; float:right;}
.whatsnextList div h3 {font-size:12px;}
.whatsnextList div p {font-size:11px; margin:0 0 5px;}
.whatsnextList div img { width: 96px; height: 96px; background: #ccc; border: #fff 2px solid; margin-bottom: 3px; display: block; margin: 0 10px 0 0; float: left; }

/* Sustainable Page */
.sustainable {height:219px; color:#3a3e3f; background:#dbecb6; padding:3px 3px 3px 25px; margin-bottom:40px; position:relative;}
.sustainable p {font-size:14px;}
.sustainable .text {width:685px; float:left;}
.sustainable .text h3 {background:url('../../images/world.png') no-repeat 0 17px; font-size:20px; padding:20px 0 10px 37px;}
.sustainable .text a {color:#3a3e3f; font-weight:bold;}
.sustainable .insert {width:190px; background:#404042; margin-left:25px; padding:32px 15px; float:right;}
.sustainable .insert p {color:#ededeb; line-height:18px; padding:0;}
.sustainable .bottomTab {background:url('../../images/sustain-bottomtab.png') repeat-x; padding:0 23px; position:absolute; bottom:-30px; left:0; clear:both;}
.sustainable .bottomTab p {line-height:19px;}
.sustainable .bottomTab p a {color:#eee;}

.sustainThird.wood a {color:#528372;}
.sustainThird.flooring a {color:#43A1D5;}
.sustainThird.decorative a {color:#93668F;}
.sustainThird.specialty a {color:#F3B30B;}
.sustainThird.display a {color:#7C4230;}
.sustainThird.wood a:hover {color:#00d88e;}
.sustainThird.flooring a:hover {color:#46bddf;}
.sustainThird.decorative a:hover {color:#ca74c2;}
.sustainThird.specialty a:hover {color:#ff8400;}
.sustainThird.display a:hover {color:#7C4230;}

.sustainWrap {overflow:hidden;}
.sustainThird {width:300px; margin:0 30px 10px 0; float:left;}
.sustainThird.noMargin {margin:0!important;}
.sustainThird .images {behavior:url(pie.htc); width:282px; border: #fff 2px solid; text-align:center; -webkit-box-shadow: #ddd 0 0 0 1px; -moz-box-shadow: #ddd 0 0 0 1px; box-shadow: #ddd 0 0 0 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px 5px; margin: 1px 6px 15px 1px; position: relative; background: #eee; background: -moz-linear-gradient(45deg, #dcddde 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#dcddde), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #dcddde 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #dcddde 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #dcddde 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(45deg, #dcddde 0%,#ffffff 100%); /* W3C */ /* PIE */ -pie-background: linear-gradient(45deg, #dcddde 0%,#ffffff 100%);}
.sustainThird img {width:62px; padding:0 2px;}
.sustainThird h3 {color:#444; font-size:16px; margin:0 0 7px 12px;}
.sustainThird ul {margin:0 0 15px; padding-left:11px;}
.sustainThird ul li {font-size:14px; list-style:none; padding-bottom:2px;}
.sustainThird small {font-size:11px;}
.sustainThird.right {width:290px; margin:93px 0 0; float:right;}
.sustainThird.right h3, .sustainThird.right ul {padding:0; margin:5px 0;}
.new {color:#ff0000;}