﻿body
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    background: #200645 url(images/body_bg.gif) repeat-y center top;
}


#container
{
    margin: 0px;
    padding: 0px;
}
/**************************** header ************************/
#header_wrap
{
    color: White;
    height: 111px;
    background: #e3e9f9 url(images/header_wrap_bg.gif) repeat-x left top;
    margin: 0px;
    padding: 0px;
}
/* 14px 71px 208*/
#header
{
    height: 111px;
    width: 900px;
    margin: 0px auto;
    padding: 0px;
    background: url(images/header_bg2.jpg) no-repeat left top;
}
#header h1
{
    float: left;
    margin: 0px;
    padding: 0px;
}
#header h1 a
{
    margin: 0px;
    padding: 0px;
    width: 360px;
    height: 111px;
    display: block;
}
#header h1 a span
{
    display: none;
}
#header .right_section
{
    margin: 0px 71px 0px 0px;
    padding: 0px;
    float: right;
    width: 469px;
    height: 111px;
}
#header .right_section .cust_login
{
    float: right;
    text-align: right;
    height: 80px;
    margin: 0px 0px 0px 0px;
    padding: 31px 0px 0px 0px;
    width: 208px;
    background: url(images/cust_login_bg2.jpg) no-repeat center top;
}
#header .right_section .cust_login input.login_ipt
{
    width: 100px;
}
#header .right_section .cust_login span a
{
    float: left;
    text-align: left;
}
#zzz
{
}
#header .right_section .cust_login_go_btn
{
    cursor: pointer;
    display: block;
    float: right;
    height: 26px;
    width: 49px;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    border: 0px;
    background: url(images/go_btn.gif) no-repeat left top;
}
#header .right_section .cust_login_go_btn span
{
    display: none;
}
#header .right_section .cust_login div
{
    line-height: 26px;
    padding: 0px 7px 0px 7px;
    color: #42198f;
}
#header .right_section .header_info_upd
{
    float: right;
    text-align: right;
    height: 73px;
    margin: 0px 0px 0px 0px;
    padding: 38px 18px 0px 0px;
    width: 243px;
    font-size: 20px;
    font-weight: bold;
    color: #42198f;
    background: url(images/header_divider.gif) no-repeat right top;
}
#header .right_section a
{
    color: #7948bb;
}
#header .right_section .header_info_upd a
{
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
/**************************** OLD HEADER STYLES *************/
#header #header_info
{
    width: 260px;
    padding: 10px 0px 0px 0px;
    margin: 14px 80px 0px 0px;
    float: right;
    color: #42198f;
    font-size: 30px;
    font-weight: bold;
}
#header #header_info a
{
    color: #7948bb;
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin: 16px 0px 0px 0px;
    padding: 0px;
}
/**************************** Nav ***************************/
#navigation
{
    background: #e3e9f9 url(images/topnav_bg.png) repeat-x left top;
    color: Black;
    margin: 0px;
    padding: 0px;
    height: 37px;
}
#navigation #menu
{
    width: 764px;
    height: 37px;
    margin: 0px auto;
    padding: 0px;
}
#navigation #menu ul
{
    list-style-type: none;
    padding-left: 0px;
    padding: 0px;
    margin: 0px;
}
#navigation #menu ul li
{
    float: left;
    margin: 0px;
    padding: 0px;
}
#navigation #menu ul li a
{
    font-family: Arial, helvetica, Sans-Serif;
    line-height: 37px;
    padding: 0px 1em;
    margin: 0px;
    font-weight: bold;
    float: left;
    text-decoration: none;
    color: #4656ad;
    display: block; /* this causes the link to act like a div */
    font-size: 14px;
}
#navigation #menu ul li a:hover
{
    /* menu style when pointer is over item */
    text-decoration: underline;
}

#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/topnav_item_pressed.png) repeat-x left top;
    color: #8791c6;
}
#navigation #menu ul li a.sn_item_pressed:hover
{
    text-decoration: none;
}
/**************************** Content ***********************/
#content img.full_width_img
{
    display: block;
    margin: 0px auto 20px auto;
}

