﻿body
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    background: Red url(images/ds_body_bg.gif) repeat left top;
}
#container_outer
{
    width: 920px;
    margin: 0px auto;
    padding: 0px;
    background: White url(images/ds_container_bg.gif) repeat-y left top;
}
#container_inner
{
    clear: both;
    margin: 0px;
    padding: 7px 41px 0px 41px;
    background: url(images/ds_content_row.gif) no-repeat left top;
}


/**************************** header ************************/
#header
{
    background-color: White;
    padding: 15px 155px 0 0;
    margin: 0px;
    height: 76px;
    background: url(images/ds_header_3.gif) no-repeat top left;
    text-align: right;
    font-weight: bold;
    line-height: 20px;
}
#header h1
{
    display: none;
}


#header #header_info
{
    width: 200px;
    text-align: center;
    float: right;
    color: #67828c;
}

#header #header_info a
{
    color: #67828c;
}

#header #header_info #callUs a
{
    color: #A30200;
    font-size: 1.2em;
    text-decoration: none;
}
/**************************** Nav ***************************/
#navigation
{
    background: Red url(images/ds_header_bg.gif) repeat-y left top;
    color: White;
    margin: 0px;
    padding: 0px;
    height: 35px;
    font-family: "Trebuchet MS" , Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
}
#navigation ul
{
    list-style-type: none;
    margin: 0px 35px 0px 34px;
    padding: 0px 1%;
    height: 35px;
    background: Red url(images/ds_nav_bar_bg.gif) repeat-x left top;
}
#navigation ul li
{
    margin: 0px;
    padding: 0px;
    float: left;
}
#navigation #menu ul li a
{
    line-height: 35px;
    text-decoration: none;
    color: White;
    display: block; /* this causes the link to act like a div */
    margin: 0px;
    padding: 0px 27px 0px 27px;
    float: left;
}

#navigation #menu ul li a.sn_item_pressed
{
    /* menu style for the item representing the current page if there is one  the class must be the same as the one used in the navigation script */
    background: url(images/ds_nav_button_pressed.gif);
}
#navigation #menu ul li a:hover
{
    /* menu style when pointer is over item */
    background: url(images/ds_nav_button_pressed.gif);
}
/**************************** Four Buttons ***********************/

#four_buttons
{
    clear: both;
    margin: 0px;
    padding: 0px 35px 0px 34px;
    background: White url(images/ds_header_bg.gif) repeat-y left top;
    height: 132px;
}
#four_buttons div
{
    float: left;
}
div.top_button a
{
    margin: 0px;
    padding: 0px;
    width: 213px;
    height: 132px;
    display: block;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
}
div.top_button a span
{
    margin: 0px;
    padding: 0px;
    display: block;
    font-family: "Trebuchet MS" , Arial, Helvetica, Sans-Serif;
    text-align: center;
    font-weight: bold;
    color: #67828c;
    font-size: 18px;
    line-height: 38px;
    text-decoration: none;
}
div.last a
{
    width: 211px;
    height: 132px;
    text-decoration: none;
}
#btn_main_phone a
{
    background: url(images/ds_btn_main_phone.gif) no-repeat left top;
}
#btn_main_data a
{
    background: url(images/ds_btn_main_data.gif) no-repeat left top;
}
#btn_main_video a
{
    background: url(images/ds_btn_main_video.gif) no-repeat left top;
}
#btn_main_cabling a
{
    background: url(images/ds_btn_main_cabling.gif) no-repeat left top;
}
/**************************** Content ***********************/

#content
{
    padding: 0px 18px;
    float: right;
    width: 596px; /* width is the intended footprint of the div minus padding and margin */
    line-height: 22px;
    font-size: 14px;
}
#content a
{
    color: #67828c;
}


