/* CSS Document */
a {
text-decoration: none;
color: #009900;
}
	a:hover {
	color: #000;
	}
a img {
	border: none;
	}
a.ProductImage {
	border: none;
	}
	a:hover.ProductImage {
	border: none;
	}
body {
text-align: center;
line-height: 1.5em;
margin: 0;
padding: 0 ;
font-size: 76%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url(../images/GreBackground.jpg) #222 fixed 50% repeat-y;
}

h1 {
height: 17px;
font-weight: bold;
font-size: 140%;
background: #777568;
background-image: url(../Images/menucap.jpg);
background-repeat: no-repeat;
color: #f6f6f6;
margin: 10px 0 10px 0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 40px;
}

h2 {
display: inline;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 170%;
margin: 0;
padding: 0;
color: #80AC22;
font-weight: normal;
line-height: 1em;
}
	h2 span {
	background: url(../Images/HeaderBevel.gif) top right no-repeat; /*Conditional commented for IE6*/
	float: left;
	padding: 10px 40px 5px 10px;
	margin-top: 0px
	}
h3 {
clear: both;
font-size: 120%;
margin: 0 0 0 0px;
padding: 5px 0 6px 0px;
line-height: 1em;
color:#333333;
background: url(../Images/InsetLine.gif) bottom left repeat-x;
}
h4 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 120%;
padding: 5px;
margin: 15px 0px 5px 0px;
line-height: 1;
color: #80AC22;
background: url(../Images/InsetLine.gif) bottom left repeat-x;
}
h5 {
text-align: center;
height: 17px;
font-weight: bold;
font-size: 120%;
background: #80AC22;
background-repeat: no-repeat;
color: #f6f6f6;
margin: 8px 0 3px 0;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
h6 {
font-size: 110%;
font-weight: bold;
margin: 0.5em;
line-height: 0px;
padding: 3px;
color: #666;
}
p {
margin: 5px;
}
b {
color:#80AC22;
}

.ContentMain{
padding:0;
margin: 0;
}
.Container {
position: relative;
background: #333;
width: 870px;
margin:0 auto;
padding:  0 0 0px 0;
text-align: left;
}
/*Header*/
/*---------------------------------------------------------------------------------------*/
.Header {
margin: 0px 0 0 0;
padding: 0;
background:	url(../images/Navigation/TecproHeader.jpg) no-repeat;
height: 93px;
border:  solid  #80AC22;
border-width: 0px 0 0 0; 
}
	.Header ul{
	padding: 0;
	margin: 0 0 0 0;
	}
		.Header ul li {
		list-style: none;
		float: left;
		padding: 0;
		margin: 0;
		}
			.Header ul li a {
			float: left;
			display: inline;
			height:93px;
			background:	url(../images/Navigation/TecproHeader.jpg) no-repeat;
			text-indent: -9999px;
			}
#RH a {
background-position: 0px 0;
width: 75px
}
	#RH a:hover {
	background-position: 0px -93px;
	}
#Off a {
background-position: -75px 0;
width: 50px
}
	#Off a:hover {
	background-position: -75px -93px;
	}
#Speaker2 a {
background-position: -125px 0;
width: 325px
}
	#Speaker2 a:hover {
	background-position: -125px -93px;
	}
#Home a {
background-position: -440px 0;
width: 66px;
}
	#Home a:hover {
	background-position: -440px -93px;
	}
#Products a {
background-position: -506px 0;
width: 66px;
}
	#Products a:hover {
	background-position: -506px -93px;
	}
#DealersUk a {
background-position: -572px 0;
width: 66px;
}
	#DealersUk a:hover {
	background-position: -572px -93px;
	}
#DealersInt a {
background-position: -638px 0;
width: 66px;
}
	#DealersInt a:hover {
	background-position: -638px -93px;
	}
#Tech a {
background-position: -704px 0;
width: 66px;
}
	#Tech a:hover {
	background-position: -704px -93px;
	}
#Contact  a {
background-position: -770px 0;
width: 90px;
}
	#Contact  a:hover {
	background-position: -770px -93px;
	}	

