﻿body
{
    background-image: url(/images/full_bg.jpg?v2);
    background-repeat: no-repeat;
    background-color: #636467;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 140%;
    background-color: #c5c6c8;
}


#header
{
    width: 900px;
    height: 150px;
    background-image: url(/images/ntg_header.jpg);
    background-repeat: no-repeat;
    background-color: White;
}

#content
{
    margin-left: 149px;
    min-height: 882px;
    position: relative;
    width: 900px;
}

/* 
====================================================
Page Layouts 
====================================================
*/

/*Home Page */

body.twoColWideNarrow #leftColumn
{
    width: 690px;
    float: left;
}

body.twoColWideNarrow #rightColumn
{
    width: 210px;
    float: right;
    background-color: White;
    color: #848589;
}

/* Three Column (N-W-N) */


#leftColumn, #middleColumn, #rightColumn, #systemNews {
    position:relative;
}

body.threeCol #leftColumn
{
    width: 213px;
    height: 700px;
    float: left;
    overflow: hidden;
}

body.threeCol #leftColumn a, body.threeCol #middleColumn #tabs-1 li a
{
    color: #f48d30;
    text-decoration: none;
    font-weight: bold;
}

body.threeCol #middleColumn
{
    width: 476px;
    float: left;
    overflow-x: hidden;
}

body.threeCol #middleColumn h3
{
    color: White;
    font-weight: bold;
}

body.threeCol #rightColumn
{
    width:211px;
    float: right;
    position:relative;
    z-index:10;
}


.productPage h3
{
    color: #e55302;
}

.productPage #systemOverviewCopy
{
    height: 368px;
}

.productPage #systemComponents
{
    height: 332px;
}

body.threeCol #contentBg, body.twoCol #contentBg
{
    background-color: White;
    background-image: url(/images/prod_sys_stripe.png);
    background-repeat: repeat-x;
    height: 700px;
    position: relative;
}

body.threeCol #middleColSecondary
{
    color: #7b858a;
}

body.threeCol #middleColSecondary h1, body.threeCol #middleColSecondary h2, body.threeCol #middleColSecondary h3, body.twoCol #middleColSecondary h1, body.twoCol #middleColSecondary h2, body.twoCol #middleColSecondary h3
{
    color: #e55302;
}

body.threeCol #middleColSecondary .padding
{
    padding: 20px 30px;
}

body.threeCol #rightColSecondary
{
    background-image: url(/images/rightcol_bg_stripe.png);
    background-repeat: repeat-x;
    width: 210px;
    height: 700px;
    color: #7b858a;
    position:relative;
    z-index:11;
}

body.threeCol #leftColSecondary, body.twoCol #leftColSecondary
{
    background-repeat: repeat-x;
    width: 210px;
    color: White;
}

body.threeCol #leftColSecondary .padding
{
    padding: 25px 11px;
}

/* Three Column (N-N-W) */


body.threeColNNW #leftColumn
{
    width: 210px;
    float: left;
    position: relative;
    z-index: 10;
    height: 500px;
}

body.threeColNNW #middleColumn
{
    width: 210px;
    float: left;
    position: relative;
    z-index: 10;
}

body.threeColNNW #rightColumn
{
    width: 480px;
    float: right;
    color: #7B858A;
}

body.threeColNNW #contentBg
{
    background-color: White;
    background-image: url(/images/prod_sys_stripe.png);
    background-repeat: repeat-x;
    height: 703px;
    position: relative;
}



#leftFeatureArea
{
    width: 690px;
    height: 390px;
    background-color: #4B4C4F;
}

#promotionalArea
{
    width: 690px;
    height:296px;
    background-color: #4b4c4f;
    position: relative;
}

#rightColumnNavigation
{
    width: 210px;
    height: 390px;
    background-color: white;
    position: relative;

}

#newsArea
{
    width: 210px;
    height: 295px;
    background-color: White;
}

