@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%;
	}
	ul.list-unstyled-ccohs
	{
	  list-style-type: none;
	}
	ul.list-unstyled-ccohs li
	{
	  line-height: 125%;
	}
	/* 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;
	}

	.block-display {
	display: block;
	}

	.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: transparent;
/*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;
	}
	.maroon {
	color: #9F031D;
	}
.dark-grey {
    color: #666666;
}
	.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;
		}
	.navy-bg {
background-color:#152C39;
}
.super-light-blue-bg {
	background-color: #BDE2F2;
}
	/*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;
		}

	.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
	}
	.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:80%;
		padding-top:0.5%;
		vertical-align:middle;
	}

/* Re-factored styles for collapsible bars e.g Council pages START */
	.bar-header {
		padding: 0.3em 0;
	}

	.bar-header>.bar-header__title {
		width: 80%;
	}
	/* Re-factored styles for collapsible bars e.g Council pages END */

	.bar-subtitle
	{
		padding:5px 10px 5px 10px;
		width:100%;
		font-size:160%;
	}
	.pddn-lft-for-sub-title-c-bars {
		padding-left: 1.4em;
		}
	.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
{
background-color:transparent;
border:none;
text-decoration:underline!important;
display: inline-block;
cursor:pointer;
color:#000!important;
padding:0.2em 0.5em;
margin:0;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active
{
	text-decoration:none!important;
    outline: 1px solid #000;
}


.related-info-box-category
{
	background-color:#fff;border:#ccc solid 1px;
	}
 .related-info-box-category ul li
{
	line-height: 150%;
	}

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

	/* Topics to explore / Portals block starts */

	.topics-container a:link,
	.topics-container a:visited,
	.topics-container a:active
	 {
	    text-decoration: none;
	}
	.topics-container a:hover,
	.topics-container a:focus
	 {
	    text-decoration: underline;
	}
	.topics-container h2 {
	    font-weight: 400;
	    text-align: center;
	}

	@media screen and (min-width:504px) {
	    .topics-container h2 {
	    text-align: left;
	}

	}
	 .topics-icons-wrapper
	  {
	  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox; /* TWEENER - IE 10 */
	  display: -webkit-flex; /* NEW - Chrome */
	  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */

	  -webkit-justify-content: space-around;
	  -ms-justify-content: space-around;
	  justify-content: space-around;

	  align-content: center;
	  flex-wrap: wrap;

	}
	.topics-icons-wrapper li
	  {
	   margin-bottom: 2rem;
	  }

	 .topics-icons-block
	  {
	  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox; /* TWEENER - IE 10 */
	  display: -webkit-flex; /* NEW - Chrome */
	  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	  flex-direction: column;

	    flex: 1;

	    width:170px;
	    height: 100%;
	    max-height: 150px;
	    text-align: center;

	    padding: 1.3rem 1rem 0 1rem;
	    margin-bottom: 2rem;
	   }

	.topics-icons-block .icons
	 {
	  background: no-repeat center/100%;
	  width: 76px;
	  height: 76px;
	  margin: 0 auto .5rem auto;


	}

	/* Portal icons */

	.topics-icons-block .whmis_icon
	 {
	  background-image: url('https://images.ccohs.ca/home/topic_icons/whmis_icon.png');
	}

	.topics-icons-block .whmis_icon-fr
	 {
	  background-image: url('https://images.cchst.ca/home/topic_icons/whmis_icon.png');
	}

	.topics-icons-block .mental_health_icon
	 {
	  background-image: url('https://images.ccohs.ca/home/topic_icons/mental_health_icon.png');
	}
	.topics-icons-block .mental_health_icon-fr
	 {
	  background-image: url('https://images.cchst.ca/home/topic_icons/mental_health_icon.png');
	}

	.topics-icons-block .young_new_workers_icon
	 {
	  background-image: url('https://images.ccohs.ca/home/topic_icons/young_new_workers_icon.png');
	}
	.topics-icons-block .young_new_workers_icon-fr
	 {
	  background-image: url('https://images.cchst.ca/home/topic_icons/young_new_workers_icon.png');
	}

	.topics-icons-block .gender_icon
	 {
	  background-image: url('https://images.ccohs.ca/home/topic_icons/gender_icon.png');
	}
	.topics-icons-block .gender_icon-fr
	 {
	  background-image: url('https://images.cchst.ca/home/topic_icons/gender_icon.png');
	}

	.topics-icons-block .healthy_workplaces_icon
	 {
	  background-image: url('https://images.ccohs.ca/home/topic_icons/healthy_workplaces_icon.png');
	}
	.topics-icons-block .healthy_workplaces_icon-fr
	 {
	  background-image: url('https://images.cchst.ca/home/topic_icons/healthy_workplaces_icon.png');
	}

	.topics-icons-block .canosh_icon
	 {
	  background-image: url('https://images.ccohs.ca/home/topic_icons/canosh_icon.png');
	}
	.topics-icons-block .canosh_icon-fr
	 {
	  background-image: url('https://images.cchst.ca/home/topic_icons/canosh_icon.png');
	}

	/* Topics to explore / Portals block ends */



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

/* Updated Social Media icons footer for better mobile support */
.social-media-icons-wrapper {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	max-width: 550px;
	margin: 0 auto;
	padding:0;
	/* width: 50vw; */
	text-align: center;
}
.social-media-icon {
	flex:1 1 47px;
	display: block;
	min-width:60px;
	padding: 0 1rem;
	margin: 0 auto 1rem auto;
	width: 100%;
}

@supports (display: grid) {
	.social-media-icons-wrapper {
		display: grid;
		grid-template-columns:
			repeat(auto-fit, minmax(60px, 1fr));
		justify-content: center;
		grid-gap: 0.5rem;
		max-width: auto;
	}
}


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

/*RSI Day styles START*/

#rsi-bg-image-1 {
 background: #fff url("https://images.ccohs.ca/events/rsiDay/banner_icons@2x.png") no-repeat;
 display:block;
 height: 0;
 background-size: 100%;
 padding-bottom:40.8%; /* bg-height / bg-width * 100*/
 border:solid #fff;
 }
 #rsi-bg-image-1-fr {
 background: #fff url("https://images.cchst.ca/events/rsiDay/banner_icons@2x.png") no-repeat;
 display:block;
 height: 0;
 background-size: 100%;
 padding-bottom:40.8%; /* bg-height / bg-width * 100*/
 border:solid #fff;
 }
 #rsi-bg-image-1 h1, #rsi-bg-image-1-fr h1 {
 margin-top:15%;
 font-size:2.8em;
 text-shadow:3px -3px 15px #254F86;
 }
 .rsi-description p {
	 /*color:#275A9D;*/
	 color:#058196;
	 font-size:1.2em;
	 }
