/* light green */
body#diy h2 { color:#a8b4b0;}




#rightCol p a { color: #b70c15; }
#rightCol p a:hover { color: #000; }

#rightCol h4 a { color: #000; }
#rightCol h4 a:hover { color: #b70c15; }



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

#brand {  xfloat: left; xwidth: 158px; xheight: 40px; margin: 0px 0 0 20px; }

/*////////////////////////////////////////////////
////////////////// 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, #mainHeaders p a { color: #b70c15; border-bottom: 1px dotted #b70c15;}
#diyContent p a:hover, #mainHeaders p a:hover  { color: #000; border-bottom: 1px dotted #000;}


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


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


img.bannerImg_1 {  position:absolute; top:34px; xleft:524px; left:507px; }
img.bannerImg_2 {  position:absolute; top:34px; xleft:679px; left:662px; }
img.bannerImg_3 {  position:absolute; top:34px; xleft:834px; left:817px; }

#bannerHeaders {  position: absolute; top:29px; left: 34px;  width: 480px; }


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

#tabs { position: absolute;  top: 166px; left: 0;      width:100%;  font-size:1.3em; line-height: normal; }
#tabs ul { margin:0; padding:0px 10px 0 4px;  }
#tabs li { display:inline; margin: 0; padding:0; }
#tabs li a {float:left; display:block; text-decoration:none; background: #000; padding:8px 20px 8px 20px; color:#fff; margin: 9px 1px 0 0;}
#tabs a:hover { background: #b70c15; }
#tabs li.selected a { background: #fff; font-size:1.4em; color: #b70c15; font-weight:bold; width: 220px;  margin: 0; padding: 0px;}
#tabs li.selected a span {  color: #b70c15; font-weight:bold; display:block; padding: 12px 0 8px 26px;}
#tabs li.selected a:hover span {  background: #fff; font-weight:bold; display:block; padding: 12px 0 8px 26px;}



/*////////////////////////////////////////////////
////////////////// DIY SIDE AREA > LEFT COLUMN   /////////////////
////////////////////////////////////////////////*/

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

#sideArea ul { width: 220px;  padding: 0; margin: 0px 0 0 0; font-size: 1.1em;}
#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.current {  background: #000; border-bottom: none; color: #fff; xwidth: 159px;  xpadding: 6px 10px 6px 38px;}

#sideArea li a.Above { color: #999; background: transparent url(/global_assets/images/diy/sideMenu_bullet_3.gif) no-repeat 12px center; border-top: 1px solid #ccc; border-bottom: none;}
#sideArea li a.Above:hover {  background: #b70c15  url(/global_assets/images/diy/sideMenu_bullet_4.gif) no-repeat 12px center; color: #fff;  border-top: 1px solid #b70c15; border-bottom: none;}


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


#sideArea li a.currentBelow {   background: #f3f3f3; color: #666;  border-bottom: 1px solid #fff; xpadding: 6px 10px 6px 38px;}
#sideArea li a.currentBelow:hover {  background: #b70c15; color: #fff;  border-bottom: 1px solid #fff;}

#sideArea li a.currentProduct {  background: #000; 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;}



#sideArea h5 { margin: 16px 0 8px 0; }



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

/* */
.sideForms { font-size: 1.2em; margin: 60px 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;}


.xsideForms legend { position: absolute; color: #fff; background-color:#B70B15; display: inline; width: 100px; xpadding: 6px 0 6px 10px; padding: 0; margin: 0;}

.sideForms input.textBox { width: 160px; 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 0 10px;}
.sideForms select.slPro { margin: 10px 0 14px 10px;}
.sideForms select.slLimit { margin: 0 0 0 10px;}
.sideForms select.slSort { margin: 0 0 10px 10px;}
.radioBtn { margin:0 0 0 10px; }
.sideForms p.formError { color:#B70B15; }


/*  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 30px; xborder-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 { xwidth: 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; padding: 0px 0 23px 30px;}


.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 30px 30px 30px;}

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#sdsTable {  }

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


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


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

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

table#sdsTable 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#sdsTable 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#sdsTable 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#sdsTable 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#sdsTable tbody tr.odd td.sdsDownload a,
table#sdsTable tbody tr td.sdsDownload a { background: transparent url(/global_assets/images/diy/pdf_icon.gif) no-repeat 4px center; color: #333; display: block;  padding: .5em 1em .5em 2.1em;}

table#sdsTable tbody tr.odd td.sdsDownload a:hover,
table#sdsTable tbody tr td.sdsDownload a:hover { background: #B70B15 url(/global_assets/images/diy/pdf_icon.gif) no-repeat 4px center; color: #fff; display: block;  padding: .5em 1em .5em 2.1em; }


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

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


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

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

table#sdsTable tbody tr.odd td.prodTableLink a:hover,
table#sdsTable 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;}


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


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

#productImage { float:right; width:275px; margin: 0 26px 10px 16px; text-align:center; }
#productThumb { float: right; margin: 26px 26px 0 6px;}


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



/* inner box for product list in category and group pages */
.catInnerBox {  float: left; background: #fff; width: 420px; padding: 6px 0px 6px 6px;  margin: 0; } 
.productList {  float: left; width: 250px; padding: 0;  margin: 0; }
.catRow { clear:both; margin:0 0 10px 0; }
.catItem { width:100px; text-align:center; float:left; }


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




/*.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 { display: block; font-size: 1em; color: #fff;  height: 21px;  xmargin: 0 0 0 30px; padding: 2px 0px 2px 20px; background: #999;  }
#fullProdList_btn a:hover {  display: block; height: 21px; color: #fff; background: #cc0000; }

/*
#prodSelectWrap input.btn { float: right; border:1px solid #999; background: #999; color: #fff;  padding: 2px 6px 2px 6px; margin: 10px 0 0 0; font-size: 1.2em;}
#prodSelectWrap input.btnHov { cursor: pointer; border:1px solid #cc0000; background: #cc0000; color: #fff; xheight: 20px;  padding: 2px 6px 2px 6px; margin: 10px 0 0 0; font-size: 1.2em; }
*/



#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  & Brand Listing /////////////////
////////////////////////////////////////////////*/


#BrandProductListing h6 {   padding: 0 0 4px 0px; }


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

#fullProductListing li a.catTitle,
#BrandProductListing li a.catTitle { background-color: #b70c15; border-bottom: 4px solid #fff;}

#fullProductListing ul,
#BrandProductListing ul { width: 134px; margin: 0; padding: 0; }

#fullProductListing a,
#BrandProductListing a { display: block; color: #FFF; background-color: #999; width: 134px; padding: 2px 13px 2px 8px; text-decoration: none; font-weight: bold; }

#fullProductListing a:hover,
#BrandProductListing a:hover { background-color: #b70c15; color: #FFF; }

#fullProductListing li li a,
#BrandProductListing 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,
#BrandProductListing 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; padding:0; height:7px; background-color:#B70B15; overflow:hidden; }
#sectionColourStripFooter { 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; }



/*//////////////////////////////////////////////////
//////////////// TV ADS ////////////////
//////////////////////////////////////////////////*/
#vidContainer { margin: 14px 0 5px 30px; float: left;}
#vidContainerDiyHome { margin: 4px 0 5px 0; float: left;}

#vidContainerFeature { margin: 0 0 30px 0; }
#productThumbVideo { float: left; margin: 0px 0 0 90px; }



/* featured image on diy home page   */
.featuredBrands { position: relative; height: 80px; margin: 0px 20px 0px 28px; padding: 0;}
.brand_bostik {   margin: 15px 10px 0px 0px; }
.brand_araldite {  margin: 15px 10px 0px 20px; }
.brand_evostik {  margin: 10px 10px 0px 0px; }
.brand_cementone {  margin: 10px 10px 0px 20px;  }



/*//////////////////////////////////////////////////
//////////////// HOME COLUMNS ////////////////
//////////////////////////////////////////////////*/

.col {   }


.colHomeLarge { float: left; width: 500px; xbackground: red; margin: 0; padding: 20px 0 0 0; margin: 0 0 20px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}




/*   PRODUCT MENU   */
.productMenu li a:hover,
.productMenu li a.selected { background: #B70B15; color: #fff;}



.newsBlock { xbackground: #ccc; padding: 20px 20px 10px 30px; border-bottom: 1px solid #ccc; }
.newsArticleSmall { xbackground: #eee; padding: 0 0 0px 0;  margin: 0 0 10px 0; xborder-bottom: 1px dotted #ccc;}




/*  feature tabs menu */
.ui-tabs-nav a:hover {  background: #b70c15; color: #fff;}
.ui-tabs-nav .ui-tabs-selected a  { background: #fff; color: #b70c15; }



.prodSelectWrap input.btnHov { border:1px solid #cc0000; background: #cc0000; }


#sideArea p.logoutTxt a { color:#b70c15; border-bottom: 1px dotted #b70c15; }

/* Videos section */

div.video-display { margin-left:25px; width:580px; padding-top:25px; }

div.video-display div.videos-side { float:left; 480px; }
div.video-display div.img-side { float:right; width:100px; padding-top:50px; }

div.video-item {
 margin:25px;
}

div.video-display div.vid { margin-bottom:25px; }