/* CSS Document */

/* -- default style -- */
body {
	margin:0; padding:0;
	background:url(../images/bodybg.gif) 0 80px repeat-x #FFFFFF; color:#505050;
	font:normal 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div, table, tr, td, h1, h2, h3, p, ul, form, label, select, input, textarea, img, fieldset, legend {
	margin:0; padding:0;}

ul {
	list-style-type:none;}

img {
	border:none;}

.img {
	border:#B8B8B8 1px solid;
	background-color:#FFFFFF;
	color:#333333;
	padding:4px;
	margin-bottom:3px;
	text-align: center;
}
.hr {
	background:url(../images/divider.gif) left bottom repeat-x #FFFFFF; color:#505050;
	font:11px/22px Arial, Helvetica, sans-serif; padding:0 3px;}

a {
	color:#005AB4; text-decoration:none; outline:none;}	
a:hover {
	color:#000000;}	

.spacer {
	clear:both;	font-size:0; line-height:0;}

/* Main Header Panel */
#main {
	position:relative; width:958px;	margin:0 auto; padding:0 0 10px;}

#main p.map{
	position:absolute;
	left:686px;
	top:5px;
	z-index:2;
	font-weight:bold;
	}	

#main p.map a{
	color:#000;
	}

#main p.map a:hover{
	color:#00CCFF;
	}

	
/* -- heaser start -- */
#header {	
	width:748px; height:270px; background:url(../images/header_wide.jpg) 0 80px no-repeat;
	float:left;}
#header img.logo {
	position:absolute; left:0px; top:0px;}
#header h1 {
	position:absolute; left:70px; top:130px;
	font:bold italic 12px/23px Arial, Helvetica, sans-serif;
	color:#E9E9E9;line-height:14px;}

/* Left Panel */
#leftpan {
	margin:50px 0 0; width:175px; float:left;}
#leftpan ul.nav li {
	background:url(../images/divider.gif) 0 100% repeat-x;
	font:bold 12px/23px Arial, Helvetica, sans-serif;
	padding:0 0 1px;}
#leftpan ul.nav li a {
	display:block; height:23px; padding:0 0 0 30px;
	background:url(../images/bullet_arrow.gif) 10px 8px no-repeat #FFFFFF; color:#353535;
	text-decoration:none;}
#leftpan ul.nav li a:hover {
	background:url(../images/bullet_arrow.gif) 10px 8px no-repeat #FFFFFF; color:#005AB4;}
#leftpan ul.nav li span {
	display:block; height:23px; padding:0 0 0 30px;
	background:url(../images/bullet_arrow.gif) 10px 7px no-repeat #FFFFFF; color:#005AB4;}
#leftpan ul.certified {
	width:175px;}	
#leftpan ul.certified li {
	float:left;	padding:0 0 10px;}
#leftpan p.contact a {
	display:block; width:175px;	height:178px; margin:35px 0;
	background:url(../images/contact_us.jpg) 0 0 no-repeat;
	text-indent:-5000px;}
#leftpan p.activex {
	font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#505050; background:#FFFFFF;	
	clear:both;}

/* Body Panel */
#bodypan {
	margin:25px 25px 0;	width:523px;
	float:left;}
#bodypan h2 {
	font:17px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5A5A5A; background:#FFFFFF;
	padding:0 0 7px;}
#bodypan h2 span {
	color:#106BA6; background:#FFFFFF;}
#bodypan h3 {
	font:13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#DF8300; background:#FFFFFF;
	padding:0 0 7px;}
#bodypan ul.products li {
	float:left;}	
.width{width:404px;}	
#bodypan ul.products li a.first {
	display:block;
	width:160px;
	height:167px;
	margin:0 21px 0 0;
	background:url(../images/square-banners-hellerman.jpg) 0 0 no-repeat;
	text-indent:-5000px;
}
#bodypan ul.products li a.second {
	display:block; width:160px;	height:167px; margin:0 21px 0 0;
	background:url(../images/square-banners-splice.jpg) 0 0 no-repeat;
	text-indent:-5000px;}
#bodypan ul.products li a.third {
	display:block;
	width:160px;
	height:167px;
	background:url(../images/rj45banner.jpg) 0 0 no-repeat;
	text-indent:-5000px;
}
#bodypan p.divider{
	padding:0; height:35px;
	background:url(../images/divider.gif) 0 20px repeat-x;
	clear:both;}
#bodypan p {
	font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#505050; background:#FFFFFF;
	padding:0 0 10px;
	text-align:justify;}
#bodypan p span {
	font-weight:bold;}	
#bodypan p a{
	color:#005AB4; background:#FFFFFF; padding:0 3px;
	text-decoration:none;}	
#bodypan p a:hover{
	color:#000000; background:#EEF0F0;}	
#bodypan ul.list {
	padding:0 0 0 5px;}
#bodypan ul.list li {
	background:url(../images/bullet_circle.gif) 0 7px no-repeat #FFFFFF; color:#6B6B6B;
	font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 0 15px;}
#bodypan ul.list li a {
	color:#005AB4; background:#FFFFFF;
	text-decoration:none;}	
#bodypan ul.list li a:hover {
	color:#000000; background:#FFFFFF;}	

#bodypan ul.list2 {
	padding:0 0 0 5px;}
#bodypan ul.list2 li {
	background:url(../images/blue_bullet.gif) 0 7px no-repeat #FFFFFF; color:#6B6B6B;
	font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;}
#bodypan ul.list2 li a {
	color:#005AB4; background:#FFFFFF;
	text-decoration:none;}	
#bodypan ul.list2 li a:hover {
	color:#000000; background:#FFFFFF;}	

/* Right Panel */
#rightpan {
	width:210px; float:right;
	background:url(../images/rightbg.gif) 0 0 repeat-y;}
#rightpan blockquote {
	margin-left:13px;margin-top:-10px;}
#rightpan div.rightContent {
	background:url(../images/right_top_bg.jpg) repeat-x 0 0 #fff; color:#505050;
	margin:0 3px; padding:20px 6px 0;}
#rightpan div.rightContent h2.iso {
	background:url(../images/iso_text.gif) no-repeat 0 0; color:#000000;
	width:143px; height:35px; margin:0 auto 32px;
	line-height:0; font-size:0; text-indent:-12000px;}
#rightpan div.rightContent h2.news {
	background:url(../images/h2_news_bg.jpg) no-repeat 0 0 #fff; color:#000000;
	height:39px; margin-bottom:5px;
	line-height:0; font-size:0; text-indent:-12000px;}
#rightpan div.rightContent h3 {
	font:bold 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#rightpan div.rightContent p {
	font-size:12px; line-height:16px; text-align:left;}
#rightpan div.rightContent a.onPro {
	background:url(../images/online_product_img.jpg) no-repeat 0 0;
	width:189px; height:97px; display:block; margin:30px 0 0; clear:both;
	line-height:0; font-size:0; text-decoration:none; text-indent:-12000px;}
#rightpan div.rightContent ul.address{
	width:190px; margin:0 auto 21px;}
#rightpan div.rightContent ul.address li {
	background:url(../images/divider.gif) left bottom repeat-x #FFFFFF; color:#505050;
	font:11px/22px Arial, Helvetica, sans-serif; padding:0 3px;}
#rightpan div.rightContent ul.listPro {
	padding:0; margin:38px 0 0 0; width:auto; clear:both;}
#rightpan div.rightContent ul.listPro li {
	background:url(../images/divider.gif) left bottom repeat-x #FFFFFF; color:#505050;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;
	margin:0 0 20px 0; padding:0 0 12px;}
#rightpan div.rightContent ul.listPro li a {
	color:#505050;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#rightpan div.rightContent ul.listPro li a span {
	color:#005AB4;}
#rightpan div.rightContent ul.listPro li a:hover {
	color:#005AB4;}
#rightpan div.rightContent ul.listPro li a:hover span {
	color:#505050;}
#rightpan div.rightContent ul.listPro li a img {
	border:#B8B8B8 1px solid; background-color:#FFFFFF; color:#333333; padding:4px; margin-bottom:3px;}
#rightpan div.rightContent ul.listPro li a:hover img {
	border:#A2A2A2 1px solid; background-color:#F6F6F6; color:#333333; padding:4px; margin-bottom:3px;}
#rightpan p.bottom {
	height:36px; background:url(../images/rightbottom.gif) 0 0 no-repeat;}

/* Footer Panel */	
#footer {
	clear:both;
	position:relative;
	background-image:url(../images/footerbg.gif);
	background-repeat:repeat-x;
	background-color: #182486; 
	color:#1AC1FF;
	padding:18px 0 16px 40px;}
#footer ul {
	width:800px; margin:0 auto;}
#footer ul li {
	float:left;
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer ul li a {
	color:#1AC1FF; background-color:#0E1A7E; text-decoration:none;}
#footer ul li a:hover {
	color:#FFFFFF; background-color:#0E1A7E;}		
#footer p {
	font:13px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center; margin-right:60px; clear:both; color:#fff}

/* -- devider style -- */
.crossDivider {
	margin-top:20px; padding:0; border:none;
	background:url(../images/cross_divider_02.gif) repeat-x 0 0 #fff;
	height:10px; width:auto; display:block;}

/* -- common form style - */
fieldset {
	background:url(../images/fieldset_bg.jpg) repeat-x left bottom;
	border:#DADADA 1px solid; padding:5px 12px 25px; margin-bottom:15px;}
legend {
	font:bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; width:auto;
	background-color:#FFFFFF; color:#505050; padding:0 0px; margin-left:0px;}
label {
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#106BA6;
	padding:0 5px 0 0; margin:0;}
select {
	width:150px; margin-top:3px; border:#DADADA 1px solid;
	font:normal 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#505050;}
select.big {
	width:225px;}

/* -- search form style -- */
form.search {
	text-align:right; width:auto; height:40px; border:none}
form.search input.search, label.search {
	float:right;}
form.search label {
	margin:3px 0 0 0;}
.searchbtn {
	width:22px; height:22px; border:none; 
	background-image:url(../images/go_btn.jpg);}
	
/* -- contact page form style -- */
form.contact label {
	width:100px; display:block; float:left; text-align:right; padding:0 10px; margin-top:8px}
form.contact input {
	margin:5px 0 0 0;height:14px;width:200px;border:#DADADA 1px solid;}
form.contact input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0;
   width:10px;margin:0;height:14px;}
form.contact textarea {
	margin:5px 0 0 0;height:80px;width:350px;border:#DADADA 1px solid;}
form.contact input.subBtn {
	width:66px; height:22px; padding:0; margin-left:227px;
	line-height:0; font-size:0; text-indent:-12000px; border:none; float:left;
	background:url(../images/submit_btn.gif) no-repeat 0 0; cursor:pointer;}
form.contact input.resetBtn {
	width:66px; height:22px; padding:0;margin-right:123px;
	line-height:0; font-size:0; text-indent:-12000px; border:none; float:right;
	background:url(../images/reset_btn.gif) no-repeat 0 0; cursor:pointer;}
	
/* -- table style -- */
table.tabulerData {
	border-top:#DADADA 1px dashed; border-left:#DADADA 1px dashed; margin:0 0 15px 0;}
table.tabulerData td {
	font:normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#505050; padding:3px 2px;	
	border-right:#DADADA 1px dashed; border-bottom:#DADADA 1px dashed;}
table.tabulerData td.bold {
	font-weight:bold; color:#353535; padding:3px 1px;}
table.tabulerData td.bgColor {
	font-weight:bold; font-size:11px; color:#fff; background-color:#11248A;}
	
/* -- inner pages style -- */
ul.productDrop li {
	float:left; padding:10px 0 0 10px; width:45%;}

ul.download {
	 float:left; width:100%; border-bottom:#DADADA 1px dashed;}
ul.download li {
	float:left; padding:5px 0;}
ul.download li.first {
	width:20%; padding-right:30px;}
ul.download li.second {
	width:45%; font-weight:bold;}
ul.download li.third {
	width:25%;}
ul.download li a {
	padding:0 3px;}	
ul.download li a:hover {
	color:#000000; background:#EEF0F0;}
ul.download li.pdf {
	background:url(../images/pdf_icon.png) no-repeat 5px 50%;
	padding-left:30px !important; padding-right:0 !important;}
ul.download li.xls {
	background:url(../images/excel_icon.png) no-repeat 5px 50%;
	padding-left:30px !important;  padding-right:0 !important;}
	
ul.contactDetail {
	 float:left; width:100%; border-bottom:#DADADA 1px dashed; font-size:11px;}
ul.contactDetail li {
	width:24%; float:left; padding:5px 4px 5px 0;}
ul.contactDetail li span {
	color:#106BA6;}
ul.contactDetail li a:hover {
	text-decoration:underline;}
ul.contactDetailHead {
	 font-size:12px; color:#106BA6;}
	 
ul.contactData {
	 float:left; width:520px; border-top:#DADADA 1px dashed; border-left:#DADADA 1px dashed;
	 text-align:left; font-size:11px;}
ul.contactData li {
	width:99px; float:left; padding:2px;
	border-bottom:#DADADA 1px dashed; border-right:#DADADA 1px dashed;}
ul.contactData li a {
	padding:5px; display:block;}	
ul.contactData li a:hover {
	color:#000000; background:#EEF0F0;}

ul.twoColumn {
	 float:left; width:520px; border-top:#DADADA 1px dashed;
	 font-size:11px;}
ul.twoColumn li {
	width:48%; float:left; padding:5px; border-bottom:#DADADA 1px dashed;}
ul.twoColumn li a:hover {
	text-decoration:underline;}

ul.glossaryAnchor {
	margin-left:10px; width:auto; height:30px;
	text-transform:uppercase; text-align:center; font-weight:bold;}
ul.glossaryAnchor li {
	float:left; width:21px; padding:1px; position:relative; z-index:0;}
ul.glossaryAnchor li a {
	padding:3px 4px; width:9px; display:block;
	position:absolute; top:0; left:0; z-index:0;
	background:#EEF0F0; border:#DADADA 1px dashed;}
ul.glossaryAnchor li a:hover {
	padding:6px 8px;
	position:absolute; top:-3px; left:-4px; z-index:12000;
	background:#005AB4; color:#fff; border:#0099CC 1px dashed}

ul.tab {
	font-weight:bold; margin:0 0 15px 0; padding:0; float:left;}
ul.tab li {
	float:left;
	margin:0 0 0 7px; padding:2px;
	border:#DADADA 1px solid;}
ul.tab li a {
	line-height:16px; padding:1px 4px; display:block;}
ul.tab li a:hover {
	color:#000000; background:#EEF0F0;}

.greentxt {
	color:#037374 !important; font-weight:normal !important;}
		
/* Misc. Style */
a.backTop {
	background:url(../images/back_top_btn.gif) no-repeat 0 0 #fff; color:#000000;
	width:96px; height:22px; display:block; margin:0 auto;
	line-height:0; font-size:0; text-decoration:none; text-indent:-12000px;}
.pad {
	padding:0 0 0 270px;}	
.leftPad {
	padding-left:3px !important;}
.topMar {
	 margin-top:15px;}	
.centerAlign {
	text-align:center;
	clear:both;}	
.noMar {
	margin:0 !important;}

.printver{
	float:right;
	padding:0 !important;
	}	
.printver a{
	display:block; line-height:20px;
	background:url(../images/word_icon.gif) 5px 2px no-repeat #EEF0F0    !important;
	padding:0 10px 0 30px !important;
	margin:0 10px 0 0;
	font-weight:bold;
	color:#005AB4; text-decoration:none;
	border:#DADADA 1px dashed;}	
.printver a:hover{
	background:url(../images/word_icon.gif) 5px 2px no-repeat #005AB4    !important;
	color:#ffffff !important;}

#techinfo{
	margin:0 0 25px;
	border-top:1px dashed #999999;
	border-left:1px dashed #999999;
	}	
#techinfo td{
	height:25px;
	border-right:1px dashed #999999;
	border-bottom:1px dashed #999999;
	padding:0 0 0 8px;
	}

#techinfo td a{
	text-decoration:underline;
	}
	
.submitInfo {
	padding:15px 0 0 0 !important; color:#037374 !important;
	text-align:center !important; font-weight:bold !important;} 
	
ul.sitemap li{
	list-style-type:square;
	}

ul.sitemap li a{
	font-weight:bold;
	font-size:12px;
	}	
#bodypan p.sitemapheading {
	font:17px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5A5A5A; background:#FFFFFF;
	padding:0 0 7px;}
					
#bodypan p.sitemapheading span{
	color:#106BA6; background:#FFFFFF;}