body#corporate h2 { color:#b5bed4;}

/*////////// PRODUCT BRAND LOGOS //////////*/

#brand {  float: left; width: 158px; height: 40px; margin: 4px 0 0 36px; }

/*////////////////////////////////////////////////
////////////////// CONTENT LINK STYLES /////////////////
////////////////////////////////////////////////*/

table a { color: #b70c15; xborder-bottom: 1px dotted #b70c15;}
table a:hover { color: #000; xborder-bottom: 1px dotted #000;}

#diyContent p a { color: #b70c15; border-bottom: 1px dotted #b70c15;}
#diyContent p a:hover { color: #000; border-bottom: 1px dotted #000;}


/*////////////////////////////////////////////////
////////////////// BANNER /////////////////
////////////////////////////////////////////////*/

#banner { position: relative; width:998px; height:133px; z-index: 1; margin:30px 0 30px 0 ; padding:0; background: transparent url(/global_assets/images/corporate/banner_bg.gif) no-repeat center center;}

img.bannerImg_1 {  position:absolute; top:10px; left:524px;  }
img.bannerImg_2 {  position:absolute; top:10px; left:679px;  }
img.bannerImg_3 {  position:absolute; top:10px; left:834px;  }

#bannerHeaders {  position: absolute; top:14px; left: 28px;  width: 480px; }


/*/////////////////////////////////////////////////////////////////////////////////
////////////////// TABS (Products, How to use, News, Contacts) /////////////////
/////////////////////////////////////////////////////////////////////////////////*/

#tabs { float:left; width:100%;  font-size:1.2em; line-height: normal; }
#tabs ul { margin:0; padding:0px 10px 0 30px;  }
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { float:left; background:url(/global_assets/images/diy/tabLeft.png) no-repeat left top; margin:0; padding:0 0 0 10px; text-decoration:none; }
#tabs a span {float:left; display:block; background:url(/global_assets/images/diy/tabRight.gif) no-repeat right top;padding:6px 20px 5px 6px;color:#fff; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span { color:#fff; }
#tabs a:hover { background-position:0% -52px; }
#tabs a:hover span { background-position:100% -52px; }

#tabs a.selected { background-position:0% -104px; }
#tabs a.selected span { background-position:100% -104px; color: #b70c15; font-weight:bold;}



/*////////////////////////////////////////////////
////////////////// SIDE AREA /////////////////
////////////////////////////////////////////////*/

#sideArea { float: left;  width: 250px;  padding: 0 0 0 4px;  }

#sideArea ul { width: 193px;  padding: 0; margin: 0; }
#sideArea ul li { padding: 0; margin: 0; }

#sideArea li a {  display:inline-block;}
#sideArea li a {  font-size: 1.1em; display: block; text-decoration: none; margin: 0; padding: 6px 10px 6px 26px; border-bottom: 1px solid #ccc;  color: #999;}

#sideArea li a.current {  background: #b70c15 url(/global_assets/images/diy/sideMenu_currentArrow.gif) no-repeat right center; border-bottom: none; color: #fff; width: 159px;  padding: 6px 10px 6px 38px;}
#sideArea li a.currentAbove {  background: transparent url(/global_assets/images/diy/sideMenu_bullet_1.gif) no-repeat 12px center; }

#sideArea li a.currentBelow {  background: #f3f3f3; color: #000;  border-bottom: 1px solid #fff; padding: 6px 10px 6px 38px;}
#sideArea li a.currentBelow:hover {  background: #999; color: #fff;  border-bottom: 1px solid #fff;}
#sideArea li a.currentAbove:hover {  background: #999 url(/global_assets/images/diy/sideMenu_bullet_2.gif) no-repeat 12px center; color: #fff;  border-bottom: 1px solid #999;}

#sideArea li a.currentProduct {  background: #000 url(/global_assets/images/diy/sideMenu_bullet_2.gif) no-repeat 12px center; color: #fff; border-bottom: 1px solid #000;}

/* specific  */
#sideArea ul#groupSideMenu li a.current {  background: #b70c15 url(/global_assets/images/diy/sideMenu_currentArrow.gif) no-repeat right center; border-bottom: none; color: #fff; width: 170px;  padding: 6px 10px 6px 26px;}





/*//////////////////////////////////////////////////////
/////////// DIY SIDE AREA FOR FAQS & SDS ///////////////
////////////////////////////////////////////////////////*/


.sideForms { font-size: 1.2em; margin: 0 0 0 0px;  width: 220px; background: #f3f3f3; padding: 0; }

.sideForms p {font-size: 1em; line-height: 1.4em; padding: 10px 6px 0px 10px;}

.sideForms p.formHeader { font-size: 1em; color: #fff; background-color:#B70B15; width: 210px; padding: 6px 0 6px 10px;}


.sideForms input.textBox { width: 150px; margin: 0px 0 0px 10px;}
.sideForms input.formBtn {  margin: 12px 0 12px 10px; padding: 0;}

.sideForms label { display: block; padding: 6px 0 2px 10px;}

.sideForms select { width: 150px;}
.sideForms select.slCat { margin: 10px 0 0px 10px;}
.sideForms select.slPro { margin: 10px 0 14px 10px;}
.sideForms select.slLimit { margin: 0px 0 10px 10px;}
.sideForms select.slSort { margin: 0px 0 10px 10px;}


/*  Safety Datasheet form   */
h6.sdsh6 { border-top: 1px solid #999;  padding: 12px 0 6px 0; }
#sdsRegisterForm { margin: -10px 0 30px 0; padding: 6px 0 23px 0; border-top: 1px dotted #ccc;}

#sdsFormLeft {float: left; width: 280px;  padding: 0 12px 0 0;}
#sdsFormRight {float: left; width: 280px;  padding: 0 12px 0 0;}



#diyContent label { font-size: 1.2em;   display: block; padding: 6px 0 2px 0px;}
#diyContent input.textBox { width: 220px; margin: 0px 0 0px 0px;}
#diyContent  input.formBtn {  margin: 6px 0 12px 0px;}

textarea.sdsTextarea { width: 250px; height: 70px;}
#diyContent label.sdsCheckbox { display: inline; }

#sdsFormLegal { padding: 10px 0px;}


/* contact form   */
#conForm { margin: 0 0 20px 0;}

.conFormCat { float: left; xbackground: #999; padding: 0px; margin: 0 0 20px 0; width: 260px; xborder-right: 1px dotted #ccc; }
.conFormCat h6 {font-size: 1.4em; padding: 4px 4px 4px 4px; margin: 0 0 4px 0; background: #b70c15; color: #fff; width: 200px; }
#conForm input.textBox { width: 460px;}
#conForm textarea.conTextarea { width: 460px; height: 70px;}
.salesRadioCheck { padding: 2px;}

#featureSplitLeft {float: left; width: 340px; xbackground: blue; padding: 0 12px 0 0;}
#featureSplitRight {float: left; width: 340px; xbackground: green; padding: 0 12px 0 0;}


/*////////////////////////////////////////////////
////////////  TABLES ALL /////////////////////
////////////////////////////////////////////////*/


table { font-size: 1.2em;   background:#fff; border-collapse:collapse;  border:1px solid #f3f3f3; margin: 12px 0 30px 0;}

thead { }
thead th { background: #fff; padding: .5em 1em ;  text-align:left; }
thead tr { }
td { padding:.5em 1em; }




/*////////////////////////////////////////////////
////////////  TABLES FAQ /////////////////////
////////////////////////////////////////////////*/


table#faqsTable { }


table#faqsTable tbody tr td { background: #f3f3f3; }
table#faqsTable tbody tr.odd td { background: #fff; }

table#faqsTable tbody tr td.rowAnswer { border-top: 1px dotted #999; }
table#faqsTable tbody tr.odd td.rowAnswer { border-top: 1px dotted #999; }

table#faqsTable tbody tr td.rowQuestion { xborder-top: 1px solid #999; }
table#faqsTable tbody tr.odd td.rowQuestion { xborder-top: 1px solid #999; }

table#faqsTable tbody tr td.Qicon,
table#faqsTable tbody tr.odd td.Qicon {background: #000; color: #fff; vertical-align: top; font-size: 120% ; }


table#faqsTable tbody tr td.Aicon,
table#faqsTable tbody tr.odd td.Aicon {background: #ac2c1b; color: #fff; vertical-align: top; font-size: 120%; border-bottom: 4px solid #fff; }


table#faqsTable tbody tr td.rowProduct,
table#faqsTable tbody tr.odd td.rowProduct { xbackground: #f3f3f3; xborder-top: 1px solid #999;  vertical-align: top;}


table#faqsTable tbody tr.odd td.rowProduct { xbackground: #e6e6e6;   }


table#faqsTable tfoot { }
table#faqsTable tfoot td { padding-bottom:1.5em; }
table#faqsTable tfoot tr { }



/*////////////////////////////////////////////////
//////////  TABLES Safety Data Sheets  ///////////
////////////////////////////////////////////////*/

table#vacTable {  }

table#vacTable thead tr th {color: #fff; background: #a3a3a3; xbackground: #000;}
table#vacTable thead tr th.vacTitle {color: #fff; background: #000; xborder: 1px solid #a3a3a3; }


table#vacTable thead tr th a { color: #fff;  }
table#vacTable thead tr th a:hover { color: #000;   }


table#vacTable tbody tr td {   background: #f3f3f3; border-left:1px solid #fff;}
table#vacTable tbody tr.odd td {   background: #fff; border-left:1px solid #f3f3f3;}

table#vacTable tbody tr.odd td.vacTitle { background: #f3f3f3;  padding: 0;}
table#vacTable tbody tr td.vacTitle { background: #c0c0c0;  padding: 0; xpadding:.5em 1em .5em 2em;}

table#vacTable tbody tr.odd td.downloaded { color: #248d3b; padding: .5em 0em .5em 2em; background: #fff url(/global_assets/images/diy/sds_icon_downloaded.gif) no-repeat 4px center;}
table#vacTable tbody tr td.downloaded { color: #248d3b; padding: .5em 0em .5em 2em; background: #f3f3f3 url(/global_assets/images/diy/sds_icon_downloaded.gif) no-repeat 4px center;}

table#vacTable tbody tr.odd td.updated { color: #c4262c; padding: .5em 0em .5em 2em; background: #fff url(/global_assets/images/diy/sds_icon_download.gif) no-repeat 4px center;}
table#vacTable tbody tr td.updated { color: #c4262c; padding: .5em 0em .5em 2em; background: #f3f3f3 url(/global_assets/images/diy/sds_icon_download.gif) no-repeat 4px center;}


table#vacTable tbody tr.odd td.vacTitle a,
table#vacTable tbody tr td.vacTitle a { background: transparent; color: #333; display: block;  padding: .5em 1em .5em 1em;}

table#vacTable tbody tr.odd td.vacTitle a:hover,
table#vacTable tbody tr td.vacTitle a:hover { background: #B70B15; color: #fff; display: block;  padding: .5em 1em .5em 1em; }


table#vacTable tfoot { }
table#vacTable tfoot td { text-align: left; padding: .6em 1.3em;  font-size: 80%; color: #999; background: #fff; border-top:1px solid #f3f3f3;}
table#vacTable tfoot tr { }

table#vacTable tbody tr.odd td.sdsDate,
table#vacTable tbody tr td.sdsDate {  padding: .5em 0em .5em 2em; }


table#vacTable tbody tr.odd td.prodTableLink { background: #f3f3f3;  padding: 0;}
table#vacTable tbody tr td.prodTableLink { background: #c0c0c0;  padding: 0; xpadding:.5em 1em .5em 2em;}

table#vacTable tbody tr.odd td.prodTableLink a,
table#vacTable tbody tr td.prodTableLink a {  color: #333; display: block;  padding: .5em 1em .5em 1em;}

table#vacTable tbody tr.odd td.prodTableLink a:hover,
table#vacTable tbody tr td.prodTableLink a:hover { background: #B70B15; color: #fff; display: block;  padding: .5em 1em .5em 1em; }


#htu_section_btn a { font-size: 1em; color: #000;  padding: 4px 16px 5px 16px; background: transparent; }
#htu_section_btn a:hover {  padding: 4px 16px 5px 16px; color: #fff; background: #B70B15; }

#videoPlaceholder { margin: 10px 0 10px 0;}

.vacancyDescription { border-top: 1px dotted #ccc; padding: 16px 0 0 0; }
.vacLocation {  margin: -2px 0 -14px 0; padding: 0; font-weight: bold; }

#diyContent .vacDecDownload a { border: none; background: #f3f3f3 url(/global_assets/images/diy/pdf_icon.gif) no-repeat 4px center;  margin: 0px; padding: .5em .5em .5em 2.1em;  }
#diyContent .vacDecDownload a:hover { border: none; background: #f3f3f3 url(/global_assets/images/diy/pdf_icon.gif) no-repeat 4px center;  padding: .5em .5em .5em 2.1em;  }
.vacApply { margin: -16px 0 0 0; font-size: 1.2em;}

/*////////////////////////////////////////////////
////////////////// DIY CONTENT AREA /////////////////
////////////////////////////////////////////////*/
#diyContent { float: left; width: 710px; margin: 0; padding:30px 30px 0 0;}


#diyContent ul { font-size: 1.3em; line-height: 1.6em; padding: 0px 0 20px 0;}
#diyContent li { padding: 0 0 0 8px;  background: transparent url(/global_assets/images/diy/list_bullet_1.gif) no-repeat 0 0.65em;}

#diyContent ul.LocAddress li { padding: 0px 0 0 0px; background: none; line-height: 1.4em; font-weight: bold; }

.LocAddressWrap { float: left; width: 160px;  padding: 0px; margin: 0;}
/* .brandTextWrap { float: left; width: 340px;  padding: 0px; margin: 0;}
*/


#diyContent p { padding:0 0 20px 0; }

#productImage {  float: right; height:500px; width:275px; margin: 0 0 0 16px;}
#productThumb {  float: right; height:173px; width:95px; margin: 26px 0 0 26px;}


#diyContent h6 a { color: #b70c15; font-size: 1.2em; line-height: 1.1em;  }
#diyContent h6 a:hover { color: #000;   }


/* outer box for corporate locations  */
.catOuterBox { background: #f3f3f3 url(/global_assets/images/diy/boxCornersTop1.gif) no-repeat top left; padding: 14px 14px 6px 14px; margin: 0; height: 100%; }
.catOuterBoxBot { background: transparent url(/global_assets/images/diy/boxCornersBot1.gif) no-repeat top left; height: 8px; width: 710px; margin: 0 0 20px 0; padding: 0;}


/* inner box for corporate locations */
.catInnerBox {  float: left; background: #fff; width: 510px; padding: 6px 0px 6px 6px;  margin: 0; } 
/*.BrandInnerBox {  float: left; background: #fff; width: 340px; padding: 0px 0px 0px 0px;  margin: 0; }
.BrandInnerBox img {   margin: 26px 0px 20px 74px;  }
*/
.productList {  float: left; width: 160px; padding: 0;  margin: 0; }


.row { text-align: left;}
.row img {  padding: 0; margin: 0 0 0 2px; }



.groupInnerBox { float: left; width: 324px; background: #fff; padding: 6px 0 0 6px; margin: 4px; }
.gLeft { margin: 0px;}
.gRight { margin: 0 0 0 18px; background: #fff; }

.groupInnerBox img { float: left; }

.groupProductList { float: left; padding: 8px; width: 200px;}

.prodListH4H5 h4 { margin: 0 0 0 26px; }
.prodListH4H5 h5 { margin: 0 0 0 28px; }


#fullProdList_btn a { font-size: 0.8em; color: #fff;  padding: 4px 34px 5px 28px; background: transparent url(/global_assets/images/global/prodListBtn_bgNormal.gif) no-repeat; }
#fullProdList_btn a:hover {  padding: 4px 34px 5px 28px; color: #fff; background: transparent url(/global_assets/images/global/prodListBtn_bgOver.gif) no-repeat;}


#productsWrapper { position: relative; width: 704px; z-index: 1; background: #fff; border-bottom: 1px solid #ccc;}
#productsWrapper p { font-size: 1.2em; line-height: 1.4em;}

#productsIntro { margin: 0px 30px 10px 0 ; padding:0; float:left; width: 330px; background: #fff;} 
#howtouseIntro { margin: 0px 0px 10px 0 ; padding:0; float:left; width: 330px; background: #fff;} 


#brands { padding: 10px 0 0 0; }
#latest { padding: 0 0 40px 0;}


/*////////////////////////////////////////////////
////////////////// FULL PRODUCT LISTING /////////////////
////////////////////////////////////////////////*/

#fullProductListing { padding: 0px 0 20px 12px; font-family: Arial, Helvetica; font-size: 1.1em; }

.prodListCol { float: left; width: 155px; margin: 20px 8px 0 0; background: #fff; }

ul.groupBlock { width: 134px; border-bottom: 6px solid #fff; }

#fullProductListing li a.catTitle { background-color: #b70c15; border-bottom: 4px solid #fff;}
#fullProductListing ul { width: 134px; margin: 0; padding: 0; }
#fullProductListing a { display: block; color: #FFF; background-color: #999; width: 134px; padding: 2px 13px 2px 8px; text-decoration: none; font-weight: bold; }
#fullProductListing a:hover { background-color: #b70c15; color: #FFF; }
#fullProductListing li li a { display: block; color: #000; background-color: #f3f3f3; width: 134px; padding: 2px 7px 2px 14px; text-decoration: none; font-weight: normal; }
#fullProductListing li li a:hover  { background-color: #b70c15;  }


/*////////////////////////////////////////////////
////////////////// DIY FOOTER /////////////////
////////////////////////////////////////////////*/
#diyFooter { width:998px; padding:0; background: transparent url(/global_assets/images/diy/diyFooter_bg.png) repeat-y;}

#diyFooter #header { float: left;  width: 255px;  }
#diyFooter #header p { color: #b70c15; font-size: 1.4em; padding: 16px 0 0 28px;}


#diyFooter .menuList { float: left; width: 170px; border-left: 1px solid #ccc; margin: 20px 0 14px 0; padding: 0px 0 0 10px;}

#diyFooter .menuList p { font-size: 1.4em; line-height: 1em; padding: 0 0 8px 0;}
#diyFooter .menuList ul li a {  display:inline-block;}
#diyFooter .menuList ul li a { color: #999; display: block; font-size: 1.1em; line-height: 1em; padding: 0 0 4px 8px; background: transparent url(/global_assets/images/diy/list_bullet_1.gif) no-repeat left center;}
#diyFooter .menuList ul li a:hover { color: #b70c15;  background: transparent url(/global_assets/images/diy/list_bullet_1.gif) no-repeat left center;}


#diyFooterBottom { width:998px; height:10px; background: transparent url(/global_assets/images/diy/diyFooterBottom_bg.png) no-repeat; }


/*//////////////////////////////////////////////////
//////////////// OTHER ////////////////
//////////////////////////////////////////////////*/
#sectionColourStrip { margin:0 4px; padding:0; height:7px; background-color:#B70B15; overflow:hidden; }
#sectionColourStripThin { margin:0 4px; padding:0; height:1px; background-color:#B70B15; overflow:hidden; }

#lineBreak { margin:5px 0 0 0; padding:0; height:1px; background-color:#E9B6B8; overflow:hidden; }



/*//////////////////////////////////////////////////
//////////////// INTERNATIONAL SITES ////////////////
//////////////////////////////////////////////////*/


#worldMapWrap { position: relative; height: 900px; xwidth: 700px; xbackground-color: #ccc; margin: 0; padding: 0;}

#uk { position: absolute; left: 453px; top: 142px; width: 19px; height: 13px;  z-index: 2;} 

#us { position: absolute; left: 164px; top: 190px; width: 19px; height: 16px;  z-index: 2;}
#au { position: absolute; left: 894px; top: 418px; width: 18px; height: 13px;  z-index: 2;}
#fr { position: absolute; left: 457px; top: 178px; width: 18px; height: 13px;  z-index: 2;}
#de { position: absolute; left: 488px; top: 169px; width: 18px; height: 13px;  z-index: 2;}
#be { position: absolute; left: 466px; top: 160px; width: 18px; height: 13px;  z-index: 2;}
#nl { position: absolute; left: 486px; top: 149px; width: 18px; height: 15px;  z-index: 2;}
#dk { position: absolute; left: 488px; top: 132px; width: 19px; height: 15px;  z-index: 2;}
#no { position: absolute; left: 484px; top: 108px; width: 19px; height: 15px;  z-index: 2;}
#se { position: absolute; left: 516px; top: 110px; width: 18px; height: 13px;  z-index: 2;}
#fi { position: absolute; left: 548px; top: 100px; width: 18px; height: 13px;  z-index: 2;}
#ee { position: absolute; left: 545px; top: 124px; width: 19px; height: 15px;  z-index: 2;}
#lv { position: absolute; left: 526px; top: 137px; width: 19px; height: 15px;  z-index: 2;}

#tot { position: absolute; left: 690px; top: 407px; width: 45px; height: 45px;  z-index: 2;}
#bos { position: absolute; left: 676px; top: 478px; width: 79px; height: 21px;  z-index: 2;}


#worldMap { position: absolute; margin: 0 0 0px 4px;  z-index: 1;}
