/* Table of Contents:

	HTML Elements
	Page Structure
	Container Specifics
	Styles
	Typography
	
*/


/* HTML Elements
----------------------------------------------------- */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:0;
	padding:0;
}
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
body {
	color: #4d4d4d;
	font: normal 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
a, a:link, a:visited {
	color: #e51837;
	text-decoration: none;
}
a:hover, a:active {
	color: #707f8c;
	text-decoration: none;
}
.arrow {
	margin-top: 18px;
	text-align: right;
}
.arrow a {
	background: url(../img/arrow_red.gif) no-repeat left 2px;
	padding-left: 20px;
}
img, img a {
	border: none;
}

.radio
{
	padding:5px 5px 5px 5px;
	
}

/* Page Structure
----------------------------------------------------- */
#wrap {
	margin: 0 auto;
	text-align: left;
	width: 960px;
}
#container { 
	padding-bottom: 147px;  /* must be same height as the footer */
	text-align: left;
} 
#header { 
	height: 139px;
	/*padding: 0 10px 0 20px;*/
} 
#navbar1 { 
	background: url(../img/navbar_bkgd_1.gif) no-repeat 0 0;
} 
#navbar2 { 
	background: url(../img/navbar_bkgd_2.gif) no-repeat 0 0;
} 
#search {
	float: right;
	height: 18px;
	margin-top: 9px;
	padding-right: 15px;
	width: 164px;
}
#subnav {
	height: 45px;
	padding: 0;
	margin: 0;
}
#breadcrumbs {
	margin: 0 140px 0 0;
	vertical-align:top;
	height:15px;
}
a.breadCrumb {
	font: normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#4382BF;
	text-decoration: none;	
	vertical-align:top;
	height:15px;
}
span.breadCrumb {
	font: normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;	
	vertical-align:top;
	height:15px;
	font-weight:bold;
}

A:hover.breadCrumb {
    color:#4382BF;
}
#lang {
	float: right;
	width: 85px;
	margin: 0;
	padding: 0 15px 0 0;
}
#sidenav {
	float: left;
	padding: 0;
	margin: 0;
	width: 220px;
	height: 100%;
	background: url(../img/sidenav_bkgd.gif) repeat-x left 44px;
}
#sidebar {
	float: right;
	width: 220px;
	padding-left:10px;
	padding-bottom:0px;
}
#featureImage
{
	background-color: #FFFFFF;
	padding-top:20px;
}
#mainContent { 
	margin: 0 0 0 250px;
	padding: 0;
} 
#mainContent1 { 
	margin: 0 0 0 20px;
	padding: 0;
} 
#content1 { 
	margin: 0 140px 0 0;
	padding: 0;
} 
#content2  
{
	height: auto;
	min-height:100%;
	float:left;
	clear:none;
	width:470px;
	margin: 0 0px 0 0;
	padding: 0;
} 
#content3 { 
	margin: 0 0px 0 0;
	padding: 0;
} 
#footer1 {
	position: relative;
	margin-top: -147px; /* negative value of footer height */
	height: 147px;
	clear:both;
	background: url(../img/ftr1.gif) no-repeat center bottom;
}
#footer2 {
	position: relative;
	margin-top: -147px; /* negative value of footer height */
	height: 147px;
	clear:both;
	background: url(../img/ftr2.jpg) no-repeat center bottom;
}

#alignCenter{
	width:959px;
	margin:0px auto;
}

