﻿
BODY {background: url(images/bg-page.jpg) repeat-x #18324A; font-size: 1em;}

#SimpleSearchPanel {width: 684px; margin-left: 30px;}

.masthead {background: url(images/bg-masthead.jpg) no-repeat; height: 94px; width: 100%;}
.masthead .paintschoice {background: url(images/bg-selectsearch.jpg) no-repeat; width: 120px; height: 94px; float: right;}
.masthead .paintschoice .paintCheck {position: absolute; margin: 32px 0 0 10px; z-index: 2;}
.masthead .paintschoice .paintCheck LABEL {display: none;}
.masthead .paintschoice .paintCheck INPUT {display: block; margin-bottom: 20px;}

.simplesearch {background: url(images/bg-advsearch-head.jpg) no-repeat; width: 100%; height: 64px;}
.simplesearch INPUT#SimpleSearchText{float: right; margin: 14px 3px 0 0; width: 268px; height: 15px; background: none; border: 0;}
.simplesearch INPUT#GoButton {float: right; margin: 11px 27px 0 0; width: 55px; height: 21px; border: 0;}

/** TABLE STYLING **/
TABLE {border: 0;}

/**TABLE FORMATTING **/
.SearchDiv .searchtable TD SPAN.title {font-family: Arial, Helvetica, sans-serif; font-size: .75em; color: #367c0c;}
.SearchDiv .searchtable TD UL {margin: 0; padding: 0; list-style: none;}
.SearchDiv .searchtable TD UL LI {font-family: Arial, Helvetica, sans-serif; font-size: .7em;}

/** TABLE STRUCTURE **/
.SearchDiv {background: url(images/bg-advsearch-body.jpg) repeat-y; width: 100%; height: auto; min-height: 100%; padding: 0 0 3px 0;}
.SearchDiv .searchtable{margin: 0 0 0 10px; border-collapse: collapse; width: 94%;}
.SearchDiv .searchtable TD {padding: 0; background: rgb(224,226,205);}
.SearchDiv .searchtable TD.backBetween {height: 5px; background: rgb(12,26,38);}
.SearchDiv .searchtable .leftTop {background: url(images/bg-mod-tl.jpg) no-repeat; width: 5px; height: 7px;}
.SearchDiv .searchtable .rightTop {background: url(images/bg-mod-tr.jpg) rgb(224,226,205) no-repeat right top; width: 7px; height: 7px;}
.SearchDiv .searchtable .centerTop {background: rgb(224,226,205); width: auto; height: 7px;}
.SearchDiv .searchtable .leftMid {background: rgb(224,226,205); width: 5px; height: auto;}
.SearchDiv .searchtable .rightMid {background: rgb(224,226,205); width: 7px; height: auto;}
.SearchDiv .searchtable .leftBot {background: url(images/bg-mod-bl.jpg) no-repeat; width: 5px; height: 7px;}
.SearchDiv .searchtable .rightBot {background: url(images/bg-mod-br.jpg) rgb(224,226,205) no-repeat right top; width: 7px; height: 7px;}
.SearchDiv .searchtable .centerBot {background: rgb(224,226,205); width: auto; height: 7px;}
.SearchDiv .searchtable .backTop {background: rgb(12,26,38); width: 4px; height: auto;}
.SearchDiv .searchtable .backMid {background: rgb(12,26,38); width: 4px; height: auto;}
.SearchDiv .searchtable .backBot {background: rgb(12,26,38); width: 4px; height: auto;}
.SearchDiv .searchtable .back {background: rgb(12,26,38); border-collapse: collapse; height: 1px;}

#ColorDiv {background: rgb(11,23,35);}
#ColorDiv TABLE {background: rgb(12,26,38); border-collapse: collapse;}
#ColorDiv TABLE TD{padding: 0;}
#ColorDiv TABLE TD.formButtons {background: rgb(11,23,35); padding-top: 10px;}

.resinSystemCell {background: none;}
.resinSystemCell TABLE {border-collapse: collapse; background: rgb(11,23,35); width: 100%;}
.resinSystemCell TABLE TD{border-collapse: collapse; background: none; overflow: hidden;}
#ResinSystemDiv SPAN {float: left; display: block; width: 100%;}

.bottomSearchDiv {background: url(images/bg-advsearch-foot.jpg) no-repeat; width: 100%; height: 8px;}

.resultWrap {width: 664px; height: 266px; margin: 0 0 20px 0px; padding-left: 30px; overflow: hidden;}
.resultWrap  .resultTop {width: 100%; height: 56px; background: url(images/bg-srchresults-head.jpg) -1px top no-repeat; float: left;}
.resultWrap #JavascriptEnabled {background: rgb(224,226,205); width: 100%; color:Red; font-weight:bold; text-align:center; }
.resultWrap #SearchPanel .resultsMid {width: 100%; height: 200px; float: left; overflow-x: hidden; overflow-y: auto; margin-right: 0; background: rgb(224,226,205); }
.resultWrap #SearchPanel .resultBottom {width: 100%; height: 10px; background: url(images/bg-srchresults-foot.jpg) -1px top no-repeat; float: left; overflow: hidden;}

#SearchResultTable {width: 600px; border-collapse: collapse; background: rgb(224,226,205); font-family: Arial, Helvetica, sans-serif; margin-left: 40px;}
#SearchResultTable TH {text-align: left; color: #323f4b; font-size: .7em; padding: 0; border-bottom: 1px solid #767676}
#SearchResultTable TD {text-align: left; color: #323f4b; font-size: .71em; padding: 3px 8px 3px 0;}
#SearchResultTable TD A{color: #367c0c; text-decoration: underline; font-weight: bold; cursor: pointer; cursor: hand; margin-left: 12px; display: block;}
.linkArrow {background: url(images/bullet-arrow-green.gif) no-repeat left 50%;}
.rowLink:hover{background-color:LightGreen; cursor:pointer; cursor:hand;}

.modalBackground {background: #000000; height: 100%; min-height: 100%; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup {background: url(images/bg-page.jpg) repeat-x #18324A; border: 3px solid #0f1923; padding:3px; width: 450px; text-align: center;}
.modalPopup .masthead {background: url(images/popup-bg-mast.jpg) no-repeat; width: 414px; margin: 0 auto; text-align: left; height: 75px;}
.modalPopup .masthead .closeDiv {float: right; margin: 10px 0px 0 0; cursor: hand; cursor: pointer;}
.modalPopup #Div1 {width: 414px; margin: 0 auto; text-align: left; height: auto; min-height: 100%; font-family: Arial, Helvetica, sans-serif; }
.modalPopup #Div1 .popupHeader {margin: 0 0 6px 0; float: left; width: 100%; height: auto; min-height: 100%;}
.modalPopup #Div1 .popupHeader .tableLeaf {position: absolute; width: 44px; height: 39px; background: url(images/popup-image-leaf.gif) no-repeat; z-index: 5; margin: 0;}
.modalPopup #Div1 .popupHeader .headerInfo {width: 100%;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE {width: 100%; background: rgb(224,226,205);}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TD.leftTop {background: url(images/popup-mod-tl.jpg) no-repeat; width: 7px; height: 7px;} 
.modalPopup #Div1 .popupHeader .headerInfo TABLE TD.leftBot {background: url(images/popup-mod-bl.jpg) no-repeat; width: 7px; height: 7px;} 
.modalPopup #Div1 .popupHeader .headerInfo TABLE TD.rightTop {background: url(images/popup-mod-tr.jpg) no-repeat right; width: 7px; height: 7px;} 
.modalPopup #Div1 .popupHeader .headerInfo TABLE TD.rightBot {background: url(images/popup-mod-br.jpg) no-repeat right; width: 7px; height: 7px;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TD A#PaintAnchor {font-size: .75em; display: block; text-decoration: none; margin: 5px 0 5px 40px; font-weight: bold; width: 370px; background: url(images/popup-image-line.gif) repeat-x left bottom; padding-bottom: 5px;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TD A#PaintAnchor SPAN {margin: 0; padding: 0; color: #367c0c; font-family: Arial, Helvetica, sans-serif; }
.modalPopup #Div1 .popupHeader .headerInfo TABLE TABLE {font-size: .85em; border-collapse: collapse; margin-left: 39px; width: 170px;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TABLE TD.leftField {width: 50%;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TABLE TD.rightField {width: 50%;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TABLE TABLE {margin: 0; padding: 0;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TABLE TABLE TD{padding-bottom: 5px;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TABLE TABLE TD.label {width: 100px;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TABLE TABLE A.seriesLink {margin: 0; padding: 0; color: #367c0c; font-weight: bold;}
.modalPopup #Div1 .popupHeader .headerInfo TABLE TD TABLE TD.result A{FONT-SIZE: 9pt; MARGIN: 0px; TEXT-DECORATION: underline;color: #367c0c; }

.modalPopup #Div1 .bodyInfo {float: left; width: 100%;}

.bodyInfo TABLE DIV#RecommendedDiv {width: 273px;}
.bodyInfo TABLE DIV#LeedPackaging {width: 136px; margin: 0 0 0 5px;}
.bodyInfo TABLE DIV TABLE {width: 100%; background: rgb(224,226,205); font-size: .85em; margin: 0 0 5px 0;} 
.bodyInfo TABLE DIV TABLE TD.leftTop {background: url(images/popup-mod-tl.jpg) no-repeat; width: 7px; height: 7px;} 
.bodyInfo TABLE DIV TABLE TD.leftBot {background: url(images/popup-mod-bl.jpg) no-repeat; width: 7px; height: 7px;} 
.bodyInfo TABLE DIV TABLE TD.rightTop {background: url(images/popup-mod-tr.jpg) no-repeat right; width: 7px; height: 7px;} 
.bodyInfo TABLE DIV TABLE TD.rightBot {background: url(images/popup-mod-br.jpg) no-repeat right; width: 7px; height: 7px;}
.bodyInfo TABLE DIV TABLE TD.popupTitle SPAN {display: block; margin-left: 4px; color: #367c0c; font-size: .85em; font-weight: bold; border-bottom: 2px solid #8c8d80; width: 97%;}
.bodyInfo TABLE DIV#LeedPackaging TABLE TD.popupTitle SPAN {width: 93%;}
.bodyInfo TABLE DIV TABLE DIV.PrimerSection {height: 177px; overflow-y: auto; overflow-x: hidden; width: 263px; margin: 5px 3px 0 0; padding: 0 0 0 5px;}
.pdfDiv {background: url(images/popup-image-pdf.jpg) no-repeat; width: 18px; height: 18px; float: left; margin: 0 3px 0 0;}
.bodyInfo TABLE DIV TABLE DIV.PrimerSection A {color: #367c0c; font-weight: bold;}
.bodyInfo TABLE DIV TABLE DIV.smallSections {margin: 5px 3px 0 0; padding: 0 0 0 5px;}
.bodyInfo TABLE DIV TABLE DIV.smallSections TD.label {width: 50%; text-align: right;}
.bodyInfo TABLE DIV TABLE DIV.smallSections TD.result {width: 50%; text-align: left; color: #367c0c; font-weight: bold;}

.bodyInfo TABLE DIV TABLE TABLE.packagingSection {width: 90%;}
.bodyInfo TABLE DIV TABLE TABLE.packagingSection TD {width: 47px; text-align: right;}
.bodyInfo TABLE DIV TABLE TABLE.packagingSection TD#Packaging{color: #367c0c; font-weight: bold; text-align: left;}

