@media and print
{	
	/* Custom Font Files */
	@font-face
	{
		font-family: Helvetica;
		src: url(../fonts/helvetica.ttf);
	}
}

@media screen 
{
	.h1, .h2, h1, h2
	{
		margin-top: 0;
	}

	a
	{
		color:#315275;
	}

	ul li
	{
		line-height:100%;
		padding-bottom:10px;
	}

	div#pageBottom
	{
		padding-top: 0;
		border-left: solid 1px #CCC; 
		border-right: solid 1px #CCC;
	}

	a#iamlookingfor
	{
		border-left:1px solid #999;
	}

	#wmms
	{
		margin-top: 0.5em;
	}
	
	a:hover, .btn:focus, .btn:hover
	{
		text-decoration:none;
	}
	
	/*.btn:focus, .btn:hover
	{
		background-color:#666; 
		color: white;
	}
	*/
	a:visited, a:hover
	{
		color:#592A6A;
	}

	small
	{
		font-size:70%;
	}

	h2
	{
		font-weight:normal;
		width: 50%;
		font-size:230%;
		margin-top:0px;
	}

	h2.headunderline
	{
		border-bottom: 1px solid black;
	}
	
	h4
	{
		font-size:160%;
		font-weight:normal;
		margin-top: 10px;
		margin-left: 0px;
	}

	div.h3Link
	{
		margin-top: 32px;
		margin-bottom: 11.5px;
	}

	div.h3Link a
	{
		font-size: 120%;
		font-weight: 700;    
	}

	.tableContainer
	{
		display: table;
		width:100%;
	}

	.tableRow
	{
		display: table-row;
	}
	
	.tableCell
	{
		display: table-cell;
		padding-left: 5px;
	}
	
	.redBiggerBold
	{
		color: #ff0000;
		font-style: italic;
		font-weight: bold;
	}

	img.topicListPageBanner
	{
		float:right;
		margin-right:20px;
	}

	#wb-info > .container
   
{
        padding-top:0px;
    }

	#wb-info li
	{
		margin-bottom:0px;
	}

	/* Keep CCOHS title vertically aligned START */
	#wb-sm
	{
		margin-top:20px;
	}

	div#wb-bnr div#wb-bar div.container
	{
		margin-top:-8px
	}

	#wb-sttl
	{
		margin-top:24px;
	}
	/* Keep CCOHS title vertically aligned END */
	
	#wb-srch
	{
		bottom:-21px;
	}

	#wb-sm ul li a.mainLink
	{
		color:#006699;
	}
	
	#wb-sttl a
	{
		font-size: 1.7em;
		height:auto;
	}
	
	#wb-sttl img
	{
		float:left;
	}
	
	ul.list-unstyled li a
	{
		font-size:100%;
	}
	
	#wb-sttl a, ul.list-unstyled li
	{
		padding:0;
		margin:0;
		line-height:125%;
	}

	footer ul.list-unstyled li
	{
		padding:0;
		margin:0;
		line-height:150%;
	}

	/* Tabbed lists START */
	.wb-tabs > .tabpanels > details, .wb-tabs > details
	{
		border: 0;
	}

	.wb-tabs [role="tabpanel"]
	{
		overflow-x: visible;
	}
	
	.wb-eqht [role="tablist"]
	{
		white-space:nowrap;
		position:relative;
		background:none;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		width: 100%;
		display:table;
		table-layout: fixed;
	}

	.wb-eqht [role="tablist"] li
	{
		margin:0px;
		display:table-cell;
		vertical-align: top;
		padding-bottom: 8px;
		border: 0px;
		background: none;
	}

	.wb-tabs [role=tablist] li.active a
	{
		border-top:none;
	}

	.wb-navtabs [role="tablist"] li a
	{
		background: #BCCCD9;
		font-weight:bold;
		border-right: 1px solid #666666;
		padding:30px 0px;
		font-weight: normal;
		white-space:normal;
		display:block;
	}

	.wb-navtabs [role="tablist"] li a img
	{
		margin:0px;
	}

	.wb-navtabs [role="tablist"] li.active a
	{
		background: #000000;
		color: #FFFFFF;
		padding:30px 0px;
	}

	.wb-navtabs [role="tablist"] li:hover
	{
		background: #FFFFFF;
	}
	
	.wb-navtabs [role="tablist"] li a:hover
	{
		background: #666666;
		color: #FFFFFF;
	}

	.wb-navtabs [role="tablist"] li.active:before, .wb-navtabs [role="tablist"] li.active:hover:before
	{
		content:" ";	
		border-left:8px solid transparent;
		border-right:8px solid transparent;
		position:absolute;
		bottom:-2px;
		margin:0 auto;
		left:0;
		right:0;
		min-width:10px;
		max-width:10px;
	}

	.wb-navtabs [role="tablist"] li.active:before
	{
		border-top:10px solid #000;
	}

	.wb-navtabs [role="tablist"] li.active:hover:before
	{
		border-top:10px solid #666666;
	}
	
	.wb-tabs.carousel-s2 [role="tablist"] li.plypause
	{
		margin-top:-70px;
	}

        .wb-greentabs [role="tablist"] li
        {
        	border-right:2px solid white;
        }

        .wb-greentabs [role="tablist"] li.active a 
        {
        	background:#9acd32;
        	padding: 15px 0;
        }
        
        .wb-greentabs [role="tablist"] li a:hover
        {
        	background:#D5EAAA;
        }
        
        .wb-greentabs [role="tablist"] li.active a:hover
        {
        	background:#D5EAAA;
        }
        
        .wb-greentabs [role="tablist"] li.active:before
        {
            border-top: 10px solid #9acd32;
        }
        
        .wb-greentabs [role="tablist"] li.active:hover:before
        {
            border-top: 10px solid #D5EAAA;
        }
        
        
        .wb-greentabs [role="tablist"] li a
        {
        	background: #325b8f;
        	color: white;
        	padding: 15px 0;
        }
        
        details.greenGradient
        {        	
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff7de', endColorstr='#ffffff'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#eff7de), to(#ffffff)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #eff7de,  #ffffff); /* for firefox 3.6+ */
        }
	
	div.wb-eqht div#rotating-banner-img-box
	{
		width:100%;
	}
	
	.wb-eqht > details
	{
		border:0;
	}

	details[open] > *
	{
		margin-left: 0;
	}
	
	
	.wb-tabs-newsroom [role=tablist] /*,.tabpanels*/
	{
		display:table;
		margin:0 5px 0 25px;
		width:95%;
		table-layout:fixed;
	}

	.wb-tabs-newsroom [role=tablist] li
	{
		display:table-cell;
		background:#ccc;
		border-right:1px solid #000;
		color:#000;cursor:pointer;
		margin:0;padding:2px;
		position:relative;
		text-align:center;
	}

	.wb-tabs-newsroom [role=tablist] li a
	{
		color:#000;
		display:block;
		padding:10px;
		text-decoration:none;
		width:100%;
	}

	.wb-tabs-newsroom [role=tablist] li a:hover
	{
		color:#fff!important;
	}

	.wb-tabs-newsroom [role=tablist] li:focus, .wb-tabs-newsroom [role=tablist] li:hover
	{
		background-color:#0b3048;
		color:#fff!important;
	}

	.wb-tabs-newsroom [role=tablist] li.active{
		background-color:#0b3048;
		color:#fff;
	}
	
	.wb-tabs-newsroom [role=tablist] li.active a
	{
		padding:10px;
		border-top:none;
		color:#fff;
	}

	.wb-tabs-newsroom [role="tablist"] li.active:before
	{
		content:" ";
		border-top:10px solid #0B3048;
		border-left:8px solid transparent;
		border-right:8px solid transparent;
		position:absolute;
		bottom:-10px;
		left:48%;
	}
	
	.wb-tabs-hot-topics [role=tablist]
	{
		margin:0 5px 0 25px;
		width:95%;
	}
	
	.wb-tabs-hot-topics [role=tablist] li
	{
		background:#CCC;
		border-right:1px solid #000;
		color:#000;
		cursor:pointer;
		display:inline-block;
		margin:0;
		padding:2px;
		width:33%;
		position:relative;
		text-align:center;
	}

	.wb-tabs-hot-topics [role=tablist] li a
	{
		color:#000;
		display:inline-block;
		padding:10px;
		text-decoration:none;
		width:100%;
	}
	
	.wb-tabs-hot-topics [role=tablist] li a:hover
	{
		color:#fff!important;
	}

	.wb-tabs-hot-topics [role=tablist] li:focus, .wb-tabs-hot-topics [role=tablist] li:hover
	{
		background-color:#0b3048;
		color:#fff!important;
		width:33%!important;
	}
	
	.wb-tabs-hot-topics [role=tablist] li.active{
		background-color:#0b3048;
		width:33%!important;color:#fff;
	}

	.wb-tabs-hot-topics [role=tablist] li.active a{
		padding:10px;
		width:100%;
		border-top:none;
		color:#fff;
	}

	/* Tabbed Lists END */

	/* Carousel START */
	.carousel-s1 .fade figcaption
	{
		width:100%;
		margin-top:-96px;
		margin-right:-33px;
		font-size:200%;
		padding:3px 3px 3px 16px;
	}

	.carousel-s1 [role="tablist"] li, .carousel-s1 [role="tablist"] li.active
	{
		background: none;
		border:0;
	}
	
	.carousel-s1 [role="tablist"] li.nxt, .carousel-s1 [role="tablist"] li.prv,.carousel-s1 [role="tablist"] li.plypause
	{
		background: none repeat scroll 0 0 #EBF2FC;    
	}

	.carousel-s1 [role="tablist"] li
	{
		margin-right: 5px;
	}

	.carousel-s1 [role="tablist"] li a
	{
		padding:0px;
	}

	.carousel-s1.carousel-s1 [role="tablist"] li.active a, .wb-tabs.carousel-s1 [role="tablist"] li:focus a, .wb-tabs.carousel-s1 [role="tablist"] li:hover a, .wb-tabs.carousel-s2 [role="tablist"] li.active[role="presentation"] a
	{
		padding-top: 0px;
	}

	.wb-tabs.carousel-s1 [role="tablist"] li.active, .wb-tabs.carousel-s1 [role="tablist"] li:focus, .wb-tabs.carousel-s1 [role="tablist"] li:hover
	{
		top: 0px;
	}
	
	/* Carousel END */

	.topLink
	{
		text-align:center;
		border-left:1px solid #CCC;
		border-right:1px solid #CCC;
		padding-bottom:15px;
		font-size:80%;
	}

	/* closed open buttons start*/
	button.toggleButton
	{
		background:none;
		border:none;
		cursor:pointer;
		text-decoration: underline;
	}
	button.toggleButton:hover
	{
		text-decoration: none;
	}   
	/* closed open buttons end*/


	/* Three column Topic List START*/
	div.threeColumnTopics
	{
		margin: 25px 0px;
	}
	
	div.threeColumnTopics div.leftCol, div.threeColumnTopics div.middleCol, div.threeColumnTopics div.rightCol
	{
		display: inline-block;
		min-width: 32%;
		max-width: 32%;
		vertical-align:top;
	}

	div.threeColumnTopics div.leftCol img, div.threeColumnTopics div.middleCol img, div.threeColumnTopics div.rightCol img
	{
		width:96%
	}

	div.threeColumnTopics div.leftCol h4, div.threeColumnTopics div.middleCol h4, div.threeColumnTopics div.rightCol h4
	{
		font-family:Helvetica-Light;
	}
	
	div.threeColumnTopics div.middleCol, div.threeColumnTopics div.rightCol
	{
		margin-left: 1%;
	}
	
	/* Three column Topic List END*/

	/* Two column Product List START */
	div.productList
	{
		width:75%;
	}

	div.productList div
	{
		padding:10px;
	}

	div.productList div.price
	{
		padding:0px;
		float:right;
		font-weight:bold;
	}

	.iWantToBox
	{
		float:right;
		width:20%;
		margin-right: 4%;
	}
	
	.iWantToBox h4
	{
		background: black;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-size:95%;
		color:white;
		padding:10px;
		margin:0;
	}

	.iWantToBox ul
	{
		margin:0;
		padding:0;
	}

	.iWantToBox ul li
	{
		background:#E0E0E0;
		padding: 5px 10px;
		list-style-type:none;
		font-size:90%;
		vertical-align:middle;
	}

	.iWantToBox ul li img
	{
		float: left;
	}

	.iWantToBox ul li a
	{
		width:80%;
		margin-left:10px;
		display:inline-block;
		margin:0;
		padding-left:5px;;
	}
	
	.iWantToBox button
	{
		background:#649600;
		text-align:center;
		width:100%;
		color: white;
		font-size:95%;
		margin-top:5px;
		padding:5px;
		border:0;
		cursor:pointer;
	}	
	/* Two column Product List END */

	/* Coloured boxes START */
	.greyBox
	{
		width:96%;
		background: #A0A0A0;
		color: white;
		padding: 20px;
		overflow:hidden;
	}
	
	.greyBox a
	{
		color: white;
	}
	
	.darkgreyBox
	{
		background:#6B6B6A;
		padding:5px 15px;
		color:white;
	}
	
	.lightGreyBox
	{
		padding: 5px 10px;
		background:#E8E8E8;
	}
	
	/* Coloured boxes END */

	/* Only draw a border on the "I am Looking for..." menu in full mode */

	/* Added by Janine */
	.partner_ident
	{
		margin-left: 25px;
	}

	a.nounderline:link
{text-decoration:none;}
	a.nounderline:hover
{text-decoration:underline;}


	/* by Oleg - oct 2014*/
	main div, main p, main ul 
{
		font-weight:normal;
	}
  
	main p
	{
		line-height:150%;
		font-weight:normal;
	}

	/* general utility styles*/
	.widthFull
	{
		width:100%;
	}

	.fontSizeNormal
	{
		font-size:100%;
	}			

	.fontSize75
	{
		font-size:75%;
	}
	.fontSize80
	{
		font-size:80%;
	}
	.fontSize90
	{
		font-size:90%;
	}

	.fontSize125
	{
		font-size:125%;
	}	

	.fontSize130
	{
		font-size:130%;
	}		
	.fontSize150
	{
		font-size:150%;
	}
	.fontSize180
	{
		font-size:180%;
	}		
	.width80
{
	width: 80%;
    }
	.width90
{
	width: 90%;
    }
	.width95 {
		width:95%;
		}
	.width98
{
	width: 98%;
    }
	.width99
{
	width: 98.8%;
    }
    .width60
{
	width: 60%;
}
.width50
{
	width: 50%;
}
.width40
{
	width: 40%;
}
.width25 {
	  width:25%;
	  }
  .width20 {
	  width:20%;
	  }  
.lineHeight50 {
	line-height:50%;
	}
	.lineHeight100
{
   line-height:100%!important;
	}
.lineHeight105 {
	line-height:105%;
	}	
	.lineHeight150
{
		line-height:150%;
		}
		.lineHeight120
{
		line-height:120%;
		}
	.lineHeight200
{
		line-height:200%!important;
		}	
	.pddn-tp-0
	{
		padding-top:0;
	}

	.pddn-bttm-0
	{
		padding-bottom:0;
	}	

	.pddn-left-0
	{
		padding-left:0;
	}

	.pddn-right-0
	{
		padding-right:0;
	}	

	.pddn-tp-sm
	{
		padding-top:5px;
	}

	.pddn-bttm-sm
	{
		padding-bottom:5px;
	}	

	.pddn-left-sm
	{
		padding-left:5px;
	}

	.pddn-right-sm
	{
		padding-right:5px;
	}	

	.pddn-sm
	{
		padding:5px;
	}

	.pddn-10
	{
		padding:10px;
	}
	.pddn-tp-10
	{
		padding-top:10px;
	}
	.pddn-bttm-10
	{
		padding-bottom:10px;
	}
	.pddn-lft-10
	{
		padding-left:10px;
	}
	.pddn-rght-10
	{
		padding-right:10px;
	}	

	.pddn-md
	{
		padding:15px;
	}

	.pddn-bttm-md
	{
		padding-bottom:15px;
	}			

	.pddn-left-md
	{
		padding-left:15px;
	}
	.pddn-right-md {
		padding-right:15px;
		}
	.pddn-25
	{
		padding:25px;
	}	
	.pddn-left-25
	{
		padding-left:25px;
	}	
	.pddn-right-25
	{
		padding-right:25px;
	}	
	.pddn-top-25
	{
		padding-top:25px;
	}			
     .pddn-bttm-25
{
		 padding-bottom:25px;
		 }
	.pddn-0
	{
		padding:0;
	}		
.pddn-lft-20 {
	padding-left:20px;
	}
.mrgn-bttm-60 {
	margin-bottom:60px; 
	}

    .indent1
{
	padding-left: 18px;
}
.indent2
{
	padding-left: 36px;
}
/*.no-underline a:link,.no-underline a:hover,.no-underline a:visited {
	text-decoration:none;
	} */
ul li.pddn-bttm-10 {
		 padding-bottom:10px;
		 } 	
.no-underline a:link,.no-underline-on-hover a:link, .no-underline a:visited,.no-underline-on-hover a:visited  
{
	text-decoration:none;
	}
.no-underline-on-hover a:hover 
{
	text-decoration:none;
	}	
	
a.nounderline-total:link, a.nounderline-total:hover,a.nounderline-total:focus {
    text-decoration: none;
}
.medium-salad-bg {
	background-color:#669900;
	}	
.mrgnL-20 {
	margin-left:20%;
	}
	.inline-display
	{
		display:inline;
	}	

	.disc-list
	{
		list-style-type:disc!important;
	}	
 	p.description, .description
{
		line-height:150%;
		font-size:120%;
		font-family: "Helvetica"!important;
	}
 
 .blueBox
{
		color:#FFF;
		background-color:#146094;
		padding:5px 5px 5px 8px;
	}

div.green-btn button
	{	
		padding:5px 20px 5px 20px;
		margin:0 0 5px 5px;
		color:#fff;
		background-color:#690;
		text-align:center;
		font-size:100%;
		border:1px #000 solid;
	}	
.green-btn a:link,.green-btn a:visited,.green-btn a:hover
	{
		color:#fff;
		text-decoration:none;
	}  
 
 /*to make boxes of equal height using display:table and display:table-cell */
 .height-eq-via-table {
  display: table;
/*  height: 100%;*/
}
.height-eq-via-table-cell {
  display: table-cell;
}
 /*row of images with transparent bg */
 .thumbnail-ccohs
{
display: block;
padding: 4px;
line-height: 1.4375;
background-color:transparent;
/*border: 1px solid #ddd;*/
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.thumbnail-ccohs a > img, .thumbnail-ccohs > img
{
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.thumbnail2-ccohs
{
display: block;
padding: 0;
line-height: 1.4375;
background-color: none;
/*border: 1px solid #ddd;*/
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.thumbnail2-ccohs a > img, .thumbnail2-ccohs > img
{
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
 
 .no-underlined a:link, .no-underlined a:visited 
{
	text-decoration:none;
	}
.no-underlined a:hover 
{
	text-decoration:underline;
	}
 
	/*tooltip style starts*/
	a.tooltip1, a.tooltip1-wider
	{
		position:relative;
		font-weight:normal;
		text-decoration:none;
		border-bottom:dashed 1px #000;
	}
	
	a.tooltip1:focus:after, a.tooltip1:hover:after
	{
		content: attr(data-tooltip);
		background-color:#000;
		color: #fff;
		font-weight:normal;
		width:260px;
		padding: 15px 15px;
		border-radius: 5px;
		z-index: 98;
		position: absolute;
		left:0px;
		top:30px;
		text-decoration:none;
		border-bottom:dashed 1px #000;
	} 
	
	a.tooltip1-wider:focus:after, a.tooltip1-wider:hover:after
	{
		content: attr(data-tooltip);
		background-color:#000;
		color: #fff;
		font-weight:normal;
		width:320px;
		padding: 15px 15px;
		border-radius: 5px;
		z-index: 98;
		position: absolute;
		left:0px;
		top:30px;
		text-decoration:none;
		border-bottom:dashed 1px #000;
	}

	/* from "general.css"*/
	.redNote
	{
		color: #f00!important;
	}
	.boldText
	{
		font-weight:bold!important;
	}

	.noBold
	{
		font-weight:normal!important;	
	}
	
	.italic
	{
		font-style:italic!important;
	}	

	.whiteText 
	{
		color:#FFFFFF!important;
	}
     .blackText
{
		 color:#000!important;
		 }
	.dark-yellowText
{
		 color:#fc0!important;
		 }	 
	.standard-ccohs-green
	{
		color:#690;
	}
	
	.light-blue
	{
		color:#146094;
	}
	.dark-blue
	{	
		color:#1C0D80;
	}
	.dark-blue1 {
			color:#004C91;
			}
	.medium-salad {
		color:#669900;
		}	
	.light-grey
	{
		color:#ccc;
	}
.grey-bleak {
	color:#828282;
	}
	.red-flag-text
	{
		font-size:70%;
	}

	.blackBrd
	{
		border:#000 solid 1px;
	}

    .brdr-rght-black {
	border-right:1px solid #000;
	}
 	
	.box-black-border-st
	{
		border:1px #000 solid;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		border-radius: .5em;
	}	
	.ccohs-round-brd {      
     border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
}

	.doubleLineSpace
	{
		line-height:24.0pt;
	}

	.greenBg
	{
		color:#fff;
		background-color:#690;
	}
	.blackBg
	{
		background-color:#000!important;
	}
	.whiteBg
	{
		background-color:#fff;
	}

.black-squeeze-bg {
	background-color:#dde9f2;
	}
	.blueBG
	{
		background-color:#1C5991;
		color: white;
	}

	.redBg
	{
		color:#fff;
		background:#E91300;
	}

	.dark-grey-bg
	{
		background-color:#666;
	}
	.light-grey-bg
	{
		background-color:#ccc;
	}
	.dark-blue-bg
{
	background-color:#146094;
	}
	.light-blue-bg
{
	background-color:#3f699f;
	}
	.dark-yellow-bg
{
		 background-color:#fc0;
		 }		
	.light-yellow-bg
{
	background-color:#ff9;
	}
	 .dark-blue-bg1 {
	    background-color:#004C91;
		}
	
	/*taken from general.css - start*/
	
	.lightgreyBG1
{
	background-color:#eee;
	}	
	/*taken from general.css - end*/
	.black-divider
{
	background-color:#000;padding:10px; width:100%;
	}
	.light-grey-rule
{
	border-top:1px solid #ccc;margin:0 0 20px 0;
	}
	.super-light-grey-brd
{
	border:1px solid #e3e3e3;
	}
.light-grey-brd {
    border: 1px solid #ccc;
}	
.shadow-effect {
-moz-box-shadow: 5px 5px 5px grey;
-webkit-box-shadow: 5px 5px 5px grey;	
box-shadow: 5px 5px 5px grey;
}
	/*standards elements styles*/
	
	.search-box-new
{
		background-color:#c3d1a1;padding:20px;
		}
	.ccohs-btn-standard
	{
		-moz-user-select: none;
		background-image: none;
		cursor: pointer;
		display: inline-block;
		line-height: 1.4375;
		padding: 6px 12px;
		text-align: center;
		vertical-align: middle;
		background-color: #690;
		color: #fff;
	}

	.ccohs-btn-standard.active:focus, .ccohs-btn-standard:active:focus, .ccohs-btn-standard:focus
	{
		outline: thin dotted;
		outline-offset: -2px;
	}

	.ccohs-btn-standard:focus, .ccohs-btn-standard:hover
	{
		color: #fff;
		text-decoration: none;
		background-color:#5B7F03;
	}

	.page-title
	{
		font-size:300%;
		font-weight:normal;
		padding:0;
	}
	
	#subheading
	{	   
		font-weight:normal;
		padding:0 0 30px 0;
		border-bottom:1px solid #000;   
	}
	
	.page-subtitle
	{
		font-size:200%;
		padding:0;
	}
	.page-subtitle-smaller
	{
		font-size:190%;
		padding:0;
	}
	
	.main-title
	{
		font-size:220%;
		font-weight:normal;
		border-bottom:1px solid #000;
		padding-bottom:10px;
		margin-top:0px;
	}				

	.main-title-nobrd
	{
		font-size:220%;
		font-weight:normal;
		padding-bottom:10px;
		margin-top:0px;
	}				

.bar-title-size
	{
	display: inline-block;
    font-size: 145%;
    font-weight: bold;
	}
	
/*	.bar-title-size
	{
		font-size:125%;
		font-weight:bold;
		display:inline;
	}
*/
	h2.bar-title-size
	{
		display:inline-block;
		width:85%;
		padding-top:0.5%;
		vertical-align:middle;
	}

	.bar-subtitle
	{	
		padding:5px 10px 5px 10px;
		width:100%;
		font-size:160%;
	}
	
	.main-subtitle-plain
	{	
		font-size:160%;	
	}
	
   .title-and-unord-list h2
	{
		font-size: 180%;
		padding:0;
		margin:0;
	}

	.title-and-unord-list ul
	{
		padding-top: 10px;
	}

	.title-and-unord-list ul li
	{
		font-size: 130%;
		font-weight: bold;
		line-height: 24pt;
	}

	.title-and-unord-list a:link
	{
		text-decoration: none;
	}

	.title-and-unord-list a:visited
	{
		text-decoration: none;
	}

	.title-and-unord-list a:hover
	{
		text-decoration: underline;
	}
	ul.unord-list-line130 li
	{
		line-height: 24pt;
	}	 
.two-boxes h2
{
	padding:0 0 0 5px; margin:0 0 5px 0;
	}
.two-boxes ul li
{
	line-height:135%;
	}	
.more-link p
{	
text-transform:uppercase;
font-size:80%;
}	
.btn-link:hover
{
	text-decoration:none!important;
    color:#000; 
	padding:0;
	margin:0;
	}
.btn-link
{	
background-color:none;
border:none;
text-decoration:underline!important;
cursor:pointer;	
color:#000!important;
	padding:0;
	margin:0;
}
.related-info-box-category
{
	background-color:#fff;border:#ccc solid 1px;
	}
 .related-info-box-category ul li
{
	line-height: 150%;
	}		
	/*START from theme-min.css*/
	
	/*END from theme-min.css*/
	
	/*START from util-min.css*/
	
	/* END from util-min.css end*/
			
	/*styles created or customized by Oleg in oct 2014*/
	
	/* customized outer container styles inhereted from wet-boew.min.css*/
	.container
	{
		margin-right:auto;
		margin-left:auto;
		padding-top:5px;
	}
	
	.container p
	{
		line-height:120%;
	}
	
	.container a
	{
		color:#000; 
	}

	/* new home page container styles*/
	div.mainContentOfPageInnerHome
	{
		margin-top:10px;
		padding-left:0px!important;
	}

	/*rotating banner styles START*/
	.rotating-banner-content
	{
		padding-left:8px;
		background-color:#ccc;
	}
	
	#rotating-banner-img-box img
	{
		margin-bottom:2px;	
	}
	
	.rotating-banner-content h1
	{
		font-size:100%;
	}

	.rotating-banner-content p
	{
		color:#000!important;
	}

	#rotating-banner-buttons
	{
		margin:0px -15px 0px -15px;
	}
	
	#rotating-banner-buttons div
	{
		margin:0 0 0 65%;
		padding:0;
	}
	/*rotating banner ENDS*/
	
	/* content boxes */

	.mainBoxes h1
	{
		color:#FFF;
		background-color:#146094;
		padding:5px 5px 5px 8px;
		font-weight:normal;	
	}
	
	.mainBoxes ul
	{
		padding-left:23px;	
	}

	.mainBoxes a:link,.mainBoxes a:visited
	{
		text-decoration:none;	
	}

	.mainBoxes a:hover
	{
		text-decoration:underline;	
	}	
	/* content boxes end*/
	
	/* adblocks */
	.gradientH67
	{
		margin: 10px 0 0 0;
		padding: 5px;
		line-height: 100%;
		border-radius: .5em;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		background: #eee; /* for non-css3 browsers */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #eee,  #fff); /* for firefox 3.6+ */
		border: solid 1px #ccc;
		height:67px;
		background-size:auto 100px;
		background-repeat:repeat-x;
	}
	
	.gradient
	{
		margin: 10px 0 0 0;
		padding: 5px;
		/*line-height: 100%;*/
		border-radius: .5em;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		background: #eee; /* for non-css3 browsers */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #eee,  #fff); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #eee 0%, #fff 100%);
		border: solid 1px #ccc;
		background-size:auto 100px;
		background-repeat:repeat-x;
	}

	.gradient-standard
	{
		/*line-height: 100%;*/
		border-radius: .5em;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		background: #eee; /* for non-css3 browsers */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #eee,  #fff); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #eee 0%, #fff 100%);
		border: solid 1px #ccc;
		background-size:auto 100px;
		background-repeat:repeat-x;
	}

	#got-question-block
	{	
		margin:22px 0 0 0;
		padding:0;
	}
	
	#got-question-block div
	{	
		margin:0;
		padding:5px 0 5px 0;
	}	 
	
	#got-question-block div h1
	{	
		background-color:transparent;
		color:#000;
		font-size:160%;
		font-weight:normal;
		margin:0 0 10px 0;
		padding:0;
		text-align:center;
	}

	#got-question-block div button
	{	
		padding:5px 20px 5px 20px;
		margin:0 0 5px 5px;
		color:#fff;
		background-color:#690;
		text-align:center;
		font-size:100%;
		border:1px #000 solid;
	}
	
	.got-question-items
	{
		margin:5px 0 5px 0;
		padding:5px;
		background-color:#ccc;
	}
	
	.got-question-items div h1
	{
		background-color:#ccc;
		padding:0 0 0 5px;
	}
	
	.got-question-links a:link,.got-question-links a:visited,.got-question-links a:hover
	{
		color:#fff;
		text-decoration:none;
	}  

	/*About CCOHS styles START*/
	#partners
{
		padding-left:5%;
		font-size:135%;
		line-height:80%;
		}
	#scholarship
{
		padding-left:7%;
		font-size:250%;
		line-height:80%;
	    }
	#matters
{
		padding-left:17%;
		font-size:300%;
		line-height:80%;	
	    }
	#member
{
	    padding-left:20%;
		font-size:300%;
		line-height:80%;"
		}	
	/*About CCOHS styles END*/	
	
	/* e-Commerce pages styles START*/
	
	/*your cart icon styles START*/
	
	.your-cart a {
		 min-width:100px;
	}
	/*your cart icon styles END*/
	
	
	/* Shopping cart page START*/
.drop-down-product {
    width: 200px;
    box-sizing: border-box; /*to make sure Safari centers dropdown listing*/
}
.as-table {
display:table;
	}
/*.as-thead {
	display:table-header-group;
	padding-top:15px;
	padding-bottom:15px;
	}*/
.as-tbody {
	display:table-row-group;
	}	
.as-tcell {
	display:table-cell;
	}	
.promo-parent {
position:relative;
}
input .tooltip:focus + [role="tooltip"] {
	display: block;
	position: absolute;
	padding: 1.1em;
	top: 100%;
	left:0;
	width:100%;
	text-align:left;
}
.shop-cart-tooltip [role="tooltip"] {
display: none;
padding: 4em;
margin: 0;
color: white;
background: #000;
width: 100%;
line-height:100%;
z-index: 2;
}	
	/* Login / Create an Account page START*/
	.log-outer-box-width {width:420px;}
		/* Login / Create an Account page END*/
/* Checkout progress chart SVG starts*/
svg g line {
  stroke: #000;
  stroke-width: 1px;
}
svg g.active line,
svg g.active ~ g line {
  stroke: #000;
}
svg g circle {
  fill: #fff;
}
svg g.active circle {
  fill: #690;
}
svg g text,svg g.active text {
  fill: #000;
  text-anchor: middle;
  dominant-baseline: central;
}
svg g.active {
 fill: #000;
}
/* Checkout progress chart SVG starts*/

/*Checkout - Invoice page*/
.table-striped-ccohs > tbody > tr:nth-child(2n+1) > td, .table-striped-ccohs > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}	
	
	/* e-Commerce pages styles END*/
	/* Shopping cart page END*/	
	
	
	/*Transparency page STARTS*/
	 .transparency-tbl caption
{
	 font-weight:bold;
	 }
     .transparency-tbl .more-info
{
     width:180px;
	}
     .transparency-tbl .more-info ul li
{
     padding:2px 0 0 0;
	}	
	
	/*Transparency page ENDS*/
	
	/*Scholarship section STARTS*/
	#scholar-title
{
	margin-left:28%!important;
	}
	#scholar-intro-box
{
	width:61%!important;
	margin-left:20%!important;
	}
	#scholar-intro-box p
{
	line-height:200%;
	}
	#dm-footer-info
{
	width:75%; 
	margin-left:10%;
	}
	/*Scholarship section ENDS*/
	
	/*Promo Materials listing STARTS*/
	.center-row-two-images
	{
		margin-left:24.5%;
	}
	.center-row-two-images1 {
    margin-left: 25.8%;
}
	.center-row-three-images
	{
		margin-left:13.5%;
	}	}

.inline-block-display
{
display: inline-block;width:100%;
}
/*Promo Materials listing ENDS*/

	/* share this page+top to page+date modified styles */
	#share-top-padding
	{
		padding-top:30px;
	}

	#date-modified-btm-margin
	{
		margin-bottom:-20px;
	}

	/*Add spaced commas/elipses between list items */
	ul.list-delimited li
	{
		display: inline-block;
	}
	
	ul.list-delimited li:after
	{
		content: ",";
		margin-left:0px;
	}
	
	ul.list-delimited li.last:after
	{
		content: "...";
	}

	/* Fix for missing background on collapsable bars */
	details:not([open])
{
    		visibility: visible;
	}

	/* Fix for arrows not lining up with title text on collapsable bars */
	summary > .council-element-inner-block
{
		display: block;
	}

	/* Fix for positiong arrow beside all collapsable alerts */
	details.alert > *:first-child
{
	    margin: 0.13em 0em -0.5em 1.33em;
	}

	details summary.bar-title
	{
		padding-top:0.7%;
	}

	div details > summary:before, section details > summary:before
	{
	    font-size:125%;
	}

	/* Social Media Icons */
	ul#social-media-icons
	{
		display:table;
		width:44%;
		margin:0px auto;
		padding:0;
	}
	
	ul#social-media-icons li
	{
		list-style-type:none;
		display:table-cell;
	}

	ul#social-media-icons li img
	{
		width:47px;
		height:47px;
	}
	
	/*Newsroom styles */
	.hot-topics li
	{
		padding-top:10px;
		line-height:150%;
	}
	
	.hot-topics ul
	{
		list-style-type:disc!important;
	}

	.releases-list li
	{
		padding-top:10px;
	}
	
	.releases-list li ul
	{
		list-style-type:disc!important;
	}
	
	.releases-list li ul li
	{
		line-height:150%;
	}
	
		#experts-block
	{
		padding-left:22px;
	}	

	#contact-ccohs-media
	{
		margin-left:15%;
		margin-right:10%;
		width:70%;	
	}
	
	/* Day of Mourning page*/
	.section-bar {
        font-size: 160%;
        padding: 5px 10px;
        width: 100%;
    }

   /*SafetyInfoLine page styles*/
   #contact-safetyinfoline-block p:first-child {
	margin-bottom:-30px;
	}
    #contact-safetyinfoline-block p:last-child {
	margin-top:-15px;
	}
	#contact-safetyinfoline-block span:first-child {
	padding-right:15px;
	}
	#contact-safetyinfoline-block #safetyinfoline-mob {
	font-size:480%;
	}
	#contact-safetyinfoline-content {
		width:72%; margin-left:14%;
		}
	@media screen and (max-width:700px) {
#safetyinfoline-mob {
    font-size:200%!important;
	line-height:none;
	padding-top:10px;	
	}
}	
}
/*Product pages templates START*/

