﻿/*

darkest blue: #0a0c39;
*/
body
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 72%;
    color: White;
    background: #0a0c39 url(images_design/site-bg.gif) repeat-x left top;
}
#container_outer
{
    width: 860px;
    margin: 0px auto;
    padding: 0px;
}
#container_inner
{
    width: 824px;
    margin: 0px;
    padding: 0px;
    margin: 0px auto;
    font-size: 1.2em;
    line-height: 1.6em;
    font-family: "Trebuchet MS" , Calibri, Verdana, Arial, Helvetica, Sans-Serif;
}
a
{
    color: #ff0c1b;
}
a img
{
    border: none;
}


.clear, .clear_div
{
    clear: both;
    display: block;
}
.bbb
{
    margin-left:auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
}
/**************************** header ************************/
#header
{
    color: Black;
    height: 147px;
    background: White url(images_design/header-bg2.jpg) no-repeat left top;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
#header h1
{
    float: left;
    width: 292px;
    height: 147px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
#header h1 a
{
    display: block;
    height: 147px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
#header h1 a img
{
    display: block;
    padding: 0px;
    margin: 0px;
}
/**************************** Nav ***************************/
#navigation
{
    padding: 0px;
    margin: 0px;
    background: #233488 url(images_design/nav-bg2.gif) repeat-x left top;
    height: 33px;
    color: White;
    overflow: hidden;
}

#navigation ul
{
    list-style-type: none;
    margin: 0;
    padding: 0 6px;
    height: 33px;
    line-height: 33px;
}
#navigation ul li
{
    float: left;
    display: inline-block;
    display: block;
    margin: 0;
    padding: 0 24px 0 24px;
    background: url(images_design/nav-divider.gif) no-repeat right top;
    height: 33px;
}

#navigation ul li#last
{
    background: none;
}


#navigation ul li a
{
    float: left;
    text-decoration: none;
    display: inline-block;
    display: block;
    margin: 0;
    padding: 0 30px;
    color: White;
    font-weight: bold;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
}
#navigation ul li a.sn_item_pressed
{
    background: url(images_design/nav-hover-bg.gif) repeat-x left top;
    color: #0a0c39;
}
#navigation ul li a:hover
{
    background: url(images_design/nav-hover-bg.gif) repeat-x left top;
    color: #0a0c39;
}

/**************************** Content ***********************/

#content
{
    margin: 0px;
    background: #dddfff url(images_design/contentBg.gif) repeat-y left top;
    color: #333333;
}
#content #page_title
{
    text-align: center;
    padding-left: 170px;
    background: #ddddff url(images_design/page_title_bg_h47.gif) repeat-x left bottom;
}

#content h3, #content h2
{
    color: #3546ba;
}
#content h2
{
    font-size: 2.2em;
    line-height: 2.5em;
    padding: 0px 1.2em;
    margin: 0px;
}
#content h3
{
    font-weight: normal;
    font-size: 2em;
    line-height: 1.5em;
    padding: 0px;
    margin: 0px;
}
#content h4
{
    color: #000e60;
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 0px;
    margin: 0px;
}
.inlineImg
{
    display: block;
}

.inlineImg, .inlineImgLogo
{
    float: left;
    padding: 0px;
    margin: 1em;
}
.inlineImgAlt
{
    float: right;
    padding: 0px;
    margin: 1em;
}

.inlineImgLogo
{
    width: 100px;
    display: table-cell;
    text-align: center;
}
#sub_content, #catalog
{
    float: right;
    width: 578px;
    background-color: White;
    padding: 0px 20px;
    margin: 0px;
}
#home_content
{
    float: right;
    width: 360px;
    background-color: White;
    padding: 0px 20px;
    margin: 0;
}

#sub_content hr
{
    clear: both;
}
.necLink
{
    text-decoration: none;
    color: #2020c9;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.4em;
}
#privacy
{
    text-align:center;
    font-size:smaller;
}
    
/**************************** News Column *******************/
#news_column
{
    float: left;
    width: 206px;
    padding: 0 0 12px 0;
    margin: 0px;
    background: url(images_design/sideBarMiddleBg.gif) repeat-y left top;
    min-height: 420px;
}
#news_column_inner
{
    background: url(images_design/sideBarTopBg.gif) no-repeat left top;
    padding: 12px 12px 0px 12px;
}
#news_column .img_list
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#news_column .img_list li
{
    width: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    display: block;
}
#news_column .img_list li a
{
    margin: 0px;
    padding: 0px;
    display: inline-block;
    display: block;
}
/**************************** Events Column *******************/
#events_column
{
    float: right;
    width: 206px;
    padding: 0 0 20px 0;
    margin: 70px 0 0 0;
    background: url(images_design/sideBarMiddleBg.gif) repeat-y left top;
    min-height: 420px;
}
#events_column_inner
{
    background: url(images_design/sideBarTopBgRt.gif) no-repeat left top;
    padding: 12px 12px 0px 12px;
}
#events_column .img_list
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#events_column .img_list li
{
    width: 50%;
    float: right;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    display: block;
}
#events_column .img_list li a
{
    margin: 0px;
    padding: 0px;
    display: inline-block;
    display: block;
}
ul.news_list
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
ul.news_list .date
{
    display: block;
    font-weight: bold;
}
ul.news_list a
{
    display: block;
    color: #3546ba;
}
ul.news_list li
{
    padding: 0px;
    margin: 0px 0px 1.2em 0px;
}
/**************************** page by page styles ***********/
/*#catalog
{
    margin: 1em;
}*/
/* #catalog = #sub_content above*/

.main_products ul
{
    float: left;
    margin: 0px;
    padding: 0px;
}

.main_products ul li
{
    list-style-type: none;
    clear: both;
    border-bottom: 1px solid #c0c0ff;
}
.main_products ul li a
{
    padding: 1em;
}

.main_products ul li a span
{
    text-decoration: underline;
}

.main_products ul li a img
{
    text-decoration: none;
    display: block;
}

/*
#catalog p img {
    float:right;
    clear:right;
    padding-left:1em;
    padding-bottom:1em;
}
#catalog ul li {
    clear:both;
}*/
#vendors
{
    float: right;
    width: 225px;
    padding: 0px 12px 0px 12px;
    margin: 0px;
}
#vendors .img_list
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#vendors .img_list li
{
    width: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    display: block;
}
#vendors .img_list li a
{
    margin: 0px;
    padding: 0px;
    display: inline-block;
    display: block;
}
/**************************** Default.aspx (Button Bar) ******/
.buttonBar
{
    height: 110px;
    overflow: hidden;
    background: #737cb6 url(images_design/button-bar-bg.gif) repeat-x left top;
    margin: 0px;
    padding: 10px 0px 0px 4px;
    list-style-type: none;
}
.buttonBar li
{
    float: left;
    width: 136px;
    height: 106px;
    padding: 0px;
    margin: 0px;
}
.buttonBar a
{
    display: block;
    height: 100px;
    width: 136px;
    margin: 0px;
    padding: 6px 0px 0px 0px;
    line-height: 12px;
    text-align: center;
    font-family: "Trebuchet MS" , Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #0a0c39;
    text-decoration: none;
}
.BtnVoice
{
    background: url(images_design/ButtonBarVoice.jpg) no-repeat left top;
}
.BtnData
{
    background: url(images_design/ButtonBarData.jpg) no-repeat left top;
}
.BtnGPS
{
    background: url(images_design/ButtonBarGPS.jpg) no-repeat left top;
}
.BtnConf
{
    background: url(images_design/ButtonBarConference.jpg) no-repeat left top;
}
.BtnCarrier
{
    background: url(images_design/ButtonBarCarrier.jpg) no-repeat left top;
}
.BtnPartner
{
    background: url(images_design/ButtonBarPartner.jpg) no-repeat left top;
}
/**************************** footer ************************/
#footer
{
    clear: both;
    background: #000e60;
    color: White;
    text-align: left;
    font-size: 12px;
    margin: 0 0 0 -1px;
    padding: 0px;
    line-height: 1.2em;
    height: 75px;
    background: url(images_design/footer-bg1.gif) left top;
    font-weight: bold;
}
#footer p
{
    padding: 1.2em;
    margin: 0px;
}
#footer a
{
    color: #AAAAFF;
}
#footer span
{
    display: block;
}

/*******************************************************/
/*******************************************************/
/*******************************************************/
/*******************************************************/
/************************** A8B catalog page ***********/
a img
{
    border: none;
}
.a8b_full_width
{
    text-align: center;
    margin: 0px auto;
    display: block;
}
.a8b_inline_img
{
    float: left;
    margin-bottom: 16px;
    margin-right: 16px;
}
.a8b_inline_img_alt
{
    float: right;
    margin-bottom: 16px;
    margin-left: 16px;
}
.a8b_intro h2, .a8b_offerings h2, .a8b_close h2
{
    text-align: center;
}
.a8b_offerings div
{
    clear: both;
}
.a8b_close
{
    clear: both;
}

/********************confertel page********************/
#confertel h2
{
    line-height: 2.8ex;
    margin-top: 0.6ex;
    margin-bottom: 0.6ex;
}
#confertel .conf_box
{
    width: 25%;
    float: left;
    padding-bottom: 3ex;
}
#confertel .conf_box a, #confertel a
{
    text-decoration: none;
    font-size: 12px;
}
#confertel .conf_box a img
{
    /*border:1px solid #b68602;*/
    border: none;
}
#confertel .conf_box span.title
{
    color: #008800;
    font-weight: bold;
    display: block;
    margin: 0px auto;
    text-decoration: underline;
    line-height: 3.2ex;
}
#confertel .conf_box .text
{
    text-align: left;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    color: Black;
    line-height: 2.6ex;
}
#confertel .left_list
{
    text-align: left;
    float: left;
    color: #000088;
    list-style-image: url(confertel/images/conf_bullet.png);
}
#confertel .right_list
{
    text-align: left;
    float: right;
    color: #000088;
    list-style-image: url(confertel/images/conf_bullet.png);
}
.a8b_mark
{
    float: left;
    margin-left: 202px;
}
/********************* NETWORK_CAR ************/
#sub_content #nc_header
{
    margin: 0px auto;
    padding: 20px 0px 0px 20px;
    width: 430px;
    height: 181px;
    color: White;
    font-family: Arial, Helvetica, Tahoma;
    font-size: 30px;
    line-height: 34px;
    background: url(networkcar/images/beachVan.gif) no-repeat left top;
}
#sub_content .nc_section
{
    background-color: #7c97c2;
    color: White;
    padding: 10px 10px 10px 10px;
    margin: 10px; /*border:2px solid #042464;*/
    border: 1px solid White;
    font-weight: bold;
}
#sub_content #nc_footer
{
    text-align: center;
}
#sub_content #nc_benefits_box
{
    background-color: #cccccc;
    color: Black;
    border: 10px solid #cccccc;
}
#sub_content #nc_benefits_box h3
{
    background-color: Black;
    color: White;
    padding: 10px;
    margin: 0px;
}
#sub_content #nc_benefits_box h4
{
    color: #003399;
    border: none;
    font-size: 1.4em;
}
#sub_content #nc_benefits_box div
{
    clear: both;
}
#sub_content #nc_benefits_box div.nc_halfBox
{
    clear: none;
    width: 45%;
    float: left;
}
#sub_content #nc_benefits_box div.nc_halfBoxAlt
{
    clear: none;
    width: 45%;
    float: right;
}
.inlineImageAlt
{
    float: right;
    padding: 0px 0px 14px 14px;
}

/************************ FORM *******************************/

.web_form
{
    margin: 1.5em 0px;
}
