/* ------------------------------ RESET ---------------------------- */

p, ul, ol, li, blockquote, table, form, h1, h2, h3, h4 {
	line-height: 1;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* ------------------------------ Tags ----------------------------- */

a {
	color: #696969;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a img {
    border: none;
}

body {
	background: #303030 url('/img/gui/body_bg.jpg') repeat-x;
	color: #333;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	margin: 0;
}

h1 {
    background-color: #000;
}

h1 a {
	background: url('/img/gui/logo.jpg') no-repeat bottom left;
	display: block;
    height: 87px;
    overflow: hidden;
    text-indent: -1000em;
	width: 170px;
}

h2 {
    background-image: url('/img/banners/banner_bg.jpg');
    background-repeat: no-repeat;
    color: #fff;
    font-size: 350%;
    font-weight: normal;
    height: 172px;
    line-height: 1.2;
    padding-left: 60px;
    padding-top: 40px;
}

#about_section h2 {
    background-image: url('/img/banners/about_us.jpg');
}

#about_section.careers_page h2 {
    background-image: url('/img/banners/careers.jpg');
}

#about_section.commitment_page h2 {
    background-image: url('/img/banners/commitment.jpg');
}

#about_section.history_page h2 {
    background-image: url('/img/banners/history.jpg');
}

#about_section.team_page h2 {
    background-image: url('/img/banners/team.jpg');
}

#about_section.vision_page h2 {
    background-image: url('/img/banners/vision.jpg');
}

#applications_section h2 {
    background-image: url('/img/banners/applications.jpg');
}

#applications_section.commercial_page h2 {
    background-image: url('/img/banners/commercial.jpg');
}

#applications_section.global_page h2 {
    background-image: url('/img/banners/global.jpg');
}

#applications_section.global_page.backup_section h2 {
    background-image: url('/img/banners/backup.jpg');
}

#applications_section.global_page.micro_grid_section h2 {
    background-image: url('/img/banners/micro_grid.jpg');
}

#applications_section.global_page.off_grid_remote_power_section h2 {
    background-image: url('/img/banners/off_grid.jpg');
}

#applications_section.government_page h2 {
    background-image: url('/img/banners/government.jpg');
}

#applications_section.mobile_page h2 {
    background-image: url('/img/banners/mobile.jpg');
}

#applications_section.mobile_page.marine_section h2 {
    background-image: url('/img/banners/marine.jpg');
}

#applications_section.mobile_page.vehicle_power_section h2 {
    background-image: url('/img/banners/vehicle_power.jpg');
}

#applications_section.residential_page h2 {
    background-image: url('/img/banners/residential.jpg');
}

#contact_section h2 {
    background-image: url('/img/banners/contact.jpg');
}

#news_section h2 {
    background-image: url('/img/banners/news.jpg');
}

#products_section h2 {
    background-image: url('/img/banners/products.jpg');
}

#products_section.charge_controllers_page h2 {
    background-image: url('/img/banners/charge_controllers.jpg');
}

#products_section.charge_controllers_page.flexmax_section h2 {
    background-image: url('/img/banners/flexyflex.jpg');
}

#products_section.charge_controllers_page.flexmax_80_section h2 {
    background-image: url('/img/banners/flexmax.jpg');
}

#products_section.charge_controllers_page.mx60_section h2 {
    background-image: url('/img/banners/mx60.jpg');
}

#products_section.communications_page h2 {
    background-image: url('/img/banners/communication.jpg');
}

#products_section.smartre_page h2 {
    background-image: url('/img/banners/smartre.jpg');
}

#products_section.communications_page.flexnet_dc_section h2 {
    background-image: url('/img/banners/flexnet_dc.jpg');
}

#products_section.communications_page.hub_section h2 {
    background-image: url('/img/banners/hub.jpg');
}

#products_section.communications_page.mate_section h2 {
    background-image: url('/img/banners/mate.jpg');
}

