@charset "UTF-8";
/* CSS Document */

/* Master Styles */
body					{ background: #718084 url('../images/global/background.jpg') left top no-repeat; font: 11px Tahoma; color: #1e252a; margin: 0px; padding: 0px; }
a						{ text-decoration: none; color: #890202; }
a:hover					{ text-decoration: none; color: #f23030; }
ul,ol,dt,li				{ margin: 0px; padding: 0px; list-style: none; }
h1,h2					{ font: bold 16px Arial; color: #1e252a; letter-spacing: -1px; margin: 0px 0px 10px 0px; }
h3						{ font: bold 14px Arial; color: #1e252a; letter-spacing: -1px; margin: 0px 0px 0px 0px;}
h4						{ font: bold 14px Arial; color: #1e252a; letter-spacing: -1px; margin-top: 20px;margin-bottom: 2px;}
h5						{ font: bold 16px Arial; color: #1e252a; letter-spacing: -1px; padding-left: 29px; 
							margin: 20px 0px 0px 0px; background: url(../images/global/heading_lines2.png) left 2px no-repeat; 
						}
.backlinks				{ font: 10px Arial; color: #1e252a; letter-spacing: -1px; padding-left: 22px;
							margin: 20px 20px 0px 0px; padding-bottom: 5px; background: url(../images/global/arrowback.gif) left 0px no-repeat;}
.forwardlinks			{ font: 10px Arial; color: #1e252a; letter-spacing: -1px; padding-left: 22px;
							padding-right: 20px; padding-bottom: 5px; background: url(../images/global/arrow.gif) right 0px no-repeat;}							
h2						{ padding-left: 34px; background: url(../images/global/heading_lines.png) left 2px no-repeat; }
p						{ margin: 0px 0px 8px 0px; }
form, input, textarea	{ margin: 0px; padding: 0px;}
img 					{ border: none; }

/* Layout */
.technicianarea			{ height: 5px; border-top: 1px black solid; border-bottom: 1px black solid; 
							background: url(../images/global/techniciandivider.png) repeat-x
						}
.products .heading		{ font: bold 15px Arial; color: #890202; letter-spacing: -1px; margin: 0px 0px 0px 0px; }
.products .body			{ padding-left: 5px; }
.products .date			{
	font: 10px Arial;
	color: #999999;
}
.products td			{ vertical-align: top;}
#applylink				{ float: right;position:relative; width: 300px; padding-right: 70px;top: -2px;height: 25px;text-align: right;margin-top: 3px;}
#contactdetails			{ float: right; background: url('../images/global/contactnums.jpg') no-repeat 0px 0px; width: 211px; height: 21px; margin-top: -5px;padding-right: 12px; font-size:9px; text-align: center; padding-top: 5px;}

#loggedin				{ 	float: right; 
							margin-top: -25px;
							left: 440px;
							background: transparent url('../images/global/loggedin.jpg') no-repeat left; 
							width: 280px; 
							height: 21px;       
							padding-right: 12px; 
							font-size: 11px; 
							text-align:center; 
							padding-top: 7px;
							position: absolute;
						}

#montage				{ width: 100%; height: 770px; background: transparent url('../images/global/montage.jpg') 818px 215px no-repeat; z-index: 1; }
#container				{ margin-left: 50px; width: 701px; padding: 52px 0px 32px 66px; z-index: 2; background: url('../images/global/container_background.png') no-repeat left 997px; }
#left					{ float: left; width: 180px; padding: 13px 13px 20px 13px; margin: 0px 0px 0px 0px; }

/* Navigation */
#left ol				{ padding-bottom: 10px; border-bottom: none;}
#left li				{ margin: 0px -13px 0px -13px; border-bottom: solid 1px #ccced0; }
#left li a				{ display: block; padding: 2px 10px 2px 10px;  font: bold 16px Arial; color: #1e252a; letter-spacing: -1px; background: transparent url('../images/global/nav_arrow.png') right bottom no-repeat; }
#left li a:hover 		{ display: block; padding: 2px 10px 2px 10px;  font: bold 16px Arial; color: #b3c2c5; letter-spacing: -1px; background: transparent url('../images/global/nav_arrow_down.png') right bottom no-repeat; }
#right					{ float: left; padding: 13px 0px 20px 20px; margin-bottom: 12px; width: 465px;}
#subnav					{
							display:block; 
							height: 29px; 
							text-align: right; 
							padding-top: 70px; 
							padding-bottom: 0px;
							padding-right: 20px; 
							}
#subnav ul				{ list-style: none; }
#subnav li				{ display: inline; padding: 20px 0px 0px 10px; color:#FFFFFF; font-weight: bold }
#subnav li a			{ font: bold 14px Arial; color: #FFF; letter-spacing: -1px; }
#subnav li a:hover		{ color: #f25454; }

/*.leftsubnav ul			{ margin: 0px -13px 40px px; border: solid 1px black; }*/
#left ul				{ padding-bottom: 20px; }
#left ul > li			{ bottom-border: none;}
#left ul > li a			{ position: relative; width: 176px; left: 15px; padding: 2px 10px 2px 18px;  font: 12px Arial; color: #1e252a; letter-spacing: -1px; background: transparent url('../images/global/nav_arrow_sub.png') left center no-repeat; }
#left ul > li a:hover	{ position: relative; width: 176px; left: 15px; padding: 2px 10px 2px 18px;  font: 12px Arial; color: #b3c2c5; letter-spacing: -1px; background: transparent url('../images/global/nav_arrow_sub_down.png') left center no-repeat; }



/* Styles */
a.button				{ display: block; width: 60px; text-align: right; color: #FFF; margin-top: 29px; padding: 7px 4px 3px 24px; background: #000 url('../images/global/button_lines.png') left top repeat-y; }
a.button:hover			{ color: #FFF; background: #f20907 url('../images/global/button_lines_hover.png') left top repeat-y; }

/* Footer */
#footer					{ padding: 8px 0px 10px 0px; text-align:center; margin-left: 230px}
#footer ul				{ font: 11px Tahoma; color: #718489; margin-bottom: 10px; }
#footer ul li			{ display: inline; margin-right: 13px; }
#footer ul li a			{ color: #313a40; border-bottom: solid 1px #adb1b3; }
#footer ul li a:hover	{ color: #adb1b3; border-bottom: none; }
#footer p				{ font: 9px Tahoma; 	color: #9A9C9E; }
#footer p a				{ color: #c38888; }
#footer p a:hover		{ color: #35bbcc; }

#left li a.menuselected				{ display: block; padding: 2px 10px 2px 10px;  font: bold 16px Arial; color: #1e252a; letter-spacing: -1px; background: transparent url('../images/global/nav_arrow_down.png') right bottom no-repeat; }

a.menuselected			{ display: block; padding: 2px 10px 2px 10px;  font: bold 16px Arial; color: #1e252a; letter-spacing: -1px; background: transparent url('../images/global/nav_arrow_down.png') right bottom no-repeat; border-bottom: solid 1px #ccced0; }

#categorytable
{
	float: right; 
	position:relative; 
	display:block; 
	z-index:-1; 
	top: 0px; 
	height: 100px; 
	left: 0px; 
	width: 141px;
	opacity:0.2;
	filter:alpha(opacity=20);
}

.contactus td {
	padding-bottom: 3px;
	padding-top: 3px;
	vertical-align: top;
}

.new a {
	display: block;
	/*border: black solid 1px;*/
	padding-left: 45px; 
	padding-top: 15px;
	text-align: center;
	background: url(../images/home/siren.jpg) left 2px no-repeat;
	height: 60px;
	font-size:14px;
	letter-spacing: -1px; 
}

.qkprodform {
	padding: 0px 0px 0px 0px;
	border: none;
	margin: 0px 0px 0px 0px;
}

#menubar {
  border-top: 2px solid #e6e6e6;
  border-right: 2px solid #b1b1b1;
  border-bottom: 2px solid #b1b1b1;
  border-left: 2px solid #e6e6e6;
  background-color: #ccc;
  color: #000;
  height: 1.4em;
  line-height: 1.2em;
}

.menu {
  width: 140px;
  padding: 0.1em 3em 0.1em 0.5em;
  cursor: default;
    text-indent: 0px;
}

.menu ul {
  border: black solid 1px;
  display: none;
  position: relative;
  height: 200px;
  width: 280px;
  top: -20px;
  left: 100px;
  background-color: #e6e6e6;
  color: black;
  list-style: none;
  /*margin: 0.1em 0 0 0;*/
  overflow: scroll;
  overflow-x: hidden;
  z-index: 10;
}

.menu ul li {
  text-align: left;
  width: 280px;
  display: block;
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
  text-indent: 0px;
  left: 0px;
}

#left .menu ul li a {
  left: 0px;
  width: 280px;
  background: none;
  display: block;
}

#left .menu ul li a:hover {
  background: none;
  width: 280px;
  display: block;
  color: black;
}

div.menu:hover ul {
  display: block;
}

div.menu ul li:hover {
	background-color: #FFAAAA;
}