/*ProductNav*/
/*---------------------------------------------------------------------------------------*/
.ProductNav {
width: 200px;
float: left;
text-align: left;
background: #383A39;
}
	.ProductNav h3 {
	float: none;
	margin: 0;
	padding: 15px 10px 10px 10px;
	background: #333;
	border-bottom: solid 1px #111;
	border-left: none;
	color: #80AC22;
	font-family: "Trebuchet MS";
	font-size: 130%;
	}
	.ProductNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
		.ProductNav ul li {
		border-bottom: solid 1px #111;
		border-top: solid 2px #444;
		}
			.ProductNav a {
			color:#fff;
			font-family: "Trebuchet MS";
			text-decoration: none;
			}
				.ProductNav ul li a {
				border: none;
				display: block;
				zoom: 1;
				padding: 5px 10px;
				}
					.ProductNav li a:hover {
					background: #56792F;
					color: #FFFFFF;
					}
						.BottomProd {
						border-bottom: dotted 1px #80AC22;
						}
/*ProductNav*/
/*---------------------------------------------------------------------------------------*/
.QuickFind {
}
	.QuickFind ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
		.QuickFind ul li {
		float: left;
		width: 61px;
		padding: 0 0px 0 5px;
		}
			.QuickFind ul li a {
			display: block;
			padding: 0.1em 0;
			padding: 0 0px 0 5px;
			}
/*MainWindow*/
/*---------------------------------------------------------------------------------------*/	
#Column2 {
float: right;
display: inline;
background: #CCCCCC;
padding: 0;
margin: 0;
}
.Content{
float: right;
display: inline;
padding-top: 5px;
background:#333;
overflow: hidden;
width: 667px;
}
.ContentBlock {
clear: both;
padding: 10px;
background: #fff url(../Images/ContentBlockBG.jpg) top left repeat-x;
zoom: 1;
min-height: 20em;
}
.ContentBlockInner {
position: relative;
}
	.ContentBlockInner p{
	padding: 0;
	margin: 10px 0;
	}
.ContentInner {
clear: both;
padding: 10px;
background: #fff url(../Images/ContentBlockBG.jpg) top left repeat-x;
zoom: 1;
border: #333 solid;
border-width: 0 1px 1px 0px;
}
	.OpenPara p{
	margin-left: 0;
	padding:5px 0 4em 0;
	float: left;
	width: 350px;
	display: inline;
	}
	.ProdImages {
	float: right;
	display: inline;
	width: 280px;
	background: #80AC22;
	margin: 10px 0px 20px 0px;
	}
		.ProdImages a{
		display :block;
		background: #80AC22;
		padding: 5px 5px 5px 5px;
		}
			.ProdImages a:hover{
			background: #677C27;
			}
		.ProdImages ul{
		list-style: none;
		padding: 0px ;
		margin: 0 auto;
		}
			.ProdImages li{
			float:left;
			display: inline;
			list-style: none;
			padding: 0px 0px 0px 0 ;
			margin: 0 auto;
			}
				.ProdImages li.nrm{
				padding-right: 0;
				}

/*TechData*/
/*---------------------------------------------------------------------------------------*/	
.TSTable {
font-size: 90%;
margin: 10px 0 0 0;
padding: 3px;
color: #000;
width: 630px;
}
	.TSTable td {
	padding-left: 5px;
	}
	
	.Spec td {
	width: 80px;
	}
.Line {
background: #D6E4CD;
}
.NoLine {
background: #fff;
}

	.Feat {
	list-style: disc;
	color: #000;
	font-weight:bold;
	font-size: 100%;
	}
	.Feat1 {
	list-style: none;
	color: #000;
	font-weight:;
	font-size: 100%;
	padding-bottom: 10px;
	}
/*TechData*/
/*---------------------------------------------------------------------------------------*/	
.Resource ol {
list-style: none;
margin: 0px 0 0 0;
padding: 10px;
font-size: 120%;
font-weight: bold;
line-height: 6em;
}
	.Resource img {
	float: left;
	padding-right: 30px;
	}
		.Resource span i {
		font-weight: normal;
		font-size: 60%;
		}
	.Resource ol a {
	height: 115px;
	line-height: 115px;
	display: block;
	background: #ccc;
	maggin: 10px;
	padding: 10px;
	}
		.Resource ol a:hover {
		background: #ECE9D8;
		}
			.Resource li  {
			margin: 10px 0 0 0;
			}
				
