table.configtable { background-color: #FFFFFF; width: 100%; /*	border:solid 1px #cccccc; */ }
table.configtable tbody tr td { border-bottom-color: #EEEEEE; border-bottom-style: solid; border-bottom-width: thin; padding: 2px 5px 3px 5px; }
table.configtable tbody tr td.colheader { text-align: right; font-weight: bold; }
table.configtable tbody tr td.attribute { text-align: left; }
table.configtable tbody tr td li { line-height: 1.2em; list-style-position: outside; margin-bottom: 10px; margin-left: 10px; }
table.configtable tbody tr td li.small { list-style-position: outside; margin-top: 0px; margin-bottom: 0px; margin-left: 10px; font-size: 11px; }
table.configtable tbody tr td span.parameter { color: #CC6633; font-size: 15px; font-weight: bold; text-align: center; vertical-align: middle; }
table.configtable tbody tr td span.price { font-weight: bold; text-align: center; vertical-align: middle; }
table.configtable tbody tr td span.sf { font-size: 9px; text-align: center; vertical-align: middle; }
table.configtable tbody tr td span.strike { text-decoration: line-through; }
table.configtable tbody tr td span.redbold { color: Red; font-weight: bold; }
table.configtable tbody tr td.adjustment { font-size: 10px; text-align: center; vertical-align: middle; }
table.configtable tbody tr td.component { margin-bottom: 10px; margin-left: 10px; margin-top: 5px; line-height: 1.2em; }
table.configtable tbody tr td select { font-size: 11px; }
table.configtable tbody tr td.quantity { color: #CC6633; font-size: 14px; font-weight: bold; text-align: center; vertical-align: middle; }
table.configtable tbody tr th { background-color: #EFECDB; border-bottom: thin solid #eeeeee; border-right: thin solid #eeeeee; color: #000000; font-weight: bold; padding: 3px; }
table.configtable tbody tr.subheader th { background-color: #CFBEA2; color: #000000; font-size: 14px; font-weight: bold; padding: 5px; text-align: center; }
table.configtable tbody tr.subheader2 th { color: #000000; font-size: 14px; font-weight: bold; padding: 5px; text-align: center; }

.partheader { background: #CC6633; color: #000000; font: bolder 16px verdana, arial, helvetica, sans-serif; padding: 3px; text-align: left; vertical-align: bottom; }
table.producttable { border: 2px solid #efecdb; background-color: #FFFFFF; width: 100%; border-collapse: collapse; }
table.producttable tbody tr td { border-bottom-color: #EEEEEE; border-bottom-style: solid; border-bottom-width: thin; padding: 7px 5px 7px 5px; vertical-align: middle; }
table.producttable tbody tr th { background-color: #EFECDB; color: #000000; font-weight: bold; padding: 7px 5px 7px 5px; }
table.producttable tbody tr.hl td { background-color: #EEEEEE; }

table.itemlist { width: 100%; border-collapse: collapse; border-bottom-color: #e1dfd0; border-bottom-style: solid; border-bottom-width: 2px; }
table.itemlist tr.alt td { background-color: #fff; }
table.itemlist tr th { background-color: #E1DFD0; font-size: 12px; padding: 8px; }
table.itemlist tr td { padding: 10px 2px 10px 10px; vertical-align: middle; background-color: #f7f5ef; }
table.itemlist tr td.ordercell { padding-right: 4px; }


.bold { font-weight: bold; }

.commonquestion { margin-top: 5px; margin-left: 10px; }
.commonquestion div.answer { line-height: 1.5em; margin-bottom: 0.5em; margin-left: 1.4em; margin-right: 2em; margin-top: .8em; }
.commonquestion div.question { margin-bottom: .8em; font-weight: bold; }
.commonquestion div.return { line-height: 1.5em; margin-bottom: 2.0em; margin-left: 1.4em; }

.commonquestionHeader a:link { text-decoration: none; font-weight: bold; }
.commonquestionHeader a:visited { text-decoration: none; font-weight: bold; }

.mediabox { border: solid 1px #CCCCCC; float: right; font-size: 12px; padding: 5px; vertical-align: middle; width: 250px; }
.mediabox h2 { background-color: #CC6633; color: #FFFFFF; display: block; font-size: 14px; font-style: italic; font-weight: bold; margin: 0px; padding: 2px; }
.mediabox ul { left: 0px; list-style: none; margin: 5px; position: relative; }


.warningtext { color: #FF0000; font-size: larger; font-weight: bold; }
.infotext { color: #CC6633; font-size: 12px; font-weight: bold; line-height: 1.5em; }
.pageHeadline { width: 500px; height: 100%; border: 1px solid Red; background: #F4E1DB; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; text-align: left; color: Red; font-size: 14px; font-weight: bold; padding: 5px; }

.pageCallout { width: 500px; height: 100%; border: 1px solid #CFBEA2; background: #E2DFD1; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; text-align: left; padding: 5px; }
.pageCallout .header { color: #5D7E4C; text-align: center; font-size: 14px; font-weight: bold; padding: 5px; }
.pageCallout .subHeader { color: #CC6633; text-align: center; font-size: 12px; font-weight: bold; padding: 5px; }

ul.notes { font-size: 9px; }

.producttablerow { border-bottom-color: #EEEEEE; border-bottom-style: solid; border-bottom-width: thin; }

table.comparetable { background-color: #FFFFFF; width: 100%; /*	border:solid 1px #cccccc; */ border-color: #efecdb; border-width: 1px; border-style: solid; }
table.comparetable tbody tr th { background-color: #efecdb; font-weight: bold; text-align: center; padding: 10px 10px 10px 10px; font-size: 14px; }
table.comparetable tbody tr td { text-align: left; padding: 10px 10px 10px 10px; vertical-align: middle; border-bottom: 2px #fbf9f2 solid; font-size: 12px; }
table.comparetable tbody tr td.oddrow { background-color: #fbf9f2; }

table.prodsum200 { width: 230px; border: 2px solid #efecdb; margin: 5px 5px 5px 5px; background-color: #fbf9f2; border-spacing: 5px; text-align: center; }
table.prodsum200 tbody tr td.image { vertical-align: middle; padding: 5px 5px 5px 5px; }
table.prodsum200 tbody tr td.prodname { padding: 5px 5px 5px 5px; font-weight: bold; }
table.prodsum200 tbody tr td.price { padding: 5px 5px 5px 5px; text-align: center; }

table.itemdetail { padding: 5px 5px 5px 5px; width: 100%; border: 2px solid #efecdb; }
table.itemdetail tbody tr td.mainimage { text-align: center; vertical-align: top; width: 100%; border-bottom: 2px solid #efecdb; padding: 15px 0px 15px 0px; background-color: #fbf9f2; }

table.itemdetail tbody tr td.priceCell { text-align: center; background-color: #fbf9f2; padding: 10px 10px 10px 10px; border-bottom: thin solid #efecdb; vertical-align: middle;}
table.itemdetail tbody tr td.priceCell .price { font-size: 1.5em; color: #e16c1e; font-weight: bold; }
table.itemdetail tbody tr td.priceCell .listPrice { color: black; font-weight: bold; font-size: .95em; margin-top: 3px; }
table.itemdetail tbody tr td.priceCell .listPriceAmount { text-decoration: line-through; font-weight: normal; }
table.itemdetail tbody tr td.priceCell .volumePriceLink { font-size: .95em; }

table.itemdetail tbody tr td.orderitem { text-align: center; background-color: #fbf9f2; padding: 10px 10px 10px 10px; border-bottom: thin solid #efecdb; vertical-align: middle; }
table.itemdetail tbody tr td.information { padding: 10px 10px 10px 10px; }
table.itemdetail tbody tr td.specs { padding: 10px 10px 10px 10px; }

table.itemattribute { border-collapse: collapse; width: 100%; border: 1px solid #efecdb; }
table.itemattribute tr th.header { background-color: #fbf9f2; text-align: left; padding: 5px; font-weight: bold; }
table.itemattribute tr th.warning { background-color: #fbf9f2; text-align: left; padding: 5px; font-weight: bold; color: Red; }
table.itemattribute tr td.attributename { padding: 5px; width: 30%; }
table.itemattribute tr td.attributevalue { padding: 5px; width: 70%; }
table.itemattribute tr td.threecol { padding: 4px; width: 33%; vertical-align: text-top; }
table.itemattribute tr td.onecol { text-align: left; padding: 4px; }


div.orderitem .usererror { font-size: 9px; font-weight: bold; padding: 3px; }

div.itemapplicationheader { border: 2px solid #efecdb; margin: 5px; background-color: #fbf9f2; text-align: center; padding: 5px; font-weight: bold; font-size: 18px; color: #cc6633; }

.categorySummary { width: 100%; }
.categorySummary .header { padding: 6px; /*	border: 1px solid black; */ }
.categorySummary .row { padding: 6px; font-size: 11px; font-weight: bold; /*	border: 1px solid black; */ }
/* .categorySummary .row .cellTitle a { font-size: 1.2em; color: #333; text-decoration: none; }
.categorySummary .row .cellTitle a:hover { text-decoration: underline; } */
.categorySummary .cell { float: right; width: 33%; text-align: center; }
.categorySummary .cellLeftColumn { width: 33%; text-align: center; }
.categorySummary .cell25 { float: right; width: 25%; text-align: center; }
.categorySummary .cell25LeftColumn { width: 24%; text-align: center; }
.categorySummary .image { border: 0px solid #fff; text-decoration: none; }
.categorySummary .imageBorder { border: 1px solid #e2dfd1; margin-bottom: 4px; padding: 3px; text-decoration: none; }
.categorySummary .subHeader { width: 100%; color: #CC6633; font-size: 14px; font-weight: bold; margin-left: 5px; margin-bottom: 5px; }
.categorySummary .subContent { margin-left: 5px; font-size: 12px; font-weight: normal; line-height: 1.5em; }
.categorySummary .subContentSmall { margin-left: 5px; margin-top: 15px; font-size: .95em; color: #333; }


/* NEW -- Image Gallery */
.gallery { margin-bottom: 20px; }
.gallery .figure240 { float: left; width: 250px; margin: 0 14px 10px 0px; }
.gallery .figure150 { float: left; width: 160px; margin: 0 14px 10px 0px; }
.gallery .figure112 { float: left; width: 122px; margin: 0 8px 10px 0px; text-decoration: none; }
.gallery .figure510 { float: left; width: 510px; margin: 0 10px 10px 10px; }
.gallery .photo img { border: 1px solid #eee; background-color: #fff; padding: 4px; position: relative; text-decoration: none; }
.gallery .clickToEnlarge { text-align: center; font-size: .95em; }
.gallery .clickToEnlarge a { text-decoration: none; border-bottom: 1px dotted #bbb; color: #333; }
.gallery .clickToEnlarge a:visited { color: #333; }
.gallery .clickToEnlarge a:hover { color: #cc6633; border-bottom: 1px solid #cc6633; }
.gallery h3 { font-size: 1.2em; margin: 5px 0 0 0; height: 2em; text-align: center; padding: 0; }
.gallery h3 a { text-decoration: none; border-bottom: 1px dotted #bbb; color: #333; }
.gallery h3 a:visited { color: #333; }
.gallery h3 a:hover { color: #cc6633; border-bottom: 1px solid #cc6633; }

/* NEW -- Feature Image */
.featurePicture { margin-bottom: 20px; }
.featurePicture img { border: 1px solid #eee; padding: 9px; }

/* NEW -- Copy Block */
.copyBlock { margin-bottom: 20px; color: #333; }
.copyBlock h2 { color: #E16C1E; }
.copyBlock a { text-decoration: none; border-bottom: 1px dotted #333; font-weight: bold; color: #333; }
.copyBlock a:visited { color: #333;  }
.copyBlock a:hover { color: #cc6633; border-bottom: 1px solid #cc6633; }
.copyBlock ul.list li.item { line-height: 1.2em; }
.copyBlock .imageBorder { border: 1px solid #eee; background-color: #fff; padding: 4px; text-decoration: none; }
.copyBlock .clickHeader { font-size: .9em;; color: #666; margin-top: 0px; font-weight: bold; }


.featureBlock { border: solid 1px #ccc; background: url(http://www.diyhomecenter.com/images/vendors/address-stone/wizard/summary-box.jpg) top repeat-x; background-color: #FFFDE4; padding: 5px 10px; width: 490px; text-align: left; margin: 5px auto; color: #000; }

.instock { color: #008041;  }
.backordered { color: #9d080d; }
.cannotorder { color: #ff0000; }


/* NEW -- Link Button */
.clickButton p { position: relative; text-align: center; margin: 20px auto; padding: 10px; }
.clickButton p a { text-decoration: none; font-weight: bold; border-style: solid; padding: 5px 5px 5px 5px; width: 150px; }
.clickButton p a:link, p.click a:visited { border-width: 1px 1px 2px 1px; border-color: #fff #CFBD9C #777 #fff; background-color: #CC6600; color: #fff; }
.clickButton p a:hover { border-width: 1px 1px 3px 1px; border-color: #fff #CFBD9C #777 #fff; background-color: #FF8000; position: relative; top: -1px; color: #fff; }
.clickButton p a:active { border-width: 2px 1px 1px 1px; border-color: #777 #fff #fff #CFBD9C; background-color: #aa3300; position: relative; top: 1px; color: #fff; }

/* -- Cross Promotion */
.crossPromoBanner { width: 520px; border: solid 1px #ccc; background: url(http://www.diyhomecenter.com/images/vendors/address-stone/wizard/summary-box.jpg) top repeat-x; background-color: #FFFDE4; }
.crossPromoBanner img { padding: 5px 10px 0px 10px; }
.crossPromoBanner p { text-align: center; margin: -5px 0px 5px 0px; padding-bottom: 5px; font-size: .9em; }

.itemCategoryList { width: 100%; font-size: 11px; }
.itemCategoryList .row { border: solid 1px red; padding: 2px; }
.itemCategoryList .row .leftCol { width: 48%; }
.itemCategoryList .row .rightCol { width: 48%; float: right; }
.itemCategoryList .row .cell { border: solid 1px green; }
.itemCategoryList .row .cell .copy { text-align: left; border: solid 1px purple; position: relative; left: 110px; top: 0px; }
.itemCategoryList .row .cell .image { border: solid 1px blue; position: relative; top: 0px; left: 0px; width: 100px; }

#categoryList { float: left; width: 510px; padding: 4px 0; }
#categoryList .header { margin-left: 0px; margin-top: -10px; padding: 5px 20px 10px 0px; }
#categoryList .header h3 { margin: 0px 20px -5px; }
#categoryList .header p { margin: 10px 20px; font-size: 11px; }
#categoryList .header img { float: right; padding: 4px; margin-left: 5px; border: 1px solid #e2dfd1; border-bottom-color: #e2dfd1; border-right-color: #e2dfd1; background: #fff; }
#categoryList dl { float: left; margin: 15px 20px 7px 20px; width: 450px; padding: 0; display: inline; }
#categoryList dt { float: right; margin: 0 0 10px 0; width: 232px; padding: 0; font-weight: bold; font-size: 1.2em; }
#categoryList dt a { color: #333333; text-decoration: none; }
#categoryList dt a:hover { text-decoration: underline; }
#categoryList dd { margin: 0 0 0 218px; padding: 0; font-size: 11px; line-height: 1em; color: #666; }
#categoryList dd.message { font-size: 9px; color: #cc6633; font-weight: bold; }
#categoryList dd.para { line-height: 1.2em; font-size: 1em; color: #333; }
#categoryList dd.price { font-weight: bold; color: #E16C1E; font-size: 1.5em; margin-top: 10px; }
#categoryList dd.msrp { font-size: .75em; margin-top: 2px; }
#categoryList dd.msrp .strike { text-decoration: line-through; }
#categoryList dd.yousave { font-weight: bold; font-size: .95em; color: #E16C1E; margin-top: 2px; }
#categoryList dd.subHead { color: #333; font-size: .9em; margin-top: 7px; font-weight: bold; }
#categoryList dd.options { margin-top: 5px; }
#categoryList dd.options img { border: 1px solid #d9e0e6; margin-right: -2px; }
#categoryList dd .option { border: 1px solid #d9e0e6;}
#categoryList dd .selected { border: 2px solid #CB6632;}


#categoryList dd select { font-size: 11px; }
#categoryList dd input.text { font-size: 11px; width: 20px; }
#categoryList dl dd.img { float: left; margin: 0 1px 0 0; }
#categoryList dd.img img { padding: 4px; border: 0px solid #eee; background: #fff; }
#categoryList dd.img .learnmore { text-align: center; margin-top: -5px; }
#categoryLIst dd.related { font-size: 10px; }
#categoryList dd.delivery { color: Red; font-weight: bold; }
#categoryList dd.moreinfo { margin-top: 5px; margin-bottom: 10px; }

#polyDetail { float: left; width: 510px; padding: 10px 0; font-size: 11px; }
#polyDetail dl { float: left; margin: 0px 20px 10px; width: 500px; padding: 0; display: inline; }
#polyDetail dd { color: #666; }
#polyDetail dt { float: right; margin: 0; width: 182px; padding: 0; font-weight: bold; font-size: 110%; color: #5D7E4C; }
#polyDetail div.descTitle { margin-left: 20px; padding: 0; font-weight: bold; font-size: 130%; color: #cc6633; }
#polyDetail dd.message { color: #E16C1E; font-weight: bold; }
#polyDetail dl dd.img { float: left; margin: 0 8px 0 0; text-align: center; }
#polyDetail dd.img img { padding: 4px; border: 1px solid #eee; background: #fff; }
#polyDetail dd.h1 h1 { color:#333333; font-size:1.4em; margin-bottom:5px;}
#polyDetail dd.sku { color: #333; }
#polyDetail dd.price { font-weight: bold; font-size: 1.6em; margin-top: 0px; color: #E16C1E; margin-top: 10px; }
#polyDetail dd.msrp { font-size: .90em; }
#polyDetail dd.msrp .strike { text-decoration: line-through; }
#polyDetail dd.yousave { font-weight: bold; font-size: 1em; margin-top: 2px; color: #E16C1E; }
#polyDetail dd.quickShip { margin-top: 5px; }
#polyDetail dd.delivery { color: Red; font-weight: bold; }
#polyDetail dd.orderNow { font-weight: bold; margin-top: 5px; }
#polyDetail dd.orderNowControls { margin-top: 3px; }
#polyDetail dd.orderButton { margin-top: 5px; }
#polyDetail dd select { font-size: 11px; }
#polyDetail dd input.text { font-size: 11px; width: 20px; }
#polyDetail dd.subHead  { color:#333333; font-weight:bold; margin-top:7px; }
#polyDetail dd.options  { margin-top:5px; }
#polyDetail dd.img .learnmore { text-align: center; margin-top: -5px; }
#polyDetail div.details { margin-left: 20px; width: 470px; }
#polyDetail div.options { margin-left: 20px; margin-bottom: 20px; width: 470px; }
#polyDetail div.options .main { margin-top: 10px; }
#polyDetail div.options .main .preview { float: right; width: 210px; text-align: center; }
#polyDetail div.options .main .preview img { padding: 4px; margin-left: 10px; border: 1px solid #e2dfd1; border-bottom-color: #e2dfd1; border-right-color: #e2dfd1; background: #fff; }
#polyDetail div.options .main .swatches { width: 260px; font-size: 9px; font-weight: bold; }
#polyDetail div.options .main .swatches .row { text-align: center; padding-top: 10px; }
#polyDetail div.options .main .swatches .col { width: 24%; float: right; }
#polyDetail div.options .main .swatches .leftCol { width: 24%; }
#polyDetail .table { width: 100%; border-collapse: collapse; width: 100%; border: 1px solid #efecdb; }
#polyDetail .table tr th { background-color: #fbf9f2; text-align: left; padding: 5px; font-weight: bold; }
#polyDetail .table tr td { padding: 5px; border-bottom: 1px solid #fbf9f2; }
#polyDetail .subHeader { font-weight: bold; font-size: 120%; color: #5D7E4C; margin-bottom: 10px; }
#polyDetail .subHeaderInstructions { margin-top: -10px; font-weight: bold; }
#polyDetail dd .option { border: 1px solid #d9e0e6;}
#polyDetail dd .selected { border: 2px solid #CB6632;}


.strike { text-decoration: line-through; }
.redBold { color: Red; font-weight: Bold; }

.materials { width: 100%; padding: 3px; background-color: #fff; border-spacing: 2px; }
.materials th { background-color: #c4bea2; padding: 4px; }
.materials th.s { width: 40px; }
.materials th.q { width: 40px; }
.materials th.i { text-align: left; }
.materials td { padding: 4px; border-bottom-color: #c4bea2; border-bottom-style: solid; border-bottom-width: 1px; }
.materials td.s { text-align: center; vertical-align: text-top; background-color: #efefef; }
.materials td.q { text-align: center; vertical-align: text-top; }
.materials td.i { vertical-align: text-top; }
