﻿body {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	scrollbar-3d-light-color: #999999;
	scrollbar-arrow-color: #666666;
	scrollbar-base-color: #DDDDDD;
	scrollbar-dark-shadow-color: #666666;
	scrollbar-face-color: #DDDDDD;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.bgdot {
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

.pagetable {
	border: 0;
	height: 100%;
	width: 980px;
	border-spacing: 0px
}

td {

	font-size: 11px;
	color: #000;
}

td.specials {width:233px; height:130px; vertical-align:top;}

td.header {background-color:#004b8e; color: #FFFFFF; font: bold 18px Verdana, Arial; margin:0;}

td.leftmenu {background-color:#004b8e; vertical-align:top; width:220px;  border-bottom: 3px solid #FFDE00;}

h1 { color: #004b8e; font: bold 18px Verdana, Arial; margin:0;}
h2 { color: #004b8e; font: bold 18px Verdana, Arial; margin:0;}
h3 { color: #004b8e; font: bold 14px Verdana, Arial; margin:0;}
h4 { color: #666666; font: bold 14px Verdana, Arial; margin:0; padding-bottom:5px;}
h5 { color: #666666; font: bold 10px Verdana, Arial; margin:0;;}
h6 { color: #666666; font: bold 10px Verdana, Arial; margin:0;}

span.white18 { color: #FFFFFF; font: bold 18px Verdana, Arial; margin:0;}
span.grey14 { color: #999999; font: bold 14px Verdana, Arial; margin:0;}
span.grey16 { color: #666666; font: normal 16px Verdana, Arial; margin:0;}
span.grey18 { color: #DDDDDD; font: bold 18px Verdana, Arial; margin:0;}
span.grey42 { color: #E4E4E4; font: bold 42px Verdana, Arial; margin: 0px; padding: 0px; line-height: 48px}
span.dgrey14 { color: #666666; font: bold 14px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.dgrey18 { color: #666666; font: bold 18px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.blue12 { color: #004b8e; font: bold 12px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.blue14 { color: #004b8e; font: bold 14px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.blue18 { color: #004b8e; font: bold 18px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.blue36 { color: #004b8e; font: bold 36px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.red12 { color: #B50F18; font: bold 12px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.red14 { color: #B50F18; font: bold 14px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.red16 { color: #B50F18; font: normal 16px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.red18 { color: #B50F18; font: bold 18px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
span.white10 { color: #FFFFFF; font: bold 10px Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px }

span.greybg {float:center; width:150px; background-color:#CCCCCC; font: 900 12px; color:#FFFFFF; text-align:center; text-decoration: none; padding:0.2em 0.6em; border-left:0px solid white; border-bottom:2px solid #999999;}


p { color: #333333; font-size: 11px; margin:0; padding:0;}

.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 6px;
}

.navcell {
	background-color: #004b8e;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 30px;
	padding-top: 0px;
	line-height: 20px;
}
.navcell2 {
	background-image:url('images/bg_menu3.gif');
	background-repeat:no-repeat;
	background-position:left top;
	background-color: #004b8e;
	vertical-align:top;
	font-size: 10px;
	color: #FFFFFF;
	padding:0 0 0 30px;
	line-height: 20px;
	height:100%;
}
.navcellbot {
	background-image:url('images/bg_menubot.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color: #004b8e;
	height:443px;
	width:220px;
}

.headmenu {
	text-align: center;
	color: #FFFFFF;
	background-color: #004b8e;
	border-bottom: 5px solid #FFDE00;	
}


.mainbottom	{color:#666666; padding-left:7px; background-image: url('images/botcellbg.gif'); background-repeat:no-repeat;background-position:right bottom;}
.mainbottom2	{color:#666666; padding-left:0; background-image: url('images/botcellbg.gif'); background-repeat:no-repeat;background-position:right bottom;}

.indexcell {background-color:#004b8e; color:#FFFFFF; width:222px; padding:5px 15px;}

.mainimage	{padding:0; background-image: url('images/headerplanebot.png'); background-repeat:no-repeat; background-position:right top;}
.mainimage2	{
	background-image:url('images/headerplanebot2.png');
	background-repeat:no-repeat;
	background-position:right top;
	vertical-align:top;
	height:234px;
	width:458px;
	padding:0; 
	margin:0; 
}


.redstrip	{padding:0; background-image: url('images/redstrip.png'); background-repeat:no-repeat;background-position:left top;}

.led	{padding:0; background-image: url('images/bg_led.png'); background-repeat:no-repeat;background-position:left top; 
	border-bottom:solid 1px #333333;
	border-right:solid 1px #333333;	
	padding-left:110px;padding-top:90px;
}

.trailer	{padding:0; background-image: url('images/bg_trailer.png'); background-repeat:no-repeat;background-position:left top; 
	border-bottom:solid 1px #333333;
	border-right:solid 1px #333333;	
	padding-left:100px;padding-top:197px;
}


.beacon	{padding:0; background-image: url('images/bg_beacon.png'); background-repeat:no-repeat;background-position:left top; 
	border-bottom:solid 1px #333333;
	padding-left:90px;padding-top:100px;
}

.fireext {padding:0; background-image: url('images/bg_fireext.png'); background-repeat:no-repeat;background-position:right top; 
	border-bottom:solid 1px #333333;
	padding-left:40px;padding-top:100px;
	width:112px;
	height:130px;
	border-right:solid 1px #333333;
}

.hivis {padding:0; background-image: url('images/bg_hivis.png'); background-repeat:no-repeat;background-position:right top; 
	border-bottom:solid 1px #333333;
	padding-left:40px;padding-top:100px;
	width:113px;
	height:130px;	
}


.stepjack	{padding:0; background-image: url('images/bg_stepjack.png'); background-repeat:no-repeat;background-position:left top; 
	border-bottom:solid 1px #333333;
	padding-left:110px;padding-top:65px;
}
.suppliers	{padding:0; background-image: url('images/bg_suppliers.png'); background-repeat:no-repeat;background-position:left top;}

.locations {
	color: #133D8D;
	font: normal 12px Verdana, Arial;
	text-align: left;
}

.foot {
	font: bold 10px Verdana, Arial;
	text-align: right;
	color: #FFFFFF;
	background-color: #004b8e;

}

.shop {
	text-align: left;
	vertical-align:top;
	color: #004b8e;
	background-color: #FFFFFF;
}

.module {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	display: inline;
}

.text10 {}

A:link {color: #004b8e; font: bold 12px Verdana, Arial; text-decoration: underline;}
A:visited {color: #004b8e; font: bold 12px Verdana, Arial; text-decoration: underline;}
A:active {color: #004b8e; font: bold 12px Verdana, Arial; text-decoration: underline;}
A:hover {color: #B50F18; font: bold 12px Verdana, Arial; text-decoration: none;}

A.nav:link {color: #FFFFFF; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}
A.nav:visited {color: #FFFFFF; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}
A.nav:active {color: #FFFFFF; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}
A.nav:hover {color: #B50F18; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}

A.nav2:link {color: #FFFFFF; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}
A.nav2:visited {color: #FFFFFF; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}
A.nav2:active {color: #FFFFFF; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}
A.nav2:hover {color: #FFDE00; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}

A.nav3:link {color: #FFFFFF; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}
A.nav3:visited {color: #FFFFFF; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}
A.nav3:active {color: #FFFFFF; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}
A.nav3:hover {color: #B50F18; font: bold 10px Verdana, Arial; line-height:30px; text-decoration: none;}

A.loc:link {font: 12 Arial; color: #666666; text-decoration: none;}
A.loc:visited {font: 12 Arial; color: #666666;text-decoration: none;}
A.loc:active {font: 12 Arial; color: #666666;text-decoration: none;}
A.loc:hover {font: 12 Arial; color: #000;text-decoration:underline;}

A.login:link {font-size: 12px;color: #004b8e;text-decoration: none;}
A.login:visited {font-size: 12px;color: #004b8e;text-decoration: none;}
A.login:active {font-size: 12px;color: #004b8e;text-decoration: none;}
A.login:hover {font-size: 12px;color: #B50F18;text-decoration:none;}


.description2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: justify;
}

TD.mincart {
	font-size: 10px;
	color: #666666;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

P.mincart {
	font-size: 10px;
	color: #333333;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.detailimage {vertical-align:top;}

ul.main {list-style-type: circle; margin-left: 30px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px}
ul.circle {list-style-type: circle; margin-left: 20px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px}
ul.square {list-style-type: square; margin-left: 50px; margin-right: 5px; margin-top: 3px; margin-bottom: 3px}
ul.service {list-style-type: square; margin-left: 20px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px}
ul.leftmenu {list-style-image: url(redbullet.gif);}

ul.menu {list-style-type: disc; float:right; width:100%; padding:0; margin:0;}

a.menu:link {float:left; width:119px; height: 23px; background-color:#004b8e; font: bold 10px Arial; color:#FFFFFF; text-align:center; text-decoration: none; padding:0.2em 0.6em; border-bottom:3px solid red;}
a.menu:visited {float:left; width:119px; height: 23px; background-color:#004b8e; font: bold 10px Arial; color:#FFFFFF; text-align:center; text-decoration: none; padding:0.2em 0.6em; border-bottom:3px solid red;}
a.menu:active {float:left; width:119px; height: 23px; background-color:#9DA9D1; font: bold 10px Arial; color:#FFFFFF; text-decoration: none; padding:0.2em 0.6em;}
a.menu:hover {float:bottom; width:119px; height: 23px; background-color:#F2F200; font: bold 10px Arial; color:#9DA9D1; text-decoration: none; padding:0.2em 0.6em; border-bottom:3px solid red;}

a.rmenu:link {float:left; width:115px; height: 23px; background-color:#004b8e; font: 10px Arial; color:#FFFFFF; text-align:center; text-decoration:none; padding:0.2em 0.6em; border-right:2px solid white; border-bottom:3px solid red;}
a.rmenu:visited {float:left; width:115px; height: 23px; background-color:#004b8e; font: bold 10px Arial; color:#FFFFFF; text-align:center; text-decoration:none; padding:0.2em 0.6em; border-right:2px solid white; border-bottom:3px solid red;}
a.rmenu:active {float:left; width:115px; height: 23px; background-color:#9DA9D1; font: bold 10px Arial; color:#FFFFFF; text-decoration: none;}
a.rmenu:hover {float:left; width:115px; height: 23px; background-color:#F2F200; font: bold 10px Arial; color:#9DA9D1; text-decoration: none;padding:0.2em 0.6em; border-left:0px solid white; border-bottom:3px solid red;}

a.item:link {float:left; width:25%; height: 20px; background-color:#004b8e; font: bold 11px Arial; color:FFFFFF; text-align:center; text-decoration: none; padding:0.2em 0.6em; border-left:2px solid white; border-bottom:2px solid red;}
a.item:visited {float:left; width:25%; height: 20px; background-color:#004b8e; font: bold 11px Arial; color:#FFFFFF; text-align:center; text-decoration: none; padding:0.2em 0.6em; border-left:2px solid white; border-bottom:2px solid red;}
a.item:active {float:left; width:25%; height: 20px; background-color:#004b8e; font: bold 11px Arial; color:#FFFFFF; text-align:center; text-decoration: none; padding:0.2em 0.6em; border-left:2px solid white; border-bottom:2px solid red;}
a.item:hover {float:left; width:25%; height: 20px; background-color:#F2F200; font: bold 11px Arial; color:#666666; text-align:center; text-decoration: none; padding:0.2em 0.6em; border-left:2px solid white; border-bottom:2px solid #004b8e;}

a.menu1:link {float:left; width:100px; height: 23px; background-color:#004b8e; font: bold 11px Arial; color:#FFFFFF; text-align:center; text-decoration:none; padding:1em 0.6em;}
a.menu1:visited {float:left; width:100px; height: 23px; background-color:#004b8e; font: bold 11px Arial; color:#FFFFFF; text-align:center; text-decoration:none; padding:1em 0.6em;}
a.menu1:active {float:left; width:100px; height: 23px; background-color:#9DA9D1; font: bold 11px Arial; color:#FFFFFF; text-decoration: none; padding:0.8em 0.6em;}
a.menu1:hover {float:left; width:100px; height: 23px; background-color:#FFDE00; font: bold 11px Arial; color:#004b8e; text-decoration: none;padding:1em 0.6em;}

a.menu2:link {float:left; width:103px; height: 23px; background-color:#004b8e; font: bold 11px Arial; color:#FFFFFF; text-align:center; text-decoration:none; padding:1em 0.6em;}
a.menu2:visited {float:left; width:102px; height: 23px; background-color:#004b8e; font: bold 11px Arial; color:#FFFFFF; text-align:center; text-decoration:none; padding:1em 0.6em;}
a.menu2:active {float:left; width:102px; height: 23px; background-color:#9DA9D1; font: bold 11px Arial; color:#FFFFFF; text-decoration: none; padding:0.8em 0.6em;}
a.menu2:hover {float:left; width:102px; height: 23px; background-color:#FFDE00; font: bold 11px Arial; color:#004b8e; text-decoration: none;padding:1em 0.6em;}

li.menu1 {display:inline}
li.menu {display:inline}
li.rmenu {display:inline}
li.item {display:inline}

li {font-family: Verdana, Arial; font-size: 11px; color: #333333; line-height: 12pt; padding-left:10px;}

li.leftmenu {font-family: Verdana, Arial; font-size: 12px; color: #B50F18; line-height: 24pt;}

input.search
{
	height: 17px;
	background-color: #9DA9D1;
	border: solid #000066;
	border-width: 1px;
	font-family: tahoma;
	color: rgb(0,0,70);
	font-size: 11px;
	
}

input.submit{
background: url(../images/submit.gif) no-repeat  right top;
border:  none;
height: 39px;
width: 170px;
padding: 40px 0 0;
overflow: hidden;
cursor: pointer;
}

A.dark:link {color: #666666; font: bold 10px Verdana, Arial; text-decoration: underline;}
A.dark:visited {color: #666666; font: bold 10px Verdana, Arial; text-decoration: none;}
A.dark:active {color: #CCCCCC;	font: bold 10px Verdana, Arial; text-decoration: none;}
A.dark:hover {color: #004b8e; font: bold 10px Verdana, Arial; text-decoration: none;}

A.white:link {color: #FFFFFF; font: bold 10px Verdana, Arial; text-decoration: none;}
A.white:visited {color: #FFFFFF; font: bold 10px Verdana, Arial; text-decoration: none;}
A.white:active {color: #FFFF00;	font: bold 10px Verdana, Arial; text-decoration: none;}
A.white:hover {color: #FFFF00; font: bold 10px Verdana, Arial; text-decoration: none;}

A.shop:link {color: #004b8e; font: bold 12px Verdana, Arial; text-decoration: none;}
A.shop:visited {color: #004b8e; font: bold 12px Verdana, Arial;; text-decoration: none;}
A.shop:active {color: #004b8e; font: bold 12px Verdana, Arial; text-decoration: none;}
A.shop:hover {color: #B50F18; font: bold 12px Verdana, Arial; text-decoration: underline;}

A.cart:link {color: #B50F18; font: bold 11px Verdana, Arial; text-decoration: none;}
A.cart:visited {color: #B50F18; font: bold 11px Verdana, Arial;; text-decoration: none;}
A.cart:active {color: #B50F18; font: bold 11px Verdana, Arial; text-decoration: none;}
A.cart:hover {color: #004b8e; font: bold 11px Verdana, Arial; text-decoration: underline;}

A.log:link {color: #666666; font: bold 11px Verdana, Arial; text-decoration: none;}
A.log:visited {color: #666666; font: bold 11px Verdana, Arial;; text-decoration: none;}
A.log:active {color: #666666; font: bold 11px Verdana, Arial; text-decoration: none;}
A.log:hover {color: #B50F18; font: bold 11px Verdana, Arial; text-decoration: underline;}

HR {height: 1px; color: #999999;}
HR.blue {width:90%; height: 1px; color: #004b8e;}

.imagespecials {float:left; border:solid 1px gray; margin:0 6px 20px 0; height:100px; width:80px;}
.imagemore {float:right; margin-right:15px; border:0; height:18px; width:118px;}

<-- Product BodyFormat3 
.cpd {background : #999;}

.cpdll {background : #FFF; color: #333;}

.cpdhl {background : #004b8e; color: #FFF; font-weight: bold;}

div.prod3listprice {color: #B50F18; text-decoration: line-through;}

span.extraimage{
color: #999999;
font-weight: bold;
}
span.extraimagenum{
color: #000;
font-weight: bold;
}