/*Product Browse*/
/*--------------------------------------------------------------------------------------*/
.SubCat {
padding:10px 10px 10px 13px;

}
	.SubCat ol{
	display: block;
	list-style:none;
	margin: 0;
	padding: 0px 0 0 0;
	}
		.SubCat ol li {
		width: 315px;
		padding-top: 0;
		float: left;
		text-align: justify;
		}
			.SubCat ol li a {
			background:  url(../images/Products.png) no-repeat;
			background-position: 0% 0%;
			height: 400px;
			}
			.SubCat ol li.ComingSoon {
			background: url(../images/ComingSoon.png) no-repeat;
			background-position: 0% 0%;
			color:#FFFFFF;
			height: 400px;
			}
				.SubCat ol li a:hover {
				background-position: 100% 0%;
				}
				.SubCat ol li.clear {
				float: none;
				height: 5px;
				}
			.SubCat ol li img {
			padding-top: 5px;
			margin: 0px 0 0px 10px;
			background: #fff;
			}
			.SubCat ol li h3 {
			font-size: 130%;
			background: none;
			color: #80AC22;
			padding: 15px 15px 0px 12px;
			margin: 0 10px;
			margin-top: 0px;
			}
			.SubCat ol li p{
			padding: 0 15px 0px 15px;
			width: 270px;
			}
			.SubCat ol li a{
			color: #FFFFFF;
			}
.Fullwidth ol li{
width:640px;
}

.Right {
margin-left: 10px;
}
/*Captions*/
/*---------------------------------------------------------------------------------------*/
div.links {
padding: 20px 0 0 30px;
}
div.links a{
float: left;
}
div.links a span {display: none;}

div.links a:hover span {display: block;
   position: absolute; top: 125px; left: 20px; width: 560px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #fff; background:#678F2C;
   font: 10px Verdana, sans-serif; text-align: left;}
   
div.links a:hover {
}
.no {
background: #80AC22;
font: 16px Verdana, sans-serif; text-align: center;
font-weight:bold;
float: left;
width: 20px;
padding: 2px;
margin-right: 3px;
}
.pop{
background: #80AC22;
font: 10px Verdana, sans-serif; text-align: left;
float: left;
width: 522px;
padding: 5px;
}
	.pop b {
	color: #fff;
	}
.MouseBorder {
margin: 8px;
width: 560px;
padding: 13px 0 10px 20px;
color: #FF0000;
font: 14px Verdana, sans-serif; text-align: center;
}
	.MouseBorder p{
	font-weight: bolder;
	}
	
#pic {
	position: relative;
}
#pic a .large {
border: 0px;
height: 0px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
}
#pic a.p1:hover .large {
border: 10px solid #CCCCCC;
height: auto;
left: -400px;
position: absolute;
top: -80px;
width: auto;
}
/*Dealers*/
/*---------------------------------------------------------------------------------------*/	
.Products ul {
list-style: none;
margin: 0px 0 0 0;
padding: 10px;
}
	.Products img {
	float: left;
	padding: 0px 0px 0px 0px; 
	}
	.Products p {
	margin: 0px 0px 0px 120px; 
	}
	
	.Products ul a {
	display: block;
	background: #ccc;
	maggin: 10px;
	padding: 10px;
	color: #000000;
	}
		.Products ul a:hover {
		background: #80AC22;
		color: #000000;
		}
			.Products li  {
			margin: 0px 0 10px 0;
			}
.Products h2 span{
background: none;
color: 000;
margin-top: 0px;
padding-top: 0px;
}
.Products ul h3 {
clear: none;
font-size: 120%;
margin: 0 0 0 120px;
padding: 0px 0 5px 0px;
line-height: 1em;
color:#000;
background: none;
}