#products_section.communications_page.mate3_section h2 {
    background-image: url('/img/banners/mate3.jpg');
}

#products_section.integration_hardware_page h2 {
    background-image: url('/img/banners/integration.jpg');
}

#products_section.integration_hardware_page.flexware_250_section h2 {
    background-image: url('/img/banners/flexware_250.jpg');
}

#products_section.integration_hardware_page.flexware_500_section h2 {
    background-image: url('/img/banners/flexware_500.jpg');
}

#products_section.integration_hardware_page.flexware_1000_section h2 {
    background-image: url('/img/banners/flexware_1000.jpg');
}

#products_section.integration_hardware_page.flexware_pv_section h2 {
    background-image: url('/img/banners/flexware_pv.jpg');
}

#products_section.integration_hardware_page.surge_protectors_section h2 {
    background-image: url('/img/banners/surge.jpg');
}
#products_section.flexpower_page.flexpowerone_section h2 {
    background-image: url('/img/banners/flexpowerone.jpg');
}

#products_section.flexpower_page.flexpowertwo_section h2 {
    background-image: url('/img/banners/flexpowertwo.jpg');
}
/*  Add the following for custom energycell banner
#products_section.energy_storage.energycell_section h2 {
    background-image: url('/img/banners/energycell.jpg');
}
*/
#resources_section h2,
#terms_section h2,
#sitemap_section h2 {
    background-image: url('/img/banners/resources.jpg');
}

#products_section.sinewave_inverter_page h2 {
    background-image: url('/img/banners/sinewave_inverter.jpg');
}

#products_section.sinewave_inverter_page.radian_section h2 {
    background-image: url('/img/banners/radian_soon.jpg');
}

h3 {
    color: #AA1F00;
    font-size: x-large;
    font-weight: normal;
}

h4.date {
    margin-top: 5px;
}

h4 {
    color: #999;
	font-size: medium;
	font-weight: normal;
}

hr {
    border: none;
    border-top: 1px solid #ccc;
    height: 1px;
    margin-bottom: 4ex;
}

table {
	background-color: #ddd;
	border: none;
	border-spacing: 1px;
	font-size: x-small;
	margin: auto;
	width: 100%;
}

table th, table td {
	border: 1px solid #fff;
	margin: 0;
	padding: 5px 2px;
}

table tbody td, table tbody th {
	background-color: #f8f8f8;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

table tbody th {
	width: 200px;
}

table tbody tr.alt td, table tbody tr.alt th {
	background-color: #E4ECEF;
}

table thead th {
	background: #eee;
	border: none;
	color: #000;
	text-transform: uppercase;
}

table thead tr.first_child th {
	background: #eee url('/img/gui/table_header_bg.jpg') repeat-x;
}


/* ------------------------------ IDs ------------------------------ */

#container {
    background: url('/img/gui/container_bg.png') repeat-y top center;
    margin: auto;
    padding: 0 5px;
    width: 960px;
}

#content {
    padding: 30px 0 30px 30px;
}

#content p {
    line-height: 1.5;
    margin: 3ex 0;
}

#footer {
    background: url('/img/gui/footer_bot.gif') no-repeat bottom left;
    color: #696969;
    font-size: x-small;
    margin-top: 30px;
    margin-left: -4px;
    padding: 0 4px 9px 4px;
    width: 960px;
}

#footer a {
    text-transform: uppercase;
}

#footer a:hover {
    color: #fff;
}

#footer p {
    background-color: #181919;
    line-height: 1.5;
    padding: 20px 20px 15px 20px;
}

#left_col {
    background: url('/img/gui/left_col_top.gif') no-repeat;
    display: none; 
    min-height: 390px;
    float: left;
    position: relative;
    width: 185px;
    z-index: 10;
}

#left_col h4 {
    color: #F20603;
    font-size: medium;
    font-weight: normal;
    padding: 10px 10px 0 10px
}

#left_col ul {
    margin-top: 5px;
}

