/* main */
body, p, li, input { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #666666; font-size: 11px; }
p { line-height:16px }
a, a:active, a:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; text-decoration: none; color: #033399; }
a:hover { text-decoration: underline; color: #D80523; }
ul { margin-left: 30px; padding:0 }
li { list-style-image: url(../Images/Common/Bullet.gif); }
.radEditor { line-height:16px; } 

/* Misc */
img { border:0px; }
form { margin:0px; }

/* form */
input.btn { background-color: #213B9C;  color: White; text-align: center; font-size: 10px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, Serif; padding: 1px 3px; }
input.grnbtn { background-color: #4C781C;  color: White; text-align: center; font-size: 10px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, Serif; padding: 1px 3px; }
/*input, textarea { border: 1px solid #003399; color:#000; font-family: Tahoma, Verdana, Arial, Helvetica, Serif; font-size: 11px; }
checkbox { border: 0px solid #003399; color:#000; font-family: Tahoma, Verdana, Arial, Helvetica, Serif; font-size: 11px; }*/

/* headings */
h1, .h1, .Heading1, a.Heading1, a.Heading1:active, a.Heading1:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #003399; font-size: 24px; font-weight: normal; margin: 0px; }
h2, .h2, .Heading2, a.Heading2, a.Heading2:active, a.Heading2:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #003399; font-size: 14px; font-weight:bold; margin: 0px; }
h3, .h3, .Heading3, a.Heading3, a.Heading3:active, a.Heading3:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #003399; font-size: 12px; font-weight:bold; margin: 0px; }
h4, .h4, .Heading4, a.Heading4, a.Heading4:active, a.Heading4:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #ADD55B; font-size: 11px; font-weight: bold; margin: 0px; }
h5, .h5, .Heading5, a.Heading5, a.Heading5:active, a.Heading5:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #ADD55B; font-size: 10px; font-weight: bold; margin: 0px; }


/* Layout styling */
#head #headLogo { float:left; padding:75px 0 0 35px }
#head #headRgt { float:right; text-align:right }
#head #headRgt #headRgtSearch { width:216px; height:28px; background: url(../Images/Common/HeadSearchBg.gif) bottom right no-repeat; text-align:left }
#head #headRgt #headRgtSearch img { position:absolute; margin-left:3px }
#head #headRgt #headRgtSearch input { border:0; padding: 4px 10px 4px 10px; margin-left:48px; background: url(../Images/Common/HeadSearchFormBg.gif) no-repeat }
#head #headRgt #headRgtTel { width:216px; margin-top:75px; text-align:left }

#navBar img { float:left }
#navBar a { display:block; float:left; font-family:Tahoma; font-size:10px; color:#fff; line-height:31px; padding: 0 2px 0 2px; text-transform:uppercase }
#navBar a.hover { background-color:#99CC66; text-decoration:none; }

#foot .pad { padding-top:5px; }
#foot #footBar { background-color:#C4D0E8; text-align:right; padding:3px 35px 3px 0px; }
#foot #footMain { height:107px; background:#FFFFFF url(../Images/Common/Grass.jpg) bottom left no-repeat; text-align:right; padding-right:35px; }
#foot #footMain #footMainTop { margin-top:15px; }
#foot #footMain #footMainLow { margin-top:4px; }
#foot #footText { background-color:#EFF4E0; Padding:10px 30px 10px 30px; }

.pinRBox { background: #FFFFFF url(../Images/Common/RoundedBoxB.gif) bottom right no-repeat; }
.pinRBox div { background: url(../Images/Common/RoundedBoxL.gif) bottom left no-repeat; }
.pinRBox div div { background: url(../Images/Common/RoundedBoxT.gif) top left no-repeat; }
.pinRBox div div div { background: url(../Images/Common/RoundedBoxR.gif) top right no-repeat; }
.pinRBox div div div div { background: url(../Images/Common/CornerBR.gif) bottom right no-repeat; }

.pinRBox1, .pinRBox1 div div div div { width:460px; height:154px; }
.pinRBox1 div div div div img { margin:20px 20px 0px 20px; }
.pinRBox1 div div div div p { margin:0px 0px 0px 20px; }

.pinRBox2, .pinRBox2 div div div div { width:329px; height:154px; text-align:center; }
.pinRBox2 div div div div img { margin-top:20px; }




.bgGreen { background-color:#99CC67 }


.paraBullet { position:absolute; margin:5px 0 0 -20px }


ul { list-style-image: url(../Images/bullet.gif); }
li { margin-bottom: 15px }


/* Colour override styling */
.blue, .blue a, .blue a:hover { color: #003499; }
.green, .green a, .green a:hover { color: #346702; }
.lgtGreen, .lgtGreen a, .lgtGreen a:hover { color: #669900; }
.grey, .grey a, .grey a:hover { color: #999999; }







div.pinPg 
{
    padding: 2px; margin: 2px;
}
div.pinPg a 
{
    padding: 1px 2px 1px 2px; margin: 2px; border: 1px solid #99CC67; text-decoration: none; color: #666666;
}
div.pinPg a:hover, div.pinPg a:active 
{
    border: 1px solid #003399; color: #003399;
}
div.pinPg span.s 
{
    padding: 1px 2px 1px 2px; margin: 2px; border: 1px solid #656666; font-weight: bold; background-color: #99CC67; color: #FFF;
}
div.pinPg span.d 
{
    padding: 1px 2px 1px 2px; margin: 2px; border: 1px solid #F2F2F2; color: #DFDFDF;
}

/* Search ranking style */
div.pinRankHead
{
    float:left; padding:0; margin:0; margin-top:-1px;
}
div.pinRankHold
{
    float:left; width:50px; height:9px; border: solid 1px #003399;
}
div.pinRank
{
    float:left; height:9px; background-color:#99CC67;
}




/*body { margin: 0px; padding: 0px 0px 0px 0px; }*/



.highlight { color: #D80523; }



/*h1, .Heading1, .txtHeading1, a.txtHeading1, a.txtHeading1:active, a.txtHeading1:visited { font-family: 'Trebuchet MS' , Tahoma, Verdana, Arial, Helvetica, Serif; color: #43236B; font-size: 24px; font-weight: normal; margin: 0px; }
h2, .Heading2, .txtHeading2, a.txtHeading2, a.txtHeading2:active, a.txtHeading2:visited { font-family: 'Trebuchet MS' , Tahoma, Verdana, Arial, Helvetica, Serif; color: #D80523; font-size: 13px; font-weight:bold; margin: 0px; }
h3, .Heading3, .txtHeading3, a.txtHeading3, a.txtHeading3:active, a.txtHeading3:visited { font-family: 'Trebuchet MS' , Tahoma, Verdana, Arial, Helvetica, Serif; color: #D80523; font-size: 11px; margin: 0px; }
h4, .Heading4, .txtHeading4, a.txtHeading4, a.txtHeading4:active, a.txtHeading4:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #ADD55B; font-size: 11px; font-weight: bold; margin: 0px; }
h5, .Heading5, .txtHeading5, a.txtHeading5, a.txtHeading5:active, a.txtHeading5:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #ADD55B; font-size: 10px; font-weight: bold; margin: 0px; }*/




/* misc */
/*
hr { color: #CCCCCC; height: 1px; }

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-bottom: 10px; padding: 5px 10px 10px 10px; border: 2px dotted #074B88; background-color: #f5f5ff; color: Black; font-weight: bold; width: 100%; text-align: left; font-size: 10px; }
.validationSummary li { color: Red; font-size: 10px; }
img { border: 0px; }

.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); }*/

/* header/footer navigation 
.hdrNav, .ftrNav { color: Black; }
.hdrNav a, .hdrNav a:active, .hdrNav a:visited, .ftrNav a, .ftrNav a:active, .ftrNav a:visited { color: White; font-weight: bold; text-decoration: none; }
.hdrNav a:hover, .ftrNav a:hover { color: Yellow; text-decoration: underline; }*/

/* left /right hand nav 
.navTable { border: 1px solid #B1D162; background-color: #F1F8E6; margin-top: 10px; }
.navTitle { color: White; font-weight: bold; padding: 3px 5px 3px 5px; }
.navTable .navTitle { color: White; font-weight: bold; padding: 2px 5px 4px 5px; background-color: #AED45B; }*/

/* 1st level nav 
td.leftNav a, td.leftNav a:active, td.leftNav a:visited { color: #738F40; text-decoration: none; padding: 5px; display: block; }
td.leftNav a:hover { color: #738F40; background-color: #D6E1C0; text-decoration: none; padding: 5px; display: block; }
td.leftNavActive a, td.leftNavActive a:active, td.leftNavActive a:visited { color: #AED45B; background-color: #D6E1C0; text-decoration: none; padding: 5px; display: block; }
td.leftNavActive a:hover { color: #738F40; text-decoration: none; padding: 5px; display: block; }*/

/* 2nd level nav 
td.leftNavLevel2 a, td.leftNavLevel2 a:active, td.leftNavLevel2 a:visited { color: #738F40; text-decoration: none; padding: 3px 5px 3px 15px; display: block; }
td.leftNavLevel2 a:hover { color: #738F40; background-color: #D6E1C0; text-decoration: none; padding: 3px 5px 3px 15px; display: block; }
td.leftNavLevel2Active a, td.leftNavLevel2Active a:active, td.leftNavLevel2Active a:visited { color: #AED45B; background-color: #D6E1C0; text-decoration: none; padding: 3px 5px 3px 15px; display: block; }
td.leftNavLevel2Active a:hover { color: #738F40; text-decoration: none; padding: 3px 5px 3px 15px; display: block; }*/

 /* 3rd level nav 
td.leftNavLevel3 a, td.leftNavLevel3 a:active, td.leftNavLevel3 a:visited { color: #738F40; text-decoration: none; padding: 3px 5px 3px 25px; display: block; }
td.leftNavLevel3 a:hover { color: #738F40; background-color: #D6E1C0; text-decoration: none; padding: 3px 5px 3px 25px; display: block; }
td.leftNavLevel3Active a, td.leftNavLevel3Active a:active, td.leftNavLevel3Active a:visited { color: #AED45B; background-color: #D6E1C0; text-decoration: none; padding: 3px 5px 3px 25px; display: block; }
td.leftNavLevel3Active a:hover { color: #738F40; text-decoration: none; padding: padding: 3px 5px 3px 25px; display: block; }*/

/* right nav 
td.rightNav a, td.rightNav a:active, td.rightNav a:visited { color: #738F40; text-decoration: none; padding: 5px; display: block; height: 100%; }
td.rightNav a:hover { color: #738F40; background-color: #D6E1C0; text-decoration: none; padding: 5px; display: block; }*/

/* search and mailing list boxes 
#txtSearch { border: 1px solid #90A0B7; padding: 2px 5px 2px 5px; width: 100px; height: 19px; }
#txtMailingList { border: 1px solid #90A0B7; padding: 2px 5px 2px 5px; width: 100px; height: 19px; }*/

/* product search results 
table.searchResults { margin-bottom: 10px; border: 1px solid #AED45B; }
table.searchResults .productTitle { border: 1px solid #98CB32; background-color: #ADD55B; color: White; font-size: 11px; font-weight: bold; padding: 2px; }
table.searchResults .productTitle a, table.searchResults .productTitle a:active, table.searchResults .productTitle a:visited { color: White; }
table.searchResults .productPrice { font-size: 16px; color: red; }
table.searchResults .productRRP { font-size: 9px; }
table.searchResults .productSave { font-size: 11px; color: Red; font-weight: bold; }*/

/* product layouts 
.productRRP { font-family: Arial, Helvetica, Serif; font-size: 9px; color: #666666; }
.productText { font-family: Arial, Helvetica, Serif; font-size: 10px; color: #666666; font-weight: bold; }
.productStockLevel { font-family: Arial, Helvetica, Serif; font-size: 12px; font-weight: bold; color: #FF6600; }
.productPrice { font-family: Arial, Helvetica, Serif; font-size: 14px; font-weight: bold; color: #FF0306; }
.productSaving{ font-family: Arial, Helvetica, Serif; font-size: 10px; font-weight: bold; color: #0E3578; }
.productOption { font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; padding-top: 4px; }
.productOption .price { font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; }*/



/* Random CSS thrown in here to sort out after 


.dgHeaderBlue, .dgHeaderBlue a:link,  .dgHeaderBlue a:active,  .dgHeaderBlue a:visited { color: #FFFFFF; background-color: #135CA1; }

*/