#ftrSitemap 
{
	width:84px;
	height:50px;
	margin-top:48px;
	float:left;
	cursor:pointer;
}
#ftrLegal 
{
	width:132px;
	height:50px;
	margin-top:48px;
	float:left;
	cursor:pointer;
}
#ftrLooking 
{
	width:159px;
	height:97px;
	margin-top:48px;
	float:left;
	
}
#ftrCustomer 
{
	width:173px;
	margin-top:48px;
	height:97px;
	float:left;
	cursor:pointer;
}
#ftrProduct 
{
	width:222px;
	margin-top:48px;
	height:97px;
	float:left;
	cursor:pointer;
}
#ftr187Superior 
{
	width:176px;
	margin-top:48px;
	height:97px;
	float:left;
	cursor:pointer;
}
/* Styles
----------------------------------------------------- */
.floatRight {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}
.floatLeft {
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
}
.fltrt {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}
.hangright {
	float: right;
	margin: 0 -140px 15px 15px;
}
.fltlft {
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* Container Specifics
----------------------------------------------------- */
body.home #header {
	background: url(../img/header_bkgd_home.jpg) no-repeat right top;
}body.home1 #header {
	background: url(../img/header_bkgd_home.jpg) no-repeat right top;
}body.home2 #header {
	background: url(../img/header_bkgd_home2.jpg) no-repeat right top;
}body.sectionAbout #header {
	background: url(../img/header_bkgd_about.gif) no-repeat right top;
}body.sectionAtHome #header {
	background: url(../img/header_bkgd_athome.gif) no-repeat right top;
}body.sectionAtWork #header {
	background: url(../img/header_bkgd_atwork.gif) no-repeat right top;
}body.sectionCareers #header {
	background: url(../img/header_bkgd_careers.gif) no-repeat right top;
}body.sectionPropAdv #header {
	background: url(../img/header_bkgd_propAdv.gif) no-repeat right top;
}body.sectionSafety #header {
	background: url(../img/header_bkgd_safety.gif) no-repeat right top;
}body.section #header {
	background: url(../img/header_bkgd_home.jpg) no-repeat right top;
}body.sectionAbout1 #header {
	background: url(../img/header_bkgd_about.gif) no-repeat right top;
}body.sectionAtHome1 #header {
	background: url(../img/header_bkgd_athome.gif) no-repeat right top;
}body.sectionAtWork1 #header {
	background: url(../img/header_bkgd_atwork.gif) no-repeat right top;
}body.sectionCareers1 #header {
	background: url(../img/header_bkgd_careers.gif) no-repeat right top;
}body.sectionPropAdv1 #header {
	background: url(../img/header_bkgd_propAdv.gif) no-repeat right top;
}body.sectionSafety1 #header {
	background: url(../img/header_bkgd_safety.gif) no-repeat right top;
}body.section1 #header {
	background: url(../img/header_bkgd_home.jpg) no-repeat right top;
}body.sectionAbout2 #header {
	background: url(../img/header_bkgd_about.gif) no-repeat right top;
}body.sectionAtHome2 #header {
	background: url(../img/header_bkgd_athome.gif) no-repeat right top;
}body.sectionAtWork2 #header {
	background: url(../img/header_bkgd_atwork.gif) no-repeat right top;
}body.sectionCareers2 #header {
	background: url(../img/header_bkgd_careers.gif) no-repeat right top;
}body.sectionPropAdv2 #header {
	background: url(../img/header_bkgd_propAdv.gif) no-repeat right top;
}body.sectionSafety2 #header {
	background: url(../img/header_bkgd_safety.gif) no-repeat right top;
}body.section2 #header {
	background: url(../img/header_bkgd_home2.jpg) no-repeat right top;
}

#header h1 {
	background: none;
	margin: 0;
	padding: 0;
}
#logo1 {
	background: url(../img/superior_logo_1.gif) no-repeat left top;
	display: block;
	height: 139px;
	overflow: hidden;
	text-indent: -999em;
	text-decoration: none;
	cursor:pointer;
}
#logo2 {
	background: url(../img/superior_logo_2.gif) no-repeat left top;
	display: block;
	height: 139px;
	overflow: hidden;
	text-indent: -999em;
	text-decoration: none;
	cursor:pointer;
}

div#search label {
	text-indent: -9999em;
	height: 0;
	width: 0;
	display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
	width: 141px;
	height: 18px;
/* removes default borders, allows use of image */
	border-style: none;
/* text color */
	color: #4382bf;
/* padding of text */
	padding: 0;
	float: right;
/* set all font properties at once, weight, size, family */
	font: normal 12px/18px Tahoma, Arial, Helvetica, sans-serif;
/* right input image, set your own here */
	background: url(../img/search.gif) no-repeat right top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
	width: 23px;
	height: 18px;
/* removes default borders, allows use of image */
	border-style: none;
/* hides text, image has text */
	text-indent: -9999em;
	float: left;
	margin: 0;
/* provides positive hover effect */
	cursor: pointer;
/* removes default size/height */
	font-size: 0;
	line-height: 0;
/* submit button image, set your own here */
	background: transparent url(../img/search.gif) no-repeat left top;
}

/* Typography
----------------------------------------------------- */