#left_col ul li {
    font-size: 86%;
    line-height: 1.5;
}

#left_col ul li a {
    color: #fff;
    padding: 10px;
    display: block;
    width: 165px;
}

#left_col ul li a:hover,
#left_col ul li a.active {
    background-color: #171717;
}

#left_col ul li strong {
    font-size: small;
}

#mid_col {
    float: left;
    width: 670px;
}

#mid_col a {
    color: #00568C;
}

#mid_col a:hover {
    color: #689ABA;
}

#mid_col a:hover img {
    background-color: #D8EBF7;
    border-color: #B9CFDD;
}

#mid_col a.date, #mid_col a.date:hover {
	color: #696969;
}

#mid_col h3 img,
.inline_photo {
    float: right;
    margin-bottom: 25px;
    margin-left: 20px;
}

#mid_col p img,
#mid_col h3 img {
    background-color: #B9CFDD;
    border: 4px solid #D8EBF7;
    padding: 1px;
}

#mid_col ul {
    margin-top: 10px;
}

#mid_col ul li {
    clear: both;
    border-top: 1px solid #ccc;
    padding: 10px 20px;
}

#mid_col ul li p {
    font-size: 86%;
    line-height: 1.3;
    margin: 3px 0 0 0;
}

#mid_col ul li .date {
    float: right;
}

#middle {
    min-height: 1%;
    position: relative;
}

#nav {
    background: #2A2A2A url('/img/gui/nav_top.png') no-repeat top center;
    height: 40px;
    text-transform: uppercase;
}

#nav ul li {
    background: url('/img/gui/nav_bg.jpg') repeat-x top left;
    float: left;
    width: 160px;
}

#nav ul li a {
    border-left: 1px solid #292929;
    color: #D5D5D5;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#nav ul li.linkHvr,
#nav ul li:hover {
    background: url('/img/gui/nav_bg.jpg') repeat-x center;
    color: #fff;
}

#nav ul li#applications_btn a,
#nav ul li#news_btn a {
    background-image: url('/img/gui/nav_top.png');
    background-repeat: no-repeat;
    background-position: top left;
}
#nav ul li#news_btn a {
    background-position: top right;
}

#nav ul li#applications_btn a {
    border: none;
}

#nav ul li#applications_btn ul li a {
    background-image: none;
}

#nav ul li ul {
    background: url('/img/gui/dropdown_bg.png') no-repeat bottom center;
    display: none;
    filter: alpha(opacity=90);
    font-size: 86%;
    opacity: .9;
    padding-bottom: 8px;
    position: absolute;
    width: 160px;
    z-index: 10;
}

#nav ul li ul li {
    background: none;
    float: none;
    width: auto;
}

#nav ul li ul li a {
    background: #000;
    border: none;
    color: #fff;
    height: auto;
    line-height: normal;
    padding: 5px 0 5px 5px;
    text-align: left;
    width: 155px;
}

#nav ul li ul li a:hover, 
#nav ul li ul li a.active_sub {
    background: #202020;
}

#nav ul li ul li a span {
    border-left: 4px solid #535352;
    padding-left: 5px;
}

#nav ul li ul li a:hover span,
#nav ul li ul li a.active_sub span {
    border-color: #fff;
}

#right_col {
    float: right;
    margin: 0 10px 10px 0;
    width: 220px;
}

#right_col h4 {
    font-size: large;
    color: #666;
}

#right_col h4 strong {
	font-weight: normal;
	color: #B5B5B5;
}

#right_col p {
    font-size: 86%;
    margin: 5px 0 15px 0;
    text-align: right;
}

#right_col p a strong {
	color: #B5B5B5;
}

#right_col ul li {
  border-bottom: 1px solid #B5B5B5;
	line-height: 1.3;
	padding-bottom: 5px;
	padding-left: 1px;
	margin: 10px 0;
	font-size: 86%;
}

#right_col ul li a.title {
    color: #000;
}

#right_col ul li a.date {
	background-color: #B5B5B5;
	color: #fff;
	display: block;
	font-size: x-small;
	line-height: 1;
	margin-bottom: 2px;
	padding: 4px 2px 2px 0;
	text-align: right;
	text-decoration: none;
	width: 70px;
}

#right_col ul li a.date:hover {
	background-color: #333;
}

#slide_show {
    height: 275px;
    width: 960px;
}

#slide_show {
    height: 275px;
    width: 960px;
}

#slide_show .slide {
    background-repeat: no-repeat;
    display: none;
    height: 235px;
    padding-left: 60px;
    padding-top: 40px;
    position: absolute;
    width: 900px;
    z-index: 1;
}

#slide_show .slide:first-child 
{
    display: block;
}

#slide_show #slide_1 {
    background-image: url('/img/slides/slide_1.jpg');
}

#slide_show #slide_2 {
    background-image: url('/img/slides/slide_2.jpg');
}

#slide_show #slide_3 {
    background-image: url('/img/slides/slide_3.jpg');
}

#slide_show #slide_4 {
    background-image: url('/img/slides/slide_4.jpg');
}

#slide_show #slide_5 {
    background-image: url('/img/slides/slide_5.jpg');
}

#small_nav {
    margin-right: -478px;
    position: absolute;
    right: 50%;
    top: 50px;
}

#small_nav li {
    float: right;
}

#small_nav li a {
    display: block;
    font-size: x-small;
    text-transform: uppercase;
}

#small_nav li#forum_btn a {
    color: #C4C6C2;
    background-color: #1A1B1A;
    border: 1px solid #7A0402;
    line-height: 15px;
    padding: 0 6px;
}

#small_nav li#forum_btn a:hover {
    background-color: #2a2a2a;
    border-color: red;
    color: #fff;
}

#small_nav li#home_btn a,
#small_nav li#sitemap_btn a {
	background: #C4C6C2 url('/img/gui/home_icon.gif') no-repeat top left;
	border: none;
	height: 10px;
	margin: 2px 10px 0 0;
	padding: 0;
	text-indent: -1000em;
	width: 12px;
}

#small_nav li#sitemap_btn a {
	background-image: url('/img/gui/sitemap_icon.gif');
	height: 11px;
	width: 11px;
}

#small_nav li#home_btn a:hover,
#small_nav li#sitemap_btn a:hover {
	background-color: #fff;
}

#subnav {
	background: url('/img/gui/subnav_bg.gif') no-repeat bottom center;
    font-size: 86%;
    height: 2.5em;
    position: absolute;
    margin-top: -2.5em;
    text-transform: uppercase;
    width: 960px;
    z-index: 10;
}

#subnav ul {
    border-top: 2px solid #A81F00;
    position: absolute;
    width: 960px;
}

#subnav ul li {
    float: left;
    line-height: 2.5;
    text-align: center;
}

#subnav ul li a {
    color: #D5D5D5;
    display: block;
    padding: 0 20px;
}

#subnav ul li a:hover {
    color: #fff;
}

#subnav ul li.active {
    background: #fff;
    margin-top: .8em;
    line-height: 1.7;
}

#subnav ul li.active a,
#subnav ul li.active a:hover {
    color: #000;
}

#tabs {
    border-bottom: 1px solid #aaa;
    margin-top: 5px;
    height: 20px;
}

*:first-child+html #tabs {
    margin-top: 0;
    height: 30px;
}

#tabs ul li {
    background: #fff url('/img/gui/tab_bg.jpg') repeat-x bottom left;
    border: 1px solid #aaa;
    clear: none !important;
	float: left;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	text-align: center;
	width: 110px;
}

*:first-child+html #tabs ul li {
	line-height: 17px;
    padding: 0;
}

#tabs ul li.active {
    background: #fff;
    border-bottom: none;
    height: 21px;
}

#tabs ul li a {
	color: #666;
}