.left-col-order-box {
	min-height: 1px;
    position: relative;
	}
	.left-col-order-box {
	 float:left;
	 /*width:65px;*/
	 width:20%;
	 min-width:65px;
	 text-align:right;
	 padding:0;
	 margin:0 10px 0 15px;
	 font-weight:normal;
	 vertical-align:middle;
	}
	.right-col-order-box {
	min-height: 1px;
    position: relative;
	}
	.right-col-order-box {
	 float:left;
	 /*width: 170px;*/
	 width:55%;
     padding:0;
	 margin:0;
	 text-align:left;
	 vertical-align:middle;
	}	
	.description-list li {
		padding-bottom:5px;
	}
	
.view-all-publications a, a.view-all-publications {
	color: #fff!important;
	text-decoration: none;
}
a:hover.view-all-publications, a:focus.view-all-publications  {
  background-color: #5B7F03;
}
	
/*Product pages templates END*/


@media screen and (max-width:1200px)
{

	/* Tabbed lists START */
	img.topicListPageBanner
	{
		float:right;
		margin-right:40px;
		width:43%;
	}
	/* Tabbed lists END */

	div.wb-eqht div.col-md-6, div.wb-eqht div#rotating-banner-img-box
	{
		width:100%;
	}

	#wb-sttl img
	{
	float:left;
	}

	/* Only draw a border on the "I am Looking for..." menu in full mode */
	a#iamlookingfor
	{
			border-left:0px;
	}

	/*Adjust spacing between menu items to keep it all on one line*/
	#wb-sm a, #wb-sm summary
	{
		padding: 0.48em 0.73em;
	}

	div.col-xs-8 div.row
	{
		white-space:nowrap;
	}

	div.col-xs-8 div.row div.col-md-6
	{
		min-width:48%;
		display:inline-block;
	}

}
/*customized grids START*/
/*customized grids START*/
.col-lg-6-ccohs
{
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
	margin-bottom: 10px;
    position: relative;
}
.col-lg-8-ccohs,.col-lg-4-ccohs
{
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.col-md-6-ccohs
{
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
	margin-bottom: 20px;
    position: relative;
}
.col-md-5-ccohs 
{
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
	margin-bottom: 20px;
    position: relative;
}
.col-md-4-ccohs {
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}
.col-md-2-ccohs {
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	}

.col-md-1-ccohs
{
    min-height: 1px;
    padding-left: 15px;
    padding-right: 5px;
	margin-bottom: 20px;
    position: relative;
}


@media screen and (min-width: 1200px)
{
.col-lg-8-ccohs,.col-lg-6-ccohs,.col-lg-4-ccohs
{
    float: left;
}
.col-lg-4-ccohs
{
    width: 20%;
}
.col-lg-6-ccohs
{
    width: 50%;
}
.col-lg-8-ccohs
{
    width: 80%;
}

}
/*medium screen devices*/
@media screen and (min-width: 770px)
{
.col-md-8-ccohs, .col-md-6-ccohs, .col-md-4-ccohs,.col-md-5-ccohs,.col-md-2-ccohs,.col-md-1-ccohs
{
    float: left;
}
.col-md-4-ccohs
{
    width: 33.3333%;
}
.col-md-5-ccohs
{
 width: 41.6667%;
}
.col-md-2-ccohs {
	width:20%;
	}
.col-md-1-ccohs
{
    width: 4.33333%;
}

.listing-img-width-md
{
	width:25%;
	}
.col-md-6-ccohs
{
    width: 50%;
}
.col-md-8-ccohs
{
    width: 66.6667%;
}
.mrgn-xs-lft1
{
	margin-bottom:20px;
	margin-top:20px;
	}	
	
}

@media screen and (min-width: 700px) and (max-width: 1200px)
{
	details[open] > *
	{
		margin-left: 5%;
	}
}

/*small screen devices*/
@media screen and (min-width: 319px) and (max-width: 769px)
{

.mrgn-xs-lft
{
	margin-left:30px;
	margin-bottom:20px;
	}
.mrgn-xs-lft1
{
	margin-bottom:20px;
	margin-right:20px;
	}	
	.mrgn-xs-lft ul li
{
	 line-height:200%;
		}
.listing-img-width
{
	width:100%!important;
	}
	.width300px
{
		width:300px!important;
		}
	
	.center-img-block-xs
{
		margin-left:0!important;
		}
	.center-img-block-xs1
{
		margin-left:0!important;
		padding-left:0!important;
		}	
		.img-mrgnR-10-xs img{
			margin-right: 10px;
			}
}
/*customized grids END*/

@media screen and (max-width:768px)
{
	header p.description
	{
		width:100%;
	font-size:100%!important;
	}

	/* Three column Topic List START*/
	div.threeColumnTopics div.leftCol, div.threeColumnTopics div.middleCol, div.threeColumnTopics div.rightCol
	{
		display: block;
		min-width:100%;
		max-width:100%;
	}

	.wb-tabs
	{
		margin-left:-10%;
	}
	/* Three column Topic List END*/

	div.col-xs-8 div.row
	{
		white-space:nowrap;
	}

	div.col-xs-8 div.row div.col-md-6
	{
		min-width:48%;
		display:inline-block;
	}

}

/* to fix clipping tooltip text in extra small e.g iPhone 4*/
@media screen and (min-width: 320px) and (max-width: 360px)
{
	.p-xs
	{
		text-align:left;
	} 	   
	
	p a.tooltip1-wider:focus:after, p a.tooltip1-wider:hover:after
	{
		margin-left:-30px;
	}

	div#pageBottom
	{
		padding-top: 0;
		border-left: none; 
		border-right: none;
	}

} 
/*tooltip style ends*/

/* e-Commerce pages styles for mobile START*/
	/* Shopping cart page style for mobile START*/

/*To keep it consistent with WET's sm resolutions - 768px*/
 @media screen and (max-width: 760px) {
.as-thead {
	display:none;
	}
	.remove-shop:before {
    content: "Remove:";
	font-style:italic;
}

.left-shop-mob {
	padding-left:0;
	margin-left:2px;
	max-width:200px;
	}
.left-shop-mob input {display:inline; max-width:25%;}
.item-shop:before {
    content: "Item:";
	text-align:left;
	font-weight:bold;
	}
.font-size-shop-mob {
	font-size:110%;
	margin-top:10px;
	margin-bottom:10px;
	}

.quantity-seat-shop:before {
    content: "Quantity / Seat:";
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
	}
.price-shop:before {
    content: "Price:";
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
	}
.mrgn-10 {
	margin-top:10px;
	} 	
.mrgn-lft-0-mob {
	margin-left:0;
	}
.total-bottom .pull-right {
    float:left; 
	width:50%;
	margin-left:0;
	padding-left:0;
	}
.total-shop:before {
    content: "Total:";
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
	font-weight:bold;
	}		
	
  }
/* Shopping cart page style for mobile END*/
/*Liaison 2016 */
		.liaison-block {
				padding:0;
				max-width:773px;
				margin-left:auto;
				margin-right:auto;
				
				}
	.top-green-brd {
    border-top: 2px solid #690;
}
.bottom-green-brd {
    border-bottom: 2px solid #690;
}

/*to display SVG progress bar's text smaller for smartphones to avoid squishing*/
@media (max-width: 520px) {
svg text, svg g.active text
 {
    font-size:65%;
}
}
/* e-Commerce pages styles for mobile END*/
/* standard footer stacked for ihones, androids, etc*/

@media screen and (max-width: 767px) {
				
				 .footer-min 
				 {
					margin-bottom: 30px;
				 }
				 .footer-min .centered
				 {
					text-align:center;
				 }
				  .nofloat
				 {
				   float:none!important;
				 } 
				 
			  }

@media print
{

	#infogram_11_link, #infogram_12_link
	{
		display:none;
	}
	
	#infogram_11, #infogram_12
	{
		display:block;
	}
	
	.topLink
	{
		display:none;
	
	}

	details[open] > summary:before, details > summary:before
	{
		content: "" !important;
	}
}

/* Product pages templates: Order block styles for smaller devices*/
@media screen and (min-width: 768px) 
 {
	.text-right-sm {
		text-align: right;
		}
	}
@media screen and (max-width: 346px) 
 {
	.pddn-left-sm-10 {
		padding-left: 10px;
		}
		.mrgn-left-sm-20 {
		padding-left: 20px;
		}
	.mrgn-tp-20 {
		margin-top:20px;
		}
	}