#content img
{
    padding: 5px;
    margin: 10px;
    background: White;
    border: 1px solid #bbbbbb;
}
#content img.full_width_img_splash
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    display: block;
    margin: 0px auto;
    padding: 0px;
}
#content_wrap
{
    width: 900px;
    margin: 0px auto;
    padding: 0px;
    background: url(images/content_bg.jpg) repeat-y left top;
}
#content
{
    line-height: 3.2ex;
    margin: 0px;
    padding: 0px 70px 0px 67px;
    background: url(images/content_top_bg.jpg) no-repeat left top;
}
#content a
{
    color: #536fce;
}
#content a:visited
{
    color: #9a2fd8;
}
#content #page_title
{
    margin: 0px;
    padding: 36px 20px 36px 20px;
    line-height: 28px;
    font-size: 18px;
    background: url(images/divider.jpg) no-repeat left bottom;
    color: #4656ad;
    font-family: Arial, helvetica, Sans-Serif;
    border: none;
    text-align: center;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}
#content ul
{
    list-style-image: url(images/nub10t1.gif);
    padding: 0px 0px 0px 20px;
    margin: 0px;
}
#content ul li ul, .half_width_col_nobg ul
{
    list-style-image: url(images/misc_arrow.gif) !important;
    padding: 0px;
    margin: 0px;
}
#sub_content
{
    width: 520px;
    float: right;
    margin: 6px 0px 0px 0px;
    padding: 0px 40px 0px 0px;
}

#sub_content a
{
    font-weight: bold;
}

#sub_content h3
{
    font-size: 1.4em;
}
#sub_content h4
{
    font-size: 1.2em;
}
#sub_content h5
{
    font-size: 1.1em;
    margin-top: 2.5em;
    margin-bottom: 0px;
}

#sub_content p
{
    margin-top: 0px;
    margin-bottom: 12px;
}

#sub_content.splash
{
    width: 480px;
    float: right;
    margin: 6px 0px 0px 0px;
    padding: 0px 40px 0px 0px;
}
#sub_content_fullwidth, #prod_cat_main
{
    margin: 0px;
    padding: 0px 40px 0px 40px;
    background: url(images/content_bg.jpg) repeat-y center top;
}
#sub_content_wrapper
{
    margin: 0px;
    padding: 0px;
}
#content .navmenu h3
{
    display: none;
}
#signup
{
    text-align: center;
    padding-top: 3em;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 16px;
}
#content_bottom
{
    margin: 0px;
    padding: 0px;
    background: url(images/content_bottom_bg.jpg) no-repeat left bottom;
    height: 24px;
}
#signupCTA
{
    border: none;
    text-align: right;
}
/**************************** side nav *********************/
#side_nav
{
    width: 150px;
    float: left;
    font-size: 10px;
    border: 1px solid #bbbbbb;
    padding: 0px 3px 10px 3px; /*padding: 0px 12px 0px 40px;*/
    margin: 6px 14px 0px 30px;
    background-color: White;
}
#side_nav h3, #side_nav h4
{
    border: none;
    text-align: center;
    line-height: 32px;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}
#side_nav img
{
    margin: 0px auto;
    padding: 0px;
    display: block;
    border: none;
    float: none;
    padding-top: 16px;
    margin-top: 10px;
    border-top: 1px solid #bbbbbb;
}
#side_nav ul li
{
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 2ex;
}
#side_nav ul li a
{
    font-weight: normal;
}
/************************************************************/
#sub_content.splash
{
    margin-top: -20px;
    padding-top: 0px;
}
#splash_bottom
{
    clear: both;
    width: 90%;
    margin: 0px auto;
}
.splash_side_box
{
    width: 190px;
    float: left;
    clear: left;
    font-size: 10px;
    background: #eff1ff;
    border-bottom: 1px solid #a2baf5;
    border-top: 1px solid #a2baf5;
    padding: 10px 3px 10px 3px;
    margin: 12px 14px 12px 30px;
}
#referral
{
    background: #eff1ff url(images/money-sideBg.png) no-repeat center center;
}
#content img.splash_new
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
}
.splash_side_box a
{
    display: block;
    text-decoration: none;
    text-align: center;
}
.box a
{
    display: block;
    text-decoration: none;
    text-align: center;
}
.splash_side_box a span
{
    display: block;
}
.box span
{
    display: block;
}
span.splash_side_header
{
    font-size: 16px;
    color: #536fce;
}
.box span.splash_side_header
{
    font-size: 14px;
    color: #536fce;
}

