/* HTML and body settings */

@media screen, projection {

.BeNiceToMacIE5 {
	font-family				: "\"}\"";
	font-family				: inherit;
}

html, body, #wrapper, wrapper2 {
	margin					: 0;
	padding					: 0;
	width					: 100%;
	height					: 100%;
	min-height				: 100%;
}

html, body, font, h1, h2, h3, h4 {font-family:Tahoma, Verdana, Arial, Helvetica, Serif !important;}

html,
body {
    color : #666666;
    /*font:12px 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif;*/
	font:12px/18px Tahoma, Verdana, Arial, Helvetica, Serif;
}

html>body, html>body #wrapper, html>body #wrapper2 {
	height					: auto;
}

@media all and (min-width:0px) {
	head~body {
		height					: 100%;
	}
}

/* END OF HTML and body settings */



.contentarea ul {
list-style:none;

}

.contentarea ul ul {
margin-left:10px;
border:red solid 0px;
}

.genericgeneric ul {border:red solid 0px;margin-bottom:10px;list-style-image: url("#") !important;}
.genericgeneric li{
background:url(/websitev2/both/subsites/websitev2/images/countryhomeimages/greyBullet.gif) 2px 6px no-repeat;padding-left:14px;margin-bottom:4px;border:transparent dotted 1px;}

.contentarea li{
	/*list-style: url(/websitev2/both/subsites/websitev2/images/layout/subbullet.gif);*/
background:url(/websitev2/both/subsites/websitev2/images/countryhomeimages/greyBullet.gif) 2px 6px no-repeat;padding-left:14px;margin-bottom:4px;border:transparent dotted 1px;
}

.genericgeneric .theleftmenu li {background:none;padding:0;} /* This fixes an issue with generic page menus - genericgeneric */

/* Container divs and wrappers */

* html #main {
	padding-bottom			: 100px;
}

/* \*/
head:first-child+body div#footer {
	position				: absolute;
	z-index					: 0;
}
head:first-child+body div#main {
	padding-bottom			: 100px;
}


div#wrapper {
	position				: absolute;
	top						: 0;
	left					: 0;
	background				: url(img/footershadow.jpg) bottom left repeat-x;
}

.bodywrapper
{
    position: relative;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    width:856px;
}

* html .bodywrapper
{
    height: 100%;
    margin-bottom: -60px;
}

.contentwrapper
{
    padding-bottom: 9em;
    width:856px;
    text-align:left;
}

.body 
{
    width:856px;
    padding: 10px;
    padding-bottom: 5em;   /* height of the footer */
}

img {border:none;}

.contentarea
{
    font-size: 13px;
}
     
     }

/* END OF Container divs and wrappers */





/* Header */
#header {
	position				: relative;
	z-index					: 500;
	width					: 100%;
/*	height					: 150px;*/
/*	background				: url(img/headershadow.jpg) repeat-x;*/
}

#headcontent {
/*	height					: 80px;*/
	width					: 925px;
	margin					: 0 auto;
	position				: relative;
	padding					: 70px 0 10px 0;
}

.header {
   padding:0px 10px 10px 10px;
   width:856px;
   display:block;
}


.headerright
{
    float:left;
    width:625px;
}

.searchlinks 
{
    padding:67px 3px 3px 0px;
    display: block;
    text-align: right;
    font-size: 0.9em;
    vertical-align:bottom;
}

.searchlinks a{
	color				: #999;
	text-decoration		: none;
}

.searchlinks a:hover{
	color				: #333;
	text-decoration		: underline;
}

.searchlinks ul{
	padding				: 0px;
	margin				: 0px;
}

.searchlinks li{
	list-style-type		: none;
	display				: inline;
	padding				: 0px 0px 0px 10px;
}

.logo {
	position				: absolute;
	left					: 8px;
	top						: 17px;
	background				: url(img/logobg.jpg);
	width					: 172px;
	height					: 87px;
	text-align				: center;
	padding					: 10px 0 0 0;
}

.logo img {
	border					: none;
}

/* END OF Header */





/* Footer */
.footer
{
    /*position: relative;*/
    margin-top: -11em;
    border-top: 2px solid #d4d4d4;
    padding: 20px;
    text-align:left;
    font-size: .8em;
    clear: both;
    height:55px;
} 