.rsi-description span {
	 /*color:#275A9D;*/
	 color:#058196;
	 }
 #hashtag-rsi {
 width:80%;
 }
   #hashtag-rsi h1 {
   display: inline-block;
   font-size:3em;
   width:50%;
   background-color: #058196;
	 }
   #hashtag-rsi h1.fr {
   display: inline-block;
   font-size:2em;
   width:55%;
	 background-color: #058196;
   }
#got-a-question {
	width:40%;
	margin: 0 auto;
	}
#got-a-question h2,#got-a-question-fr h2 {
     font-size:1.6em;
	}
#got-a-question-fr {
	width:50%;
	margin: 0 auto;
	}
#rsi-day-date {
  margin: .2rem auto;
	text-align: center;
	padding: 0;
  background-color:#6e3527;
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	display: inline-block;
	width:100%;
	height: 280px;
	}
#rsi-day-date span:nth-child(1) {
  display:inline-block;
	font-size:6.5em;
	padding:0;
	margin:-10px 0 0 0;
	font-weight: 300;
	}
#rsi-day-date span:nth-child(2) {
  display:inline-block;
	font-size:12.2em;
	padding:0;
	margin:-95px 0 0 0;
	font-weight: 700;
	}
#right-side-content {
		margin:1rem 0 0 0;
		}
/*#right-side-content-fr {
		margin:-10px 0 0 0;
		}*/
		#rsi-day-date span.fr:nth-child(1) {
			display:inline-block;
			font-size:12em;
			padding:0;
			margin:-39px 0 0 0;
			font-weight: 700;
			}
		#rsi-day-date span.fr:nth-child(2) {
			font-size:5em;
			padding:0;
			display:inline-block;
			margin:-80px 0 56px 0;
			font-weight: 300;
			}
	.gradient-blue {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e5ebff 0%, #fff 100%) repeat-x scroll 0 0 / auto 100px;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    margin: 10px 0 0;
    padding: 5px;
}

	@media screen and (max-width:1200px) {
		#rsi-bg-image-1 h1,#rsi-bg-image-1-fr h1 {
 margin-top:10%;
 font-size:3em;
 }
 		}
	@media screen and (max-width:650px)  {
		#rsi-bg-image-1 h1,
		#rsi-bg-image-1-fr h1 {
 font-size:2.5em;
 }
 		}