#footer
{
    background-image: url(/images/footer.png);
    background-repeat: no-repeat;
    width: 1052px;
    height: 295px;
    background-position: -3px 0px;
    position:relative;
    left:-147px;
    padding-left:147px;
}

.promoBucket
{
    width: 230px;
    height: 295px;
}

#promoBucket1
{
    position: absolute;
    left: 0px;
}

#promoBucket2
{
    position: absolute;
    left: 230px;
}

#promoBucket3
{
    position: absolute;
    left: 460px;
}

.promoPadding
{
    padding: 10px 5px 10px 15px;
}
#systemColumnNavigation
{
    list-style-type: none;
}

#systemColumnNavigation li
{
    text-indent: -9999px;
    margin: 0;
}

#systemColumnNavigation li a
{
    display: block;
    width: 231px;
    background-image: url(/images/ntg_rcnavsprite.png);
    background-repeat: no-repeat;
    height: 68px;
}

/*
  Home page right column navigation sprite
*/






A#navArbUMS
{
    background-position: 0 -473px;
    height: 38px !important;
}
A#navArbUMS:hover
{
    background-position: 0 -562px;
}
A#navFBAmi450
{
background-position: 0 0;
}
A#navFBAmi450:hover
{
 background-position: 0 -118px;
}
A#navFBAmi900
{
    background-position: -0px -236px;
 
}
A#navFBAmi900:hover
{
background-position: 0 -354px;
}
A#navHybrid
{
  background-position: 0 -766px;
    height: 66px !important;
}
A#navHybrid:hover
{
background-position: 0 -650px;
}
A#navMeters
{
 background-position: 0 -882px;
    height: 68px !important;
}
A#navMeters:hover
{
background-position: 0 -1001px;
}
A#navMobile
{
background-position: 0 -1120px;
    height: 67px !important;
}
A#navMobile:hover
{
background-position: 0 -1238px; 
}

.newsColumn li
{
    padding-bottom: 15px;
    margin-top: 10px;
    border-bottom: 1px solid #848589;
    font-size:11px;
}

.lastOne
{
    border-bottom: none !important;
}

.newsPadding
{
    padding: 15px 15px 0px 15px;
}

.padding
{
    padding: 10px;
}

#HeaderNav
{
    list-style-type: none;
}

#HeaderNav li
{
    float: left;
    margin-left: 0px;
    margin-right: 30px;
}

#HeaderSubNav
{
    position: absolute;
    left: 689px;
    top: 11px;
    line-height: 120%;
}



#HeaderSubNav li
{
    margin-bottom: 5px;
}

#HeaderNav li a, #HeaderSubNav li a
{
    text-decoration: none;
    color: #848589;
    font-size: 12px;
}

#HeaderSubNav li a
{
    font-size: 11px;
}

#HeaderNav li a:hover, #HeaderSubNav li a:hover
{
    color: #e55302;
}

.social_icons
{
    background-image: url(/images/social_icons.png);
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
    text-indent: -999px;
    float: right;
}

a.sprite-facebook
{
    background-position: 0 0;
    width: 22px;
    height: 21px;
    margin-right: 22px;
    margin-left: 4px;
}
a.sprite-facebook:hover
{
    background-position: 0 -26px;
}
a.sprite-search
{
    background-position: 0 -52px;
    width: 22px;
    height: 18px;
}
a.sprite-search:hover
{
    background-position: 0 -75px;
}
a.sprite-share
{
    background-position: 0 -98px;
    width: 20px;
    height: 20px;
}
a.sprite-share:hover
{
    background-position: 0 -123px;
}

#socialSearch
{
    position: absolute;
    left: 463px;
    top: 89px;
    width: 154px;
}

.searchBarContainer
{
    margin-top: 10px;
    position: relative;
}

.searchBar
{
    width: 128px;
    float: left;
    position: absolute;
    height: 17px;
    border: 1px solid #c1c4c7;
}

#systemComponents
{
    background-color: #f3f3f3;
    height: 342px;
}

#systemOverviewCopy
{
    height: 357px;
    background-color: #626469;
    color: White;
}

#systemNews
{
    background-color: White;
    height: 336px;
    width: 210px;
}

#systemDistributors
{
    background-color: #626469;
    color: White;
}

#systemManagers
{
   
    background-color: #626469;
    color: White;
}

#systemFeature
{
    height: 270px;
    width: 480px;
    background-color: #626469;
    position:relative;
}

.productNameTitle {
    position:absolute;
    left:0px;
    top:200px;
    width:476px;
    height:70px;
    color:White;    
}


.productNameTitle h2 {
    font-size:25px;
}

.productNameStrip {
    position:absolute;
    left:0px;
    top:200px;
    width:476px;
    height:68px;
    background-color:#000;
    color:White;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
    
}


#systemsTab
{
    height: 427px;
    color: White;
    position:relative;
    top:-3px;    
}




h1, h2
{
    font-size: 22px;
    margin-bottom: 10px;
    color: White;
}

h2
{
    font-size: 18px;
    margin-top: 15px;
    margin-bottom:0px;
}

h3
{
    margin-top: 15px;
    font-weight: bold;
}

.logo
{
    position: absolute;
    width: 400px;
    height: 115px;
    display: block;
    text-indent: -999px;
}

a
{
    outline: none;
}

.transparentBox
{
    filter: alpha(opacity=64);
    opacity: 0.64;
    background-color: Black;
}

#systemBox
{
    position: absolute;
    left: 0px;
    top: 86px;
    width: 210px;
    height: 180px;
}

#productBox
{
    position: absolute;
    top: 86px;
    width: 210px;
    height:270px;
}

.caseStudy
{
    background-image: url(/images/casestudies/fixedbase-mira.jpg);
    background-position: 0px 48px;
    height: 665px;
    position: absolute;
    top: 38px;
    width: 418px;
    z-index: 0;
    background-repeat: no-repeat;
}

p
{
  
    margin-bottom: 8px;
}

strong
{
    font-weight: bold;
   
}

ul
{
    list-style-type: disc;
}

li
{
    margin-left: 20px;
}

#header ul
{
    list-style-type: none;
}

#header ul li
{
    margin-left: 0px;
}

.newsColumn
{
    list-style-type: none;
}

h3
{
    font-size: 13px;
    font-weight: normal;
}


.ui-state-active .ui-icon
{
    background: none;
}

.ui-accordion-header
{
    margin: 0px;
    padding: 5px;
}

.ui-state-default .ui-icon
{
    background: none;
}

.ui-tabs .ui-tabs-panel
{
    padding: 0 !important;
}

.ui-accordion .ui-state-active, .ui-widget-content .ui-state-active
{
    background: #454649 repeat-x scroll 50% 50%;
    border: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
    background-color: #57595D;
    background-repeat: repeat-x;
    padding-bottom:0px;
    margin:0;
}

.ui-accordion-header
{
}
.ui-tabs .ui-tabs-nav
{
    padding: 0px;
}
.ui-widget-header
{
    background-image: none;
    background-color: #848688;
    border: 0px;
    padding: 0px;
}

.ui-tabs
{
    padding: 0px;
}

object
{
    outline: none;
}

#systemComponents ul
{
    list-style-type: none;
}

#systemComponents ul li a
{
    color: #7b858a !important;
    font-weight: normal !important;
}

p.loading
{
    padding: 28px 74px;
}

.contactPage #leftColumn, .contactPage #rightColumn
{
    background-image: url(/images/about_lc_strip.gif);
    background-repeat: repeat-x;
}

body.contactPage #leftColSecondary
{
    background: transparent;
}

body.contactPage #leftColSecondary h2
{
    font-size: 20px;
}

body.contactPage #leftColSecondary .padding
{
    padding-top: 12px;
}

body.contactPage #rightColSecondary
{
    background: transparent;
}

#footerLinks
{
    list-style-type: none;
    padding-top: 15px;
    padding-left: 25px;
}

#footerLinks li
{
    float: left;
    margin-right: 10px;
    margin-left: 0px;
}

#footerLinks li a
{
    color: White;
    text-decoration: none;
    font-size:11px;
}

#footerLinks li a:hover
{
    color: #e55302;
}

body.distributorPage #leftColumn
{
    background-image: url(/images/distrib_leftcol.png);
    background-repeat: no-repeat;
    color: White;
}

.orangeHeader
{
    display: block;
    width: 195px;
    height: 31px;
    padding-top: 15px;
    padding-left: 15px;
    background-image: url(/images/orange_tab.png);
    background-repeat: no-repeat;
    margin-left: -10px;
}

body.eventPage #leftColumn, body.eventPage #rightColumn
{
    background-color: White;
 
    background-image: url(/images/prod_sys_stripe.png);
    background-repeat: repeat-x;
}

body.eventPage .orangeHeader
{
    margin-top: 0px;
    margin-left: 0px;
}

#leftInfoBox
{
    height: 180px;
    background-color: #56585c;
}

#calendarContainer
{
    padding: 20px;
}

#leftCopy
{
    float: left;
}

#leftSubscribe
{
    float: right;
}

#leftCopy
{
    width: 430px;
    height: 180px;
    background-color: #626469;
    color: White;
}
#leftCopy .padding
{
    padding: 15px;
}

#leftSubscribe
{
    height: 180px;
    width: 260px;
    background-image: url(/images/subscribe_gs.png);
    background-repeat: no-repeat;
}

#leftSubscribe .padding
{
    padding-top:14px;
}

#systemNews li a
{
    color: #7B858A !important;
    text-decoration:none;
}
#systemNews li a:hover {
 color: #E55302!important;
 }

#horizNav
{
    height: 30px;
    background-color: White;
    background-image: url(/images/horizNavBg.png);
    background-repeat: repeat-x;
}

#horizNav .padding
{
    padding-top: 7px;
}

/** NO CS */

.productPage #systemOverviewCopy
{
    height: 100%;
}

.productPage #systemComponents
{
    display: none;
}

body.twoCol #contentBg
{
    height: auto;
    background-color: #616368;
    
}

body.twoCol #leftColumn
{
    width: 210px;
    float: left;
    background-color: #616368;
    height: 682px;
}

ol
{
    list-style-type: decimal;
}

ol ol
{
    list-style-type: lower-alpha;
}

body.twoCol #middleColumn
{
    width: 690px;
    float: right;
    color: #444;
    background-color: White;
    background-image: url(/images/prod_sys_stripe.png);
    background-repeat: repeat-x;
}
body.twoCol #middleColumn .padding
{
    padding: 20px;
}

.accent
{
    color: #E55302;
}

.breadcrumb
{
    position: absolute;
    top: 120px;
    left: 5px;
    list-style-type: none;
}


ul.breadcrumb li.bcPathElement
{
    float: left;
    margin-left: 5px !important;
}

ul.breadcrumb li.bcPathElement a
{
    color: #E55302;
    text-decoration:underline;
}

.separator
{
    color: #444;
    padding-left: 5px;
}

h3
{
    font-weight: bold;
    color: #E55302;
}

body.twoCol #middleColumn a, body.distributorPage a
{
    color: #E55302;
}

.newsColumn a {
    color:#666!important;
    text-decoration:none;
    
}

.newsColumn a:hover {
 color: #E55302;
}

#systemsTab .padding li {
    margin-top:8px;
    margin-bottom:8px;
}

body.distributorPage #middleColSecondary .padding  {
    padding:0;
}

body.distributorPage #rightColSecondary .padding {
    padding-top:0px;
    line-height:120%;
}

#headerMainNav {
    position:absolute;
    left:690px;
    top:10px;
}
#headerMainNav li {
    margin-bottom:5px;
    font-size:11px;
}

#headerMainNav li a {
    color:#848589;
    text-decoration:none;
    
}

#headerMainNav li a:hover {
     color: #E55302;
     }
     
body.distributorPage #leftColumn .padding {
    padding-top:20px;
}     

body.contactPage .newsColumn a  {
    color:#bbb;
}

body.contactPage h1 {
    font-size:20px
}

#systemOverviewCopy .padding {
    padding-top:20px;
}

.ui-tabs .ui-tabs-nav li {
margin:0 0px -1px 0;
}

#systemComponents ul li {
    margin-bottom:5px;
}

#systemComponents ul li a:hover {
       color: #E55302!important;
}

h2 a {
    color: #E55302!important;
    text-decoration:none;
}

span.arrow {
    font-size:10px;
}



body.threeCol #contentContainer {
       background-image: url(/images/threecol_vert_bg.png);
    background-repeat:repeat-y;
}

body.threeCol #middleColSecondary a {
 color: #E55302!important;
 text-decoration:none;
}

body.productPage #contentContainer, body.aboutPage #contentContainer {
    background-image: url(/images/prodpage_vert_bg.png);
}

.cmsEdit a{
    color:Orange;
    font-size:12px;
    text-decoration:none;
    position:absolute;
    z-index:100;
    top:0px;
}

#upcomingEventsPane {
    height:300px;
    overflow:hidden;
}

#systemNews h3 {
    margin-bottom:5px;
}

ul.meterList li {
     margin-bottom:1px!important;
     margin-left:10px;
}

body.aboutPage #leftColumn {
    width:210px;
}

        .promoText
        {
            color: White;
            padding: 10px 10px 0px 0px;
        }
        
      
        
        #homeCaseStudy {
            background-image: url(/images/fb_ami_home.png);
            width:690px;
            height:69px;
            display:block;
            position:absolute;
            left:0px;
            top:306px;
            text-indent:-999px;
            z-index:200;
        }
        
        *a{position:relative;}
        
.normalPopup {
  background-image: url(/images/popup.png);
}

.bigPopup {
  
  background-image: url(/images/big_popup.png);
}

#interactive a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.interactive_icon {
	background:url("/images/interactive_icon.png") top left no-repeat;
	padding:0 0 0 20px;
	margin:15px 0 0 0;
	text-decoration:none;
}

.interactive_icon_blue {
	background:url("/images/icon_play_blue.png") top left no-repeat;
	padding:0 0 0 20px;
	margin:15px 0 0 0;
	text-decoration:none;
}

.interactive_icon_red {
	background:url("/images/icon_play_red.png") top left no-repeat;
	padding:0 0 0 20px;
	margin:15px 0 0 0;
	text-decoration:none;
}

.interactive_icon_green {
	background:url("/images/icon_play_green.png") top left no-repeat;
	padding:0 0 0 20px;
	margin:15px 0 0 0;
	text-decoration:none;
}

#systemNews a.interactive_icon, #systemNews a.interactive_icon_red, #systemNews a.interactive_icon_blue {
color:#7B858A;
text-decoration:none;
}

#systemNews a.interactive_icon:hover {
color:#E55302;
}

.videothumb {
	display:block;
	margin:10px 0 10px 0;
}

.videothumb_photo {
	float:left;
	width:35px;
	height:35px;
	padding:0 10px 0 0;
}

.videothumb_icon {
	float:left;
	width:15px;
	height:14px;
	padding:1px 5px 0 0;
}

.videothumb a {
	float:left;
	display:block;
	color:#7B858A;
	text-decoration:none;
	padding:0;
	margin:0;
}

.videothumb a:hover {
	color:#E55302;
}

.videothumb_title {
	font-size:14px;
	font-weight:bold;
}

#accordion ul li { 
margin-top:5px;
margin-bottom:5px;
}

.productPage  #leftColumn h2 {    
    margin-bottom:25px;
    margin-top:-10px;
}