/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
body {
	line-height: 1;
}
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;
}


/* MAIN
------------------------------------------------------------ */
body {
  font-size: 12px;
  color: #000;
  background: #95989A;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
  margin-bottom: 10px;
}
a {
  text-decoration: none;
  color: #78aede;
}
a:hover {
  /*text-decoration: underline;*/
}
a:visited {
  /*color: lightblue;*/
}



/* TEST
------------------------------------------------------------ */
span.todo {
  color: red;
  font-weight: bold;
}
a.file {
  color: blue;
  text-decoration: underline;
}



/* CONTAINER
------------------------------------------------------------ */
#container_outer {
  margin: 0 auto;
  width: 986px;
  background: url(/images/container_outer_bg.png) center repeat-y #FFF;
  margin-bottom: 30px;
}
#container {
  position: relative;
/*  overflow: auto;*/
  margin: 0 auto;
  width: 902px; /* todo: 900px?*/
  border-top: 3px solid #23376e;

}
#container_inner {
  margin: 0 auto;
  width: 986px;
  height: 30px;
  background: url(/images/container_inner_bg.png) center no-repeat;
}


/* HEADER
------------------------------------------------------------ */
#header {
  clear: both;
  position: relative;
  overflow: auto;
  margin: 0 auto;
  height: 115px;
}
#header div#logo {
}
#header div#logo a {
  display: block;
  background: url(/images/logo.png);
  width: 184px;
  height: 49px;
  
  position: absolute;
  top: 46px;
  left: 28px;
}
#header div#logo a span {
  display: none;
}



#user {
  position: absolute;
  right: 0;
  top: 20px;
}
#user ul {
}
#user ul li {
  display: inline;
  padding-left: 10px;
}
#user ul li a {
  font-weight: bold;
  font-size: 11px;
}
/**/
#user ul li a {
  border-left: 1px solid #a4aab1;
  padding-left: 10px;
}
#user ul li.first a {
  border-left: 0px;
  padding-left: 0px;
}
#user ul li.last a {
}



/* NAVIGATION - adds up to 641px
------------------------------------------------------------ */
#navigation {
  height: 30px;
  margin-bottom: 3px;
}
#navigation ul {
  float: right;
}
#navigation ul li {
  float: left;
  
  width: 126px;
  height: 30px;
  text-align: center;
  
  margin-left: 3px;
  
}

#navigation ul li a {
  display: block;
  background: url(/images/navigation_bg_gradient.png) repeat-x white;
  color: #6d6f71;
  
  line-height: 30px;
  font-size: 10px;
  text-transform: uppercase;
/*  font-weight: bold;*/
}
  #navigation ul li ul {
    width: 206px;
    padding: 6px 3px !important;
    
    background: #FFF;
    border: 1px solid #bcbec0;
  }
  #navigation ul li ul li {
    width: 200px;
    text-align: left;
    height: auto;
  }
  #navigation ul li ul li a {
    background: #FFF !important;
    color: #6d6f71;
    text-transform: uppercase;
    padding: 5px;
    line-height: normal;
  }
  body.solutions #navigation ul li.solutions ul li a {
    color: #231f20; /* override current state */
  }
  #navigation ul li ul li a:hover {
    background: #e7e8e9 !important;
    color: #231f20;
  }
  #navigation ul li ul li.indent a {
    padding-left: 15px;
  }
  
/* active states */
body.about #navigation ul li.about a.top,
body.partners #navigation ul li.technology a.top,
body.technology #navigation ul li.technology a.top,
body.solutions #navigation ul li.solutions a.top,
body.news_updates #navigation ul li.news_updates a.top,
body.contact #navigation ul li.contact a.top,
#navigation ul li a:hover {
  background: url(/images/navigation_bg_gradient_hover.png) repeat-x white;
  color: #FFF;
}
#navigation ul li a span {
}


/* space hack */
#navigation ul li.about {
  width: 125px;
}






/* NAVIGATION - submenu: http://users.tpg.com.au/j_birch/plugins/superfish/
------------------------------------------------------------ */
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	/*position:		relative; -- was messing up the nav bg, removed by JL */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/* SECTION
------------------------------------------------------------ */
#section {
  overflow: auto;
}
/*
 total = 902
 --------------------
 content = 641
 spacing = 3
 sidebar = 258
*/




/* SECTION - CONTENT
------------------------------------------------------------ */
#content {
  float: right;
  width: 641px;
  color: #6D6F71;
}
#content h1 {

}
#content h2 {
}
#content h3 {
}
#content h4 {
}
#content h5 {
}
#content h6 {
}
#content p, #content div.text_block, p.product_body {
  line-height: 16px;
}
#content ul.basic,
#content ol.basic {
  list-style: disc outside;
  margin-left: 20px;
  margin-bottom: 10px;
}
#content blockquote {
}
#content dl {
}
#content dl dd {
}
#content dl dt {
}




/* SECTION - SIDEBAR
------------------------------------------------------------ */
#sidebar {
  float: left;
  
  background: url(/images/sidebar_bg_short.png) no-repeat;
  
  /* 902px - 641px - 3px = 258px */
  width: 258px;
  
  min-height: 211px;
}
#sidebar h2 {
  color: #FFF;
  margin-top: 155px;
  margin-left: 30px;
  font-size: 28px;
  font-weight: normal;
  
  margin-bottom: 56px;
}
#sidebar ul {
  /*list-style: disc outside;*/
  margin-left: 20px;
  margin-bottom: 20px;
  line-height: 30px;
}
#sidebar ul li {
}
#sidebar ul li a {
  color: #6d6f71;
  font-size: 11px;
}




/* active states */
#sidebar ul li.first:before {
  content: "> ";
  color: #78aede !important;
  margin-left: -13px;
}
#sidebar ul li.first a {
  color: #78aede !important;
  font-size: 12px !important;
}
body.about #sidebar ul li.about a,
body.management #sidebar ul li.management a,
body.technology #sidebar ul li.technology a,
body.partners #sidebar ul li.partners a,
body.utilities #sidebar ul li.utilities a,
body.distribution_automation #sidebar ul li.distribution_automation a,
body.custom_wireless_solutions #sidebar ul li.custom_wireless_solutions a,
body.contact #sidebar ul li.contact a,
body.login #sidebar ul li.login a {
  color: #23376e;
}
/* indented active states */
#sidebar ul li.indent {
  margin-left: 20px;
  line-height: 17px;
}
#sidebar ul li.indent:before {
  content: "+ ";
  color: #6d6f71;
}
#sidebar ul li.indent.i-last {
  margin-bottom: 10px;
}
body.remote_disconnect #sidebar ul li.remote_disconnect,
body.load_control #sidebar ul li.load_control,
body.commercial_and_industrial #sidebar ul li.commercial_and_indutrial {
  
}
body.remote_disconnect #sidebar ul li.remote_disconnect a,
body.load_control #sidebar ul li.load_control a,
body.commercial_and_industrial #sidebar ul li.commercial_and_indutrial a {
  color: #23376e;
}


/* unused active states */
/*
body.about #sidebar ul li.about,
body.management #sidebar ul li.management,
body.technology #sidebar ul li.technology,
body.partners #sidebar ul li.partners,
body.utilities #sidebar ul li.utilities,
body.remote_disconnect #sidebar ul li.remote_disconnect,
body.load_control #sidebar ul li.load_control,
body.commercial_and_industrial #sidebar ul li.commercial_and_indutrial,
body.distribution_automation #sidebar ul li.distribution_automation,
body.custom_wireless_solutions #sidebar ul li.custom_wireless_solutions,
body.contact #sidebar ul li.contact,
body.login #sidebar ul li.login {
}
body.about #sidebar ul li.about:before,
body.management #sidebar ul li.management:before,
body.technology #sidebar ul li.technology:before,
body.partners #sidebar ul li.partners:before,
body.utilities #sidebar ul li.utilities:before,
body.remote_disconnect #sidebar ul li.remote_disconnect:before,
body.load_control #sidebar ul li.load_control:before,
body.commercial_and_industrial #sidebar ul li.commercial_and_indutrial:before,
body.distribution_automation #sidebar ul li.distribution_automation:before,
body.custom_wireless_solutions #sidebar ul li.custom_wireless_solutions:before,
body.contact #sidebar ul li.contact:before,
body.login #sidebar ul li.login:before {
}
*/




/* FOOTER
------------------------------------------------------------ */
#footer {
  clear: both;
  overflow: auto;
  
  background: #e7e8e9;
  padding: 20px 30px;
  
  margin-top: 3px;
  margin-bottom: 22px;
}
#footer ul {
  margin-bottom: 5px;
}
#footer ul li {
  display: inline;
}
#footer ul li a {
  color: #6d6f71;
  font-size: 11px;
}
/**/
#footer ul li.first a {
  padding-right: 5px;
}
#footer ul li.last a {
  border-left: 1px solid;
  padding-left: 5px;
}