#tabs ul li a:hover,
#tabs ul li.active a {
	color: #000;
}

/* ---------------------------- Classes ---------------------------- */

.attachment {
    background-color: #eee;
    border: 1px solid #B9CFDD;
    display: block;
    font-family: verdana;
    font-size: x-small;
    font-weight: bold;
    margin-top: 10px;
    padding: 3px 5px;
}

.backdrop {
    position: absolute;
}

#subnav .backdrop {
	background: #000 url('/img/gui/subnav_bg.gif') no-repeat bottom center;
    height: 2.5em;
    filter: alpha(opacity=80);
    opacity: .8;
    width: 960px;
}

#content .backdrop {
    background: #333 url('/img/gui/left_col_bg.jpg') repeat-x;
    display: none;
    height: 100%;
    left: 30px; 
    top: 30px; 
    width: 185px; 
}

.docs, .overview, .specs {
    border: 1px solid #aaa;
    border-top: none;
    clear: both;
    display: none;
    margin-bottom: 20px;
    padding: 10px 10px;
}

/* ------ smart re specs hack center --------*/
.specs.center table td {
	text-align: center
}
/* --- end hack ---*/

.docs.full {
    border: none;
    padding-left: 0;
    padding-right: 0;
}

.docs ul li {
	background-color: #ccc;
	border: none !important;
	margin: 5px 0;
	padding: 1px !important;
}

.docs ul li a {
	background: #eee url('/img/gui/pdf_icon.png') no-repeat 8px center;
	border: 1px solid #fff;
	display: block;
	font-size: 86%;
	padding: 10px 0 10px 30px;
	text-decoration: none !important;
}

.docs ul li.type-pdf a {
	background-image: url('/img/gui/pdf_icon.png');
}
.docs ul li.type-zip a {
	background-image: url('/img/gui/zip_icon.png');
}

.docs ul li a:hover {
	background-color: #DEDEDE;
	color: #000 !important;
}

.note {
    font-size: 86%;
}

.overview p {
    margin-top: 0 !important;
}

.clearing {
    clear: both;
}

.photo_right {
	float: right;
	margin-left: 10px;
}

.right {
    float: right;
}

.show {
    display: block;
}

#site_map {
    margin-top: 20px;
}

#site_map ul {
    margin: 0;
    padding: 0;
}

#site_map ul li {
	border: none;
    color: #AA1F00;
    font-weight: bold;
	list-style-type: square;
	margin: 5px 0 20px 15px;
	padding: 0;
	text-transform: capitalize;
}

#site_map ul li a {
    color: #AA1F00;
}

#site_map ul li ul li {
    color: #00568C;
    font-weight: normal;
	list-style-type: disc;
	margin-bottom: 5px;
}

#site_map ul li ul li a {
    color: #00568C;
}

#site_map ul li ul li ul li {
	color: #696969;
	list-style-type: circle;
}

#site_map ul li ul li ul li a {
	color: #696969;
}

.column {
    width: 208px; 
    float: left;
}

.column.divider {
    border-right: 1px solid #ccc;
    margin-right: 20px;
}

.title {
    text-transform: capitalize;
}

/* -------------------------- Navigation --------------------------- */

#about_section #nav ul li#about_btn,
#applications_section #nav ul li#applications_btn,
#contact_section #nav ul li#contact_btn,
#products_section #nav ul li#products_btn,
#news_section #nav ul li#news_btn,
#resources_section #nav ul li#resources_btn {
    background: url('/img/gui/nav_bg.jpg') repeat-x bottom left;
    color: #fff;
    position: relative;
    z-index: 10;
}

body.accessories_page #left_col,
body.charge_controllers_page #left_col,
body.commercial_page #left_col,
body.communications_page #left_col,
body.documents_page #left_col,
body.warranty_page #left_col,
body.training_page #left_col,
body.global_page #left_col,
body.how_to_buy_page #left_col,
body.integration_hardware_page #left_col,
body.mobile_page #left_col,
body.government_page #left_col,
body.residential_page #left_col,
body.sinewave_inverter_page #left_col,
body.flexpower_page #left_col,
body.energy_storage_page #left_col,
body.accessories_page #content .backdrop,
body.charge_controllers_page #content .backdrop,
body.commercial_page #content .backdrop,
body.communications_page #content .backdrop,
body.documents_page #content .backdrop,
body.warranty_page #content .backdrop,
body.training_page #content .backdrop,
body.global_page #content .backdrop,
body.how_to_buy_page #content .backdrop,
body.integration_hardware_page #content .backdrop,
body.mobile_page #content .backdrop,
body.government_page #content .backdrop,
body.residential_page #content .backdrop,
body.sinewave_inverter_page #content .backdrop,
body.flexpower_page #content .backdrop,
body.energy_storage_page #content .backdrop {
    display: block;
}

body.accessories_page #mid_col,
body.charge_controllers_page #mid_col,
body.commercial_page #mid_col,
body.communications_page #mid_col,
body.documents_page #mid_col,
body.warranty_page #mid_col,
body.training_page #mid_col,
body.global_page #mid_col,
body.how_to_buy_page #mid_col,
body.integration_hardware_page #mid_col,
body.mobile_page #mid_col,
body.residential_page #mid_col,
body.sinewave_inverter_page #mid_col,
body.government_page #mid_col,
body.flexpower_page #mid_col,
body.energy_storage_page #mid_col {
    margin: 0 0 0 20px;
    width: 475px;
}

body.charge_controllers_page #mid_col,
body.communications_page #mid_col,
body.integration_hardware_page #mid_col,
body.sinewave_inverter_page #mid_col,
body.flexpower_page #mid_col,
body.energy_storage_page #mid_col,
body.outback_extreme_section #mid_col {
    width: 695px;
}

body.charge_controllers_page #right_col,
body.communications_page #right_col,
body.integration_hardware_page #right_col,
body.sinewave_inverter_page #right_col,
body.flexpower_page #right_col,
body.energy_storage_page #right_col,
.outback_extreme_section #right_col {
    display: none;
}

#home_section #subnav,
#news_section #subnav,
#privacy_section #subnav,
#sitemap_section #subnav,
#terms_section #subnav {
    display: none;
}

body.government_page #mid_col #custom_mid_col ul, body.government_page #mid_col #custom_mid_col ul li
{
    list-style-type: disc;
    border: none;
    margin: 0;
    padding: 0;
}
body.government_page #mid_col #custom_mid_col ul
{
    padding: 2px 0 2px 15px;
}
body.government_page #mid_col #custom_mid_col ul ul, body.government_page #mid_col #custom_mid_col ul ul li
{
    margin: 0;
    padding: 0;
    list-style-type: circle;
}
body.government_page #mid_col #custom_mid_col ul ul
{
    padding: 2px 0 2px 20px;
}
body.government_page #mid_col #custom_news
{
    border-top: 1px solid #ccc;
    padding-top: 10px;
    width: 100%;
}
body.government_page #mid_col #custom_news #custom_news_p
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
body.outback_extreme_section #mid_col ul, body.outback_extreme_section #mid_col ul li
{
    margin: 0;
    list-style-type: none;
}
body.outback_extreme_section #mid_col ul
{
    margin: 0 0 5px 0;
}

body.warranty_page #mid_col ul, body.warranty_page #mid_col ul li, ul.basic, ul.basic li,
  body.training_page #mid_col ul, body.training_page #mid_col ul li
{
    list-style-type: disc !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 0 5px 0 !important;
}
body.warranty_page #mid_col ul, body.training_page #mid_col ul, ul.basic
{
    padding: 0 0 0 15px !important;
}

ul.basic
{
    margin: 5px 0 0 0 !important;
}

ul.basic li
{
    display: list-item;
    clear: none !important;
}