#content a:hover
{
    color: #d30f07;
}
#content #page_title
{
    color: #67828c;
    font-family: "Trebuchet MS" , Arial, Helvetica;
    font-size: 30px;
    padding: 0px;
    margin: 0px;
    line-height: 45px;
    text-align: center;
}
#content .section_header
{
    clear: both;
    height: 51px;
    line-height: 51px;
    color: #67828c;
    font-family: "Trebuchet MS" , Arial, Helvetica;
    font-size: 30px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: url(images/ds_section_header.gif) no-repeat center top;
}
.inline_image_alt
{   float: right;
    padding: 4px;
    background: White;
    border: 1px solid #bdbdbd;
    margin: 0 0 12px 12px;
}


.imgRight
{
    padding: 4px;
    float: right;
    margin-left: 12px;
    margin-bottom: 12px;
}
.inline_image, .dealer
{
    padding: 4px;
    background: White;
    border: 1px solid #bdbdbd;
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}

.dealer
{
    border: none;
}

.button
{
    float: left;
    clear: left;
    margin: 0px;
    padding: 0px;
    background: url(images/ds_button_right_underimg.gif) no-repeat right top;
}
.button:hover
{
    background: url(images/ds_button_right_underimg_hover.gif) no-repeat right top;
}
.button a
{
    display: block;
    float: left;
    margin: 0px;
    padding: 0px 20px 0px 20px;
    background: url(images/ds_button_left_end.gif) no-repeat left top;
    line-height: 39px;
    color: #67828c;
    font-weight: bold;
    text-decoration: none;
}
.button a:hover
{
    /*text-decoration:underline;*/
    background: url(images/ds_button_left_end_hover.gif) no-repeat left top;
    color: #4d636b;
}
.button_alt
{
    float: right;
    clear: right;
    margin: 0px;
    padding: 0px;
    background: url(images/ds_button_right_underimg.gif) no-repeat right top;
}
.button_alt:hover
{
    background: url(images/ds_button_right_underimg_hover.gif) no-repeat right top;
}
.button_alt a
{
    display: block;
    float: left;
    margin: 0px;
    padding: 0px 20px 0px 20px;
    background: url(images/ds_button_left_end.gif) no-repeat left top;
    line-height: 39px;
    color: #67828c;
    font-weight: bold;
    text-decoration: none;
}
.button_alt a:hover
{
    /*text-decoration:underline;*/
    background: url(images/ds_button_left_end_hover.gif) no-repeat left top;
    color: #4d636b;
}
#content ul
{
    list-style-type: none;
    list-style-image: url(images/ds_ul_bullet2.gif);
}
/**************************** page by page styles ***********/
.main_catalog_vendor
{
    float: left;
    clear: left;
}

#catalog
{
    margin: 0px;
    padding: 45px 0px 0px 0px;
}

.clear
{
    clear: both;
    visibility: hidden;
    padding: 0;
    margin: 0;
    border: none;
    height: 1px;
}

h3#ctap.section_header
{
    font-size: 26px;
}
signup
{
    margin: 15px;
}
/**************************** side column *******************/
#side_column
{
    float: left;
    width: 200px;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 6px;
}
#side_column h3
{
    text-align: center;
    line-height: 35px;
    height: 35px;
    padding: 6px 0px 18px 0px;
    margin: 0px;
    background: White url(images/ds_side_section_header.gif) no-repeat left top;
    font-size: 30px;
    color: #a30200;
    font-family: "Trebuchet MS" , Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
}
.short_news_list
{
    margin: 0px;
    padding: 0px 8px;
    list-style-type: none;
    font-weight: bold;
}
.short_news_list li
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.short_news_list li a
{
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 6px 20px 6px 6px;
}
.short_news_list li a:hover
{
    background: White;
    margin: 0px;
    border: 2px solid #a3abae;
    background: White url(images/ds_news_item_hover_bg.gif) no-repeat right center;
}
.short_news_list .date, #news .date
{
    font-size: 14px;
    line-height: 18px;
    font-family: Arial, Helvetica;
    color: #a3abae;
    display: block;
}

#news .date
{
    font-weight: bold;
    font-size: 12pt;
}

.short_news_list .summary, #news .summary
{
    font-size: 11px;
    line-height: 16px;
    font-family: "Trebuchet MS" , Arial, Helvetica, Sans-Serif;
    color: #6d6d6d;
    display: block;
}

ul#news
{
    list-style-image: none !important;
    margin-left: 0px;
    padding-left: 0px;
}


#news .summary
{
    margin-bottom: 1.3em;
}

.pullBox
{
    float: right;
    background: White url(images/ds_pullBox_bg.gif) repeat-y left top;
    margin: 12px 0px 12px 12px;
    border: 1px solid #bdbdbd;
    width: 200px;
}

.pullBox h4
{
    color: #67828C;
    font-family: "Trebuchet MS" , Arial, Helvetica, Sans-Serif;
    text-align: center;
    font-size: 16px;
    margin: .5em 0px;
}

#content .pullBox ul
{
    list-style-type: none;
    list-style-image: url(images/pullbox_ul_bullet.gif);
}


/* a3abae 6d6d6d */

/************************** page bottom ************************/
#pageBottom
{
    height: 5px;
    background: url(images/pageBottom.png) no-repeat center;
    clear: both;
}
/**************************** footer ************************/
#footer
{
    padding: 0 20px;
    margin: 0px;
    clear: both;
    text-align: center;
}
#footer span
{
    display: block;
    clear: both;
}

.logos
{
    display: block;
    margin: 0 auto;
}

.logos img
{
    float: left;
    margin: 1em 3.5em;
}

/*******************************************************/
/*******************************************************/
/*******************************************************/
/*******************************************************/
/********** eForm creator ******************************/

#table.web_form td
{
    /*background-color:#EEEEFF;*/
    width: 75%;
}
.web_form
{
    /*background-color:#EEEEFF;*/
    width: 75%;
}
.web_form label strong, .form dt strong, fieldset strong
{
    color: Red;
}
.web_form h4
{
    /*background-color:#EEEEFF;*/
    padding: 0px;
    margin: 0px;
    line-height: 16px;
    font-size: 14px; /*color:#9999BB;*/
}

fieldset
{
    background: #F4F4F4 none repeat scroll 0 0;
    float: right;
    padding: 1em;
    width: 280px;
}
.form_row
{
    clear: both; /*border-top:2px solid White;*/
}
.form_col_key, .form_col_val, .form dt, .form dd
{
    float: left; /*background-color:#EEEEFF;*/
    width: 45%;
    margin-left: 0;
    padding-left: 0;
}

.form dt, .form dd
{
    margin-top: .7em;
}

.btn_formSubmit
{
    margin-top: .7em;
    clear: both;
    float: right;
}

.form_col_keyval
{
    /*background-color:#EEEEFF;*/
    width: 100%;
}
.web_form span
{
    display: block;
}
.form_col_val > div, .form_col_key > div, .form_col_keyval > div
{
    /*border:1px solid White;     border-right:1px solid #CCCCEE;     border-bottom:1px solid #CCCCEE;*/
    padding: 8px 10px 8px 10px;
    line-height: 22px;
}
/*******************************************************/
/*******************************************************/
/*******************************************************/
/*******************************************************/
/************************** 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 ************/
#nc_header
{
    margin: 0px auto;
    padding: 20px 0px 0px 20px;
    width: 430px;
    height: 161px;
    color: White;
    font-family: Arial, Helvetica, Tahoma;
    font-size: 30px;
    line-height: 34px;
    background: url(networkcar/images/beachVan.gif) no-repeat left top;
}
.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;
}
#nc_footer
{
    text-align: center;
}
#nc_benefits_box
{
    background-color: #cccccc;
    color: Black;
    border: 10px solid #cccccc;
}
#nc_benefits_box h3
{
    background-color: Black;
    color: White;
    padding: 10px;
    margin: 0px;
}
#nc_benefits_box h4
{
    color: #003399;
    border: none;
}
#nc_benefits_box div
{
    clear: both;
}
#nc_benefits_box div.nc_halfBox
{
    clear: none;
    width: 45%;
    float: left;
}
#nc_benefits_box div.nc_halfBoxAlt
{
    clear: none;
    width: 45%;
    float: right;
}
