/* http://www.code-sucks.com*/

* { padding: 0; margin: 0; }

body {
 margin-top:0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#000000 url(/Images/2008/boxes/BCKG12.gif) no-repeat fixed top;
 }
 
p { margin:0 0 0 0px; }
h1.top { font-size: 30px; color:#fff; margin-top:3px; margin-bottom:1px; }
h2.top { font-size: 15px; color:#fff; margin-top:3px; margin-bottom:1px; }

/*----Left Nav----*/
ul.leftnav {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
li.cat {
 line-height:1.5;
 margin-left: 0px;
 }
li.subcat{
 margin-left: 10px;
 }
/**------links-------**/
a:link {
	text-decoration: underline;
	color: #990000;
}
a:visited {
	text-decoration: underline;
	color: #990000;
}
a:hover {
	text-decoration: none;
	color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #0000CC;
}
/***cat link***/
a.cat:link {
	text-decoration: none;
	color: #990000;
}
a.cat:visited {
	text-decoration: none;
	color: #990000;
}
a.cat:hover {
	text-decoration: none;
	color: #0000FF;
	}
a.cat:active {
	text-decoration: underline;
	color: #0000CC;
    }
*.none {list-style-type: none; }

/***Layout***/
#wrapper { 
 margin: 0 auto;
 width: 922px;
 background-color:#fff;
}
#header {
 color: #000;
 width: 922px;
 float: left;
 padding: 0px;
 border-bottom: 1px solid #fff;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background: #000;
}
#logo {
 float: left;
 border: 0 0 0 0px;
 width: 340px;
 }
#logoright {
 float: left;
 border: 0 0 0 0px;
 background-color:#000;
 width: 340px;
 }
#contralogo {
 float: right;
 border: 0 0 0 0px;
 background-color:#000;
 padding-right:5px;
 width: 235px;
 }
#navigation {
 float: left;
 width: 916px;
 color: #333;
 padding: 3px;
 font-size:12px;
 border-bottom: 1px solid #fff;
 margin: 0px 0px 0px 0px;
 background: #999;
}
/***Navigation 1***/
ul.nav1 {
 list-style:none;
 color:#fff;
 }
ul.nav1 a:link, ul.nav1 a:visited
{ color:white; text-decoration: none; }
ul.nav1 a:hover, ul.nav1 a:active 
{ color:lightgrey; font-weight:normal; }

li.nav1 {
 display: inline;
 margin:0 2px 0 20px;
 padding:0 0 0 0px;
 }
 
/***** Navigation 2*****/
#navigation2 {
 float: left;
 width: 916px;
 padding: 3px;
 border-bottom: 2px solid #00FF00;
 margin: 0px 0px 0px 0px;
 background: red;
 }
form { display:inline; margin:0 0 0 0px; }
ul.nav2 {  list-style:none; color:#fff; }
ul.nav2 a:link, ul.nav2 a:visited
{ color:white; text-decoration: none; }
ul.nav2 a:hover, ul.nav2 a:active 
{ color:lightgrey; font-weight:bold; }

li.nav2 {
 display: inline;
 margin:0 10px 0 10px;
 padding:0 0 0 0px;
 vertical-align:middle;
 }
 
/***** Columns ******/
#wrapper2 { 
 float: left;
 margin: 0px 0px 0px 0px;
 width: 690px;
 background-color:#FFFFFF;
}
#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1597px;
 width: 212px;
 float: left;
}
#leftcolumnMiva { 
 float: left; 
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 232px;
}

.leftcolumnBlock {
 color: #333;
 border-style:dashed;
 border-color:#999999;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 3px 5px 3px 5px;
 width: 180px;
 }

 
#leftmiddle { 
 color: #333;
 border: 0px solid #ccc;
 background: #E7DBD5;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 937px;
 width: 230px;
 float: left; 
}
#rightmiddle {  
 color: #333;
 border: 0px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 937px;
 width: 230px;
 float: left;
 }
#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #FF0000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 937px;
 width: 230px;
 float: left;
}
#horizontalFirst {
 width:460px;
 height:450px;
 margin:0 0 0 0px;
 border:0px solid #999;
 background:#FFFCCC url(/Images/2008/boxes/1.gif) no-repeat; 
 float:left;
 clear:both;
 }
.horizontalDiv {
 width:454px;
 height:225px;
 margin:0 0 0 0px;
 padding-left:6px;
 border:0px solid #999;
 background:#000000 url(/Images/2008/boxes/hitairmotorcycles1.gif) no-repeat; 
 float:left;
 clear:both;
 }
.horizontalDiv2 {
 width:460px;
 height:225px;
 margin:0 0 0 0px;
 padding-left:0px;
 border:0px solid #999;
 background:#FFFFFF url(/Images/2008/boxes/MotorcycleDetailingBKG.jpg) no-repeat; 
 float:left;
 clear:both;
 }
.horizontalDiv3 {
 width:446px;
 height:225px;
 margin:0 0 0 0px;
 padding:0 3px 0 3px;
 border:4px solid rgb(132,194,37);
 background:#FFFFFF url(/Images/2008/boxes/1.gif) no-repeat; 
 float:left;
 clear:both;
 }
#verticalThird { 
 color: #333;
 border: 0px solid #ccc;
 background: #FF0000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 683px;
 width: 230px;
 float: right;
}
.verticalDiv {
 background: url(/Images/2008/boxes/FeaturedProducts2ndBottom.gif) no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 450px;
 width: 230px;
 }
 
/******* Footer Stuff ********/
#footer { 
 width: 920px;
 height:320px;
 clear: both;
 color: #333;
 border: 1px solid #000000;
 background: #666666;
 margin: 0px 0px 0px 0px;
 }
 a.footer:link, a.footer:visited, a.footer:active { color:#FFCC00; font-size:12px; text-decoration:none; }
 a.footer:hover { color:#FFCC00; font-size:12px; text-decoration:underline; }

.footercolumn {
 width: 248px;
 float:left;
 margin: 5px 15px 5px 10px;
 padding:10px 20px 10px 10px;
 height: 280px;
 border:1px solid #FFFFFF;
 background-color:#333333;
 }
.footercolumn2 {
 width: 250px;
 float:right;
 margin: 5px 10px 5px 0px;
 padding:0px 20px 0px 0px;
 height: 280px;
 border:0px solid #FFFFFF;
 background-color:#666666;
 }
.footercolumn2DIV {
 width:248px;
 margin:0px 0px 0px 0px;
 padding:0px 10px 0px 10px;
 height: 143px;
 border:1px solid #FFFFFF;
 margin: 2px 0px 2px 0px;
 background-color:#333333;
 font-size:11px;
 }


/** Content format **/
.columnbox1 {
 width:230px;
 height:455px;
 margin:0 0 0 0px;
 border:0px solid #999;
 background:#FFF url(/Images/2008/boxes/Scorpioalarms10.jpg) no-repeat;
 }

.columnbox2 {
 width:230px;
 height:455px;
 margin:0 0 0 0px;
 border:0px solid #999;
 background:#FFF url(/Images/2008/boxes/1.gif) no-repeat;
 }
  .columnbox2DIV {
   width:230px;
   height:40px;
   padding-top:10px;
   background:red;
   vertical-align:middle;
   }
 
.columnbox3 {
 width:230px;
 height:455px;
 margin:0 0 0 0px;
 border:0px solid #999;
 background:#FFF url(/Images/2008/boxes/FeaturedProducts1.jpg) no-repeat;
 }
#columnbox3Logo {
 width:215px;
 height:108px;
 margin:0 0px 0 7px;
 color:yellow;
 font-size:12px;
 background:#FFF url(/Images/2008/boxes/mobilelockLogo.png) no-repeat;
 vertical-align:baseline;
 }
 a.columnbox3Logo:link { color:#FFCC00; font-size:12px; text-decoration:none; }
 a.columnbox3Logo:visited { color:#FFCC00; font-size:12px; text-decoration:none; }
 a.columnbox3Logo:hover { color:#FFCC00; font-size:12px; text-decoration:underline; }
 a.columnbox3Logo:active { color:#FFCC00; font-size:12px; text-decoration:none; }

.columnbox4 {
 width:230px;
 height:482px;
 margin:0 0 0 0px;
 border:0px solid #999;
 background:#FFF url(/Images/2008/boxes/XenaB.jpg) no-repeat;
 }
.columnbox5 {
 width:230px;
 height:482px;
 margin:0 0 0 0px;
 border:0px solid #999;
 background:#FFF url(/Images/2008/boxes/trailersecurityempty.gif) no-repeat;
 }
 .columnbox6 {
 float:right;
 width:230px;
 height:482px;
 margin:0 0 0 0px;
 border:0px solid #999;
 background:#FFF url(/Images/2008/boxes/FeaturedProducts2ndTop.gif) no-repeat;
 }
 .rightcorner {
 width:208px;
 height:218px;
 margin:2px 4px 2px 4px;
 padding:3px 3px 0px 3px;
 border:4px solid #999;
 background:red url(/Images/2008/boxes/1.gif) no-repeat;
 }
 
 /** Text----------------*/
 br { font-size:1em; }
 
 .boxtext {
 padding-right:5px;
 padding-left:8px;
 padding-top:3px;
 vertical-align:text-middle;
 width: 215px;
 font-size: 11px;
 line-height:normal;
 }
.rightcorner h1 { margin:3px 0px 3px 0px; font-weight:bold; font-size:18px; color:#FFFFFF; }
.boxtext h2 { margin:3px 0px 3px 0px; font-weight:bold; font-size:12px; }
.boxtext h3 { margin:3px 0px 3px 0px; font-weight:bold; font-size:11px; }
.boxleft { width:210px; padding:0px 5px 0px 5px; float:left; }
.boxright { width:210px; padding:0px 5px 0px 5px; float:right; }

.boxtextWIDE {
 padding-right:5px;
 padding-left:5px;
 padding-top:3px;
 vertical-align:text-middle;
 width: 450px;
 font-size: 11px;
 line-height:normal;
 }
 
/** Headings **/
h1.content { font-size:20px; color:black; margin-top:2px; margin-bottom:2px; }

 .spacer { clear:both; }
 .imageleft { float:left; border-width:0px; }
 .imageleft4x3 { margin-left:4px; margin-top:3px; float:left;  }
 .imageright { margin-right:0px; margin-top:0px; float:right;  }
 .imageright2x0 { margin-right:2px; margin-top:0px; float:right;  }
 .imageright4x0 { margin-right:4px; margin-top:0px; float:right;  }
 .imageright6x0 { margin-right:6px; margin-top:0px; float:right;  }
 .imageright4x3 { margin-right:4px; margin-top:3px; float:right;  }
 
 .whitetitle { margin-top:2px; margin-bottom:15px; font-size:20px; color:#FFFFFF; }
 
 a.titlelink:link { color:#FFFFFF; font-size:20px; text-decoration:none; } 
 a.titlelink:visited { color:#FFFFFF; font-size:20px; text-decoration:none; } 
 a.titlelink:hover { color: #999999; font-size:20px; text-decoration:none; }
 a.titlelink:active { color:#FFFFFF; font-size:20px; text-decoration:none; }
 
 a.titlelinkblack:link { color:#000000; font-size:20px; text-decoration:none; } 
 a.titlelinkblack:visited { color:#000000; font-size:20px; text-decoration:none; } 
 a.titlelinkblack:hover { color: #999999; font-size:20px; text-decoration:none; }
 a.titlelinkblack:active { color:#000000; font-size:20px; text-decoration:none; }
 
 .whiteLink { margin-top:2px; margin-bottom:15px; font-size:12px; color:#FFFFFF; }
 
 .blackLink { margin-top:2px; margin-bottom:15px; font-size:12px; color:#000000; }
 
 a.whiteLink:link { color:#FFFFFF; font-size:12px; text-decoration:none; }
 a.whiteLink:visited { color:#FFFFFF; font-size:12px; text-decoration:none; }
 a.whiteLink:hover { color: #999999; font-size:12px; text-decoration:none; }
 a.whiteLink:active { color:#FFFFFF; font-size:12px; text-decoration:none; }
 
 .NEWstar { font-size:20px; color:#FF0000; }
 .blacktitle { padding-top:3px; padding-left:5px; font-size:16px; font-type:strong; color:#000000; }
 .padding15 { padding-left:15px; }
 .padding5 { padding-left: 5px; }
 .lineheight { line-height:5px; }
 .lineheight2 { line-height:2px; }
 .lineheight20 { line-height:20px; }
 .lineheight15 { line-height:15px; }
 .tinywhite { font-size:12px; margin: 0 0 0 0px; color:white; } 
 .tinyyellow18 { font-size:18px; margin: 0 0 0 0px; color:yellow; }
 .tinyyellow12 { font-size:12px; margin: 0 0 0 0px; color:yellow; }
 .FreeAndRed { font-size: 13px; font-weight:bold; margin: 0 0 0 0px; color:red; }
 .text_1 { font-size:11px; color:black; line-height:13px; }
 .text_2 { font-size:13px; color:#333333; line-height:15px; }
 .text_3 { font-size:12px; color:#000; line-height:16px; }
 .toppadding { padding:7px 0 0 0; }
 hr { margin:5px 0px 5px 0px; size:1px; color:#999999; }

/** Tips blocks **/

 fieldset {
  color: #333;
  border-style:dashed;
  border-color:#999999;
  border-width:4px;
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 5px 5px;
  width: 180px;
  }
  legend {
   color:red;
   background:yellow;
   margin: 0;
   padding: 2px;
   font-weight:bolder;
   border-style: solid;
   border-width: 1px;
   border-color:#666 #999 #666 #999;
   }

.wrappermiva { 
 margin: 0 auto;
 align: center;
 width: 922px;
 background-color:#fff;
 clear:both;
 }

 /**** Secondary Pages ******/
 .wrapper3 {
 float: left;
 width: 660px;
 background-color:#FFFFFF;
 padding:10px 20px 10px 10px;
 color:#000000;
 } 
 .titlePages { font-size:18px; font-weight:bold; margin:3px 0px 3px 0px;}
 .titlePages2 { font-size:16px; font-weight:bold; margin:3px 0px 3px 0px; }
 .titleCategory { font-size:22px; font-weight:bold; margin:3px 0px 3px 0px;}
 
 .titleBlock { 
  background-color:#FFFF99;
  margin-top:10px; 
  padding:3px 5px 5px 5px;
  border-bottom:1px solid #999;
  width:auto;
  clear:both;
  }
  .blockLeft30 {
  width:27%;
  padding:5px 5px 5px 5px;
  float:left;
  }
  .blockRight70 {
    width:67%;
    padding:5px 5px 5px 5px;
    float:right;
    }

 #hitairnav {
 width:260px;
 border:1px solid #00CC00;
 margin:3px 3px 3px 3px;
 padding:1px 1px 1px 1px;
 color:#333333;
 font-size:12px;
 }
 ul.hitairnav {
 list-style-type:none;
 margin:2px 2px 2px 2px;
 padding:2px 2px 2px 2px;
 border:0px solid #333;
 width:250px;
 }
 li.hitairnav {
 background:#DDDDDD;
 margin: 0px;
 border-left: 1px solid #CCC;
 border-top: 1px solid #CCC;
 border-right: 1px solid #AAA;
 border-bottom: 1px solid #666;
 }
 
  ul.hitairnav a:link, ul.hitairnav a:visited {
  display:block;
  padding:2px 28px 2px 5px;
  color:#333333;
  text-decoration:none;
  font-weight:bold;
  height:30px;
  background:#CCC url(/Images/HitAir/hitairnavbarbckg.gif) no-repeat;
  background-position:bottom;
  }
  ul.hitairnav a:hover {
  display:block;
  padding:2px 28px 2px 5px;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  height:30px;
  background:#CCC url(/Images/HitAir/hitairnavbarbckgGREY1.gif) no-repeat;
  background-position:bottom;
  }
  
  ul.hitairnav a:active {
  display:block;
  padding:2px 28px 2px 5px;
  text-decoration:none;
  background:#CCC url(/Images/HitAir/hitairnavbarbckgGREY1.gif) no-repeat;
  }
  
 #current a:link {
  color:#000000;
  background:#CCC url(/Images/HitAir/hitairnavbarbckgGREY1.gif) no-repeat;
  }
 /***Sale***/
 #sale {
 color: #333;
 border-style:dashed;
 border-color:#FF0000;
 background-color:#FFFF66;
 margin: 0px 0px 0px 0px;
 padding: 3px 5px 3px 5px;
 width: 150px;
 height: 335px;
 }
 #saleProd {
 color: #333;
 border-style:dashed;
 border-color:#FF0000;
 background-color:#FFFF66;
 margin: 0px 0px 0px 0px;
 padding: 3px 5px 3px 5px;
 width: 150px;
 height: 350px;
 }