p {
	padding: 0 0 9px 0;
}
h1 {
	color: #333;
	font: normal 30px/30px  "DaxWide-Light", "DaxOT", "Century Gothic", Futura, AppleGothic, sans-serif; /* To be replaced with Dax Wide Light (EN) or Dax Condensed Light (FR) */
	letter-spacing:0px;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	background: url(../img/h1_bkgd.gif) no-repeat left bottom;
}
h6 {
	color: #333;
	font: normal 26px/30px  "DaxWide-Light", "DaxOT", "Century Gothic", Futura, AppleGothic, sans-serif; /* To be replaced with Dax Wide Light (EN) or Dax Condensed Light (FR) */
	letter-spacing:0px;
	margin: 0 0 18px 0;
	padding: 0 0 15px 0;
	background: url(../img/h1_bkgd.gif) no-repeat left bottom;
}
h2 {
	color: #333;
	font: normal 24px/28px "DaxWide-Light", "DaxOT", "Century Gothic", Futura, AppleGothic, sans-serif; /* To be replaced with Dax Wide Light (EN) or Dax Condensed Light (FR) */
	margin: 0 0 18px 0;
	padding: 12px 0 15px 0;
	background: url(../img/h1_bkgd.gif) no-repeat left bottom;
}
h3 {
	color: #4382BF;
	font: bold 19px/18px Arial, Helvetica, sans-serif;
	padding: 9px 0 6px 0;
}
h4 {
	color: #4382BF;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	padding: 9px 0 6px 0;
}
h5 {
	color: #333;
	font: normal 15px/18px Arial, Helvetica, sans-serif;
	padding: 9px 0 6px 0;
}

/* Lists
----------------------------------------------------- */
ul, ol {
	margin: 0 0 0 28px; 
	padding: 0 0 18px 0;
}
ul ul, ol ol {
	margin: 0 0 0 28px;
	padding: 0 0 0 0;
}
li {
	padding: 9px 0 0 0;
}
li p {
	padding: 0;
}
ul {
	list-style-type: disc;
}
ol {
	list-style: decimal;
}
ol ol {
	list-style: lower-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: decimal;
}
ol ol ol ol ol {
	list-style: lower-alpha;
}
ol ol ol ol ol ol {
	list-style: lower-roman;
}

.rightColHeader {
	color: #FFF;
	font: normal 20px/24px Century Gothic, Futura, AppleGothic, sans-serif; /* To be replaced with Dax Wide Light */
	/*margin: 10px 0 0px 10px;
	padding: 8px 0 0px 0;*/
	padding-left: 10px;
	padding-top: 8px;
}
.rightColContent
{
	padding: 10px 10px 5px 10px;
}

.intro{
	color: #4382bf;
	font: normal 16px/21px Tahoma, Arial, Helvetica, sans-serif;
}

.quote  {
	background: url(../img/icon_quote.gif) no-repeat left top;
	color: #707F8C;
	font: italic 13px/17px Georgia, Helvetica, sans-serif;
	margin-bottom: 18px;
	margin-top: 9px;
	padding: 0 15px 0 48px;
}

/* ---- Documnet Links ----- */

.excel  {
	background: url(../img/bullet_excel.gif) no-repeat top left;
	display: block;
	line-height: 16px;
	padding: 0px 0 6px 24px;
}
.pdf  {
	background: url(../img/bullet_pdf.gif) no-repeat top left;
	display: block;
	line-height: 16px;
	padding: 0px 0 6px 24px;
}
.ppt  {
	background: url(../img/bullet_ppt.gif) no-repeat top left;
	display: block;
	line-height: 16px;
	padding: 0px 0 6px 24px;
}
.video  {
	background: url(../img/bullet_video.gif) no-repeat top left;
	display: block;
	line-height: 16px;
	padding: 0px 0 6px 24px;
}
.word  {
	background: url(../img/bullet_word.gif) no-repeat top left;
	display: block;
	line-height: 16px;
	padding: 0px 0 6px 24px;
}
.form  {
	background: url(../img/bullet_form.gif) no-repeat top left;
	display: block;
	line-height: 16px;
	padding: 0px 0 6px 24px;
}


#sidebar .excel  {
	background: url(../img/icon_excel.gif) no-repeat center left;
	line-height: 16px;
	padding: 9px 0 9px 40px;
}
#sidebar .pdf  {
	background: url(../img/icon_pdf.gif) no-repeat center left;
	line-height: 16px;
	padding: 9px 0 9px 40px;
}
#sidebar .ppt  {
	background: url(../img/icon_ppt.gif) no-repeat center left;
	line-height: 16px;
	padding: 9px 0 9px 40px;
}
#sidebar .video  {
	background: url(../img/icon_video.gif) no-repeat center left;
	line-height: 16px;
	padding: 9px 0 9px 40px;
}
#sidebar .word  {
	background: url(../img/icon_word.gif) no-repeat center left;
	line-height: 16px;
	padding: 9px 0 9px 40px;
}
#sidebar .form  {
	background: url(../img/icon_form.gif) no-repeat center left;
	line-height: 16px;
	padding: 9px 0 9px 40px;
}

