/*
 * Black 271b1b
 * Green 96bf0d
 * Bright Green baee0e
/*

/* 
 * RESET
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-spacing:0}

/*
 * FONTS
 */
@font-face {
	font-family: 'MisoLight';
	src: url('../font/miso-light-webfont.eot');
	src: local('?'), url('../font/miso-light-webfont.woff') format('woff'), url('../font/miso-light-webfont.ttf') format('truetype'), url('../font/miso-light-webfont.svg#webfontF29MFFwu') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MisoRegular';
	src: url('../font/miso-webfont.eot');
	src: local('?'), url('../font/miso-webfont.woff') format('woff'), url('../font/miso-webfont.ttf') format('truetype'), url('../font/miso-webfont.svg#webfontA4ZOCCxS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MisoBold';
	src: url('../font/miso-bold-webfont.eot');
	src: local('?'), url('../font/miso-bold-webfont.woff') format('woff'), url('../font/miso-bold-webfont.ttf') format('truetype'), url('../font/miso-bold-webfont.svg#webfontWPKh07R7') format('svg');
	font-weight: normal;
	font-style: normal;
}

#leader h1, h5, h6, #nav li a, .btn, #footer .right li a{
	font-family:'MisoRegular', Arial, sans-serif;
	font-weight:500;
}

/* 
 * MAIN/STRUCTURE
*/
body {
	color:				#666;
	font-size:			14px;
    font-family:		Helvetica, Arial, Arial, sans-serif;
    text-align:			center;
	line-height:		120%;
	}
	#header{
		background:		#271b1b;
		}
		#logo{
			display:block;
			float:left;
			margin-top:20px;
		}
		#nav{
			float:right;
			height:95px;
			}
			#nav li{
				float:left;
				height:100%;
				background:none;
				margin-left:20px;
				display:inline;
			}
			#nav li:hover{
				background:url(../img/nav-hover-bg.png) no-repeat center;
			}
			#nav li.here{
				background:url(../img/nav-current-bg.png) no-repeat center;
				}
				#nav li a{
					text-transform:uppercase;
					display:block;
					text-align:center;
					width: 90px;
					color: #fff;
					height:100%;
					line-height:90px;
					font-size:1.5em;
				}
	#leader{
		background: url(../img/leader-bg.png) repeat-x #040404; 
		color: #fff;
		}
		#leader span.cutout{
			display:block;
			position:absolute;
			background:url(../img/leader-cutout.png) no-repeat;
			width:35px;
			height:18px;
		}
		#leader div.right{
			position:relative;
			background: url(../img/leader-mask.png) no-repeat 100% 0;
		}
		#leader div.right{
			width:100%;
		}
		#leader div.right div{
			padding: 0 420px 0 5px;
		}
		#leader h1{
			color:#baee0e;
			text-transform:uppercase;
			margin-bottom:22px;
			font-size:3.5em;
			margin-top:35px;
			line-height:0.8em;
			}
			#leader h1 span{
				text-transform:lowercase;
			}
		#leader p{
			margin-bottom: 10px;
		}
		#leader h2{
			font-style:italic;
			margin-bottom:15px;
		}
		#leader .btn{
			position:relative;
			margin-top:80%;
		}
	#main{
		background:url(../img/main-bg.png) repeat-x top;
		}
		#content, #sidebar{
			float:left;
			margin-top:10px;
		}
		#content{
			width:620px;
			margin-right:20px;
			border-bottom:1px solid #f3f3f3;
			}
			#content h1{
				color:#271b1b;
				line-height:1em;
				font-size:2.2em;
				background:url(../img/dotted-bg.png) repeat-x top;
				border-bottom:1px solid #f3f3f3;
				margin-bottom:25px;
				padding-top:10px;
			}
			
			ul.productList li h1 {margin-left: 165px;}
		/*NOT SURE WHO ADDED THIS	ul.productList li p,ul.productList li a {margin-left: 165px;} */
			
			#content h1 span{
				font-weight:normal;
				font-size:0.5em;
			}
			#content h2{
				color:#271b1b;
				margin-bottom:17px;
				font-size: 1.5em;
			}
			#content ul {
				margin-bottom:40px;
			}
			#content li{
				background: url(../img/green-bullet.png) no-repeat 3px;
				padding-left: 15px;
				margin-bottom:4px;
			}
		#sidebar{
			width:300px;
			border-bottom:1px solid #f3f3f3;
		}
	#footer{
		background: url(../img/footer-bg.png) repeat-x top #271b1b;
		color:white;
		font-size:0.8em;
		}
		#footer li{
			float:left;
			display:inline;
			}
			#footer li a{
				display:block;
				height:30px;
				}
				.led{
					width: 168px;
					background:url(../img/led-logo.jpg) no-repeat;
				}
				.led:hover{
					background-image:url(../img/led-logo-colour.jpg);
				}
				.idec{
					width:86px;
					background:url(../img/idec-logo.jpg) no-repeat;
				}
				.idec:hover{
					background-image:url(../img/idec-logo-colour.jpg);
				}
		#footer .left{
			width:300px;
			padding-top:43px;
			padding-bottom:20px;
			}
			#footer .left li{
				margin-right:20px;
			}
			#footer .left li a{
				text-indent:-999em;
			}
		#footer .right{
			background: url(../img/site-links.jpg) no-repeat top right;
			height: 120px;
			}
			#footer .right ul{
				margin-top: 145px;
			}
			#footer .right li{
				margin-left:25px;
			}
			#footer .right li a{
				font-size:2em;
				text-transform:uppercase;
				color:white;
			}
#contact.contact{
	display:none;
	clear:left;
}
.contact h2{
	padding-top:30px;
}	
.contact input,.contact textarea{
	width:350px;
}			
.contact p.submit input{
	width:auto;
}			
/* 
 * TEXT CLASSES
*/
a{
	text-decoration:none;
	color:				#666;
}
h5{
	border-bottom:4px solid #f3f3f3;
	padding-bottom:15px;
	text-transform:uppercase;
	margin-bottom: 20px;
	color: #271b1b;
	font-size:1.2em;
	height:30px;
}
h5 span{
	display:block;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #f3f3f3;
}
h5 a{
	display:block;
	float:left;
	background:url(../img/breadcrumb-bg.png) no-repeat top right #96bf0d;
	color:#fff;
	height:20px;
	line-height:20px;
	padding:0px 13px 0px 4px;
	margin-top:5px;
	margin-right:4px;
}
h6{
	font-size:1.6em;
	color: #271b1b;
	font-weight:bold;
	border-bottom:1px solid #dadada;
	padding-bottom:8px;
	margin-bottom:10px;
	text-transform:uppercase;
}
h6 span{
	text-transform:lowercase;
}
p{
	margin-bottom:25px;
}
p.small{
	font-size:0.8em;
}
/* 
 * DEAFULT STYLES
*/
table{
	width:100%;
}
td{
	background: #ededed;
	padding: 10px;
}
tr td:first-child {
	-webkit-border-radius: 12px 0 0 12px;
	-moz-border-radius: 12px 0 0 12px;
	border-radius: 12px 0 0 12px; 
}  
tr td:last-child {
	-webkit-border-radius: 0 12px 12px 0;
	-moz-border-radius: 0 12px 12px 0;
	border-radius: 0 12px 12px 0;
}  
tr.odd td{
	background: #e0e0e0;
}
#contact{
	width:100%;
}
#contact p{
	clear:both;
	margin-bottom:10px;
	}
	#contact label{
		margin-bottom:10px;
		width:120px;
		display:block;
		float:left;
	}
	#contact input{
		margin-bottom:10px;
		width:200px;
		float:left;
		display:block;
	}
	#contact p.submit label{
		visibility:hidden;
	}
	#contact p.submit input{
		width:auto;
	}
	#map1{
		float:left;
		margin-right:20px;
		width: 250px;
		height:300px;
	}
/* 
 * CUSTOM CLASSES
*/
#content.productList{
	
}
#content .productList li{
	clear:both;
	background:none;
	padding-bottom:20px;
	margin:20px;
	background:url(../img/dotted-bg.png) repeat-x bottom;
}
#content .productList img{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
#content .productList h2{
	margin-bottom:5px;
	line-height:1em;
}
#content .productList h3{
	border-bottom: 1px solid #f3f3f3;
	padding-bottom:5px;
	margin-bottom:5px;
}
#content .productList h2 span{
	font-weight:normal;
}
#content.productList a.btn{
	clear:both;
}
.productList div.image{
	width:160px;
	float:left;
}
.productList div.detail{
	float:right;
	width:405px;
}
#content .tabs{
	position:absolute;
	z-index: 100;
	margin-left:-40px;
}	
#content .tabs li{
	clear:both;
	width:236px;
	font-size:0.7em;
	background:none;
	padding:0;
	
	}	
	.tabs li h2, .tabs li p, .tabs li abbr{
		padding-left:10px;
	}
	.tabs li h2{
		
	}
	.tabs li.current p{
		font-weight:bold;
	}
	.tabs li.current  h2{
		background:#72910b;
		color:#fff;
	}	
#content .slides{
	height:435px;
	margin-left:150px;
	list-style:none;
}
#content ul.slides li{
	background:none;
	position:absolute;
	z-index: 10;
	}
	#content ul.slides img{
		width:
	}
#content .tabs li.current  {
	background: url(../img/slider-left-bg.png) no-repeat center left;
	padding:0;
	}
	#content .tabs .wrapper{
		margin-left:40px;
	}
	#content .tabs li.current  .wrapper{
		background: url(../img/slider-arrow.png) no-repeat center right;
		
		}
		#content .tabs .content{
			width: 150px;
			height:122px;
			overflow: hidden;
			padding:9px 0;
			background: url(../img/box-bg.png) repeat-x bottom #fff;
			border:1px solid #dadada;
		}
		#content .tabs li.current  .content{
			background:#96bf0d;
			border-color:#96bf0d;
			border-left:none;
		}