/*
#footer ul li:before {
  content: "|";
  color: #6d6f71;
  font-weight: bold;
}
#footer ul li:first-child:before {
  content: "";
}
*/




#footer p.copyright {
  color: #6d6f71;
  font-size: 11px;
}














/* PAGE - GLOBAL
------------------------------------------------------------ */
body.page #content {
/*  background: url(/images/content_bg_01.jpg) no-repeat top;*/
  margin-bottom: 20px;
}
body.page #content h1, h2 {
  font-weight: normal;
  color: #78aede;
  font-size: 18px;
}
body.page #content h1 {
  margin-top: 38px;
  margin-bottom: 20px;
}
/**/

/*
can be used anywhere
------------------------------
remote_disconnect.php
load_control.php
commercial_and_industrial.php
*/
div.products {
  overflow: auto;
  margin-top:30px;
}
div.products ul {
  overflow: auto;
}
div.products ul li {
  overflow: auto;
  padding-bottom: 30px;
  clear: both;
}
div.products ul li a.simg {
  float: left;
  margin-right: 10px;
}
div.products ul li a.simg img {
  width: 265px;
  height: 145px;
  border: 1px dotted #CCC;
}
div.products ul li div.info {
  float: right;
  width: 360px;
}
div.products ul li div.info h3 {
}
div.products ul li div.info h3 a {
  display: block;
  color: #23376e;
  font-size: 11px;
}
div.products ul li div.info p {
  font-size: 11px;
}
div.products ul li div.info a.spec_sheet {
  padding: 3px;
  background: #9EA0A2;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #E4E5E6;
}






/* PAGE - home (index.php)
------------------------------------------------------------ */
body.page.home #section {
  height: 438px;
}
/**/
body.page.home #sidebar {
  height: 438px;
  background: url(/images/sidebar_bg_long.png) no-repeat #FFF;
}
/**/
body.page.home #content {
  height: 414px;
  width: 640px;
}
body.page.home #content h1 {
  display: none;
}
body.page.home #content div.home {
  background: #23376e;
  
  margin-top: 3px;
  height: 224px;
  
  overflow: hidden;
}
body.page.home #content div.home div.wrapper {
  padding: 20px;
}
body.page.home #content div.home div.wrapper h2 {
  color: #78aede;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 26px;
}
body.page.home #content div.home div.wrapper p.intro {
  color: #FFF;
  font-size: 12px;
  
  line-height: 20px;
}
body.page.home #content div.home div.wrapper p.more a {
  color: #f7931e;
  font-size: 11px;
}






/* PAGE - about (about.php)
------------------------------------------------------------ */
body.page.about #content {
}

/* PAGE - management (management.php; under about.php)
------------------------------------------------------------ */
body.page.management #content {
}











/* PAGE - technology (technology.php)
------------------------------------------------------------ */
body.page.technology #content {
}

/* PAGE - partners (partners.php; under technology.php)
------------------------------------------------------------ */
body.page.partners #content {
}
body.page.partners #content div.partners {
  overflow: auto;
  background: url(/images/separator_horizontal.png) repeat-x top;
}
body.page.partners #content div.partners ul {
  overflow: auto;
  
  /* ul overrides */
  margin-top: 1px;
}
body.page.partners #content div.partners ul li {
  clear: both;
  overflow: auto;
  position: relative;
  height: 102px;
  background: url(/images/separator_horizontal.png) repeat-x bottom;
  padding-bottom: 2px;
}
body.page.partners #content div.partners ul li img {
  width: 260px;
  height: 100px;
  
  padding-right: 10px;
  background: url(/images/separator_vertical.png) no-repeat right center;
}
body.page.partners #content div.partners ul li h3 {
  position: absolute;
  left: 330px;
  top: 35px;
  color: #333;
}
body.page.partners #content div.partners ul li a {
  position: absolute;
  left: 330px;
  top: 48px;
  font-size: 11px;
  font-weight: bold;
}




/* PAGE - solutions (solutions.php)
------------------------------------------------------------ */
body.page.solutions #content {
}
body.page.solutions #content div.solutions {
  overflow: auto;
  margin-top: 30px;
}
body.page.solutions #content div.solutions ul {
  clear: both;
  overflow: auto;
  
  /* ul overrides */
  margin-bottom: 10px;
  padding-bottom: 10px;
}
body.page.solutions #content div.solutions ul li {
  /*float: left;*/
  width: 202px;
}
/* all exact */
body.page.solutions #content div.solutions ul li.s1{float:left;margin-right:18px;}
body.page.solutions #content div.solutions ul li.s2{float:left;}
body.page.solutions #content div.solutions ul li.s3{float:right;margin-left:17px;}