a span.splash_side_body, .box .splash_side_body
{
    margin: 1em 0px;
    padding: 0px;
    line-height: 1.5em;
    font-size: 10px;
    color: Black;
    display: block;
}

#splash_hrz_boxes
{
}
.box
{
    width: 29%;
    margin: 0px 1.5% 0px 1.5%;
    padding: 10px 0px 10px 0px;
    float: left;
    background: #eff1ff;
    border-bottom: 1px solid #a2baf5;
    border-top: 1px solid #a2baf5;
    font-size: 10px;
    height: 100px;
}

.thirdCol
{
    width: 29%;
    margin: 0px 1.5% 0px 0px;
    padding: 5px;
    float: left;
    background: #dec8ff;
    font-size: 9pt;
    line-height: 1.2em;
}

.thirdCol h4
{
    margin: 10px auto 0px auto;
    padding-top: 17px;
    border: none;
    text-align: center;
    height: 45px;
    width: 134px;
    font-size: 12pt !important;
}

.thirdCol h4.gold
{
    background: url(images/buttonGold.jpg) no-repeat center top;
}

.thirdCol h4.silver
{
    background: url(images/buttonSilver.jpg) no-repeat center top;
}

.thirdCol h4.bronze
{
    background: url(images/buttonBronze.jpg) no-repeat center top;
}

.thirdCol p
{
    margin-left: 10px;
    margin-right: 10px;
}

.thirdCol .offer
{
    text-align: center;
    font-weight: bold;
}
h2.featured_items
{
    padding-top: 0px;
}

#xoSplash
{
    width: 500px;
    height: 278px;
    margin-bottom: 1em;
    background: url(images/XOconvergedIPsolutions.jpg) no-repeat right top;
}

#xoSplashCopy
{
    padding: 15px 300px 10px 10px;
    font-size: 12pt;
}

#xoSplashCopy h2
{
    line-height: 1.3em;
    margin-bottom: 10px;
}

hr.clear
{
    clear: both;
    visibility: hidden;
    height: 1px;
}
/**************************** page by page styles ***********/
.quote_cite_pair
{
    background: #eff1ff url(images/quote_bg.gif) no-repeat left top;
    border-bottom: 1px solid #a2baf5;
    border-top: 1px solid #a2baf5;
}
.quote_cite_pair cite
{
    text-align: right;
    display: block;
    font-weight: bold;
    padding-right: 1em;
}
#content img.full_width_img
{
    margin: 0px auto;
}
#content img.noborder
{
    border: none;
    background-color: Transparent;
}
.half_width_col
{
    width: 42%;
    float: left;
    margin: 12px 1%;
    padding: 0px 3%;
    background: #eff1ff;
    border-bottom: 1px solid #a2baf5;
    border-top: 1px solid #a2baf5;
    height: 140px;
}

