/* Main Speedshield Styles*/

body {
   font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
    background-color: #FFF;
    text-align: center;
    color: #000;
    behavior:url("../htc/csshover.htc");
}

#mailinglist {
	position: absolute;
	top: 24px;
	right: 22px;
}

/* Homepage
------------------------------------------ */

#home-main h1 {
	font-weight: bold;
	font-size: 120%;
	color: #d03333;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding: 12px 5px 12px 10px;
	margin-bottom: 22px;
	background: url(../images/home/bottom_shadow.gif) bottom left repeat-x;
}

#home-main p {
	color: #505050;	
}

#bhome h2 {
   font-size: 100%;
   color: #000;
   margin-bottom: 10px;
}

#newsCol {
	width: 226px;
	float: left;
	margin-left: 15px;
	display: inline;
	margin-bottom: 20px;
}

#eventsCol {
	width: 226px;
	float: left;
	margin-left: 20px;
	display: inline;
	margin-bottom: 20px;
}

#casestudyCol {
	width: 226px;
	float: left;
	margin-left: 20px;
	display: inline;
	margin-bottom: 20px;
}

#home-main {
	line-height: 1.4em;
	width: 748px;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

#fw-link{
	float: right;
	width: 236px;
	margin: 12px 10px 16px 0;
}

/* Home page tagline */

.mir { letter-spacing : -1000em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */

#home-main p.mir {
	margin: 25px 21px; display:inline; width:455px; height:66px;background: url(../images/home/home_tagline.gif) no-repeat; float: left;	
}

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

h1 {
   color: #d03333;
   font-weight: normal;
   font-size: 180%;
   margin: 0 0 30px 0;
   padding: 0;
}

#header h1
{
	font-weight: bold;
	color: #FFF;
	font-size: 140%;
	position: absolute;
	bottom: 5px;
	left: 0;
	margin: 0;
	padding: 12px 0 5px 15px;
	background-color: #d03333;
	width: 220px;
	text-align: left;
}

h4 {
   color: #6d6e71;
   font-size: 90%;
   padding: 0;
   margin: 0;
}

/* Banners
------------------------------------------ */

#headerhome {
   width: 750px;
   margin-left: auto;
   margin-right: auto;
   border-bottom: 5px solid #a7a9ac;
}

#header {
   background: #FFF url(../images/headers/header_indproducts.jpg) top left no-repeat;
   width: 760px;
   height: 200px;
   position: relative;
   z-index: 10;
}

#bindproducts #header {
   background: #FFF url(../images/headers/header_indproducts.jpg) top left no-repeat;
}

#bautoproducts #header,
#bssv4 #header {
   background: #FFF url(../images/headers/header_autoproducts.jpg) top left no-repeat;
}

#babout #header,
#bnews #header,
#bnewsarticle #header,
#barchive #header,
#bcompany #header,
#bcareers #header,
#bstaff #header,
#bevents #header,
#blinks #header {
   background: #FFF url(../images/headers/header_about.jpg) top left no-repeat;
}

#bssv3 #header {
   background: #FFF url(../images/headers/header_ssv3.jpg) top left no-repeat;
}

#bsscompact #header {
   background: #FFF url(../images/headers/header_sscompact.jpg) top left no-repeat;
}

#bssvm #header {
   background: #FFF url(../images/headers/header_ssvm.jpg) top left no-repeat;
}

#bssv4 #header {
   background: #FFF url(../images/headers/header_ssv4.jpg) top left no-repeat;
}

#breporting #header {
   background: #FFF url(../images/headers/header_reporting.jpg) top left no-repeat;
}

#bzonecontrol #header {
   background: #FFF url(../images/headers/header_zonecontrol.jpg) top left no-repeat;
}

#bcustomers #header {
   background: #FFF url(../images/headers/header_customers.jpg) top left no-repeat;
}

#bautocust #header, #bmedia #header {
   background: #FFF url(../images/headers/header_autocustomers.jpg) top left no-repeat;
}

#bcontact #header {
   background: #FFF url(../images/headers/header_contact.jpg) top left no-repeat;
}                          

#bfleetweigh #header {
   background: #FFF url(../images/headers/header_fleetweigh.jpg) top left no-repeat;
}

#bSLEAuto #header {
   background: #FFF url(../images/headers/header_SLEAuto.jpg) top left no-repeat;
}

#bautoreporting #header {
   background: #FFF url(../images/headers/header_reporting.jpg) top left no-repeat;
}

/* Structure
------------------------------------------ */

#container {
    position: relative;
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    background: #FFF url(../images/global/back_shadow.gif) top left repeat-y;
}

.gutter {
   padding: 35px 20px 20px 15px;
}

#main-text {
   line-height: 1.4em;
   width: 523px;
   text-align: left;
   float: right;
}

#logo {
   border-top: 5px solid #a7a9ac;
    background-color: #6d6e71;
    width: 750px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    }

#logo img#ssLogo {
	margin: 15px 0 0 20px;
}

#forkLink {
   margin-bottom: 1px;
}

#headerhome a { display:block; height:150px; width:750px; overflow:hidden; }

#headerhome a:hover { display:block; text-indent:-750px; }

/* Main Nav
------------------------------------------ */

#topnav {
	width: 750px;
	background-color: #6d6e71;
	position: relative;
	z-index: 200;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 750px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: right; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 180px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
   border: 1px solid #6d6e71;
   border-top: 3px solid #d03333;
   background-color: #fff;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 180px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  padding: 0 20px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #6d6e71;
  color: #dbdbdb;
  font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
   background: #6d6e71;
   color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #fff;
  color: #9f9f9f;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #FFF url(../images/global/red_bullet.gif) no-repeat 4% center;
  color: #d03333;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/* ACTIVE LINKS */