#content .tabs li h2{
	margin-bottom:5px;
	padding: 3px 0 3px 10px;;
}
.tabs li.current{
	color:#271b1b;
}
.tabs li.current h2 a{
	text-shadow: #555 2px 2px 2px;
	color:#fff;
}		
.tabs li abbr{
	font-style:italic;
	margin-bottom:5px;
}
#featured{
	width:274px;
	border-top: 10px solid #6b6c6c;
	border-bottom: 5px solid #6b6c6c;
	background:#6b6c6c;
	padding: 0 13px;
}
#featured li{
	font-size:0.8em;
	background:#3a3a3a;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
	padding: 13px 10px 0px 10px;
	height: 110px;
	margin-bottom:5px;
}
#featured img{
 float:left;
 margin-right:10px;
}
#featured h2,#featured p{
	color:white;
}
#featured p{
	margin-bottom:0;
}
#featured h2{
	text-shadow: #000 0px 0px 5px;
	border-bottom: 1px solid #666667;
	margin-left: 110px;
}
/* slideshow styles */
#slideShow {
	clear: both;
	margin-bottom: 10px;
	}
	#slideShow ul, #slideShow li {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	#slideShow .slides{
		height:300px;
		overflow:hidden;
		margin-left:0;
		}
		#slideShow .slides li {
			width:620px;
			display:block;
			text-align:center;
			}
			#slideShow .slides li img{
				max-height:300px;
			}
	#slideShow .navigation {
		text-align:center;
		margin: 10px auto 0 auto;
		clear: left;
		display: block;
		}
		#slideShow .navigation li {
			display: inline;
			}
			#slideShow .navigation a {
				background: url(../img/prod-list-nav.png) no-repeat;
				width: 16px;
				height:16px;
				color: #232323;
				display: inline-block;
				text-indent:-999em;
			}
	#slideShow ul.topNavigation {
		margin: 0px 0px 40px 0px;
	}
	#slideShow .navigation li:hover a, #slideShow .navigation li.current a{
		background-position: 0 -16px;
		color: #000000;
	}

.next, .prev{
	height:16px;
	text-align:center;
	border:1px solid #dadada;
	background: url(../img/next-prev-bg.gif) repeat-x;
	cursor: pointer;
}
.gallery{
	text-align: center;
	margin-bottom: 20px;
}
.box{
	border:1px solid #dadada;
	background: url(../img/box-bg.png) repeat-x bottom #fff;
	padding: 10px 8px 20px 8px;
	margin-bottom:20px;
}
.box p{
	margin-bottom:10px;
}
.box img.right{
	margin-left:10px;
}
.box img.left{
	margin-right:10px;
}
.box.twitter p{
	font-style:italic;
}
.box strong{
	font-style:normal;
	display:block;
}
.box li{
	padding: 10px;
	margin-bottom:3px;
	text-decoration:underline;
	background: #ededed;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
}
.box li.odd{
	background: #e0e0e0;
	}
	.box li a{
		font-weight:bold;
	}
	.box a.btn{
		clear:both;
	}
a.btn{
	background:url(../img/btn-bg.png) no-repeat right;
	color:#fff;
	text-transform:uppercase;
	line-height:30px;
	padding: 5px 10px 5px 5px;
	font-size:19px;
}
a.btn span{
	text-transform:lowercase;
}
#sidebar a.btn{
	height:30px;
	display:block;
}
input{
	height:24px;
}
input.btn{
	background:url(../img/btn-bg.png) no-repeat right;
	color:#fff;
	text-transform:uppercase;
	height:30px;
	font-size:1.3em;
	border:none;
	padding-right:15px;
	line-height:30px;
}
#main .left a.btn{
	display:inline;
	padding: 10px 20px 20px 20px;
	background:url(../img/btn-white-bg.png) no-repeat right;
}
.left{
	float:left;
}
.right{
	float:right;
}
ul.horz li{
	float:				left;
	display: 			inline; /* fixes the old ie double margin bug */
}
ul li.last{
	background-image:		none;
	margin-right:			0;
}

.threeCol div{
	float:left;
	width: 296px;
	border-left:0;
}
.threeCol .colFirst{
	border-left:1px solid #dadada;
}
.colFirst, .colLast{
	float:left;
	display:inline;
}
.dottedLine{
	background: url(../img/dot.gif) repeat-x;
	height:2px;
	margin: 20px 0;
}
.clear{
	clear:				both;
}
.spacer{
	height:				20px;
}
.halfspacer{
	height:				10px;
}
.textReplace{
	display:			block;
	text-indent:		-9999px;
}
.center {
	width:				940px;
	margin:				0px auto;
	text-align:			left;
}
.short{
	margin-bottom:		5px;
}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */