/* main */
body { background-color: #F2F2F2; margin: 0px; padding: 30px 0px 10px 0px; }
body, p, input, textarea, select, li { font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif; color: #656666; font-size: 11px; }
p { margin: 14px 0 14px 0; }
a, a:active, a:visited { font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif; text-decoration: none; color: #D80523; }
a:hover { text-decoration: underline; color: #D80523; }

/* headings */
h1, .h1, .Heading1, a.Heading1, a.Heading1:active, a.Heading1:visited { font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif; color: #43236B; font-size: 24px; font-weight: normal; margin:0; }
h2, .h2, .Heading2, a.Heading2, a.Heading2:active, a.Heading2:visited { font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif; color: #D80523; font-size: 13px; font-weight: bold; margin:0; }
h3, .h3, .Heading3, a.Heading3, a.Heading3:active, a.Heading3:visited { font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif; color: #D80523; font-size: 11px; margin:0; }

/* misc */
form { margin: 0px; }
hr { color: #CCCCCC; height: 1px; }
ul { list-style-image: url(../Images/ListBullet.gif); margin: 10px 0px 0px 30px;}
small { font-family: Tahoma, Arial, Helvetica, Serif; font-size: 10px; }
.error, .error a, .error a:active, .error a:visited  { font-family: Tahoma, Arial, Helvetica, Serif; color: red; }
.hidden { display: none; visibility: hidden; }
.txtBox { border: 1px solid #43236B; color: black; font-family: Arial, Helvetica, Serif; margin-right: 2px; }
input.button { background-color: #43236B; border: 1px; color: White; text-align: center; font-family: Tahoma, Arial, Helvetica, Serif; }
.centered { text-align: center; }
fieldset { border: 1px solid #6A93B8; padding: 0px 15px 15px 15px; }
legend { font-family: Tahoma, Arial, Helvetica, Serif; color: #074B88; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-right: 3px; }
.validationSummary { margin: 10px 0 10px 0; border: 2px dotted #43236B; padding:10px; background-color: #f5f5ff; color: #43236B; font-weight: bold; text-align: left; font-size: 10px; }
.validationSummary li { color: Red; font-size: 10px; }
img { border: 0px; }
.Selected { background: #f6f6ff; }
.highlight { color: #D80523; }
.clearBoth { clear:both }

/* banner images */
.headGroup { background-image:url(../Images/main-head-bg.jpg); }
.headBranding { background-image:url(../Images/branding-head-bg.jpg); }
.headCleaning { background-image:url(../Images/cleaning-head-bg.jpg); }
.headFire { background-image:url(../Images/fire-head-bg.jpg); }
.headMasonry { background-image:url(../Images/masonry-head-bg.jpg); }
.headTool { background-image:url(../Images/tool-head-bg.jpg); }

.headBrandingOn { background-image:url(../Images/branding-head-bg2.jpg); }
.headCleaningOn { background-image:url(../Images/cleaning-head-bg2.jpg); }
.headFireOn { background-image:url(../Images/fire-head-bg2.jpg); }
.headMasonryOn { background-image:url(../Images/masonry-head-bg2.jpg); }
.headToolOn { background-image:url(../Images/tool-head-bg2.jpg); }

/* common header content */
#head #hLogo { float: left; padding-left: 32px; padding-top: 13px; }
#head #hMain { float: right; padding-top: 21px; width: 648px; }
#head #hMain #hMainLeft { float: left; width: 470px; }
#head #hMain #hMainLeft h1 { line-height: 28px; }
#head #hMain #hMainRgt { float: right; width: 168px; }
#head #hMain #hMainRgt #hMainRgtTop { margin-left: 40px; margin-bottom: 17px; }
#head #hMain #hMainRgt #hMainRgtBot { height: 24px; background-image: url(../Images/search-bg.gif); background-repeat: no-repeat; }
#head #hMain #hMainRgt #hMainRgtBot input { width: 113px; border: 0; margin: 2px 5px 0 4px; }
#head #hMain #hMainRgt #hMainRgtBot img { position: absolute; }

a.readmore { color:#43236c }
a.readmore span { color:#cc0033 }
/* main column content */
#main #mainRgt #mainRgtHead #mainRgtHeadImg { width: 635px; height: 130px; }

/* footer content */
#footer a { color: #656666; }

/* pin bread crumbs */
#pinBc { color: #D80523; }

/* pin panel bar */
#pinPb { width: 168px; margin-left: 13px; }
#pinPb .lev1 a { display: block; background-color: #43236B; font-family: 'Trebuchet MS' , Tahoma, Verdana, Arial, Helvetica, Serif; color: #FFF; font-size: 13px; margin-bottom: 2px; padding: 1px 0px 1px 0px; }
#pinPb .lev1 a:hover, #pinPb .lev1 a.s { background-color: #CC0033; text-decoration: none; }

#pinPb .lev2 a { background-color: #FFF; color: #43236B; font-size: 11px; padding: 3px 2px 3px 25px; margin-bottom:0px; font-weight:bold }
#pinPb .lev2 a img { margin-left: -10px; }
#pinPb .lev2 a:hover { background-color: #DFDFDF; color: #43236B; text-decoration: none; }
#pinPb .lev2 a.s { background-color: #DFDFDF; color: #CC0033; text-decoration: none; }
#pinPb .lev2 .divide { border-bottom: solid 1px #DFDFDF; }

#pinPb .lev3 a { background-color: #FFF; color: #CC0033; font-weight: normal; padding: 3px 2px 3px 35px; }
#pinPb .lev3 a img { margin-left: -10px; }
#pinPb .lev3 a:hover { text-decoration: underline; color: #CC0033; background-color: #FFF; }
#pinPb .lev3 a.s { background-color: #FFF; font-weight: bold; }
#pinPb .lev3 .divide { border-bottom: solid 1px #DFDFDF; }

#pinPb .lev4 a { background-color: #FFF; color: #CC0033; font-weight: normal; font-size: 10px; padding: 3px 2px 3px 45px; }
#pinPb .lev4 a img { margin-left: -10px; }
#pinPb .lev4 a:hover { }
#pinPb .lev4 a.s { font-weight: bold; }
#pinPb .lev4 .divide { border-bottom: solid 1px #DFDFDF; }

/* pin grid view custom pager style */
div.pinPg { padding: 2px; margin: 2px; }
div.pinPg a { padding: 1px 2px 1px 2px; margin: 2px; border: 1px solid #DFDFDF; text-decoration: none; color: #666666; }
div.pinPg a:hover, div.pinPg a:active { border: 1px solid #CC0033; color: #000; }
div.pinPg span.s { padding: 1px 2px 1px 2px; margin: 2px; border: 1px solid #656666; font-weight: bold; background-color: #CC0033; color: #FFF; }
div.pinPg span.d { padding: 1px 2px 1px 2px; margin: 2px; border: 1px solid #F2F2F2; color: #DFDFDF; }

/* site search */
.searchHighlight { background: #ff0; }
.searchDivider { margin: 10px 20% 10px 20%; height: 1px; border-bottom: dashed 1px #666666; }
div.pinRankHead { float: left; padding: 0; margin: 0; margin-top: -1px; }
div.pinRankHold { float: left; width: 50px; height: 9px; border: solid 1px #CC0033; }
div.pinRank { float: left; height: 9px; background-color: #43236B; }