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,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* =General
-----------------------------------------------------------------------------*/
html { height:100%; background:#FFF url(../images/ui/headerBG_repeat.png) repeat-x top left; height: 100%;}

body {
text-align: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:62.5%;
line-height:1.8em;
background:url(../images/ui/headerBG_main.png) no-repeat top center;
height: 100%;
}

/* =Wrappers
-----------------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	width: 960px;
	position:relative;
	min-height: 100%;
	left: 22px;
	top: 9px;
}
* html #wrapper { height: 100%;}
#contentWrapper{float:left; width: 100%; padding:30px 10px;}

/* =Typography
-----------------------------------------------------------------------------*/
p { font-size:1.3em; margin-bottom: 1.6em;}

h1 {font-size:2.4em; color:#ED1C24; margin-bottom:0.3em; line-height:1.2em;}  /* displayed at 24px */
h2 {font-size:1.5em; margin-bottom:0.8em;}  /* displayed at 18px */
h2 span {font-size:0.8em}
h3 {font-size:1.4em; color:#5F5F5F;}  /* displayed at 17px */
h4 {font-size:1em}  /* displayed at 12px */
h5 {font-size:1em; margin-bottom:0.8em;}

input, select, th, td {font-size:1.1em}


/* =Branding
-----------------------------------------------------------------------------*/

#printlogo {display:none;}

#header { width:100%; height:106px;} 
.logoLink {position:absolute; display:block; width:180px; height:100px; top:0; left:100px;}

.sectorPic {margin-left:36px; margin-bottom:36px;}


/* =Sidebar
-----------------------------------------------------------------------------*/
#sidebarHome{width:400px; margin-left:540px; margin-bottom:30px;}


/* =Product Boxes on Home Page
-----------------------------------------------------------------------------*/
#prodBoxes {margin-bottom:30px;}
#prodBoxes ul li {float:left; padding-right:20px; height:250px;}
#prodBoxes ul li a {display:block; text-indent:-9999px;}

.cableBox, .connectorsBox, .assembliesBox, .gasketsBox {background:#FFF url(../images/ui/prodBGhome.png) no-repeat 0 0; width:160px;}
.howHelpBox {background:#FFF url(../images/ui/howHelpBG_home.png) no-repeat 0 0; width:220px;}

.flHolder {margin: 7px 0 0 7px;}

a.cablesHome, a.connectorsHome, a.assembliesHome, a.gasketsHome {width:146px; height:40px; margin-top:13px; margin-left:7px}
a.cablesHome {background:url(../images/ui/navProd_Home.png) no-repeat 0 0;}
a.connectorsHome {background:url(../images/ui/navProd_Home.png) no-repeat -180px 0;}
a.assembliesHome {background:url(../images/ui/navProd_Home.png) no-repeat -361px 0;}
a.gasketsHome {background:url(../images/ui/navProd_Home.png) no-repeat -540px 0;}

a.cablesHome:hover {background:url(../images/ui/navProd_Home.png) no-repeat 0 -50px;}
a.connectorsHome:hover {background:url(../images/ui/navProd_Home.png) no-repeat -180px -50px;}
a.assembliesHome:hover {background:url(../images/ui/navProd_Home.png) no-repeat -361px -50px;}
a.gasketsHome:hover {background:url(../images/ui/navProd_Home.png) no-repeat -540px -50px;}

a.howHelpHome {display:block; width:100%; height:100%; background:#FFF url(../images/ui/howHelpBG_home.png);}
a.howHelpHome:hover {background:#FFF url(../images/ui/howHelpBG_home_OV.png);}

/* =Sector Boxes on Home Page
-----------------------------------------------------------------------------*/
#sectorBoxes {margin-bottom:20px; text-indent:-9999px;}
#sectorBoxes ul li {float:left; padding-right:20px; height:145px; position:relative; width:300px;}
#sectorBoxes ul li a {display:block; width:100%; height:100%;}

a.militaryHome {background:url(../images/ui/sectorMenuHome_Military.jpg) no-repeat 0 0;}
a.corporateHome {background:url(../images/ui/sectorMenuHome_Corporate.jpg) no-repeat 0 0;}
a.commercialHome {background:url(../images/ui/sectorMenuHome_Commercial.jpg) no-repeat 0 0;}

a.militaryHome:hover {background:url(../images/ui/sectorMenuHome_Military.jpg) no-repeat -300px 0;}
a.corporateHome:hover  {background:url(../images/ui/sectorMenuHome_Corporate.jpg) no-repeat -300px 0;}
a.commercialHome:hover  {background:url(../images/ui/sectorMenuHome_Commercial.jpg) no-repeat -300px 0;}

/* =Main Content
-----------------------------------------------------------------------------*/
#contentMain {margin-right:30px; width:670px; float:right;}

#contentMainLeft ul, #contentMain ul, .sectorCol ul {margin-bottom:16px;}

#contentMain li, #contentMainHome li, #contentMainLeft li,  .sectorCol li {font-size:1.2em; line-height:1.6em; list-style-image: url(../images/ui/bullet1.gif); margin-left:25px;}

#contentMain li ul li, #contentMainHome li ul li, #contentMainLeft li ul li, .sectorCol li ul li {font-size:1em; line-height:1.6em; list-style-image:none; list-style:circle; margin-left:25px;}

#home #contentMainHome p { font-size:1.3em; margin-bottom:0.8em; line-height:1.5em;}

#contentMainHome {width:520px; float:left;}

#contentMainLeft {width:490px; float:left; margin-left:30px;}

#contentMain3Column {width:880px; margin-left:30px;}

.sectorCol {width:275px; float:left; padding-right:15px;}

#home #sidebarHome #whatsnew{
	width:396px;
	height:295px;
	margin-top:-10px;
	text-align:center;
	padding-top:75px;
	overflow:hidden;
	background-image: url(../images/featuredProducts_BG.png);
	background-repeat: no-repeat;
}
#home #sidebarHome #whatsnew ul, #home #sidebarHome #whatsnew ul li{margin:0; padding:0;}

#home #sidebarHome #whatsnew ul li{
	margin-bottom:8px;
	font-size:110%;
}
#home #sidebarHome #whatsnew ul li a, #home #sidebarHome #whatsnew ul li a:visited {
	text-decoration:none;
	color: #333;
	font-weight: bold;
	font-size: 1.25em;
}

#home #sidebarHome #whatsnew ul li a:hover{
	text-decoration:none;
	color: #E12717;
}


/* =Sidebar
-----------------------------------------------------------------------------*/
#sidebarRight {width:360px; margin-left:530px; margin-bottom:30px; background:url(../images/ui/border.gif) repeat-y 0 0; padding-left:16px;}
#sidebarRight ul {margin-bottom:25px;}
#sidebarRight li {font-size:1.2em; list-style-image: url(../images/ui/bullet1.gif); margin-left:25px;}
#sidebarRight li ul {margin-top:15px;}
#sidebarRight li ul li {font-size:1em; list-style-image:none; list-style:circle; margin-bottom:10px;}

#sidebar {float: left; width: 175px; margin-left:30px; background:url(../images/ui/border.gif) repeat-y top right;}

#home #sidebarHome ul li { margin-left:165px; font-size:1.4em; margin-bottom:1.5em; line-height:1.2em;}
#home #sidebarHome #quote{
	width:356px;
	height:300px;
	margin-top:-10px;
	text-align:left;
	padding-top:45px;
	overflow:hidden;
	background-image: url(../images/quoteBG.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
}
#home #sidebarHome #quote p{
	font-size:1.25em;
	margin-bottom: 0.25em;
	color: #6A6A6A;
	line-height: 1.25em;
	margin-top: 1em;
	font-style: italic;
	font-weight: bold;
}
#home #sidebarHome #quote p.quotee{
	font-size:.8em;
	margin-bottom: 2em;
	text-align: right;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#navMain {background:url(../images/ui/menuBG_main.jpg) no-repeat top left; height:54px; text-indent:-9999px; position:relative;}
#navMain ul.menu {margin-left:75px;}
#navMain ul li {float:left;}
#navMain ul li a.menulink {display:block; height:49px; z-index:1000;}
#navMain ul li ul li {text-indent:0px; font-size:1.2em; font-weight:bold; z-index:1000;}

ul.menu a {display:block; color:#000; text-decoration:none; z-index:1000;}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:49px; left:0px; background:#393939; display:none; opacity:0; list-style:none; margin:0; z-index:1000;}
ul.menu ul.adjust {left:5px;}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:159px; margin:0; z-index:1000;}
ul.menu ul li a {display:block; padding:4px 7px 6px; background-color:#393939; color:#FFF; }
ul.menu ul li a:hover {background-color:#c5c5c5; color:#FFF;}

a#sectors {width:164px; background:url(../images/ui/mainNav.png) no-repeat 0 0;}
a#products {width:160px; background:url(../images/ui/mainNav.png) no-repeat -164px 0;}
a#technical {width:160px; background:url(../images/ui/mainNav.png) no-repeat -324px 0;}
a#news {width:160px; background:url(../images/ui/mainNav.png) no-repeat -484px 0;}
a#contact {width:160px; background:url(../images/ui/mainNav.png) no-repeat -644px 0;}

a#sectors:hover {background:url(../images/ui/mainNav.png) no-repeat 0 -51px;}
a#products:hover {background:url(../images/ui/mainNav.png) no-repeat -164px -51px;}
a#technical:hover {background:url(../images/ui/mainNav.png) no-repeat -324px -51px;}
a#news:hover {background:url(../images/ui/mainNav.png) no-repeat -484px -51px;}
a#contact:hover {background:url(../images/ui/mainNav.png) no-repeat -644px -51px;}


/* =Sub Nav
-----------------------------------------------------------------------------*/
#navSub {position:absolute; top:70px; right:70px;}
#navSub li {float:left; padding-right:10px;}
#navSub a {font-size:1.2em; font-weight:bold; color:#393939; text-decoration:none; text-transform:uppercase; cursor:pointer}
#navSub a:hover {color:red; text-decoration:underline; cursor:pointer;}

.listA li {list-style:none;}
.listA a {color:#666; text-decoration:none; font-size:1.2em; line-height:1.6em; padding-left:10px; font-weight:bold; background:url(../images/ui/arrowLG.gif) no-repeat 0 3px;}
.listA a:hover {color:red; background:url(../images/ui/arrowLG.gif) no-repeat 3px 3px; text-decoration:underline;}

.listB li {list-style:none; padding-left:10px}
.listB a {font-weight:normal; background:url(../images/ui/arrowSM.gif) no-repeat 0 5px; }
.listB a:hover {background:url(../images/ui/arrowSM.gif) no-repeat 3px 5px; text-decoration:underline; }
.listB ul li {list-style:none; padding-left:25px}

/* =Search Bar
-----------------------------------------------------------------------------*/
#searchBar {position:absolute; width:386px; height:44px; top:0; right:50px; background:url(../images/ui/searchBar_BG.png) no-repeat 0 0;}
.searchBut {background:url(../images/ui/searchBut.png) no-repeat 0 0; border:none; text-indent:-9999px; width:85px; height:30px; margin:6px 0 0 20px; z-index:100;}
.searchBut:hover {background:url(../images/ui/searchBut.png) no-repeat -95px 0;}


/* =tables
-----------------------------------------------------------------------------*/
#dataTable {font-size: 11px; background: #fff; width:700px; border-collapse: collapse; text-align: left; font:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#dataTable th {font-size: 11px; font-weight: bold; padding: 10px 8px; border: 1px solid white; background-color:#EFEFEF}
#dataTable td {border-bottom: 1px solid #ccc; color: #669; padding: 8px 9px;}
#dataTable tbody tr:hover td {color: #009; background-color:#F5F5F5}

#dataTable02 {font-size: 11px; background: #fff; width:960px; border-collapse: collapse; text-align: left; font:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#dataTable02 th {font-size: 11px; font-weight: bold; padding: 10px 8px; border: 1px solid white; background-color:#EFEFEF}
#dataTable02 td {border-bottom: 1px solid #ccc; color: #669; padding: 8px 9px;}
#dataTable02 tbody tr:hover td {color: #009; background-color:#F5F5F5}

#widedataTable {font-size: 11px; background: #fff; width:1200px; border-collapse: collapse; text-align: left; font:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#widedataTable th {font-size: 11px; font-weight: bold; padding: 10px 8px; border: 1px solid white; background-color:#EFEFEF}
.FlashCenter {
	text-align: center;
}

#widedataTable td {border-bottom: 1px solid #ccc; color: #669; padding: 8px 9px;}
#widedataTable tbody tr:hover td {color: #009; background-color:#F5F5F5}




/* =Footer
-----------------------------------------------------------------------------*/
#footer {clear: both; width: 100%; background: #393939; color: #FFF; text-align: left; padding: 25px 0; position:relative;}

#footerWrapper { margin: 0 auto; width: 960px; height:1%;}

#footer a{color:#FFF; font-size:1.2em; line-height:1.8em;}
#footer a:hover{color:red; text-decoration:none;}

#footer p {font-size:1.2em;}

#footer p, #footer ul {float:left; padding:0 20px 0 50px;}
li.label, ul.certs li { font-weight:bold; font-size:1.6em;}
li.label {text-transform:uppercase; text-align:center;}
ul.certs {padding-right:0px;}
ul.certs li {font-size:1.7em; margin-bottom:3px;}


/* =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 */

.planeClear{width:100%; height:10px; clear:both;}.leftAlign {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}
.center {
	margin-right: auto;
	margin-left: auto;
	width: 640px;
}