@media screen and (max-width:550px)  {
		#rsi-bg-image-1 h1,
		#rsi-bg-image-1-fr h1
		 {
 font-size:2em;
 }
 		}
	@media screen and (max-width:450px)  {

		#rsi-bg-image-1 h1,
		#rsi-bg-image-1-fr h1 {
 margin-top:7%;
 font-size:1.7em;
 }

 		}
	@media screen and (max-width:550px)  {
		#hashtag-rsi {
 width:100%;
 }
   #hashtag-rsi h1 {
   font-size:2em;
   width:50%;
   }
   #hashtag-rsi h1.fr {
   font-size:2em;
   width:60%;
   }
	}
	@media screen and (max-width:991px)  {
#rsi-day-date {
    display:none;
	}
	#right-side-content,#right-side-content-fr,#rsi-resources,#rsi-badges {
		margin-top:5%;
		}
	#right-side-content img,#right-side-content-fr img {
		margin-left:auto;
		margin-right:auto;
		}
	}
	@media screen and (max-width:1199px)  {
	#got-a-question {
	width:60%;
	}
	#got-a-question-fr {
	width:80%;
	}
	}
	@media screen and (max-width:673px)  {
	#got-a-question {
	width:80%;
	}
	}
	@media screen and (max-width:513px)  {
	#got-a-question,#got-a-question-fr {
	width:100%;
	}
	}
/*RSI Day styles END*/
/*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*/
.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;
}
@media (max-width:768px) {

		#social-media-ccohs {
        text-align: center;
		}
		#social-media-ccohs > div div {
         padding: .8em 0;
		}

	}
/*Newsletters main page style */
/*flexbox STARTS*/
  .newsletters-flex-container {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items:center;
  justify-content:center;
 /* -webkit-justify-content:center;*/
  flex-wrap: wrap;
  padding:0 25px 0 25px;
  margin:0;
}
.left-col-flex-item {
	    padding:0;
		margin:2% 0 5% 0;
		align-self: flex-start;
		min-width: 320px;
		flex:1 0 300px;
		}
.left-col-flex-item [role="button"] {
	     margin:5% 0 5% 0;
		}
.right-col-flex-item {
	    padding:0;
		margin:2% 0 0 0;
		align-self: center;
		min-width:256px;
		}
.right-col-flex-item > p {
	    padding:0;
		margin:0 0 2% 0;
		text-align:center;
		}
/*flexbox ENDS*/


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

/* Responsive video element starts */
 .responsive_iframe {
	width:100%;
	position:relative;

	}
.responsive_iframe iframe{
	border:none;
	width:100%;
	height:100%;
    position:absolute; left:0; top:0;
	}
/* Responsive video element ends */

/* Impairement landing page style STARTS - potentially used for other similar 'special' pages  */
/* Flexbox and CSS Grid are used to layout boxes in x-y axes  */
/* Mobile-first approach - styles for mobile and tablet up to 566px wide START */
.content-boxes {
    display: flex;
    flex-direction: column;
    margin:0 auto 2rem auto;
    padding:0 2rem;
    text-align: center;
}
.content-boxes .content-box {
    margin:2rem auto;
    max-width: 255px;
}
.content-boxes .content-box > div  {
margin-bottom: 2rem;
}
.content-boxes .content-box > div:first-of-type {
    padding:2rem;
}
.content-boxes .content-box > div img:first-of-type {
width: 100%;
height: auto;
margin: 0 auto;
}

.content-boxes .content-box > div.special {
display: flex;
align-items: center;
}

/* Hover overing styles start - re-usable cross-browser and cross-device modul */
.content-boxes .content-box > .img__wrap {
    position: relative;
}

.img__description_layer,
.img__description_layer-fr
 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(103,132,85, 0.85);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: center;
  padding:2rem;
    border-radius: .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    /* font-size: 1.8rem; */

  transition: opacity .2s, visibility .2s;
}
.img__description_layer
 {
  font-size: 1.8rem;
}
.img__description_layer-fr
 {
    font-size: 1.6rem;
}
.img__description_layer p,
.img__description_layer-fr p
 {
line-height: 1.5;
}
.img__wrap:hover .img__description_layer,
.img__wrap:hover .img__description_layer-fr
 {
  visibility: visible;
  opacity: 1;
}

.img__description {
  transition: .2s;
  transform: translateY(1em);
}

.img__wrap:hover .img__description {
  transform: translateY(0);
}
/* Hover overing styles end - re-usable cross-browser and cross-device modul */

.middle-content h2,
.middle-content-fr h2,
.middle-content h3,
.middle-content-fr h3
{
display:inline-block;
}