.footerleft
{
    float:left;
}
.footerright
{
    display: block;
    text-align: right;
    float:right;
}

.footerright a{
	color				: #666;
	text-decoration		: none;
}

.footerright a:hover{
	color				: #333;
	text-decoration		: underline;
}

.footerright ul{
	padding				: 0px;
	margin				: 0px;
}

.footerright li{
	list-style-type		: none;
	display				: inline;
	padding				: 0px 0px 0px 10px;
}

#footer {
	clear					: both;
	bottom					: 0;
	left					: 0;
	overflow				: hidden;

	width					: 100%;
	height					: 100px;

	font-size				: 0.8em;
	color					: #626262;
}

#footerContent {
	padding					: 10px;
}

#footerContent a {
	color					: #626262;
}

#footerContent a:hover {
	color					: #3e3e3e;
	border-bottom			: #3e3e3e dotted 1px;
}

#footerContent .footerleft {
	float					: left;
}

#footerContent .footerright {
	text-align				: right;
	float					: right;
}

#footerContent .footerright ul{
	padding					: 0px;
	margin					: 0px;
	list-style-type			: none;
}

#footerContent .footerright li{
	display					: inline;
	padding					: 0 0 0 10px;
}

* html #footer {
	position				: absolute;
}

/* END OF Footer */





/* Main Layout */

.contentarea {border:0px solid blue;float:left;width:720px;}

#content {
	margin					: 0 0 80px 0;
	padding					: 0;
	color					: #5f5f5f;
	border-top				: #fff solid 1px;

}

.clear {
	clear					: both;
	margin					: 0;
	padding					: 0;
}



#main {
	width					: 925px;
	margin					: 0 auto;
	padding					: 0 0 40px 0;
	clear					: both;
	margin-top				: 2px;
	text-align              : left;
}


/* END OF Main Layout */





/* Breadcrumb Trail */

.breadcrumb {font-size:11px; border:#999 solid 0px;padding:0;margin:0px 0px 10px 0px;}
.breadcrumb li {display:inline;padding-left:4px;border-bottom:0px;background-image: url("#") !important;background:none !important;}
.breadcrumb a {border-bottom:0px;}

.contentarea .breadcrumb li {background-image: url("#") !important;padding-left:0;}


* + html .breadcrumb li { display:inline; }  /* for IE 7 */

/* END OF Breadcrumb Trail */




/* Asset Manager */
.assetrow 
{
	display: block;
	height:auto;
	width:450px;
	padding-top:10px;
}
.assetimage
{
	width:100px;
	text-align:center;
	float: left;
	padding: 0px;
}
.assetdetail
{
	width:280px;
	padding:0px 0px 0px 10px;
}
/* END OF Asset Manager Links */



/* Standard Site Text Sizes and Spacing */
.contentarea h1{
	margin				: 5px 0px 20px 0px;
	color				: #666666;
    	font                		: 26px 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif;
	letter-spacing			: -1px;
	border-bottom			: 1px solid #e4e4e4;
	border-top			: 0px solid #e4e4e4;
	font-weight        		: normal;
}

.contentarea h2{
	margin				: 20px 0px 10px 0px;
	color				: #333333;
	font               		: 24px 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif;
	letter-spacing			: -1px;
}

.contentarea h3{
	margin				: 19px 0px -5px 0px;
	color				: #333333;
	font				: 16px 'Trebuchet MS', Tahoma;
}

h4{
	margin				: 15px 0px -5px 0px;
	color				: #666666;
	font				: 14px 'Trebuchet MS', Tahoma;
}

h5{
	margin				: 15px 0px -5px 0px;
	color				: #999999;
	font				: 13px 'Trebuchet MS', Tahoma;
}




a{
	color				: #68962a;
	text-decoration		: none;
}

a:hover{
	color		        : #fea201;
	text-decoration     : none;
}

.contentarea b, .contentarea strong 
{
    color               : #333333;
}

.contentarea a strong, .contentarea a b,#content a strong, #content a b {
	color				: #3b9219;
color:#4a6b1e;
}