/*Dealers*/
/*---------------------------------------------------------------------------------------*/	
.Dealers {
float: left;
width: 640px;
}

	.Dealers ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 310px;
	}
		.Dealers ul.International{
		width: 640px;
		}
		.Dealers ul.left {
		float: left;
		}
		.Dealers ul.right {
		float: right;
		}
	.Dealers li {
	margin: .5em 0 1.25em 0;
	padding: 5px;
	background: #E7EDCB;
	}
		.Dealers li a:hover {
		
		}
		.Dealers li img {
		float: left;
		display: inline;
		background: #fff;
		border: solid 1px;
		border-color: #222 #666 #666 #222;
		}		
		.Dealers li h5 {
		text-align: left;
		margin: 0;
		margin-left: 111px;
		font-size: 90%;
		color: #fff;
		background-color:#666666;
		}	
			.Dealers li h5 span {
			display: inline;
			font-weight: normal;
			padding: 0;
			margin: 0;
			}
		.Dealers li address {
		margin: 0 0 0 111px;
		font-style: normal;
		padding-right: 10px;
		padding-left: 8px;
		}
		.Dealers li span {
		display: block;
		margin-left: 111px;
		margin-bottom: 0.5em;
		padding-right: 10px;
		padding-left: 8px;
		}
		.Dealers li a.external {
		padding-right: 13px;
		background: url(../Images/ExternalLink.gif) right center no-repeat;
		}
/*Contact*/
/*---------------------------------------------------------------------------------------*/
.Contactform{
text-align: center;
margin: 0 auto;
width:360px;
}
label{
width: 7.5em;
float: left;
text-align: left;
margin-right: 1em;
display: block;
}
.submit input{
margin-left: 5em;
} 
input{
color: #000;
background: #D6E4CD;
border: 1px solid #56792F;
}
.submit {
text-align: right;
padding-right: 1em;
} 
.submit input{
color: #000;
background: #D6E4CD;
border: 2px outset #56792F;
} 
fieldset{
border: 1px solid #80AC22;
width: 27em;
text-align: left;
padding: 1em;
background: url(../images/ContactSymbol.gif) no-repeat;
background-color: #FFFFFF;
background-position: 100% 0%;
}
legend{
color: #000;
background: #D6E4CD;
border: 1px solid #80AC22;
padding: 2px 6px;
} 
/*Picture Frame styles*/
.HomeFrame {
margin: 5px 0 5px 10px;
border: solid 1px #000;
position: relative;
text-decoration: none;
float: right;
}
.Framed {
padding: 5px 5px 50px 5px;
background:#80AC22;
position: relative;
text-decoration: none;
float: right;
}
	a.Framed:hover {
	background: #ccc;	
	text-decoration: none;
	}
	.Framed img {
	background: #fff;
	padding: 10px;		
	}
	.Framed span {
	position: absolute;
	left: 1px;
	top: 1px;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 0 30px 0px 3px;
	background: url(../Images/ImageCaptionTab.png) 100% 100% no-repeat; /*conditional commented to .gif for IE6*/
	}
		a.Framed:hover span {
		background-position: 100% -43px;
		color: #789823;
		}
/*Modifyers*/
	.TallFrame {
	background-image: url(../Images/PictureFrame_Tall.png);
	}
	.FlushFrame img {
	padding: 0px;		
	}
/*Bottom Bar*/
/*---------------------------------------------------------------------------------------*/
.Footer {
background: url(../images/footer.png) no-repeat;
margin: 0px  0 0px 0;
text-align: center;
padding: 0px 0;
bottom: 0;
width: 870px;
height:40px;
}
	.Footer p {
	padding: 15px 0 0px 0;
	margin: 10px 0 0 0;
	color: #fff;
	}
		.Footer p a {
		color: #fff;
		text-decoration: underline;
		}


/*WORKER CLASSES*/
/*---------------------------------------------------------------------------------------*/
.clear {
clear: both;
}
.clearleft {
clear: left
}
.floatleft {
float: left;
display: inline;
}
.floatright {
float: right;
display: inline;
}
.inline {
display: inline;
}
.norightmargin, div.norightmargin, ul li.norightmargin {
margin-right: 0;
}
/*CLEARFIX*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */