@charset "utf-8";

body, img, form {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
}
a {
	text-decoration: none;
	
	
}
#overall {
	width: 1024px;
	margin: 0;
	padding: 0;
}

/*--------------------span classes----------------------*/

span.click1 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}
span.click2 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}
span.click3 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}
span.click4 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}			
span.click5 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}
span.click6 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}
span.click7 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}
span.click8 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}
span.click9 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}
span.click10 {
	color:#0000FF;
	text-decoration:underline;
	cursor:pointer;
	}			
span.info1 {
	font-family: times, sans-serif;
	font-size: 13px;
}
span.info2 {
	font-family: times, sans-serif;
	font-size: 13px;
}
span.info3 {
	font-family: times, sans-serif;
	font-size: 13px;
}
span.info4 {
	font-family: times, sans-serif;
	font-size: 13px;
}
span.info5 {
	font-family: times, sans-serif;
	font-size: 13px;
}
span.info6 {
	font-family: times, sans-serif;
	font-size: 13px;
}
span.info7 {
	font-family: times, sans-serif;
	font-size: 13px;
}
span.info8 {
	font-family: times, sans-serif;
	font-size: 13px;
}
span.info9 {
	font-family: times, sans-serif;
	font-size: 13px;
}
span.info10 {
	font-family: times, sans-serif;
	font-size: 13px;
}
/*------------------------header-------------------------*/
#header {
	margin: 0;
	padding: 0;	
	position: absolute;
	height: 245px;
	width: 1024px;
}
		
.logo {
	position: relative;
	width: 235px;
	height: 189px;
	display: block;
	text-indent: -999em;
	background: url(images/logo.png) 0 0 no-repeat;
	overflow: hidden;
	float:left;
	margin-left:1px;	
}
		
.banner {
	width:700px;
	position: relative;
	font-family: arial bold, sans-serif;
	font-size: 38px;
	color: #0b33fd;
	float:left;
	margin:60px 0 0 10px;
	clear:right;
}
		
/*-----------------------top navigation-----------------------*/

.top_nav_bar {
	width: 1024px;
	height: 25px;
	background: url(images/navbar.gif) repeat-x;
	color: #0b33fd;
	font-family: arial, helvetica;
	font-size: 12px;	
	float:left;
}

.top_nav_bar ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
.top_nav_bar li {
	margin: 0;
	padding: 0;
	float: left;
}
.top_nav_bar li.link1 a {
	width: 100px;
	height: 20px;
	display: block;
	background: url(images/link1.gif) 0 -20px no-repeat ;
	text-indent: -999em;
	overflow: hidden;
}
.top_nav_bar li.link1 a:hover {
	background: url(images/link1.gif) 0 0  no-repeat;
}
.top_nav_bar li.link2 a {
	width: 160px;
	height: 20px;
	display: block;
	background: url(images/link2.gif) 0 -20px no-repeat ;
	text-indent: -999em;
	overflow: hidden;
}
.top_nav_bar li.link2 a:hover {
	background: url(images/link2.gif) 0 0  no-repeat;
}
.top_nav_bar li.link3 a {
	width: 140px;
	height: 20px;
	display: block;
	background: url(images/link3.gif) 0 -20px no-repeat ;
	text-indent: -999em;
	overflow: hidden;
}
.top_nav_bar li.link3 a:hover {
	background: url(images/link3.gif) 0 0  no-repeat;
}
.top_nav_bar li.link4 a {
	width: 115px;
	height: 20px;
	display: block;
	background: url(images/link4.gif) 0 -20px no-repeat ;
	text-indent: -999em;
	overflow: hidden;
}
.top_nav_bar li.link4 a:hover {
	background: url(images/link4.gif) 0 0  no-repeat;
}

/*-----------------------product navigation---------------------------*/

#product_nav {
	height:350px;
	width:224px;
	background:url(images/left_navb.png) no-repeat; 
	position:absolute;
	top:220px;	
}	
#product_nav .inner {
	margin-left: -29px;
}
#product_nav .inner ul {
	list-style:none;
}

#product_nav .inner li {
	padding: 10px 10px 20px 0;
	margin-left: -8px;
	font-family: arial bold, sans-serif;
	font-size: 16px;
	color: #0b33fd;
}	
	#pground #product_nav .inner li.product_link1 a {
		width: 183px;
		height: 36px;
		display: block;
		background: url(images/nav_bg1.gif) 0 0 no-repeat ;
		text-indent: -999em;
		overflow: hidden;
	}
	#product_nav .inner li.product_link1 a {
		width: 183px;
		height: 36px;
		display: block;
		background: url(images/nav_bg1.gif) 0 -72px no-repeat ;
		text-indent: -999em;
		overflow: hidden;
	}
	#product_nav .inner li.product_link1 a:hover {
		background: url(images/nav_bg1.gif) 0 -36px  no-repeat;
	}
	#product_nav .inner li.product_link1 a:active {
		background: url(images/nav_bg1.gif) 0 0  no-repeat;
	}
	#wrkstation #product_nav .inner li.product_link2 a {
		width: 183px;
		height: 36px;
		display: block;
		background: url(images/nav_bg2.gif) 0 0 no-repeat ;
		text-indent: -999em;
		overflow: hidden;
	}
	#product_nav .inner li.product_link2 a {
		width: 183px;
		height: 36px;
		display: block;
		background: url(images/nav_bg2.gif) 0 -72px no-repeat ;
		text-indent: -999em;
		overflow: hidden;
	}
	#product_nav .inner li.product_link2 a:hover {
		background: url(images/nav_bg2.gif) 0 -36px  no-repeat;
	}
	#product_nav .inner li.product_link2 a:active {
		background: url(images/nav_bg2.gif) 0 0  no-repeat;
	}
	#test #product_nav .inner li.product_link3 a {
		width: 183px;
		height: 36px;
		display: block;
		background: url(images/nav_bg3.gif) 0 0 no-repeat ;
		text-indent: -999em;
		overflow: hidden;
	}
	#product_nav .inner li.product_link3 a {
		width: 183px;
		height: 36px;
		display: block;
		background: url(images/nav_bg3.gif) 0 -72px no-repeat ;
		text-indent: -999em;
		overflow: hidden;
	}
	#product_nav .inner li.product_link3 a:hover {
		background: url(images/nav_bg3.gif) 0 -36px  no-repeat;
	}
	#product_nav .inner li.product_link3 a:active {
		background: url(images/nav_bg3.gif) 0 0  no-repeat;
	}
	#scg #product_nav .inner li.product_link4 a {
		width: 183px;
		height: 36px;
		display: block;
		background: url(images/nav_bg4.gif) 0 0 no-repeat ;
		text-indent: -999em;
		overflow: hidden;
	}
	#product_nav .inner li.product_link4 a {
		width: 183px;
		height: 36px;
		display: block;
		background: url(images/nav_bg4.gif) 0 -72px no-repeat ;
		text-indent: -999em;
		overflow: hidden;
	}
	#product_nav .inner li.product_link4 a:hover {
		background: url(images/nav_bg4.gif) 0 -36px  no-repeat;
	}
	#product_nav .inner li.product_link4 a:active {
		background: url(images/nav_bg4.gif) 0 0  no-repeat;
	}
	#product_nav .inner li.product_link5 a {
		width: 183px;
		height: 36px;
		display: block;
		background: url(images/nav_bg5.gif) 0 -72px no-repeat ;
		text-indent: -999em;
		overflow: hidden;
	}
	#product_nav .inner li.product_link5 a:hover {
		background: url(images/nav_bg5.gif) 0 -36px  no-repeat;
	}
	#product_nav .inner li.product_link5 a:active {
		background: url(images/nav_bg5.gif) 0 0  no-repeat;
	}
	
/*---------------------------------expandable box--------------------------------------*/		

#bgTop {
	width:800px;
	background: url(images/bgTop.gif) no-repeat;
	padding-top: 16px;
	position:absolute;
	top:220px;
	left:200px;
}


#bgTop .content .inner {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #0b33fd;	
}

 .bgBody {
	background: url(images/bgBody.gif) 0 0 repeat-y;
}

 .bgBottom {
	background: url(images/bgBottom.gif) 0 100% no-repeat;
	padding-bottom: 20px;
}


/*---------------------------------page content--------------------------------------*/		

.content .contact {
	background:url(images/contact_pic.png) 0 0 no-repeat;
	height:154px;
	width:500px;
	display:block;
	overflow: hidden;
	margin-left: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0B33FD;
}
p.contact_info {
	margin:10px 0 0 175px;
}
.content .about {
	width:600px;
	margin: 10px 0 0 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0B33FD;
}
.content .homepage {
	padding: 0 50px 0 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:20px;
	color:#0B33FD;	
}

.content .homepage li {
	margin-top:10px
}
.content .pics {
	margin: 0 0 25px 85px;
}
#bgTop .content .prod {
	margin: 0 0 0 20px;
}

#bgTop .content .prod1 {
	background: url(images/wrist_strap_bg.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod2 {
	background: url(images/coil_bg.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod3 {
	background: url(images/prod3.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod4 {
	background: url(images/prod4_bg.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod5 {
	background: url(images/prod5.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod6 {
	background: url(images/prod6.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod7 {
	background: url(images/prod7.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod8 {
	background: url(images/prod8.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod9 {
	background: url(images/prod9.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod10 {
	background: url(images/prod10.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:30px;
	display: block;
	overflow: hidden;
}
#bgTop .content .prod11 {
	background: url(images/prod11.gif) no-repeat;
	height:211px;
	width:760px;
	padding-bottom:10px;
	
	overflow: hidden;
}
#bgTop .content .prod11 ul {
	margin: 0;
	padding: 0;
	display:inline;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
#bgTop .content .prod11 li {
	display:inline;
	margin:0 10px 0 0; 
}
.prod11 li.airlite1 a {
	width: 44px;
	height: 11px;
	display:inline-block;
	background: url(images/airlite1_button.png) 0 -11px no-repeat;
	
	overflow: hidden;
}
.prod11 li.airlite1 a:hover {
	background: url(images/airlite1_button.png) 0 0 no-repeat;
}
.airlite1_info {
	width:282px;
	height:425px;
	background:url(images/airlight1_chart.gif) 0 0 no-repeat;
	font-family: times, sans-serif;
	font-size: 13px;
	margin: 0 0 0 45px;
}
.prod11 li.airlite2 a {
	width: 48px;
	height: 11px;
	display:inline-block;
	background: url(images/airlite2_button.png) 0 -11px no-repeat ;
	text-indent: -999em;
	overflow: hidden;
}
.prod11 li.airlite2 a:hover {
	background: url(images/airlite2_button.png) 0 0 no-repeat;
}
.airlite2_info {
	width:282px;
	height:480px;
	background:url(images/airlight2_chart.gif) 0 0 no-repeat;
	font-family: times, sans-serif;
	font-size: 13px;
	margin: 0 0 0 90px;
}
.prod11 li.airlite3 a {
	width: 54px;
	height: 11px;
	display:inline-block;
	background: url(images/airlite3_button.png) 0 -11px no-repeat ;
	text-indent: -999em;
	overflow: hidden;
}
.prod11 li.airlite3 a:hover {
	background: url(images/airlite3_button.png) 0 0 no-repeat;
}
.airlite3_info {
	width:282px;
	height:370px;
	background:url(images/airlight3_chart.gif) 0 0 no-repeat;
	font-family: times, sans-serif;
	font-size: 13px;
	margin: 0 0 0 135px;
}
.prod11 li.airlite4 a {
	width: 56px;
	height: 11px;
	display:inline-block;
	background: url(images/airlite4_button.png) 0 -11px no-repeat ;
	text-indent: -999em;
	overflow: hidden;
}
.prod11 li.airlite4 a:hover {
	background: url(images/airlite4_button.png) 0 0 no-repeat;
}
.airlite4_info {
	width:282px;
	height:370px;
	background:url(images/airlight4_chart.gif) 0 0 no-repeat;
	font-family: times, sans-serif;
	font-size: 13px;
	margin: 0 0 0 180px;
}
.prod11 li.airliteEC a {
	width: 64px;
	height: 11px;
	display:inline-block;
	background: url(images/airliteEC_button.png) 0 -11px no-repeat ;
	text-indent: -999em;
	overflow: hidden;
}
.prod11 li.airliteEC a:hover {
	background: url(images/airliteEC_button.png) 0 0 no-repeat;
}
.airliteEC_info {
	width:282px;
	height:370px;
	background:url(images/airlightEC_chart.gif) 0 0 no-repeat;
	font-family: times, sans-serif;
	font-size: 13px;
	margin: 0 0 0 225px;
}
#bgTop .content .prod .inner {
	color:#000;
	font-family: times, sans-serif;
	font-size: 13px;
	margin-left: 90px;
}
#bgTop .content .prod .inner h2 {
	color:#000;
	font-family: times, sans-serif;
	font-size: 28px;
	margin-top: 5px;
}
#bgTop .content .prod .inner .text {
	width:325px;
	height:211px;
	margin-top:-10px;
}
.close {
	background: url(images/close_buttonb.png) no-repeat;
	height:25px;
	width:80px;
	display: block;
	overflow: hidden;
	text-indent:-999em;
	position:absolute;
	top:236px;
	left:630px;
	cursor:pointer;
}
.chart {
	margin-left:35px;
	background: url(images/wrist_strap_chart.gif) 0 0 no-repeat;
	text-indent: -999em;
	width:700px;
	height:450px;
	margin-bottom:40px;
}
.chart_2 {
	margin-left:35px;
	background: url(images/coil_cord_chart.gif) 0 0 no-repeat;
	text-indent: -999em;
	width:700px;
	height:402px;
	margin-bottom:40px;
}
.close_2 {
	position:absolute;
	top:477px;
	left:630px;
	cursor:pointer;
}
.chart_3 {
	margin-left:35px;
	background: url(images/gloves_chart.gif) 0 0 no-repeat;
	text-indent: -999em;
	width:463px;
	height:196px;
	margin-bottom:40px;
}
.close_3 {
	position:absolute;
	top:718px;
	left:392px;
	cursor:pointer;
}
.chart_4 {
	margin-left:35px;
	background: url(images/heel_grounder_chart.gif) 0 0 no-repeat;
	text-indent: -999em;
	width:700px;
	height:767px;
	margin-bottom:40px;
}
.close_4 {
	position:absolute;
	top:959px;
	left:630px;
	cursor:pointer;
}
.chart_5 {
	margin-left:35px;
	background: url(images/field_service_kit_chart.gif) 0 0 no-repeat;
	text-indent: -999em;
	width:500px;
	height:196px;
	margin-bottom:40px;
}
.close_5 {
	position:absolute;
	top:236px;
	left:430px;
	cursor:pointer;
}
.chart_6 {
	margin-left:35px;
	background: url(images/ultra_light_kit_chart.gif) 0 0 no-repeat;
	text-indent: -999em;
	width:500px;
	height:196px;
	margin-bottom:40px;	
}
.close_6 {
	position:absolute;
	top:477px;
	left:430px;
	cursor:pointer;
}
.chart_7 {
	margin-left:35px;
	background: url(images/grounding-specialty_cord_chart.gif) 0 0 no-repeat;
	text-indent: -999em;
	width:700px;
	height:830px;
	margin-bottom:40px;
}
.close_7 {
	position:absolute;
	top:769px;
	left:630px;
	cursor:pointer;
}
.chart_8 {
	margin-left:35px;
	background: url(images/table_mat_chart.gif) 0 0 no-repeat;
	text-indent: -999em;
	width:700px;
	height:1000px;
	margin-bottom:40px;
}
.close_8 {
	position:absolute;
	top:959px;
	left:630px;
	cursor:pointer;
}
.chart_9 {
	margin-left:35px;
	background: url(images/systems_tester_chart.gif) 0 0 no-repeat;
	text-indent: -999em;
	width:463px;
	height:163px;
	margin-bottom:40px;
}
.close_9 {
	position:absolute;
	top:236px;
	left:392px;
	cursor:pointer;
}
#footer { 
	width: 800px;
	height: 25px;
	color: #0b33fd;
	font-family: arial, helvetica;
	font-size: 11px;	
	margin: 40px 0 5px 90px;
}
