@charset "utf-8";
/*Union Connector
CSS DOCUMENT
2008.11.21 */

/*General Structure---------------------------------------------------------------------*/
body {
	font-size: 12px;
    font-family: Tahoma, "Trebuchet MS", Arial, Verdana, sans-serif;
    color: #3c3c3c;
    text-align: center;
    background: #277edb;
}
#wrapper {
    margin: 0 auto;
	width: 850px;
	padding: 0;
	text-align: left;
}

/*Internal Structure---------------------------------------------------------------------*/
#header {
	position: relative;
	height: 66px;
    width: 850px;
    margin: 0 auto;
	background-image:url(images/header.jpg);
}
#logo {
	float: right;
	width: 184px;
    height: auto;
}
#keywords {
	position: relative;
	height: 15px;
    width: 850px;
    margin: 0 auto;
	text-align:center;
	color:#FFFFFF;
}
#container {
	position: relative;
	height: auto;
    width: 850px;
    margin: 0 auto;
}
#left-nav {
	float: left;
    width: 185px;
    height: auto;
    padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.navtop {
	background: #fff url(images/nav_top_05.jpg) no-repeat top left;
	width:185px;
	height:23px;
}
div.navbody {
	background: #fff url(images/nav_mid_09.jpg) repeat-y top left;
	width:185px;
	height:auto;
}
div.nav-adspace {
	width:165px;
	height:auto;
	margin: 0 0 0 20px;
	padding: 20px 0 0 0;
}
div.navbot {
	background: #fff url(images/nav_bot_13.jpg) no-repeat bottom left;
	width:185px;
	height:30px;
}
div.nav {
	font-size: 1.1em;
    line-height: 1.4em;
	background: #fff url(/images/nav_back.gif) no-repeat bottom left;
    width: 123px;
    height: auto;
    padding: 0 0 15px 0;
    margin: 0 0 11px 0;
}
#content {
	float: left;
    width: 665px;
	background: #fff url(images/content_mid_10.jpg) repeat-y top left;
    height: auto;
    padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.content-top {
	background: #fff url(images/content_top_06.jpg) no-repeat top left;
	width:665px;
	height:23px;
}
div.content-body {
	width:650px;
	height:auto;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}
.content-bottom {
	background: #fff url(images/content_bot_14.jpg) no-repeat bottom left;
	width:665px;
	height:30px;
}
#page-title {
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}
#full-width {
	margin: 0 0 0 0;
	padding: 0 5px 0 0;
	float:left;
	width:645px;
}
#w375 {
	width:375px;
	float:left;
	color: #3c3c3c;	
}
#rep-list {
	margin: 0 0 0 0;
	padding: 0 5px 0 0;
	float:left;
	width:645px;
}
#footer {
	background: #fff url(images/content_mid_10.jpg) repeat-y bottom left;
	width:665px;
	height:auto;
	float:left;
	
}
.text {
	width:650px;
}
.error {
	font-weight:bold;
	color:#FF0000;
}
/*Borders----------------------------------------------------------------------------------------*/
#rep-list .topborder {
	border-top: thin solid #000;
	width:640px;
	margin: 10px 0 10px 3px;	
}
#rep-list .botborder {
	border-bottom: thin solid #000;
	width:640px;
	margin: 10px 0 10px 3px;	
}
#footer .topborder {
	border-top: medium solid #277ED8;
	width:600px;
	margin: 20px 0 10px 35px;	
}
.bdrbtmdsh {border-bottom-color:#CCCCCC; border-bottom-style:dashed; border-bottom-width:thin;}

/*H-tag Elements-------------------------------------------------------------------------*/
#keywords h1{
    margin: 0;
	padding: 0;
	font-size:12px;
}
#page-title h2{
    margin: 0;
	padding: 0;
	font-size:12px;
}
/*Text Elements-----------------------------------------------------------------------*/
div.content-body p{
	font:Arial, Helvetica, sans-serif 12px;
	line-height: 15px;
	padding: 0 10px 0 0;
}
full-width p{
    margin: 0 0 0 0;
	padding: 0 0 0 0;

}
div.nav-adspace p,
div.content-top p, div.content-bottom p
{
    margin: 0;
	padding: 0;
	font-size:12px;
}