.middle-content h2,
.middle-content-fr h2
{
font-weight: 300;
padding: 0;
margin:.5rem 0 .2rem 0;
}
.middle-content h3,
.middle-content-fr h3
{
padding: 0;
margin-top: .5rem;
margin-bottom:.5rem;
line-height: 1.25;
}
.content-boxes .middle-content
 {
 display:flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 text-align: center;
 padding:0;
 margin:0 auto;
}
.content-boxes .middle-content-fr
 {
 display:flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 text-align: center;
 padding:0;
 margin:0 auto;
 height:104px;
}
.content-boxes .price,
.content-boxes .button-more-about-box
 {
 display:flex;
 flex-direction: column;
 /*justify-content: center;*/
 align-items: center;
 text-align: center;
 padding:0;
 margin:0 auto;
}
.content-boxes .price {
    margin: 0 0 1rem 0;
    padding: 0;
    min-height: 30px;
    height:30px;
}
.content-boxes .price p {
margin:0;
padding: 0;
line-height: 1.25;
font-weight: 500;
}
.content-boxes .button-more-about-box a
 {
   min-width: 150px;
   margin-bottom: 1rem;
   text-decoration: none;
   color:white;
 }
 .content-boxes .button-more-about-box p {
  font-size: 95%;
 }

 /* Additional Resources block STARTS  */
 .landing-product-page .info-text {
 color: rgba(0,0,0, .6);
 }

 .landing-product-page .additional-resources-block > h2 {
     padding:1rem 1rem 1rem 2rem;
 }

 .landing-product-page .additional-resources-block summary h2 {
 padding: 1rem 2rem 1rem 0;
 margin:0;
 display: inline-block;
 font-size: 145%;
 font-weight: bold;
 vertical-align: middle;
 width:90% !important;
 }
 .additional-resources-block .links-block {
  margin: 2rem;
 }
 .additional-resources-block .links-block > ul > li {
 padding: 1.5rem;
 margin: .5rem 0;
 }
 .additional-resources-block .links-block > ul > li:nth-child(odd) {
 background-color:#eee;
 }
 .additional-resources-block .links-block > ul > li:nth-child(even) {
 background-color:#fff;
 }
  /* Additional Resources block ENDS  */
/* Mobile-first approach - styles for mobile and tablet up to 566px wide END */

/* Styles for desktop from 566px and up START */
@media screen and (min-width:566px) {

.content-boxes {
    display: flex;
    flex-direction: row;
    margin:0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.content-boxes .content-box {
 flex:1;
 margin:0 2rem 2rem 0;
 flex-basis: 255px;
}
.content-boxes .content-box > div  {
min-height: 330px;
width:auto;
}
.content-boxes .content-box > div img:first-of-type {
max-width: 100%;
height: auto;
}
/* CSS Grid technique for supportive browsers STARTS - Flexbox technique takes care of fallbacks - e.g IE11 */
@supports (display: grid) {

.content-boxes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
grid-auto-rows: auto;
justify-items:center;
grid-gap: 1rem;
margin:0 0 2rem 0;
padding:0;
text-align: center;
}
.content-boxes .content-box {
    margin:0 0 2rem 0;
    padding:0;
}
.content-box-icon {
    margin-top: -45px;
    max-width: 71px;
    min-width: 71px;
    position: relative; /*to make sure that the element overlaps a box which uses absolute positioning */
}

.inner-content {
    display: grid;
    grid-auto-rows: auto;
    align-content: stretch;
    align-items: start;
    padding:0;
    margin:0;
    height: 200px;
    min-height: 200px;
}
.middle-content,
.middle-content-fr
 {
    display: grid;
    grid-auto-rows: auto;
    align-items: start;
    align-content:start;
    padding: 0;
    margin: 0;
}
.content-boxes .price {
    display: grid;
    grid-auto-rows: auto;
    align-items: center;
    padding: 0;
    margin: 0 0 1rem 0;
}

.button-more-about-box {
    display: grid;
    grid-auto-rows: auto;
    padding: 0;
    margin: 0;
}

}
/* CSS Grid technique for supportive browsers ENDS - Flexbox technique takes care of fallbacks - e.g IE11 */
}
/* Styles for desktop from 566px and up END */
/* Impairement landing page style ENDS - potentially used for other similar 'special' pages  */
/* CCOHS Reports - RPP, DPR, etc START */

/* Re-usable standard elements due to the fact that similar WET standard classes were applied elsewhere with high specificity */

.stand-list-unstyled {
list-style-type: none;
margin-left:0;
padding-left: 0;
line-height: 1.5;
}
.stand-list-unstyled > li {
padding-bottom: 15px;	
line-height: 1.2;
}

.fin-reports-tbl th {
    vertical-align: top !important;
	background-color:#D0D0CE;
	min-width:100px;
	max-width:25%;
}

.fin-reports-tbl-medium th {
	vertical-align: top !important;
	background-color:#D0D0CE;
	width:25%;
}
.fin-reports-tbl-large th {
    vertical-align: top !important;
	background-color:#D0D0CE;
	min-width:150px;
	max-width:15%;
}
.fin-reports-tbl-xlarge th {
    vertical-align: top !important;
	background-color:#D0D0CE;
	min-width:120px;
	max-width:15%;
}

/* .fin-reports-tbl th.fin-reports-tbl-col-width {
max-width:20px;
min-width: 20px;
border: 1px red solid;
} */


/* CCOHS Reports - RPP, DPR, etc END */