@charset "utf-8";
/*  CSS */

a,
a:link,
a:visited,
a:hover,
a:active	{color:#192f56;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1	{font:18px arial;margin:0;padding:0}
h2	{font:16px arial;margin:0;padding:0}
h3	{font:14px arial;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:9px;}
.sm10		{font-size:10px;}

img {behavior: url(inc/pngbehavior.htc);}

.blue	{color:#339DD1}


 ul	{margin-top:0;}

#flmovie	{margin: 2px 0 4px 0;}

/******   LAYOUT   ******/
html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #192f56;
	line-height:18px;
	background:#cde6f3 url(../images/bg.jpg) repeat-x;
	}
	
#wrapper	{
	width:990px;
	height:auto;
	margin: 0 auto;
	text-align:center;
	background:#fff;
	}
	
#header	{
	height:150px;
	margin:0 auto;
	text-align:left;
	}

#header:after	{clear:both;}
#content:after	{clear:both;}
#content		{
	width:970px;
	margin:0 auto;
	text-align:left;}

.heading	{
	width:970px;
	height:65px;
	background:url(../images/bgheader.jpg) no-repeat;
	color:#fff;
	margin:1px 0 10px 0;
	}

.heading h1	{
	padding: 22px 0px 0px 45px ;
	font:normal 24px arial;
	}
	

#rightside	{
	float:right;
	width:200px;
	margin-top:5px;
	background: url(../images/bgrightside.jpg) repeat-y;
	}

#rightside #in	{padding: 2px 6px;}

.bttm	{
	background: url(../images/btmbg.jpg) repeat-x;
	width:297px;
	height:225px;
	margin-right:6px;
	padding:2px 10px;
	float:left;
	}
.bttm hr	{
	margin:0;padding:0;
	border:0;
	border-bottom:1px dotted #fff;
	border-top:1px dotted #a4bace;}

/******* FOOTER *******/
#footer	{
	font:10px/12px Arial, Helvetica, sans-serif;
	color:#4c8bac;
	clear:both;
	width:960px;
	margin:6px auto 0 auto;
	text-align:left;
	}
#footer a	{
	color:#4c8bac;
	font-size:9px;
	text-decoration:none;
	}

#footer #credit		 {float:right;width:123px;margin-top:-6px;}
#footer #credit a 	 		 {color:#fff;text-decoration:none;}
#footer #credit a:hover 	 {color:#4c8bac;text-decoration:none;}


.logout a	{
	width:80px;
	float:right;
	margin: 5px 15px 0 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	}	
	
/******* MAIN HORIZONTAL NAV MENU  ***********/
#nav	{
	background: url(../images/navbg.jpg) repeat-x;
	width:970px;
	margin:0 auto;
	  position:relative;
	  z-index:50000;}

* html #nav	{margin:0 0 0 -5px;}

ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 970px; /*For KHTML*/
  list-style: none;
  height: 38px;
	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 38px;
	}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 185px;
  list-style: none;
  display: none;
  position: absolute;
  top: 38px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#hrznav a {
  border-right: 1px solid #ffae3d;
  border-left: 1px solid #ba6613;
  padding: 0 0.82em 0 0.83em;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: 14px/37px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  }

* html ul#hrznav a {padding: 0 0.82em 0 0.84em;} /*IE6*/


/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: #fda531;
  color: #FFF;
	}

/* 2nd Menu */
ul#hrznav li li	{height:24px;}
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background: #252525;
  color: #ccc;
  padding: 2px 8px;
  font: 12px/21px Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
  border:1px solid #ccc;

	}

/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #505050;
  color: #FFF;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #505050;
  color: #fff;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #252525;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #252525;
  color: #FFF;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #505050;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 185px;
	}

* html ul#hrznav ul ul,
* html ul#hrznav ul ul ul {  left: 92px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}




/******* VERTICAL NAV MENU  ***********/
ul#vrtnav,
ul#vrtnav li,
ul#vrtnav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px; /*For KHTML*/
  list-style: none;
	}

ul#vrtnav li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
	}

/* Root Menu */
ul#vrtnav a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#vrtnav a:hover,
ul#vrtnav li:hover a,
ul#vrtnav li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 2nd Menu */
ul#vrtnav li:hover li a,
ul#vrtnav li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 2nd Menu Hover Persistence */
ul#vrtnav li:hover li a:hover,
ul#vrtnav li:hover li:hover a,
ul#vrtnav li.iehover li a:hover,
ul#vrtnav li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 3rd Menu */
ul#vrtnav li:hover li:hover li a,
ul#vrtnav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#vrtnav li:hover li:hover li a:hover,
ul#vrtnav li:hover li:hover li:hover a,
ul#vrtnav li.iehover li.iehover li a:hover,
ul#vrtnav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#vrtnav li:hover li:hover li:hover li a,
ul#vrtnav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#vrtnav li:hover li:hover li:hover li a:hover,
ul#vrtnav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#vrtnav ul,
ul#vrtnav ul ul,
ul#vrtnav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#vrtnav li:hover ul ul,
ul#vrtnav li:hover ul ul ul,
ul#vrtnav li.iehover ul ul,
ul#vrtnav li.iehover ul ul ul {
  display: none;
	}