/* Tables
----------------------------------------------------- */
/* Basic 
table {
	margin-bottom: 18px;
	margin-top: 9px;
}
table td {
	font-size: 12px;
	padding: 4px 6px 12px 0;
    text-align: left;
	vertical-align: top;
} */
.basicTableHeader {
	color: #4382BF;
	font-size: 16px;
    font-weight: bold;
	padding: 4px 6px 4px 0;
    text-align: left;
	vertical-align: bottom;
}
table h1, table h2, table h3  {
	background: none;
	color: #4382BF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
table h1  {
	font-size: 16px;
	font-weight: normal;
}
table h2  {
	font-size: 14px;
	font-weight: bold;
}
table h3  {
	font-size: 12px;
	font-weight: bold;
}

/* Rules */ 
.rulesTable {
    border-spacing: 0;
    border-collapse: collapse;
	margin-bottom: 18px;
	margin-top: 9px;
}
.rulesTable td {
    border: 1px solid #d3dadb;
	color: #707F8C;
	font-size: 12px;
	padding: 3px 6px;
	text-align: left;
	vertical-align: top;
}
.rulesTable td.rulesTableHeader {
    background-color: #e9eef2;
    border: 1px solid #d3dadb;
	color: #4382BF;
	font-size: 16px;
    font-weight: bold;
	padding: 4px 6px;
    text-align: left;
	vertical-align: bottom;
}

/* Stripes */
.stripesTable {
    border-spacing: 0;
    border-collapse: collapse;
	margin-bottom: 18px;
}
.stripesTable td.stripesTableHeader {
    background-color: #4382BF;
    border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
    font-weight: bold;
    padding: 4px 6px;
    text-align: left;
	vertical-align: bottom;
}
.stripesTable td {
	font-size: 12px;
	padding: 3px 6px;
	text-align: left;
	vertical-align: top;
}
.stripesTableOddRow{
	background-color: #e9eef2;
}

/* Forms */
#mainContent table.formlo {
	font: normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	margin-top: 0;
}
#mainContent table.formlo td {
	font-size: 12px;
	padding: 4px 10px 6px 0;
    text-align: left;
	vertical-align: top;
}
.colHead {
	font-size: 12px;
}
.noteB {
	font-size: 11px;
	text-align: right;
}
.star {
	color: #e51837;
	font-weight: bold;
	padding: 0 1px 0 1px
}
#mainContent table.formlo label {
	padding-right: 18px;
}

/* Sitemap

----------------------------------------------------- */
#mainContent table.sitemap td {
	margin: 0; 
	padding: 4px 18px 12px 0;
}
.sitemap ul {
	margin: 0; 
	padding: 0 0 18px 0;
}
.sitemap ul ul {
	margin: 0 0 0 18px;
	padding: 0 0 0 0;
}
.sitemap ul li {
	padding: 18px 0 0 0;
}
.sitemap ul ul li {
	padding: 6px 0 0 0;
}
.sitemap ul ul ul li {
	padding: 3px 0 0 0;
}
.sitemap ul {
	font-size: 16px;
	list-style-type: none;
}
.sitemap ul ul {
	font-size: 13px;
	list-style: disc;
}
.sitemap ul ul ul, .sitemap ul ul ul ul {
	font-size: 11px;
	list-style: circle;
}
.sitemap a, .sitemap a:link {
	color: #e51837;
	text-decoration: none;
}
.sitemap a:visited {
	color: #a60019;
	text-decoration: none;
}
.sitemap a:hover {
	color: #707f8c;
	text-decoration: none;
}
.sitemap a:active {
	color: #000;
	text-decoration: none;
}
/* Search Results
----------------------------------------------------- */
#mainContent .searchresults {
	border-top: 1px solid #bac3cc;
	border-bottom: 1px solid #bac3cc;
	margin-bottom: 18px;
	margin-top: 9px;
	padding: 10px 0;
}


.alert {
	background: url(../img/icon_alert.gif) no-repeat left center;
	border-top: 1px solid #bac3cc;
	border-bottom: 1px solid #bac3cc;
	font: italic 12px/17px Arial, Helvetica, sans-serif;
	margin-bottom: 18px;
	margin-top: 9px;
	padding: 10px 15px 10px 48px;
	
}