@charset "utf-8";
/* CSS Document */

/* COLORS 
blue #007faf
green #00fc87
red #fa1e26
ivory #f0ecce 
brown #a35500 
*/


/* Site specific stuff */

.right {
    float: right;
}
.left {
    float: left;
}
span.overlay_text {
    color: #fff;
    text-shadow: 0px 0px 4px #000;
    font-weight: bold;
    font-size: 14px;
    height: 20px;
    overflow: hidden;
    padding: 3px;
    line-height: 20px;
}
span.overlay_text:hover {
    background: none repeat scroll 0 0 #000000;
    border-radius: 10px 10px 10px 10px;
    left: 132px;
    top: 225px;
    z-index: 10000;
    overflow: show;
    height: auto;
}

div#headerRow1 a { display:none; }
body.siftocanada div#headerRow1 a { display:inline; }

/* Pristiva */
body.pristiva #Logo { background:url(../images/header_logo_pristiva.png);}
body.pristiva #contentBottomBg { background-image:url(../images/content_bg_bottom_pristiva.gif); }
body.pristiva p, body.pristiva td { font-family: "Tahoma", Arial, Helvetica, sans-serif; line-height: 18px;}
body.pristiva ul#mainlevel ul {
    display: none;
}

/* GSl Minerals */
body.gslminerals #Logo { background:url(../images/header_logo_gslminerals.png);}
body.gslminerals #contentBottomBg { background-image:url(../images/content_bg_bottom_gslminerals.gif); }
/*body.gslminerals ul#mainlevel li ul { display: none; }*/
/* NASalt */
body.nasalt #Logo { margin:0 0 0 -40px; background:url(../images/header_logo_nasalt.png);}
body.nasalt #contentBottomBg { background-image:url(../images/content_bg_bottom_nasalt.gif); }
body.nasalt { background-image:url(../images/tan_bg_main.jpg); }
body.nasalt #homeFlashFrame { background-image:url(../images/content_picframe_nasalt.jpg); }
body.nasalt #innerPicFrame { background-image:url(../images/innerPicFrame_nasalt.jpg); }
body.nasalt ul.msds-list li {list-style-type:none; margin:5px 0px 0px -50px;}
body.nasalt ul.msds-list ul li {list-style-type:none; margin:5px 0px 0px -30px;}
body.nasalt ul.msds-list ul li ul li {list-style-type:none; margin:0px 0px 0px -40px;}
body.nasalt li {font-family: Arial,Helvetica,sans-serif;}
body.nasalt sup { font-size: 9px; }