.contentarea a:hover strong, .contentarea a:hover b,#content a:hover strong, #content a:hover b {
	color		        : #fea201;
}

img 
{
    border:0px;
}

p
{
    margin:10px 0px 10px 0px;
}

p b
{
    color: #333333;
}


sup {font-size:8px;}

span.tm {
	position:relative;
	bottom:0.8em;
	font-size:0.5em;
}

.newsIcon {
width:80px;
height:80px;
border:1px solid #666666;
margin-right:10px;
}

/* END OF Standard Site Text Sizes and Spacing */


/* OPERA & FF Fix for floating background on nav */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body .topnav ul li a:hover {padding-top:17px;}
}





/* Curve the corners on the Text Plus 1 Image and Links Template */
.curvecorners img
{
    /*min-width:300px;*/
display:block;
}

.curvecorners 
{
    float:right;
    margin: 0px 10px 10px 10px;
    position:relative;
}

.tl, .tr, .bl, .br
{
    position:absolute;
    background-color: #fff;
    width:35px;
    height:35px;
    overflow:hidden;
}

.tl { left:0; top:0; background: url(/websitev2/both/subsites/websitev2/images/layout/tl.png);}
/*.tr { right:0; top:0; width:65px; height:65px; background: url(/websitev2/both/subsites/websitev2/images/layout/tr-wiggle.png);}*/
.tr { right:0; top:0; background: url(/websitev2/both/subsites/websitev2/images/layout/tr.png);}
.bl { left:0; bottom:0; background: url(/websitev2/both/subsites/websitev2/images/layout/bl.png);}
.br { right:0; bottom:0; background: url(/websitev2/both/subsites/websitev2/images/layout/br.png);}

/* End of curved corners*/

/* TOOLTIP */
a.tip {
	position				: relative; /* this is the key */
	z-index					: 24;
	/*background-color			: #ccc;*/
	text-decoration				: none
}

a.tip ul {
	padding					: 0;
	margin					: 0 0 0 0px;
	list-style				: none;
}

a.tip:hover {
	z-index					: 25;
	background-color			: #fff;
	cursor:help;
}

a.tip span, a.tip em {
	display					: none;
}

a.tip:hover span{ /* the span will display just on :hover  state */
	display					: block;
	padding					: 10px;
	position				: absolute;
	top					: 1.5em;
	left					: 0.4em;
	width					: 15em;
	border					: 1px solid  #ccc;
	background-color			: #fff;
	background				: #FFFFE1;
	color					: #000;
	-moz-border-radius			: 1em 0.5em;
}

/* THIS FIXES SEGOE WRAP ISSUE ON PROJECT TSUNAMI */

.contentarea .csHolder h2.csFix {
	width:450px;
	left:0px;
}

/*.contentarea .featureImage {margin-bottom:20px;}*/

/* THINK SAFETY */

.safetySummary {width:450px;float:left;padding:10px;}

.safetySummaryVideo {background:url(/websitev2/both/styles/img/components/safetyVideoPanel.jpg) no-repeat;position:relative;float:right;width:230px;height:248px;margin-right:6px;margin-bottom:10px;}

.safetySummaryVideo img {position:absolute;top:62px;left:30px;}

.safetySummaryVideo span {position:absolute;top:195px;display:block;width:190px;text-align:center;left:18px;}

.safetySummaryDocuments {clear:both;background:url(/websitev2/both/styles/img/components/widestModBG.jpg) no-repeat; width:670px; height:260px;margin: 0 auto;text-align:center;padding:20px;}

.safetySummaryDocuments h3 {text-align:left;margin-bottom:20px;}

.safetySummaryDocuments a {float:left;margin:0 10px; width:140px;}
.safetySummaryDocuments a img {display:block;margin-bottom:5px;border:#dddddd solid 1px;}





.audienceButtons {margin: 20px 0; height:100px;}

.audienceButtons a {display:block;float:left;height:75px;width:150px;padding-top:25px;padding-left:80px;margin:0 4px;color:#fff;font-size:18px;}

.audienceButtons a em {font-style:normal;font-size:14px;}

.audienceButtons a.consumer {background:url(/websitev2/both/styles/img/consumer.jpg);}
.audienceButtons a.consumer:hover {color:#b66101;}


.audienceButtons a.trade {background:url(/websitev2/both/styles/img/trade.jpg);}
.audienceButtons a.trade:hover {color:#4c5d27;}

.audienceButtons a.architect {background:url(/websitev2/both/styles/img/architect.jpg);}
.audienceButtons a.architect:hover {color:#4a5555;}


.newsSummaryTable img {margin-right:20px;}

.benefitoverview {border:red solid 0px;float:left;width:350px;margin-right:15px;font-size:12px;}
.benefitbenefit {border:red solid 0px;float:left;width:350px;font-size:12px;}

#content h2 {clear:both;}

#content .literatureList li{
	float:left;

	width:195px;
	background:none !important;
	text-align:center;
	padding:20px;
	height:240px;
	margin-bottom:20px;
	list-style-image: url("#") !important;
}

.literatureList  a {cursor:pointer;} /* Fix for IE being naughty and not showing the full clickable area with the pointer */
.literatureList li img {margin-bottom:10px;}

.literatureList li span span {overflow:hidden;padding-bottom:2px;}

.literatureList {clear:both;list-style-image: url("#") !important;}

.literatureList ul{
	/* fix .contentarea ul overflow auto yet again JC - 02/02/12 */
	overflow: visible !important;
}

.cemarkingButton {margin-left:18px;position:relative;}
.cemarkingButton span {position:absolute;top:18px;cursor:pointer;left:60px;font-size:16px;color:#666;}
.cemarkingButton:hover span {color:#000;}

.title {font-style:normal;}


div.contentarea div div.contacts_wrapper
	{
		font: 12px 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Serif;
		color: #5f5f5f;
	}

div.contentarea div div.contacts_wrapper a
	{ 
		color:#68962A;
	}

div.contentarea div div.contacts_wrapper strong
	{ 
		color:#ED1C24;
		font-size:1.2em;
		margin-bottom:5px;
		
	}
	
div.contentarea div div.contacts_wrapper	.contacts_address
	{
		margin-bottom:12px;
		
	}

	/* Toggler - default style */
div.contentarea div div.contacts_wrapper	.toggler {
		margin:5px 0 5px 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 1.3em;
		font-weight:bold;
		line-height:30px;
		display: block;
		color:red;
	}
div.contentarea div div.contacts_wrapper	.toggler-closed {
		padding-left:20px;
		height:30px;
		background: #efefef url('togglerc.gif') center right no-repeat;
		border: solid 1px white;
		color:#68962A;
	}
div.contentarea div div.contacts_wrapper	.toggler-closed:hover {
		color: #ED1C24;
		padding-left:20px;
		height:30px;
		background: #fff url('togglerch.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}
div.contentarea div div.contacts_wrapper	.toggler-opened {
		color:#68962A;
		padding-left:20px;
		height:30px;
		background: #efefef url('togglero.gif') center right no-repeat;
		border: solid 1px white;
	}
div.contentarea div div.contacts_wrapper	.toggler-opened:hover {
		color: #ED1C24;
		padding-left:20px;
		height:30px;
		background: #fff url('toggleroh.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}

	/* Container - default style */
div.contentarea div div.contacts_wrapper	.toggler-c {
	}
div.contentarea div div.contacts_wrapper	.toggler-c-closed {
	   background:transparent;
	   border:solid 1px #e3e3e3;
	   margin:-10px 0px 10px 0px;
	   padding:20px;
	}
div.contentarea div div.contacts_wrapper	.toggler-c-opened {
		margin:-10px 0px 10px 0px;
	   padding:20px;
	   background:#efefef;
	   border:solid 1px #fff;
	}
	
	
	
	
/* News Desk Summary Intro */
div.newssummaryintrotext{
	border-bottom: #e4e4e4 1px solid;
	padding-bottom: 10px;
	margin-bottom: 40px;
}


/* Literature List Page */
div.literaturelistpage  ul.literatureList li span{
	height: 140px !important;
}

div.literaturelistpage  ul.literatureList li span img{
	height: 140px !important;
}


/* Style iframe contacts page when no left nav */
div.iframenonav{
	margin: 0px 20px 10px 20px;
	width: 880px;
}

div.iframenonav div.contentarea{
	width: 880px;
}