#bcompany a#homenav,
#bnews a#homenav,
#bnewsarticle a#homenav,
#barchive a#homenav,
#bcareers a#homenav,
#bevents a#homenav,
#blinks a#homenav,
#bmedia a#medianav,
#bproducts a#productnav,
#bautoproducts a#productnav,
#bbrochures a#productnav,
#bssv3 a#productnav,
#bsscompact a#productnav,
#bssvm a#productnav,
#breporting a#productnav,
#bzonecontrol a#productnav,
#bssv4 a#productnav,
#bcustomers a#customernav,
#bautocust a#customernav,
#bcontact a#contactnav,
#binterest a#productnav,
#bfleetweigh a#productnav,
#bSLEAuto a#productnav,
#bautoreporting a#productnav {
   color: #FFF;
   text-decoration: underline;
}

/* Sub Nav
------------------------------------------ */

#subnav {
	float: left;
	width: 225px;
	text-align: left;
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 20px;
}

#subnav ul {
	margin-left: 25px;
	margin-right: 0;
	padding-left: 0;
	list-style-type: none;
	padding-top: 0;
	margin-top: 10px;
	margin-bottom: 0;
}

#subnav a {
	display: block;
	padding: 3px 4px 3px 3px;
	width: 198px;
}

#subnav .imgLink {
   padding: 0;
}

#subnav a:link, #subnav a:visited {
	color: #d03333;
	text-decoration: none;
	background: transparent url(../images/global/red_bullet.gif) no-repeat 98% center;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}

#subnav ul ul a:link, #subnav ul ul a:visited {
	color: #9c9c9c;
	text-decoration: none;
	background: none;
	border: 0;
	font-weight: normal;
	padding-left: 0;
}

#subnav a:hover {
	color: #FFF;
	text-decoration: none;
	background: #d03333 url(../images/global/white_bullet.gif) no-repeat 98% center;
}

/* SUBNAV 2nd LEVEL HOVER / ACTIVE STATES */
#subnav ul ul a:hover {
   background: none;
   color: #000;
}

#subnav ul ul li.subactive a {
	font-weight: bold;
	color: #000;
}

#subnav ul ul li#subactive a {
	font-weight: bold;
	color: #000;
}

#subnav h4 {
   margin-left: 25px;
   padding-left: 10px;
   font-size: 100%;
   color: #d03333;
   background: transparent url(../images/global/nav_bullet3.gif) no-repeat 1% center;
}

#subnav p {
   margin-left: 35px;
   margin-top: 10px;
   margin-bottom: 20px;
   line-height: 1.5em;
}

/* subnav active state */
.subactive a {
   font-weight: bold;
   color: #FF00FF;
	background: #d03333 url(../images/global/white_bullet.gif) no-repeat 98% center;
}

#subnav li ul {
   margin: 0 0 0 20px;
}

#subnav li ul a {
   width: 166px;
}

/* Footer
------------------------------------------ */

#footer {
   clear: both;
   font-size: 90%;
   text-align: left;
   background-color: #6d6e71;
   width: 750px;
   margin-left: auto;
    margin-right: auto;
    }

#footer p {
   margin: 0;
   padding: 15px 10px;
   color: #ddd;
   line-height: 1.6em;
}

/* Hyperlinks
------------------------------------------ */

a:link {
   color: #d03333;
   text-decoration: underline;
   }
a:visited {
   color: #d03333;
   text-decoration: underline;
   }
a:hover {
   color: #d03333;
   text-decoration: none;
   }

#home-main a:link {
   color: #d03333;
   text-decoration: underline;
    }

#home-main a:visited {
    color: #d03333;
    text-decoration: underline;
    }

#home-main a:hover {
    color: #d03333;
    text-decoration: none;
    }

/* footer links */
#footer a:link {
    color: #ddd;
    font-weight: bold;
    text-decoration: none;
   }

#footer a:visited {
    color: #ddd;
    font-weight: bold;
    text-decoration: none;
    }

#footer a:hover {
    color: #FFF;
    font-weight: bold;
    text-decoration: underline;
    }
    
#subnav a:link.rsslink, #subnav a:visited.rsslink
{
	display: inline;
	margin: 0;
	padding: 5px 0px 5px 20px;
	background: transparent url(../images/global/rss-icon.png) 0px 50% no-repeat;
	color: #767676;
	font-weight: bold;
	border: none;	
}

#subnav a:hover.rsslink 
{
	color: #000;
}

/* Miscellaneous
------------------------------------------ */

a img {
   border: 0;
}

img {
   border: 0;
}

/* FORMS */
.formLab {
   text-align: right;
   color: #6d6e71;
   font-style: italic;
}

.formLabTop 
{
	text-align: right;
   color: #6d6e71;
   font-style: italic;
   vertical-align: top;
}

/* error and success */
.success {
   padding: 10px 30px;
   background: transparent url(../images/global/tick.gif) no-repeat center left;
   font-weight: bold;
   font-size: 110%;
}

.error {
   padding: 10px 30px;
   background: transparent url(../images/global/cross.gif) no-repeat center left;
   font-weight: bold;
   font-size: 110%;
}

.clearboth { clear: both; }

.floatright
{
   float: right;
   margin: 0 0 0 10px;
   clear: right;
}

/* IE HACKS 
---------------------------------------- */
/* Hide from IE5/Mac \*/
* html #footer {
   height: 1%;
   }
/* End Hide from IEW/Mac */

/* -- FIX FOR BACKGROUND COLOR NOT SHOWING IN FIREFOX -- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */