/* LOCKDOWN SYSTEMS */
/* PeaShooter Media Services - http://www.peashootermedia.com */


body{
	background: #2e2e2e;
	margin:0;
	padding: 0;
	font-family: Arial, tahoma, sans-serif;
	font-size:12px;
	color: #000000;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img { border: 0; /* removes border in case images have anchor around them */ }

h1, h2, h3, h4, h5, h6 { 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
}

#container { margin: 0 auto; padding: 0; width: 959px; text-align: left;  position: relative; border-width:0 20px 0 3px; border-color: #ffffff; border-style: solid; background: #ffffff;}

/* LINKS */
/*A { COLOR: #ffa000; TEXT-DECORATION: underline;}

A:active { COLOR: #ffa000;}
A:hover { COLOR: #91bfb5;}  */

a{color:#000;text-decoration:underline;}
a:hover{text-decoration:underline;}
a:focus{outline:none;}


/* #header{
	text-align: right;
	margin: 0 auto;
	height:110px;
	width: 900px;
} */

#logo{
	margin-left: 52px;
	float:left;
 	width:200px;
	height:105px;
	padding-top: 0px;
 }

#headerText{
	margin: 0 auto;
	padding: 10px 69px 0px 0px;
 }

#container .navlayer {z-index: 2; }
#container .imagelayer {z-index: 1; }


/* Header
-----------------------------------------------------------------------------*/
#headerStrip { height: 133px; width: 959px; }

#headerNav { font:bold 10px 'verdana',tahoma,sans-serif; color: #000000; float: right; width: 637px; height: 108px;}
.headerLogin { font-family: verdana,tahoma,sans-serif; font-size: 10px; FONT-WEIGHT : bold; color: #6d1a21; text-decoration: none;}
a.headerLogin { color: #6d1a21; text-decoration: none; }
a:hover.headerLogin {color: #6d1a21; text-decoration:underline;}

.divLine{ height: 1px; margin: 10px 0 10px 0; background: #cecece url(../images/1x1.gif) repeat-y;}
hr { border:0; border-top: 1px solid #cecece; height: 0; background: #cecece; margin: 10px 0 10px 0; _margin: 0px 0 0px 0; }

.seriesTitleBlue { font: bold 16px 'arial',tahoma,sans-serif; color: #91BFB5;  padding: 10px 10px 10px 15px; text-align: left; float: left;}
.seriesTitleWht { font: bold 16px 'arial',tahoma,sans-serif; color: #FFFFFF;  padding: 10px 0 10px 10px; }

/* Left Side Navigation
-----------------------------------------------------------------------------*/
#sidenav{ 
	width:170px;
	
	margin: 0 0 0 0;
	position: relative;
}



#sidenav ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-left: 0px;
		margin-top: 0px;
		width: 170px;
		height: auto;
		position: relative;
	}
	
#sidenav ul li{
	  display: block;
	  float: left;
	  cursor: pointer;
	  
  }

#sidenav a { display: block; width: 170px; height: 428px; float: left; margin:0 0 0 0;}
#sidenav a#nav_fleet { height: 107px; background: url('../images/solutions_nav.gif') 0 0 no-repeat; }
#sidenav a#nav_heavy { height: 107px; background: url('../images/solutions_nav.gif') 0 -107px no-repeat; }
#sidenav a#nav_family { height: 107px; background: url('../images/solutions_nav.gif') 0 -214px no-repeat; }
#sidenav a#nav_rfid { height: 107px; background: url('../images/solutions_nav.gif') 0 -321px no-repeat; }

#sidenav a#nav_fleet:hover, #active_nav a#nav_fleet  { height: 107px; background: url('../images/solutions_nav.gif') -170px 0 no-repeat; }
#sidenav a#nav_heavy:hover, #active_nav a#nav_heavy { height: 107px; background: url('../images/solutions_nav.gif') -170px -107px no-repeat; }
#sidenav a#nav_family:hover, #active_nav a#nav_family { height: 107px; background: url('../images/solutions_nav.gif') -170px -214px no-repeat; }
#sidenav a#nav_rfid:hover, #active_nav a#nav_rfid { height: 107px; background: url('../images/solutions_nav.gif') -170px -321px no-repeat; }


/* Body
-----------------------------------------------------------------------------*/

#leftNavCol {
	position: relative;
	float: left;
	width: 170px;
	margin-right:19px;
	margin-top: 10px;
	}

#leftCol {
	position: relative;
	float: left;
	width: 470px;
	background: url(../images/leftColBG.gif) no-repeat;
	}

#rightCol {
	float: right;
	width: 300px;
	background: url(../images/rightColBG.gif) no-repeat;
	}
	
.titleRed { font: bold 14px 'arial',tahoma,sans-serif; color: #aa0005;  padding: 20px 15px 20px 15px; text-align: left; }	

.titleRed16 { font: bold 16px 'arial',tahoma,sans-serif; color: #aa0005;  padding: 20px 15px 20px 158px; text-align: left; }	

.titleBlue { font: bold 14px 'arial',tahoma,sans-serif; color: #154884;  padding: 0 0 0 0; text-align: left; }

#arrowlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#arrowlist li 
{
padding-left: 17px;
background-image: url(http://www.lockdownsystems.com/images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
}


#featuresBox {
	width: 410px;
	border-top: 1px solid #cecece; 
	border-right: 1px solid #cecece; 
	padding: 15px 15px 15px 15px;
	margin: 0 0 0 0;
	font: 12px 'arial',tahoma,sans-serif; color: #154884;
	float: left;
	}
	
#featuresBox a{ color: #154884; text-decoration: underline; }
#featuresBox a:hover{ color: #154884; text-decoration: underline; }	
	
#newsBox {
	width: 195px;
	border-top: 1px solid #cecece;
	padding: 15px 10px 15px 15px;
	margin: 0 30px 0 0;
	_margin: 0 5px 0 0;
	font: 12px 'arial',tahoma,sans-serif; color: #154884;
	float: right;
	}

#newsBox a{ color: #154884; text-decoration: none; }
#newsBox a:hover{ color: #154884; text-decoration: underline; }
	
#contactBox {
	width: 290px;
	height: 215px;
	margin-top: 15px;
	padding: 10px 5px 10px 5px;
	background: #6f1419;
	text-align: center;
	vertical-align: middle;
	}
	
#testimonialBox {
	width: 300px;
	height: 225px;
	margin-top: 15px;
	/*padding: 15px 13px 15px 13px; */
	/*background: url(../images/testimonialSat.jpg) no-repeat left top; */
	display:block;
	}
	
#testimonialBox a{
background: url(http://www.lockdownsystems.com/images/testimonialSatBlank.jpg) no-repeat left center;
display:block;
width: 300px;
height:225px;
text-indent: -9999em; /*this hides the text for you */
}	
	
#testimonialBox span { visibility:hidden; }	

/* navigation */
#header{
	height: 75px;
	
	font:11px/13px arial,sans-serif;
	
	margin:0; list-style:none; position:relative; z-index:500;
}
#header ul{
	list-style: none;
	height: 15px;
	float: right;
	padding-top: 30px; /* was 82 */
	padding-right: 0px; /* was 17 */
	position: relative;
	z-index: 2;
}
#header ul li{
	background: url(../images/sep.gif) no-repeat 0 7px;
	display: inline;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	float: left;
	padding: 0 1px 25px 5px;
}
#header ul .first{background: none;}
#header ul li a{
	color: #626262;
	float: left;
	padding: 5px 3px 8px 4px;
	position: relative;
}
#header ul li a span{
	display: none;
	background: url(../images/shadow.png) no-repeat;
	width: 12px;
	height: 26px;
	position: absolute;
	top: 0px;
	right: -12px;
}
#header ul .active a, 
#header ul li a:hover{
	color: #f50026;
	text-decoration: none;
}
#header ul li:hover a, 
#header ul li.hover a{
	background: url(../images/border1.gif) no-repeat;
}
#header ul li:hover a span, 
#header ul li.hover a span{
	display: block;
}
#header ul li:hover, 
#header ul li.hover{
	position: relative;
	}
#header ul li:hover .sub, 
#header ul li.hover .sub
{
	display: block;
	}
