/*/////////////////////////////////////////////
////////////// GLOBAL RESET //////////////////
/////////////////////////////////////////////*/
html { margin: 0; padding: 0; border: 0; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0; text-align: left;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0; margin: 0; padding: 0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:1.0em; line-height: 1em;}
q:before,q:after{content:'';}
a {text-decoration:none;}

strong { font-weight: bold; color: #000;}

/*/////////////////////////////////////////////
////////////// GENERAL RULES //////////////////
/////////////////////////////////////////////*/
body { margin:0 0 20px 0; padding:0; text-align:center; font: 62.5%/1.4  Arial, Verdana, "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, sans-serif; color: #666; }

body#home { background: #FFF url(/global_assets/images/home/home_bg2.gif) repeat-x; }
body#diy { background: #FFF url(/global_assets/images/diy/diy_bg2.gif) repeat-x; }
//body#construction { background: #FFF url(/global_assets/images/home/home_bg2.gif) repeat-x; }
body#corporate { background: #FFF url(/global_assets/images/home/home_bg2.gif) repeat-x; }
body#commitments { background: #FFF url(/global_assets/images/home/home_bg2.gif) repeat-x; }
body#support { background: #FFF url(/global_assets/images/home/home_bg2.gif) repeat-x; }
body#media { background: #FFF url(/global_assets/images/home/home_bg2.gif) repeat-x; }



p { margin:0; padding:0; font-size: 1.3em; line-height: 1.6em; }
a { color: #666; outline: none;}
a:hover { color: #b70c15;}



/*//////////////////////////////////////////////
////////////// BODY STRUCTURE //////////////////
//////////////////////////////////////////////*/
#wrapper { width:998px; margin:0 auto; padding:0;}

/*
#topMenu { width:998px; height:72px; background: transparent url(/global_assets/images/global/primary_nav_bg.png) center top no-repeat; position:relative; xz-index: 1000;}
*/

#topMenu { width:998px; xheight:88px;  height:108px; background: transparent url(/global_assets/images/global/primary_nav_bg.png) center bottom no-repeat; position:relative; z-index: 2000;}





/*  GLOBAL SEARCH */
#global_search { position:absolute;  width:420px;  xheight:30px; top:  0px;  left:  506px; background: #f3f3f3; z-index: 2000; padding: 10px 10px 8px 10px; xborder-bottom:  1px solid #ccc; 
}



#global_search label {  color: #333; padding: 0px;  margin: 0px; font-size: 1.3em; line-height: 1.4em; }

#global_search input.textBox { width:165px;  border: 1px solid #999; color: #000; padding:2px 4px;  xmargin: 2px 0 6px 0; font-size: 1.2em; }

#global_search input { border: 1px solid #999; color: #000; padding:2px 4px;  xmargin: 2px 0 6px 0; font-size: 1.2em; }

#global_search input.btn { xfloat: right; border:1px solid #999; background: #999; color: #fff;  padding: 2px 6px 2px 6px;  font-size: 1.2em;}

#global_search input.btnHov { cursor: pointer;  color: #fff; background: #b70c15; padding: 2px 6px 2px 6px;  font-size: 1.2em; border:1px solid #b70c15; }

#global_search select.sel { width: 120px;  border: 1px solid #ccc; background: #fff; color: #000;  padding: 0; xpadding: 0px 2px 0px 4px; xmargin: 8px 0 0px 0px; font-size: 1.2em; }





#contentTop { xwidth:990px; xheight:49px;  text-align:left; background: #fff; margin: 0 4px; padding: 12px 0 12px 30px;}
#contentMain { width:998px; padding:0; background: transparent url(/global_assets/images/global/main_content_bg_repeat.png) repeat-y;  text-align:left; }
#contentWrapper { margin:0; padding:0 30px 10px 30px; }
#contentFooter { width:941px; height:10px; background: transparent url(/global_assets/images/global/main_content_bg_bot.png) no-repeat; }

#clearFloat { clear:both; height:0px; overflow:hidden; }
.clearFloat { clear:both; height:0px; overflow:hidden; }

#mainHeaders { position; relative; margin: 0 0px 0 0px; padding: 30px 0px 20px 0px;  border-bottom: 1px solid #ccc;}
#mainHeadersNoborder { position; relative; margin: 0 0px 0 0px; padding: 30px 0px 20px 0px;  }



#mainHeaders p,
#mainHeadersNoborder p { margin: 0 0px 0 0px; padding: 10px 20px 10px 30px;  }


/*//////////////////////////////////////////
////////////// HEADER RULES ////////////////
//////////////////////////////////////////*/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;  font-family:  Arial, "Helvetica Neue", Helvetica,  sans-serif;}

/*  h1 for bostik logo  */

/*
h1 { position:absolute; top:14px; left:35px; width:113px; height:55px; text-indent:-5000px; background: transparent url(/global_assets/images/global/logo.gif) no-repeat; }
h1 a { display:block; width:113px; height:55px; }
*/

h1 { position:absolute; top:30px; left:35px; width:123px; height:52px; text-indent:-5000px; background: transparent url(/global_assets/images/global/logo.gif) no-repeat; }
h1 a { display:block; width:123px; height:52px; }


h2 { font-size: 2em; padding: 4px 0 4px 0;}

h3 { color:#fff; font-size:3.6em; line-height: 0.9em; font-weight: bold;}

h4 { font-size:3.2em; font-weight:bold; color:#000; margin: 0 0 0 30px;}
h5 { font-size:1.6em; color:#b70c15; margin: 4px 0 0 30px;}
h6 { font-size:1.8em; color:#b70c15; padding: 0 0 4px 30px;}

h6.h6_small { padding: 0 0 4px 30px; font-size:1.4em; }

/*////////////////////////////////////////////////
////////////// COLOUR STRIPS ////////////////
////////////////////////////////////////////////*/
body#home #sectionColourStrip, 
body#diy #sectionColourStrip { margin:0; padding:0; height:7px; background-color:#B70B15; overflow:hidden; }


/*////////////////////////////////////////////////
////////////// PRIMARY NAVIGATION ////////////////
////////////////////////////////////////////////*/

/*
#menuwrapper { xbackground: #ccc; width:690px; position:absolute; top:0px; left:260px;  padding:0; margin:0; text-align: left; z-index: 1000;}
*/
#menuwrapper { xbackground: #ccc; width:660px; position:absolute; xtop:36px; top:69px; left:282px;  padding:0; margin:0; text-align: left; z-index: 1010;}


.nav, .nav ul {  margin: 0; padding: 0; text-align:left; }
.nav { font-size: 1.5em; color: #999;  z-index: 500; position: relative; }
.nav li { border-right: 1px solid #dddddd; float: left; margin: 0; padding: 0; position: relative; }
.nav li.menunobg { border-right: 1px solid #fff; float: left; margin: 0; padding: 0; position: relative; }

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { background: transparent; xcolor: #959595; display: block; xpadding: 20px 14px 8px 14px;  xpadding: 10px 14px 20px 14px;  padding: 6px 14px 12px 14px;}
.nav li a:hover { background-color: #b70c15; color: #fff; }


#nav-one li.selected a { xheight: 52px; xbackground: #b70c15; color: #b70c15;  xborder-bottom: 1px solid #b70c15; }


#nav-one li:hover a, 
#nav-one li.sfHover a { background-color: #b70c15; color: #3f0003; }

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {  background-color: #b70c15; color: #fff;	padding: 3px 14px 3px 14px;  font-size: 0.9em; border-bottom: 1px solid #960008; }

#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover { background: #960008; color: #fff;	}

.nav ul { margin: 0; width: 140px;  position: absolute; top: -999em; left: -1px; }
.nav li:hover ul,
.nav li.sfHover ul { top: 39px; left:0;}
.nav ul li { border: 0; float: none; }
.nav ul a { xborder: 1px solid #000; border-bottom: 0;  xpadding-right: 20px; width: 140px; white-space: nowrap; }
.nav ul.short a { xborder: 1px solid #c00; border-bottom: 0;  xpadding-right: 20px; width: 100px; white-space: nowrap; }
.nav ul.long a { xborder: 1px solid #c00; border-bottom: 0;  xpadding-right: 20px; width: 200px; white-space: nowrap; }
.nav ul.long2 a { xborder: 1px solid #c00; border-bottom: 0;  xpadding-right: 20px; width: 205px; white-space: nowrap; }
.nav ul a:hover {  }


/*////////////////////////////////////////////////
////////////////// HEADER SEARCH /////////////////
////////////////////////////////////////////////*/
#searchForm { position:absolute; top:38px; left:840px; width:130px; height:19px; z-index: 11; }
form#searchBox { padding:0; margin:0; }
form#searchBox input.searchInput { margin:0; padding:0 19px 0 19px; border:0; width:92px; height:19px; color:#727273; font-size:11px; background: transparent url(/global_assets/images/global/search_box2.png) no-repeat; }

/*///////////////////////////////////////////////////////
////////////////// CONTENT FORM GENERIC /////////////////
///////////////////////////////////////////////////////
#contentTop form { float: left; margin:0; padding:17px 0 0 20px; }
#contentTop form label { margin:0; padding:0 10px 0 0; color:#5B5B5B; font-size:1.2em; }
#contentTop form select { margin:0 10px 0 0; padding:0; width:160px; }
#contentTop p { margin:0; padding:17px 0 0 20px; float: left;}
*/

/*////////////////////////////////////////////////
////////////////// BREADCRUMBS /////////////////
////////////////////////////////////////////////*/

#breadcrumbs { xwidth:998px; margin:0 0 0 10px ; padding:0; background: transparent;}
#breadcrumbs li { float: left;  }
#breadcrumbs li.bCrumbNoLink { padding: 4px 14px 4px 14px; }
#breadcrumbs li.youAreHere { padding: 4px 20px 4px 30px;   background: transparent url(/global_assets/images/global/bCrumb_bg.gif) no-repeat right center;}
#breadcrumbs li.noLink { padding: 4px 20px 4px 14px;   background: transparent url(/global_assets/images/global/bCrumb_bg.gif) no-repeat right center;}
#breadcrumbs a { color:#999; display: block; padding: 4px 20px 4px 8px;  background: transparent url(/global_assets/images/global/bCrumb_bg.gif) no-repeat right center;}
#breadcrumbs a:hover {color: #b70c15;}


/*////////////////////////////////////////////////
////////////// FOOTER ////////////////
////////////////////////////////////////////////*/
#footer p { float: left; font-size: 1.2em; color:#999; padding: 16px 0 0 28px;}
#footer img { float: right; padding: 12px 28px 10px 0;}


/*////////////////////////////////////////////////
//////// FEATURE AREAS FOR GATEWAY PAGES /////////
////////////////////////////////////////////////*/
.mainFeatureInnerWrap { float: left; xbackground: #000; margin: 0; padding: 0 17px 20px 28px; margin: 0; }

/*
.mainFeature { float: left; width: 496px; background: #999; margin: 0; padding: 0; margin: 0; }
*/
.mainFeature { float: left; width: 100%; xbackground: blue; padding: 12px 0 0 0; margin: 0 0 0px 0;  border-bottom: 1px solid #ccc;}

.fivehundred { border-right: 1px solid #ccc; width: 500px; xbackground: blue;  float: left;}
.fullwidth { xborder-right: 1px solid #ccc; xbackground: blue;  float: left;}

.twohundred { width: 268px; xbackground: red; float: left; margin: 0; padding:0;}


.fourhundred {  width: 380px;   float: left;}
.threesixeight { border-left: 1px solid #ccc; width: 388px;  float: left;}
.BrandsmainFeature { float: left; xwidth: 100%; xbackground: blue; padding: 20px 30px 0 30px; margin: 0 0 0px 0;  xborder-bottom: 1px solid #ccc;}
.BrandsmainFeature p { font-size: 1.3em; line-height: 1.4em; padding:0 0 12px 0;}

.corp_brand {  border-bottom: 1px solid #ccc;  padding: 20px 30px 20px 30px;}

.corp_brand ul {     }
.corp_brand ul li a { display:  block;  font-size: 1.3em; line-height: 1.4em; background:  #eee;  padding: 4px; margin: 4px 0 0 0;}
.corp_brand ul li a:hover { background: #b70c15;  color: #fff;} 

.mainBorder { border-left: 1px dotted #ccc; }

.mainFeatureLeftInnerLeft { display: inline;  xbackground: green; float: left; width: 220px;  margin: 0px 10px 20px 28px; }
.mainFeatureLeftInnerRight { display: inline; xbackground: blue; float: left; width: 220px;  margin: 0px 0px 0px 0px; }

.addPad { margin:0 10px 0 0; }
.addBothPad { margin:0 10px 0 28px; }
.addLeftMargin { margin:0 0px 0 28px; }

.noLeftMargin { margin: 0px 10px 0 0;}
.noMargin { margin: 0;}

.mainFeatureLeftInnerRightExtra { xbackground: blue; float: left; width: 220px;  margin: 16px 0px 0px 0px; xborder-left: 1px dotted #ccc;}

.marginTop1  { margin: 16px 10px 0 0;}
.marginTop2  { margin: 16px 0px 0 0;}


#wideFeature { float: left; width: 710px;  margin: 16px 0 0 0; padding: 0px 0 20px 0; border-top: 1px dotted #ccc;}
.mainFeatureInnerOne { float: left; width: 220px; xbackground: red;  margin: 6px 0px 6px 0px; }
.mainFeatureInnerTwo { float: left; width: 220px; xbackground: blue;  margin: 6px 0px 6px 10px; }
.mainFeatureInnerThree { float: left; width: 220px; xbackground: blue;  margin: 6px 0px 6px 10px; }

#wideFeature h6 { margin: 12px 6px 6px 0px;}

.mainFeature h6 { margin: 0px 6px 6px 0px;}

.productsOver h6 { margin: 6px 6px 0px 0px; padding: 0 0 4px 0;}
.corporateOver h6 { margin: 0px 6px 0px 0px;}

.featuredProduct h6 { xmargin: 10px 6px 0px 0px;   margin: 10px 6px 0 76px;}


/*
.mainFeature h4 { font-size: 2.8em; font-weight:bold; color:#000; margin: 12px 0 10px 28px;}
*/
.mainFeature h4 { font-size: 2.0em; font-weight:bold; color:#000; margin: 16px 0 16px 28px;}

.mainFeature h4 a { color: #000;}
.mainFeature h4 a:hover {  color: #b70c15;}


.mainFeature p { font-size: 1.3em; line-height: 1.4em; padding:0 0 12px 0;}
.mainFeature p a { color: #b70c15; border-bottom: 1px dotted #b70c15;}
.mainFeature p a:hover { color: #000; border-bottom: 1px dotted #000;}


.mainFeature .newsItemLarge p,
.newsItemLarge p { font-size: 1.2em; line-height: 1.4em; padding: 0 0 6px 0;}

.mainFeature .newsItemLarge p a,
.newsItemLarge p a { border: none; font-weight: bold; font-size: 1.1em;}
.mainFeature .newsItemLarge p a:hover,
.newsItemLarge p a:hover {color: #000; border-bottom: 1px dotted #000; font-weight: bold; font-size: 1.1em;}


.mainFeature .newsItemVsmall p,
.wideFeature .newsItemVsmall p,
.newsItemVsmall p { font-size: 1.1em; line-height: 1.3em; padding: 0 0 6px 0;}

.mainFeature .newsItemVsmall p a,
#wideFeature .newsItemVsmall p a,
.newsItemVsmall p a  { border: none; color: #b70c15;}

.mainFeature .newsItemVsmall p a:hover,
.newsItemVsmall p a:hover,
#wideFeature .newsItemVsmall p a:hover, 
#sideArea p.logoutTxt a:hover { color: #000; border-bottom: 1px dotted #000; }



/*  temp  */
.FeatureImage { width: 220px; height: 80px; background: #000; margin: 0 0 12px 0;}

.newsItemVsmall {  padding: 0px 10px 16px 0px;  margin: 0 0 0px 0; border-bottom: 1px dotted #ccc; xbackground: #ccc;}

.newsItemVsmall_feat {  padding: 0px 10px 16px 0px;  margin: 0 0 0px 0; xborder-bottom: 1px dotted #ccc; xbackground: #ccc;}



#sideArea .newsItemVsmall { padding: 0 0 10px 0; xbackground: #ccc; margin: 0 20px 10px 20px; border-bottom: 1px dotted #ccc;}
#sideArea p.logoutTxt { padding:10px 0 10px 10px; }



.mainFeature .newsItemVsmall p a:hover { border-bottom: 1px dotted #000;}

.newsImageVsmall { float: left; margin: 0px 10px 0px 0; }

.newsItemLarge { xbackground: #999;   xmargin: 16px 0 10px 0px; border-bottom: 1px solid #ccc; padding: 26px 16px 6px 0;}
.LeftMarginNews { margin: 16px 16px 10px 28px;}


/* featured image on diy home page   */
.featuredProduct { xbackground: #999; xwidth: 454px; margin: 0px 16px 20px 28px; xborder-bottom: 1px dotted #ccc; padding: 0 0 0px 0;}
.featuredProduct img { float: left; xwidth: 95px; margin: 0px 10px 0px 0px; }



.newsImage { float: left; margin: 0px 20px 0px 0;}

.newsImageMedium { float: left; margin: 0px 20px 20px 30px; xborder: 1px solid #ccc;}
.newsImageMedium2 { float: left; margin: 0px 20px 20px 0px; xborder: 1px solid #ccc;}

.newsImageLarge { xfloat: left; width: 500px; height: 375px; margin: 0px 20px 20px 0; xborder: 1px solid #ccc;}


.newsItemHeaders h4 { font-size: 2.6em; }
.newsItemHeaders h5 { font-size: 1.4em; color: #999;}




/*////////////////////////////////////////////////
///////////// HOME CATEGORIES MENU //////////
////////////////////////////////////////////////*/


ul#sectorSideMenu,
ul#sectorSideMenu2 { width: 220px;  padding: 0; margin: 0;}

/* Industrial height set  */

body#industrial ul#sectorSideMenu2 { width: 220px;  padding: 0; margin: 0; background: #f3f3f3; height:250px;}


ul#sectorSideMenu li,
ul#sectorSideMenu2 li { margin: 0; padding: 0;}

ul#sectorSideMenu li a,
ul#sectorSideMenu2 li a,
ul#sectorSideMenu3 li a,
ul#sectorSideMenu4 li a,
ul#sectorSideMenu5 li a { 

	background: #f3f3f3 url(/global_assets/images/diy/list_bullet_1.gif) no-repeat 12px center;  
	font-size: 1.2em; 
	display: inline-block;
	text-decoration: none; 
	margin: 0; 
	padding: 6px 10px 6px 20px; 
	border-bottom: 1px solid #fff;  
	color: #000;
	
	}

	ul#sectorSideMenu li a,
	ul#sectorSideMenu2 li a,
	ul#sectorSideMenu3 li a,
	ul#sectorSideMenu4 li a,
	ul#sectorSideMenu5 li a { 

		display: block;

		}



ul#sectorSideMenu li a:hover,
ul#sectorSideMenu2 li a:hover {  background: #b70c15; color: #fff;  border-bottom: 1px solid #fff;}



ul#featuredProdList { width: 340px; xheight: 200px; margin: 8px 0 0 106px; xbackground: #999; font-size: 1.1em; line-height: 1.4em; padding: 0px 0 20px 0;}
ul#featuredProdList li { padding: 0 0 0 8px;  background: transparent url(/global_assets/images/diy/list_bullet_1.gif) no-repeat 0 0.65em;}



/*  DIY */
body#diy #productsHiddenWrapper { position: relative; width: 220px; }
body#diy .productsOver { background: #fff; position: absolute; top: 0; left: 0; width: 220px; height: 288px; z-index: 1; }

/*  CONSTRUCTION */
body#construction #productsHiddenWrapper { position: relative; width: 220px; }
body#construction .productsOver { background: #fff; position: absolute; top: 0; left: 0; width: 220px; height: 288px; z-index: 1; }

/*  Industrial */
body#industrial #productsHiddenWrapper { position: relative; width: 220px; }
body#industrial .productsOver { background: #fff; position: absolute; top: 0; left: 0; width: 220px;  height: 258px; z-index: 1; }




#corporateHiddenWrapper { position: relative; width: 220px; height: 190px; background: yellow;}
.corporateOver { xborder: 1px solid #ccc; background: #fff; position: absolute; top: 0; left: 0; width: 220px; height: 190px; z-index: 1; }



.brandTextWrap { float: left; width: 340px;  padding: 0px; margin: 0;}

.BrandInnerBox {  float: left; background: #fff; width: 340px; padding: 0px 0px 0px 0px;  margin: 0; }
.BrandInnerBox img {   margin: 26px 0px 20px 74px;  }

h6.errorAlert { border:1px solid #b70c15; padding:10px; background:#f3f3f3; }



/*////////////////////////////////////////////////
///////////// FEATURE TABS CONTENT //////////
////////////////////////////////////////////////*/

.tabsContent { xbackground: #ccc; border-bottom: 1px solid #ccc; padding: 20px 0 20px 30px;}


.tabsInnerLeft { float: left; xbackground: #f3f3f3; xborder-right: 1px dotted #ccc; width: 260px; padding: 0; margin: 0;  }
.tabsInnerLeft2 { float: left; xbackground: #f3f3f3; xborder-right: 1px dotted #ccc; width: 380px; padding: 0; margin: 0;  }

.tabsInnerRight { float: left; xbackground: #f9f9f9;    width: 260px; padding: 0; margin: 0;  }

.tabsBlockInner {  margin: 16px 0 16px 16px; width: 165px; xtext-align: left;}
.tabsBlockInner2 {  xbackground: #333; margin: 16px 36px 16px 16px; xwidth: 165px; }

.tabsBlockInner p,
.tabsBlockInner2 p { xfont-size: 1.3em; xline-height: 1.4em; margin: 0 0 10px 0;   }




/*   for faux column with left border */
#colwrapper {
	float: left;
	background: transparent url(/global_assets/images/global/colwrapper_bg.gif) repeat-y top left;
	
}

#rightCol { float: left; xwidth: 760px;  width: 769px; padding: 0; margin: 0;}



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




.prodSelectWrap { margin: 0px 0 0px 0;  }

.sideMenuBlock { border-top: 1px solid #ccc; }

.bottomBorder { border-bottom: 1px solid #ccc; }

.sideMenuBlockInner {  margin: 16px 0 16px 25px; width: 165px; }
/*  */
.formWrap { xbackground: red;}
.formWrap label {  color: #333; padding: 0px;  margin: 0px 0 0 30px; font-size: 1.3em; line-height: 1.4em; }
.formWrap input { border: 1px solid #999; color: #000; padding:2px 4px;  margin: 2px 0 6px 30px; font-size: 1.2em; }

.prodSelectWrap input.searchField { width: 155px; }
.prodSelectWrap label {  color: #333; padding: 0px;  margin: 0px; font-size: 1.3em; line-height: 1.4em; }
/* */
.prodSelectWrap input { border: 1px solid #999; color: #000; padding:2px 4px;  margin: 2px 0 6px 0; font-size: 1.2em; }
.prodSelectWrap input.textBox {
	width:  155px;
}
.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;  color: #fff; xheight: 20px;  padding: 2px 6px 2px 6px; margin: 10px 0 0 0; font-size: 1.2em; }
.prodSelectWrap select.sel { width: 165px;  border: 1px solid #ccc; background: #fff; color: #000;  padding: 0; xpadding: 0px 2px 0px 4px; margin: 8px 0 0px 0px; font-size: 1.1em; }


 


#fullProductListing {  padding: 0px 0 20px 30px; font-family: Arial, Helvetica; font-size: 1.1em;}
#BrandProductListing {  float: left; xwidth: 710px; margin: 0; padding: 30px 30px 0 30px;}

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




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

.catOuterBox h6,
.catOuterBox p { margin: 0; padding: 0; }

#diyContent .catOuterBox ul {  font-size: 1.3em; line-height: 1.6em; padding: 0px 0 20px 0px;}
#diyContent .groupProductList p { padding: 8px 0 0 0; margin: 0;}

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


.subHeaderBlock { padding: 18px 0 22px 0px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.subHeaderBlock h4 { font-size: 2.4em; padding: 20px 0 0px 0px;}


/*   PRODUCT MENU   */
.productMenu {  padding: 0px 0 0px 30px; margin: 0 0 34px 0;   }
.productMenu h5 { padding: 0; margin: 0; }
.productMenu ul { font-size: 1.2em;  padding: 0px 0 0px 0px; margin: 4px 0 0 0;}
.productMenu li { float: left;  margin: 4px 0px 0 0; }
.productMenu li a {  padding: 10px 8px 8px 8px; border-left: 1px solid #ccc; }





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; }


/*   Support materials on category & group pages       */
.supportMaterials {  padding: 22px 0 22px 30px; margin: 0 0 0px 0;  border-bottom: 1px solid #ccc;  }
.supportMaterials h5 { padding: 0; margin: 0; }
.supportMaterials ul { font-size: 1.3em; line-height: 1.6em; padding: 8px 0 20px 0px;}
.supportMaterials li {float: left;  margin: 0 16px 0 0; padding: 2px 0 2px 8px;  background: transparent url(/global_assets/images/diy/list_bullet_1.gif) no-repeat 0 0.7em;}

/*   product selector button emphasis   */
.supportMaterials li.prod_selector { font-weight: bold; background: #eee url(/global_assets/images/diy/list_bullet_1.gif) no-repeat 4px 0.7em; color: #fff; padding: 2px 8px 2px 11px;
	
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	 border-radius: 4px; /* CSS3 */
}



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

table#stockistsTable { width: 700px;}

table#stockistsTable thead tr th {color: #fff; background: #a3a3a3; border-right: 1px solid #fff; padding-left: 16px;}


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


table#stockistsTable tbody tr td {  vertical-align: top; background: #f3f3f3; border-left:1px solid #fff; padding: 16px;}
table#stockistsTable tbody tr.odd td {   background: #fff; border-left:1px solid #f3f3f3;}



table#stockistsTable tbody tr.odd td.sdsDownload a,
table#stockistsTable 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#stockistsTable tbody tr.odd td.sdsDownload a:hover,
table#stockistsTable 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#stockistsTable ul {   font-size: 1.1em; margin: 0; padding: 0; xbackground: #fff;}

table#stockistsTable ul li {  margin: 0; padding: 0; xbackground: #fff; background: transparent;}


table#stockistsTable ul li.stockName {  color: #000; font-weight: bold;}




table#stockistsTable tfoot { }
table#stockistsTable tfoot td { text-align: left; padding: .6em 1.3em;  font-size: 80%; color: #999; background: #fff; border-top:1px solid #f3f3f3;}
table#stockistsTable tfoot tr { }
/*
table#stockistsTable tbody tr.odd td.sdsDate,
table#stockistsTable tbody tr td.sdsDate {  padding: .5em 0em .5em 2em; }


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

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

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


/* SEARCH: */
h5.search {
	padding: 2px 4px;
	background-color: rgb(183,11,21);
	color: #fff;
	margin-bottom: 16px;
	margin-top: 16px;
	margin-right: 16px;
}
h6.search {
	font-size: 12px;
}
p.search, #diyContent p.search {
	padding-bottom: 0px;
	margin-bottom: 5px;
}
/* The search page also needs these definitions, lifted from media.css: */
#LibraryListing {  padding:0 0 30px 30px; font-family: Arial, Helvetica; font-size: 1.1em; }

#LibraryListing .LibraryListCol { float: left; width: 134px; margin: 20px 10px 0 0; background: #f3f3f3;}

#LibraryListing .LibraryListCol img.thumb { display:block; margin: 10px auto; text-align:center;}

#LibraryListing .LibraryListCol p { font-size: 1em; background: transparent url(/global_assets/images/media/imageDownIcon.gif) no-repeat left center; padding: 4px 0 4px 20px; margin: 0 8px 10px 10px;}

#LibraryListing .LibraryListCol:hover {  background: #d0d0d0; }