.half_width_col_nobg
{
    background: transparent !important;
    margin: 0px;
    padding: 0px 0px 0px 3%;
    float: left;
    width: 45%;
}
/**************************** Default.aspx ******************/
.front_page_title
{
    text-align: center;
    color: Purple;
    padding: 1em 0em 0.5em 0em;
}
#front_splash
{
    margin: 0px;
    padding: 0px;
    height: 312px;
    background: url(images/front_splash.jpg) no-repeat left top;
}
#front_div
{
    margin: 0px;
    padding: 0px;
    background: url(images/divider.jpg) no-repeat left top;
}
#portal_login_box
{
    width: 257px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url(images/portal_login_right_border.gif) no-repeat right top; /*file:///C:\Documents and Settings\valued customer\My Documents\Visual Studio 2005\WebSites\CAcommDEV\qwestpartner.aspx*/
    min-height: 202px;
}
#front_content
{
    width: 466px;
    float: right;
    padding: 20px;
}
.call_to_action
{
    text-align: center;
}
.block .left_float
{
    float: left;
    padding-right: 14px;
    padding-top: 1em;
}
.block
{
    border: 1px solid #bbbbbb;
    padding: 0.5em 1.5em;
    margin: 12px;
    background: White url(images/block_corner_bg.jpg) no-repeat right bottom;
}
.block p
{
    margin: 0.5em 0em;
}
/*****************Catalog****************/
#catalog
{
    padding: 40px 30px 1em 30px;
    background: url(images/content_top_bg.jpg) no-repeat -67px top;
}
#catalog h3
{
    margin: 0px;
    padding: 1em;
    background-color: #993399;
    color: White;
    font-family: Arial, helvetica, Sans-Serif;
}
#catalog li
{
    font-weight: bold;
    font-size: 14px;
}
#catalog img
{
    padding: 5px;
    margin: 2px;
    background: White;
    border: 1px solid #bbbbbb;
}
#confertel h3
{
    background: none;
}

#prod_cat_main
{
    /*     background-color:White;     border:1px solid #bbbbbb; */
}
#prod_cat_main p
{
    width: 48%;
    float: left;
    text-align: left;
    height: 90px;
    margin: 2px 4px;
    padding: 0px;
}
#prod_cat_main img
{
    border: none;
    padding: 0px;
    margin: 4px 0px 0px 0px;
}
/******************end Catalog*************/
.img_even
{
    float: left;
    margin: 1em;
}
.img_alt
{
    float: right;
    margin: 1em;
}
.img_odd
{
    margin-left: 60px;
}
a img
{
    border: none;
}
h3, h4
{
    border-bottom: 1px solid #7fa1f5;
}
/**************************** footer ************************/
#footer
{
    clear: both;
    color: White;
    text-align: center;
    width: 100%;
}
#footer p
{
    padding: 0px;
    margin: 0px;
    line-height: 30px;
    font-size: 12px;
}
#footer #copyright span
{
    padding-left: 2px;
    padding-right: 20px;
}
#footer p.alt
{
    text-align: center;
}
#footer_text
{
    text-align: center;
}
/**************************** Web Forms 2.0 ********************/
fieldset
{
    border: 1px solid #290a5a;
}
legend
{
    font-weight: bold;
    font-size: 1.2em;
}
.form dt
{
    clear: both;
    float: left;
    text-align: right;
    width: 38%;
    padding: 0.5em 1% 0.5em 0em;
}
.form dd
{
    margin: 0px;
    padding: 0.5em 0% 0.5em 39%;
}
/**************** FORM STYLES **********************************/
#table.web_form td
{
    /* background-color:#EEEEFF; */
}
.web_form
{
    /*     background-color:#EEEEFF; */
}
.web_form h4
{
    /*background-color:#EEEEFF;*/
    padding: 0px;
    margin: 0px;
    line-height: 16px;
    font-size: 14px; /*   color:#9999BB; */
}
.form_row
{
    clear: both; /*border-top:2px solid White;*/
}
.form_col_key, .form_col_val
{
    float: left; /*background-color:#EEEEFF; */
    width: 50%;
}

.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: 50%;
    float: left;
    padding-bottom: 3ex;
}
#confertel .conf_box a, #confertel a
{
    text-decoration: none;
    font-size: 12px;
    color: #536fce;
}
#confertel .conf_box a img
{
    /*border:1px solid #b68602;*/
    border: none;
}
#confertel .conf_box span.title
{
    color: #008800;
    color: #536fce;
    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;
    font-weight: normal;
}
#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;
}
.inlineImageAlt
{
    float: right;
    padding: 0px 0px 14px 14px;
}