#header ul .sub{
	display: none;
	width: 183px;
	position: absolute;
	left: 5px;
	*left: -36px;
	top: 26px;
	z-index: 2;
	background: url(../images/1x1.gif);
}
#header ul .sub div{
	background: url(../images/nav1.png) no-repeat;
	width: 183px;
	height: 13px;
	position: absolute;
	left: 0px;
	*left: 40px;
	bottom: -13px;
	line-height: 0;
	font-size: 0;
	z-index:2;
}
#header ul .sub ul{
	background: url(../images/nav.png) repeat-y;
	width: 175px;
	height: auto;
	float: none;
	padding: 0 7px 0 1px;
	position: static;
}
#header ul .sub ul li{
	background: none;
	display: block;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	text-transform: none;
	float: none;
	padding: 5px 4px 6px 7px;
	border-bottom: 1px solid #ddd;
	z-index: 2;
}
#header ul .sub ul li.last{
border-bottom:none;
}
#header ul .sub ul li a{
	padding: 0;
	float: none;
	background: none;
	position: static;
}
#header ul .sub ul .last{border: 0;}
#header ul .sub ul li a{color: #5d5d5d;}
#header ul .sub ul li a:hover{color: #f50026;}

#header ul .firstActive {color: #FF5800;background: none;}

.nav{
	width: 165px;
	background: #f4f4f4;
	border: 1px solid #d0cfcb;
	position:relative; 
}
.nav h3{
	background: #d5d5d5;
	color: #5e5a68;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 0 4px 6px;
	border-bottom: 1px solid #cfccc5;
}
.nav ul{
	padding:6px 0 19px 5px;
	line-height: 15px;
	position:relative; 
}

#header .flash{
	position: absolute;
	left: 10px;
	bottom: 0px;
	margin-top:1px;
	z-index: 1;
}

/* Survey Page */
.bodyRed { font: bold 12px 'arial',tahoma,sans-serif; color: #EF4023; }
.bodyRedUnderline { font: bold 12px 'arial',tahoma,sans-serif; color: #EF4023; text-decoration: underline;}
.titleRed2 { font: bold 14px 'arial',tahoma,sans-serif; color: #EF4023;  padding: 0 0 0 0; text-align: left; }

.textboxSurvey{ font:100% Verdana,sans-serif; padding:5px 5px 5px 5px; line-height:1em; background:#fdfcfb url(../images/form-back.gif) repeat-x; border:1px solid #999; color:#333; width: 50px; height: 8px;}

#surveyPrint { padding: 20px 15px 20px 15px; text-align: left; float:right;}	

#arrowlistSurvey
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#arrowlistSurvey li 
{
padding-left: 17px;
background-image: url(http://www.lockdownsystems.com/images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-bottom: 10px;
}

.survey_button {
	border: none;
	width: 150px;
	height: 35px;
	margin: 0 0 0 0;
	cursor: pointer;
}


/* Contact Form
----------------------*/
form {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 0 0 0 0;
  border-style: none none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form div {
  clear: left;
  display: block;
  width: 360px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

input.textbox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 200px;}

.textbox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 200px;}

.textareabox{ font:100% Verdana,sans-serif;padding:5px 5px 5px 5px;line-height:1.5em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 200px;}

form div label {
  display: block;
  float: left;
  width: 133px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div select.selectOne {
  width: 200px;
  padding: 1px 3px;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 200px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

input.inputRadio2 {
  display: inline;
  border-width: 0;
  padding: 0;
  margin: 0 0 10px 0;
  *margin: 0 0 0 0;
}

form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  zoom: 1;
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  color:#222;
  font-weight:bold;
  padding: 1px 2px;
  background:url(../images/formsubmitbg.gif) repeat-x left top;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

.loginText { color: #154884;}
a.loginText {color: #154884; text-decoration: underline;}
a:hover.loginText {color: #000000; text-decoration:underline;}

#rotatorWindow { width: 770px; float: left; margin-top: 10px;}

#rotatorWindowHome { width: 770px; height:210px; margin-top: 10px; background:url(../images/headerHome.jpg) no-repeat; display:block; }

/* Footer
-----------------------------------------------------------------------------*/
#footer { margin: 0 auto; width: 956px; height: 130px; text-align: left; background: #ffffff; position: relative; border-width:0 20px 0 3px; border-color: #ffffff; border-style: solid;}
.footerText { font-family: Verdana; font-size: 12px; color: #939393;}
a.footerText {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #939393; text-decoration: none;}
a:hover.footerText {color: #939393; text-decoration:underline;}
.disclaimer { font-family: Verdana; font-size: 10px; color: #939393;}