body.page.solutions #content div.solutions ul li a.simg {
  display: block;
}
body.page.solutions #content div.solutions ul li a.simg img {
  width: 202px;
  height: 127px;

}
body.page.solutions #content div.solutions ul li h3 a {
  display: block;
  color: #78aede;
  font-size: 12px;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  padding-bottom: 20px;
  border-bottom: 1px solid #78aede;
}
body.page.solutions #content div.solutions ul li p {
  margin-bottom: 20px;

}
body.page.solutions #content div.solutions ul li a.more {
  padding-left: 15px;
  background: url(/images/more_arrow.png) no-repeat left center;
}

/* specific */
body.page.solutions #content div.solutions ul li.s2 {
  
}







/* PAGE - news (news.php)
------------------------------------------------------------ */
body.page.news_updates #content {
}
body.page.news_updates #content h1.events {
  margin-top: 30px;
}
body.page.news_updates #content div.item {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
body.page.news_updates #content div.item h2 {
  font-size: 16px;
  letter-spacing: 1px;
}
body.page.news_updates #content div.item p.date {
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 5px;
}
body.page.news_updates #content div.item p {
  font-size: 12px; /* smaller? */
}




/* PAGE - contact (contact.php)
------------------------------------------------------------ */
body.page.contact #section {
}
/**/
body.page.contact #content div.wrapper {
  clear: both;
  overflow: auto;
  padding-bottom: 10px;
  font-size: 11px;
}
body.page.contact #content div.wrapper h2 {
  margin-bottom: 10px;
  color: #666;
  font-weight: bold;
}
body.page.contact #content div.wrapper p {
  line-height: 15px;
  margin-bottom: 20px;
}
body.page.contact #content div.wrapper.w1 {
  padding-bottom: 30px;
  background: url(/images/separator_horizontal.png) repeat-x bottom;
  margin-bottom: 30px;
}
body.page.contact #content div.wrapper address {
  font-style: normal;
  line-height: 15px;
}
body.page.contact #content div.wrapper div.left {
  float: left;
  width: 300px;
  margin-right: 10px;
}
body.page.contact #content div.wrapper div.right {
  float: left;
  width: 300px;
}










/* CMS */
body.page.partners #content div.partners ul li div.edit img {
  /* reset */
  width: auto;
  height: auto;
  background: none;
}
body.page.partners #content div.partners ul li div.edit a.sort {
  top: 68px;
}
body.page.partners #content div.partners ul li div.edit a.edit {
  top: 68px;
  left:346px;
}
body.page.partners #content div.partners ul li div.edit a.delete {
  top: 68px;
  left:364px;
}
body.system #section {overflow: visible}
body.system #content {float:none;width:900px}
body.system #content h1 {background:#78aede;padding:18px;font-size:16px;color:white;margin:16px 0;}
body.system #navigation, body.system #sidebar {display:none;}
#admin-nav{display:none;}
body#sections #content ul {padding-bottom:10px;padding-left:10px;}
input.button {background-color:#999; color:#fff;}
#sessions form input {margin:0.5em 0;}
#sessions #content p a {display:none;}
.products .edit {padding-top:10px;}

div.downloads h3, div.downloads table { background: url(/images/separator_horizontal.png) repeat-x bottom; padding-bottom:10px; margin:4px 0;}
div.downloads h3 { padding:20px 0;}
div.downloads table tr.odd {background-color:#eee;}
div.downloads table tr td {background: url(/images/separator_vertical.png) repeat-y right; width:25%;}
div.downloads table tr td.last {background:0;}

#content div.asset {padding-top:20px;}

.hero .asset-edit-wrapper {margin-top:-211px;height:211px;}
.hero .edit_asset {background-color:#fff;}
.hero {height:211px; width:640px;}

#sidebar .sidecontent h2 {font-size:11px; margin:20px 0 0 20px;color:#23376E; font-weight:bold;}
#sidebar .sidecontent p {margin:6px 20px;color:#fff;}
#sidebar .sidecontent a {color:#B1DFF8}
#sidebar .sidecontent { font-size:11px; line-height:16px;}