/*Basic Elements-------------------------------------------------------------------*/
img { border: none; }
.hide { display: none; }
strong { font-weight: bold; }
.cl { clear: left !important; }
.cr { clear: right !important; }
.cb { clear: both !important; }
.cn { clear: none !important; }
.disi { display: inline !important; }
.disb { display: inline !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mr5 { margin-right: 5px !important; }
.mb5 { margin-bottom: 5px !important; }
.ml5 { margin-left: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mr15 { margin-right: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pr15 { padding-right: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px !important; }
.hrt { border-top: 1px solid #c7cdd1; }
.hrb { border-bottom: 1px solid #c7cdd1; }
.w25 { width: 25px !important; }
.w50 { width: 50px !important; }
.w75 { width: 75px !important; }
.w100 { width: 100px !important; }
.w125 { width: 125px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w175 { width: 175px !important; }
.w200 { width: 200px !important; }
.w215 { width: 215px !important; }
.w225 { width: 225px !important; }
.w250 { width: 250px !important; }
.w275 { width: 275px !important; }
.w300 { width: 300px !important; }
.w325 { width: 325px !important; }
.w350 { width: 350px !important; }
.w375 { width: 375px !important; }
.w400 { width: 400px !important; }
.w420 { width: 420px !important; }
.w450 { width: 450px !important; }
.w500 { width: 500px !important; }
.w600 { width: 600px !important; }
.w650 { width: 650px !important; }
.h100 { height: 100px !important;}
.h200 { height: 200px !important;}
.h300 { height: 300px !important;}
.h325 { height: 325px !important;}
.h350 { height: 350px !important;}
.h375 { height: 375px !important;}
.h400 { height: 400px !important;}
.em { font-style: italic !important; }
.strong { font-weight: bold !important; }
.em09 { font-size: .9em !important; }
.em10 { font-size: 1.0em !important; }
.em11 { font-size: 1.1em !important; }
.em12 { font-size: 1.2em !important; }
.em13 { font-size: 1.3em !important; }
.em14 { font-size: 1.4em !important; }
.lh05 { line-height: .5em !important; }
.lh10 { line-height: 1em !important; }
.lh15 { line-height: 1.5em !important; }
.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

/*Buttons ----------------------------------------------------------*/
.arrowlistmenu{
width: 185px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 10px Arial;
color: white;
background: #277edb;
line-height:11px;
width:160px;
margin: 0 0 5px 8px;
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
background: url(images/plus.gif) no-repeat left;
/*margin-bottom: 10px; bottom spacing between header and rest of content*/
padding: 4px 0 4px 18px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
margin: 0 0 0 5px;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(images/minus.gif) no-repeat left;
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0 0 0 8px; /*bottom spacing between each UL and rest of content*/
}
.header ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0 0 0 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.header ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #005A8A;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
margin: 0 0 0 10px;
}
.header ul li a{
color: #595959;
display: block;
padding: 2px 0 2px 12px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
border-bottom: 1px solid #dadada;
font-size: 12px;
margin: 0 10px 0 10px;
line-height: 10px;
}
.arrowlistmenu ul li a:visited{
/*color: #A70303;*/
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
/*color: #A70303;*/
background: #F3F3F3 url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
}
.header a:hover{ /*hover state CSS*/
/*color: #A70303;*/
background: #F3F3F3 url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
}
.categoryitems{display: none}

/*Links-----------------------------------------------------------------------------------------*/
a:link {color: #0000FF;	text-decoration: none;}
a:visited {text-decoration: none;	color: #0000FF;}
a:hover {text-decoration: underline;	color: #FF0000;}
/*a:active {text-decoration: none;	color: #0000FF;}*/

body.projects li#projects a, body.catalog li#catalog a, body.custom-manu li#custom-manu a, body.cust-power-dist li#cust-power-dist a, body.audio-power-dist li#audio-power-dist a, body.emergency li#emergency a, body.basic li#basic a, body.conn-chamber li#conn-chamber a, body.mult-breaker li#mult-breaker a, body.remote-act li#remote-act a, body.outdoor-switch li#outdoor-switch a, body.fused-discon li#fused-discon a, body.cam li#cam a, body.multi-pin li#multi-pin a, body.nema li#nema a, body.pin-sleeve li#pin-sleeve a, body.safecam li#safecam a, body.stage-pins li#stage-pins a, body.conn_strip li#conn_strip a, body.cam-boxes li#cam-boxes a, body.cable-acc li#cable-acc a, body.patch-panels li#patch-panels a, body.rack-mount li#rack-mount a, body.standard-dist li#standard-dist a, body.outlet-boxes li#outlet-boxes a, body.cust-distros li#cust-distros a, body.events li#events a, body.news li#news a, body.products li#products a    {
	color:#BCAD31;
}

body.home #home, body.about #about, 
body.rep #rep, body.quote #quote, body.contact #contact {
	color:#BCAD31;
}
/*Info Box Pop-ups-----------------------------------------------------------------------------*/
#info p {margin-right:20px;}
#info img {margin:0 15px 15px 0; float:left;}
#info h1 {margin-left:15px;}

/* Hover Box the style starts here -------------------------------------------------------------*/
.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
.hov a {color:#0000FF; text-decoration:none;}
.hov b {display:none; font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,
.hov:hover a
{border:0; text-decoration:none; position:relative;}
.hov:hover b, 
.hov a:hover b
{display:block; visibility:visible; position:absolute; left:-100px; top:1em; background:#ddecfb; cursor:pointer; border:1px solid #888; padding:5px 10px;}
.hov b a {white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:underline;}

.clear {clear:both;}

/*Lists with Images------------------------------------------------------------------------------*/
.uclogo {
	list-style-image:url(images/list-logo.jpg);
	line-height:18px;
	margin:5px;		
	}