ul#vrtnav li:hover ul,
ul#vrtnav ul li:hover ul,
ul#vrtnav ul ul li:hover ul,
ul#vrtnav li.iehover ul,
ul#vrtnav ul li.iehover ul,
ul#vrtnav ul ul li.iehover ul {
  display: block;
	}






/**********  CONTACT FORM   **********/
form#contact 	{
	margin:-5px 45px 0 0;
	padding: 5px;
	float:right;
	width: 275px;
		}	


#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	background:#4db1cb url(../images/formbg.jpg) repeat-x;
	color:#252525; 
	order: 1px solid #7c5b47;	
	margin:0px 0px 0px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 0px 10px;
	} 
	
#contact legend	{
	color:#252525;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
	
#contact legend {  
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
#contact fieldset ol {  
	padding-top: 0.25em;
	}
	
#contact #city {
	display: block;
	width: 60px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
	}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}

#contact .shhhh { display:none; }
.shhhh { display:none; }







/**********  QUOTE FORM 
form#quote 	{
	margin:-5px 20px 0 645px;
	top:300px;
	padding: 5px;
	position:fixed;
	width: 330px;
	z-index:1;

		}	


#quote label,#quote input {
	display: block;
	width: 170px;
	float: left;
	margin-bottom: 10px;
	}

#quote label {
	text-align: right;
	width: 125px;
	padding-right: 5px;
	}

#quote br {clear: left;}

#quote fieldset	{
	background:#4db1cb url(../images/formbg.jpg) repeat-x;
	color:#252525; 
	order: 1px solid #7c5b47;	
	margin:0px 0px 10px 0px;
	display:block;
	padding: 0px 10px 0px 10px;
	} 
	
#quote legend	{
	color:#252525;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	left: -7px;  
	margin-top: -0.75em;
	top:-0.75em;
	}
	
#quote fieldset ol {  
	padding-top: 0.25em;
	}
	
#quote #city {
	display: block;
	width: 60px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
	}
	
#quote #comments	{
	display: block;
	width: 300px;
	height:50px;
	margin-bottom: 15px;
	}
	
#quote #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}

#quote .shhhh { display:none; }
  **********/

/**********  QUOTE FORM     **********/
form#quote 	{
	margin:-5px 0px 0 8px;
	padding: 5px;
	z-index:1;
	osition:fixed;
	}	


#quote label,#quote input, #quote select {
	display: block;
	width: 170px;
	float: left;
	margin-bottom: 10px;
	}

#quote label {
	text-align: right;
	width: 125px;
	padding-right: 5px;
	}

#quote br {clear: left;}

#quote fieldset	{
	background:#4db1cb url(../images/formbg.jpg) repeat-x;
	color:#252525; 
	margin:0px 0px 10px 5px;
	display:block;
	float:left;
	height:150px;
	padding: 0px 10px 0px 10px;
	} 
	
#quote legend	{
	color:#252525;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	left: -7px;  
	margin-top: -0.75em;
	top:-0.75em;
	}
	
#quote fieldset ol {  
	padding-top: 0.25em;
	}
	

	
#quote #comments	{
	display: block;
	width: 260px;
	height:75px;
	margin-bottom: 15px;
	}
	
#quote #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}

#quote .shhhh { display:none; }




/**********  Application FORM   **********/
form#application 	{
	width:600px;
	margin:0 auto;
	padding: 5px;
		}	


#application label,#application input,#application select {
	display: block;
	width: 170px;
	float: left;
	margin-bottom: 10px;
	}

#application label {
	text-align: right;
	width: 125px;
	padding-right: 5px;
	}

#application br {clear: left;}

#application fieldset	{
	background:#AFF0FF;
	color:#252525; 
	display:block;
	padding: 0px 10px 0px 10px;
	margin-bottom:10px;
	} 
	
#application legend	{
	color:#252525;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	left: -7px;  
	margin-top: -0.75em;
	top:-0.75em;
	}
	
#application fieldset ol {  
	padding-top: 0.25em;
	}
	

	
#application #comments	{
	display: block;
	width: 300px;
	height:50px;
	margin-bottom: 15px;
	}
	
#application #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}

#application .shhhh { display:none; }









/* SUBMIT BUTTON */