/* SiftoCanada */
body.siftocanada #Logo { margin:0 0 0 -80px; background:url(../images/header_logo_sifto.png);}
body.siftocanada #contentBottomBg { background-image:url(../images/content_bg_bottom_nasalt.gif); }
body.siftocanada { background-image:url(../images/red_bg_main.png); }
body.siftocanada #homeFlashFrame { background-image:url(../images/content_picframe_sifto.jpg); }
body.siftocanada #innerPicFrame { background-image:url(../images/innerPicFrame_sifto.jpg); }
body.siftocanada p, body.siftocanada td { color: #808080; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; }
body.siftocanada .first_feature { width: 260px;} 
body.siftocanada ul.msds-list li {list-style-type:none; margin:0px 0px 0px -50px; font-size:9pt;}
body.siftocanada ul.msds-list ul li {list-style-type:none; margin:0px 0px 0px -40px;}
body.siftocanada ul.msds-list ul li ul li {list-style-type:none; margin:0px 0px 0px -35px;}
body.siftocanada sup { font-size: 9px; }

/* Big Quill */
body.bigquill #Logo { margin:0 0 0 -40px; background:url(../images/header_logo_bigquill.png);}
body.bigquill #contentBottomBg { background-image:url(../images/content_bg_bottom_blank.gif); }
body.bigquill { background-image:url(../images/bigquill_bg_main.png); background-color: #f3e7cd}
body.bigquill #homeFlashFrame { background-image:url(../images/content_picframe_bigquill.jpg); }
body.bigquill #innerPicFrame { background-image:url(../images/innerPicFrame_bigquill.jpg); }
body.bigquill .first_feature { width: 250px; }
body.bigquill .homeFeature p { line-height: 20px; }
body.bigquill .second_feature, body.bigquill .second_feature p { font-size: 13px; font-weight: bold; padding-top: 20px; margin-left: 0; width: 315px; }
body.bigquill p { color: #909090; }
body.bigquill #homeTopLeft p { font-size: 15pt; line-height: 25px; }
body.bigquill #homeTopLeft { position: absolute; }
body.bigquill #footerRow1 { background-image: url("./images/footer_bg_row1_bigquill.png"); }
body.bigquill #headerRow1 input.button { width:60px; height:30px; background:url(../images/search_go.png);}
body.bigquill #topMainNav ul li a:hover, #topMainNav ul li a:active{ background-image:url(../images/header_nav_hover_green.png);}
body.bigquill #topMainNav ul li a#active_menu{ background-image:url(../images/header_nav_hover_green.png);}
body.bigquill #topMainNav ul li.selected a{ background-image:url(../images/header_nav_hover_green.png);}
body.bigquill #topMainNav ul li.ancestor a{ background-image:url(../images/header_nav_hover_green.png);}
body.bigquill #topMainNav ul li a { color: #d4ed4c; }


.form_field {
	color: #808080;
	line-height: 35px;
	float: left;
	width: 340px;
	min-height: 35px;
}

form>label {
	float: left;
	width: 140px;
	color: #808080;
	padding: 5px 0;
}
.textarea {
	width: 220px;
	height: 125px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 16px;
	float: left;
	color: #000;
	padding: 3px 5px;
}
form ul {
    padding: 0 !important;
}

form ul li {
    float: left;
    list-style: none !important;
}

form ul li input {
    width: auto;
    padding: 0;
}

/* resets properties to normalize all grade A browers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, b, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;  }

th {font-size:12px; font-weight:bold;}

/* IE 6 Styles */
* html #contentBottomBg { background-image:url(../images/content_bg_bottom_blank.gif); background-repeat:no-repeat; background-position:bottom; padding:0; height:550px; }
* html #contentInBottomBg { background-image:url(../images/content_bg_bottom_blank.gif); background-repeat:no-repeat; background-position:bottom; padding:0; height:550px; }
* html #homeTopLeft 	{ float:left; margin:-12px 0 0 0px; padding:0; width:330px; text-align:left; z-index:14; position:relative; }
* html #homeFlashFrame { float:right; width:628px; height:328px; margin:-20px 0px 0 0; padding:0; background-image:url(../images/content_picframe.jpg); background-repeat:no-repeat; background-position:top right; text-align:right; z-index:15; position:relative; }
* html #innerNavWrapper { margin:0; padding:0 0 20px 0; width:220px; text-align:left; background-image: url(../images/innerNavBottom.gif); background-position:bottom; background-repeat:no-repeat; }
* html #innerNav { background-image: url(../images/innerNavRepeat.gif); background-repeat:repeat-y; padding:0; }
* html #homePic { float:left;  width:310px; height:222px; margin:-40px 25px 0px 9px;}



/* general styles */
body { margin:0; padding:0; z-index:-10; background-image:url(../images/blue_bg_main.jpg); background-position:top; background-repeat:repeat-x; background-color:#f0ecce; font-family:Verdana, Arial, Helvetica, sans-serif; color:#808080; font-size:12px;}

p, td 	{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#808080;}
h1, .contentheading, .componentheading 	{ font-family:"Times New Roman", Times, serif; font-size:24px; line-height:48px; color:#000000; padding: 0 0 0 0px; font-weight:normal; }
h2 	{ font-family:"Times New Roman", Times, serif; font-size:21px; line-height:30px; padding: 10px 0 5px 0px;}
h3 	{ font-family:"Times New Roman", Times, serif; font-size:14px; line-height:14px; text-transform:uppercase; color:#a35500; padding:2px; }
h4 	{ font-family:"Times New Roman", Times, serif; font-size:16px; line-height:21px; color:#000000; padding:2px; font-weight:normal; }
h5 	{ font-family:"Times New Roman", Times, serif; font-size:30px; line-height:72px; }
h6 	{ font-family:"Times New Roman", Times, serif; font-size:30px; line-height:72px; }
ul 	{ padding: 0 0 8px 48px; }
li 	{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#808080; padding:0 0 4px 4px; list-style:disc; }
.termsOfUse {margin-left:30px;}
.termsOfUse li 	{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#808080; padding:0 0 4px 4px; list-style:inherit;}
a:link, a:visited { text-decoration:none; color:#007faf; }
a:hover, a:active { text-decoration:underline; color:#a35500; }

li.slick-rss-item_newsfeedhome {
    list-style: none;
    text-indent: -71px;
    margin-left: 71px;
    margin-bottom: 7px;
    padding-left: 20px;
}
a.slickTipShort {
    display: none;
}
/* header and nav styles */
#headerWrapper 	{ margin:0 auto 0 auto; width:930px; }
#Logo { position:absolute; top:6px; margin:0 0 0 -80px; border:0px solid #ff0000; z-index:-1; background:url(../images/header_logo_compass.png); width:430px; height:190px;}
#headerRow1		{ float:right; width:70%; text-align:right; margin:30px 0 24px 0; padding:0; height: 30px;}
#headerRow1 input.inputbox {background:url(../images/search_back.png); width:118px; height:19px; color:#00516f; padding:3px 0px 0px 2px; font-size:80%; vertical-align:top; margin-top:4px; outline:none; border:none;}
#headerRow1 input.button { width:60px; height:30px; background:url(../images/search_go.gif); outline:none; border:none; color:#008FCD; vertical-align:top;}

/* Top Main Navigation */
#topMainNav 	{ float:right; width:70%; text-align:right; margin:0px; padding:0; z-index:9999999; }
#topMainNav ul	{ float:right; padding:0; margin:0; }
#topMainNav li	{ font-family:Arial, Helvetica, sans-serif; float:left; list-style-type: none;  font-size:100%; background:none; border-right:0px solid #ffffff; padding:0px 10px 0px 10px; }
#topMainNav ul li a { font-size:14px; line-height:14px; color:#ffffff; letter-spacing:0px; text-decoration:none; height:36px; display:block; * display:inline-block; }
#topMainNav ul li a:link, #topMainNav ul li a:visited { background:none; }
#topMainNav ul li a:hover, #topMainNav ul li a:active{ background-image:url(../images/header_nav_hover.gif); background-repeat:repeat-x; background-position:bottom; }
#topMainNav ul li a#active_menu{ background-image:url(../images/header_nav_hover.gif); background-repeat:repeat-x; background-position:bottom; font-weight:bold; }
#topMainNav ul li.selected a{ background-image:url(../images/header_nav_hover.gif); background-repeat:repeat-x; background-position:bottom; font-weight:bold; }
#topMainNav ul li.ancestor a{ background-image:url(../images/header_nav_hover.gif); background-repeat:repeat-x; background-position:bottom; font-weight:bold; }

/* Top Main Navigation */
#topMainNav2 {float:right; width:70%; text-align:right; margin:0px; padding:0; }
#topMainNav2 table	{ float:right; padding:0; margin:0; height:36px; border:none;}
#topMainNav2 table td {  }
#topMainNav2 a { font-size:14px; color:#ffffff; height:34px; letter-spacing:0px; text-decoration:none;  margin:10px; vertical-align:top;border:1px solid #ff0000; display:block; float:left;}
#topMainNav2 a:link, #topMainNav2 a:visited { background:none; }
#topMainNav2 a:hover, #topMainNav2 a:active{ background-image:url(../images/header_nav_hover.gif); background-repeat:repeat-x; background-position:bottom;  }
#topMainNav2 a#active_menu{ background-image:url(../images/header_nav_hover.gif); background-repeat:repeat-x; background-position:0px bottom; font-weight:bold;}

/* content styles */
#contentWrapper { margin:24px auto 0 auto; width:980px; text-align:center; }
#contentTopBg { background-image:url(../images/content_bg_top2.gif); background-repeat:no-repeat; background-position:top; padding:2px 0 0 0; margin:0;}
#contentMidBg { background-image:url(../images/content_bg_mid.gif); background-position:15px 0px; background-repeat:repeat-y; padding:0px; margin:0; padding:2px 0 0 0; }
#contentBottomBg { background-image:url(../images/content_bg_bottom_blank.gif); background-repeat:no-repeat; background-position:bottom; padding:0; margin:0; min-height:550px; }
#contentInBottomBg { background-image:url(../images/content_bg_bottom_blank.gif); background-repeat:no-repeat; background-position:bottom; padding:0; margin:0; min-height:550px; }

/* home content styles */
#homeTopLeft 	{ float:left; margin:-12px 0 0 0; padding:0; width:330px; text-align:left; z-index:14; position:relative; }
#homeTopLeft p	{ padding:10px 0 0 40px; font-size:14px; line-height:18px; }
#homeTopLeft p a, #homeTopLeft p a:link { float:right; font-weight:bold; }

#homeFlashFrame { float:right; width:628px; height:328px; margin:-20px 0 0 0; padding:0; background-image:url(../images/content_picframe.jpg); background-repeat:no-repeat; background-position:top right; text-align:right; z-index:15; position:relative; }
#homeFlashFrame img { padding:12px; }
#homeFlag 	{ float:right; margin:8px -4px 0 0; z-index:16; position:relative; }

#homePic 			{ float:left;  width:310px; height:222px; margin:10px 25px 0px 18px; background-position:bottom; }

.homeRowHeader		{ float:left; width:550px; margin:10px 0 0 0;}
.homeRowHeader p	{ text-align:left; text-transform:uppercase; padding:0 0 0 16px; }

.homeFeature 			{ float:left; text-align:left; margin:15px 0px 0px 10px; border:0px solid #00f000; }
.homeFeature img		{ margin-left:-16px; padding:8px; }
.homeFeature p, .homeFeature td { font-family:"Times New Roman", Times, serif; color:#666666; font-size:13px; line-height:18px; text-transform:none;  }
.homeFeature p, .homeFeature td { padding:0px 0px 10px 0px;}
.homeFeature p a, .homeFeature p a:link { text-transform:uppercase; text-decoration:none;}

.homeBotRight			{ margin:8px 32px 0 0; width: 212px; float:right; }

.homePostit  			{ float:right; margin:-4px 36px 0 0; padding:0; text-align:center; background-image:url(../images/home_postit.png); background-repeat:no-repeat; background-position:bottom; height:152px; width:209px; }
.homePostit p 			{ font-size:12px; line-height:18px; color:#000000; padding:12px 16px 8px 16px; text-align:left; }
.homePostit p a, .homePostit p a:link { float:right; font-weight:bold; text-decoration:none; padding:0px; }

/* inner content styles */
#innerLeftColumn 	{ float:left; margin:20px 0 0 0; padding:0 0 16px 0px; width:220px; text-align:left; }
#innerLeftColumn img 	{ margin:20px 0 0 20px; padding:0; }

/* Split Menu Left */
#innerNavWrapper 	{ margin:0; padding:0 0 20px 0; width:220px; text-align:left; background-image: url(../images/innerNavBottom.png); background-position:bottom; background-repeat:no-repeat; }
#innerNav 		{ background-image: url(../images/innerNavRepeat.png); background-repeat:repeat-y; padding:0; }
#innerNav ul	{ padding:16px 0 0 16px; margin:0; }
#innerNav li	{ list-style-type: none; padding:0; font-size:100%; }
#innerNav ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0096ce; line-height:14px; text-decoration:none; display:block; height:20px; padding:8px 0 8px 24px; }
#innerNav ul li a:link, #innerNav ul li a:visited { background:none; }
#innerNav ul li a:hover, #innerNav ul li a:active {background-image:url(../images/innerNavTornpaper.png); background-repeat:no-repeat; background-position:left; }
#innerNav ul li a.mainlevel_active, #innerNav ul li a.mainlevel_current{ background-image:url(../images/innerNavTornpaper.png); background-repeat:no-repeat; background-position:left; font-weight:bold; }
#innerNav ul li.selected>a, #innerNav ul li.ancestor>a { background-image:url(../images/innerNavTornpaper.png); background-repeat:no-repeat; background-position:left; font-weight:bold; }
/* Split Menu Left submenu */
#innerNav ul li ul{border-left:1px dotted #a0a0a0; padding:0px 0px 0px 0px; margin:-2px 0px 16px 32px;}
#innerNav ul li ul li { list-style-type: none; padding:0px 0px 0px 0px; font-size:100%; display: none;}
#innerNav ul li ul li.descendant, 
#innerNav ul li ul li.selected, 
#innerNav ul li.ancestor ul li, 
#innerNav ul li ul li.ancestor, 
#innerNav ul li ul li.sibling { display: block; }
#innerNav ul li ul li  a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0096ce; line-height:12px; text-decoration:none; padding:5px 0px 0px 5px; }
#innerNav ul li ul li  a:link, #innerNav ul li ul li  a:visited { background:none; }
#innerNav ul li ul li  a:hover, #innerNav ul li ul li  a:active {background:none; text-decoration:underline;}
#innerNav ul li ul li  a.sublevel_current{ background:none; font-weight:bold; }

#innerNav ul li.descendant ul { display: none; }
#innerNav ul li.sibling ul { display: none; }

#innerNav ul li.ancestor ul li ul { display: none; }
#innerNav ul li.ancestor ul li.ancestor ul { display: block; }
#innerNav ul li.ancestor ul li.selected ul { display: block; }

/* Split Menu Left Ssubmenu */
#innerNav ul li ul li ul{border-left:1px dotted #cccccc; padding:0px 0px 0px 0px; margin:-2px 0px 5px 10px;}

#innerModWrapper {margin:0px 0px 0px 35px;}

#innerPicFrame { float:right; width:236px; height:306px; margin:-20px 0 0 0; padding:12px; background-image:url(../images/innerPicFrame.jpg); background-repeat:no-repeat; background-position:top right; text-align:right; z-index:15; height:306px; position:relative;}

.innerMiddleColumn		{ float:left; width:485px; min-height:306px; margin:24px 0 0 0; text-align:left; padding:0 0 32px 10px; }
.innerMiddleColumn p { padding:0px; margin-bottom:15px; }

/*.innerPostit  		{ float:left; margin:-4px 0 0 32px; padding:10px 16px 20px 18px; text-align:left; background-image:url(../images/home_postit.png); background-repeat:no-repeat; background-position:bottom center; width:175px; }*/
.innerPostit  		{ float:left; width:160px; margin-bottom: 32px; }
.innerPostit p, .innerPostit ul { font-size:100%; }
.innerPostit p, .innerPostit ul, .innerPostit h1, .innerPostit h2, .innerPostit h3, .innerPostit h4	{ padding:0; margin:-4px 0 0 32px; padding:10px 16px 20px 18px; text-align:left; background:#CDDEE8; width:160px;}
/*.innerPostit p a, .innerPostit p a:link	{ float:right; font-weight:bold; text-decoration:none;}*/

/* footer styles */
#footerWrapper 	{ margin:0 auto 0 auto; width:935px; text-align:center; font-family:Arial, Helvetica, sans-serif; }
#footerRow1 	{ background-image:url(../images/footer_bg_row1.gif); background-repeat:no-repeat; background-position:center; margin:16px 0; padding:8px 0; }

#footerRow2Col1 { float:left; width:49%; text-align:right; font-size:10px; color:#000000; margin:2px 0; padding:0 8px; }
#footerRow2Col1 p  { float:right; text-align:right; font-size:10px; color:#000000; }

#footerRow2Col2 { float:left; width:1px; height:36px; text-align:center; margin:0 8px; background-color:#cfccab; padding:0;}

/* Footer Navigation */
#footerNav 	{ float:left; width:45%; text-align:left; font-size:10px; margin:10px 0; padding:0 8px; }
#footerNav ul	{ float:left; padding:0; margin:0; }
#footerNav li	{ float:left; list-style-type: none; padding:0 .5em; font-size:100%; background:none; }
#footerNav ul li a { text-transform:uppercase; color:#a35500; text-decoration:none; padding:0 8px 0 0; display:block; * display:inline-block; }
#footerNav ul li a:link, #footerNav ul li a:visited { text-decoration:none; }
#footerNav ul li a:hover, #footerNav ul li a:active{ text-decoration:underline; }
#footerNav ul li.active a{ text-decoration:underline; font-weight:bold; }


/*Newsfeed Internal*/
ul.newsfeed { margin:0px; }
ul.newsfeed li{ list-style: none; margin-left:-35px;}