.button a.submit, button.submit{
    display:block;
    float:left;
    margin:0 7px 0 0;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    text-decoration:none;
    cursor:pointer;
	
	background-color:#f5f5f5;
	font:bold 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color:#565656;
}
.button a.submit:hover, button.submit:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	cursor:pointer;
}
.button a.submit:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}	 
	
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
 

/******** ACCOUNT ACCESS *******/

#accountcontent	{	
	float:right;
	width:760px;
	text-align:left;
	}
	


input.underline	{
	border:0;
	border-bottom:1px solid #000;
	}











/** INTERNAL NAV **/
#safety	{
	width: 700px;
	float:right;
	}
#safety h1	{
	margin-top: 30px;
	margin-bottom: 3px;}
	
#navlist { 
	background: url(../images/safetynav.jpg);
	float:left;
	margin-right:8px; 
	}
	
#account { 
	width: 200px;
	background: url(../images/safetynav.jpg);
	float:left;
	margin-right:8px; 
	overflow: hidden;
	}	
	
#acctbottom	 { 
	background: url(../images/btmbg.jpg) repeat-x;
	width:188px;
	height:225px;
	margin:5px 6px 0 0;
	padding:2px 6px;
	float:left;
	}
	
.acctbottom hr	{
	margin:0;padding:0;
	border:0;
	border-bottom:1px dotted #fff;
	border-top:1px dotted #a4bace;}

	
	
	
	
ul#navlist
{
margin-left: 0;
margin-bottom:5px;
padding-left: 0;
list-style-image:none;
font-family: Arial, Helvetica, sans-serif;
}

ul#navlist li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
	}

.safety ul#navlist li a {width:242px}

ul#navlist li a
{
display: block;
padding: 4px 3px;
width: 194px;
border-bottom: 1px solid #20a5ce;
border-top: 1px solid #80d7f2;
color:#fff;
text-decoration:none;
text-indent:4px;
}


ul#navlist li a:hover,
ul#navlist li.isShown,
ul#navlist li a:active
{
background: url(../images/safetynav-over.jpg);
color: #000;
}
	
ul#navlist li.isShown	a { color: #000; }



/* 2nd Menu */
ul#navlist li:hover li a,
ul#navlist li.iehover li a {
background: url(../images/internalnavhover.jpg);
color: #185686;

}

/* 2nd Menu Hover Persistence */
ul#navlist li:hover li a:hover,
ul#navlist li:hover li:hover a,
ul#navlist li.iehover li a:hover,
ul#navlist li.iehover li.iehover a {
background:#b7d9f4;
color: #185686;
}
	
ul#navlist ul,
ul#navlist ul ul,
ul#navlist ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navlist li:hover ul ul,
ul#navlist li:hover ul ul ul,
ul#navlist li.iehover ul ul,
ul#navlist li.iehover ul ul ul { 
  display: none;
	}

ul#navlist li:hover ul,
ul#navlist ul li:hover ul,
ul#navlist ul ul li:hover ul,
ul#navlist li.iehover ul,
ul#navlist ul li.iehover ul,
ul#navlist ul ul li.iehover ul {
  display: block;
	}
	
	
	
	
	/* BUTTONS */

button, a.button	{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    font: 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button, a.button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type], a.button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

/* STANDARD */

button:hover, a.button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.button a:active, a.button:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, a.button.positive{
    color:#0c486b;
	background:#92d3f0;
	border:1px solid #277db0;
	padding: 6px 15px;
}
button.positive:hover, a.positive:hover{
    background-color:#277db0;
    border:1px solid #000;
    color:#fff;
}
button a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}


	
	
	
/* SUBMIT BUTTON */

.button a.submit, button.submit{
    display:block;
    float:left;
    margin:0 7px 0 0;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    text-decoration:none;
    cursor:pointer;
	
	background-color:#f5f5f5;
	font:bold 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color:#565656;
}
.button a.submit:hover, button.submit:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	cursor:pointer;
}
.button a.submit:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}	 
	
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

	
	
.box	{
	background: #cee5f3;
	border:1px solid #337bb5;
	}	
	
	

.stripes fieldset {
	border: 1px solid #7c5b47;
	}

.stripes fieldset legend {
	color:#e79904;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
	
	
	

	


/***** CSS TOOL TIPS    *****/
.tool-tip {
	color: #fff;
	width: 190px;
	z-index: 13000;
	background: url(../images/tooltips.png) ;
	
		}		 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
		}
		 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
		}

.tool-text A {
	color:#069;
		}

.toolTipImgDOM	{
	cursor:pointer;
	}
	
	
.rssfeed	{
	background:#e7f1f9;
	padding:5px 8px;
	margin:5px 0px 0px 5px;
	width:230px;
	height: 125px;
	overflow:hidden;
	float:right;
	border:1px solid #387fb5;
	font:10px/11px Arial, Helvetica, sans-serif;
	}

.rssfeed img	{float:left;margin-right:15px;}
