body
{
    /*background-color: #304861;*/
    background-color: #0055AF; /*background-color: Maroon;*/
    font-family: Sans-Serif;
    text-align: center;
    background-image: url(images/body_bg_overlay.gif);
    background-repeat: repeat;
    background-position: left top;
}

hr.clear
{
    visibility: hidden;
    clear: both;
    height: 1px;
    border: none;
    padding: 0;
    margin: 0;
}

.form_row
{
    margin-bottom: .7em;
}

.left_float_borders div
{
    width: 46%;
    margin-left: 2%;
    float: left;
    background-color: White;
    font-size: 12px;
    line-height: 18px; /* background-image: url(images/box_corner_upleft.jpg);*/
    background-position: left top;
    background-repeat: no-repeat;
    margin-top: 12px;
    margin-bottom: 12px;
}

.left_float_borders div.alt
{
    margin-right: 2%;
    margin-left: 0px;
    float: right;
    clear: none;
}

.left_float_borders div dl, left_float_borders div.alt dl
{
    padding-left: 12px;
}

.left_float_borders div dt, left_float_borders div.alt dt
{
    font-weight: bold;
    font-size: 1.1em;
}


.left_float_borders div dd, left_float_borders div.alt dd
{
    margin-left: 0px;
    margin-bottom: .7em;
}


.left_float_borders div img
{
    float: right;
    clear: right;
    padding: 0px 12px;
}
.left_float_borders div p
{
    padding: 0px 12px;
    text-align: left;
}
.left_float_borders div p strong, .left_float_borders div p em
{
    display: block;
}
#container_outer
{
    width: 802px;
    padding: 0px; /*border:1px solid #666666;*/ /*border: 2px solid #18104b;*/
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    position: relative;
}
#container
{
    /*width: 800px;*/ /*border: 1px solid black;*/
    background-color: #e0e0ff;
    background-image: url(images/default_bg.jpg);
    background-repeat: no-repeat;
    background-position: right 120px;
    text-align: left;
    background-image: url(images/page_bg.gif);
    background-position: left 129px;
    background-repeat: repeat-x;
    background-color: White;
    border: 1px solid Black;
}
/*
#header
{
    float: left;
    width: 800px;
    background-color: white;
    background-image: url(images/header.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}*/
#logo
{
    width: 320px;
    height: 100px;
    float: left; /*background-image: url(images/header4.jpg);*/
    text-align: center;
}
#logo a
{
    /*font-family: Times New Roman, Serif; 	font-family: Georgia; 	font-size: 18px;	 	color: #011377; 	letter-spacing: 0.5px; 	line-height: 1.5em;*/
    display: block; /*padding-top: 6px; 	padding-left: 80px; 	font-weight: bold; 	text-decoration: none;*/
    height: 90px;
    width: 320px;
}
#logo a span
{
    display: none;
}
#logo a strong
{
    font-size: larger;
    letter-spacing: 2px;
}
#logo a em
{
    letter-spacing: 0px;
    font-style: normal;
    color: #014ed5;
}
#call
{
    width: 300px;
    height: 100px;
    float: right; /*background-color: #729deb;*/ /*background-image: url(images/customer_service4.jpg);*/
    background-position: right;
    background-repeat: no-repeat;
    color: White;
    text-align: center;
    line-height: 50px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
#call h3
{
    color: White;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
}
#call h4
{
    color: White;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
}
#call h4 strong
{
    color: White;
}
.img_even
{
    float: left;
    margin: 1em;
    padding: .25em;
    border: 1px solid #0055AF;
}

.img_even_smMargin
{
    float: left;
    margin: 1em 1em 1em 0;
}

.img_even_no_border, .imgLeft
{
    float: left;
    margin: 1em;
    padding: .25em;
}

.img_alt
{
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    margin: 1em;
    padding: .25em;
    border: 1px solid #0055AF;
}
.img_alt_no_border, .imgRight
{
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    margin-top: 2em;
    margin: 1em;
    border: none;
}

.img_alt_no_border_clear
{
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    margin-top: 2em;
    margin: 1em;
    border: none;
    clear: right;
}
.team_thm
{
    border: 2px solid #CCCCCC;
}
.pdf_link_alt, .quote_link_alt, .info_link_alt, .video_link_alt
{
    padding: 0px 0px 0px 18px;
    margin: 0px 40px 0px 40px;
    float: right;
    clear: right;
    font-size: 12px;
    line-height: 22px;
    width: 100px;
    display: block;
    background-image: url(images/pdf_icon_16px.gif);
    background-position: left center;
    background-repeat: no-repeat;
}
.pdf_link_large
{
    padding: 0px 0px 0px 18px;
    margin: 10px 0px 0px 10px;
    float: left;
    clear: left;
    font-size: 12px;
    line-height: 22px;
    width: 130px;
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 18px;
    background-image: url(images/pdf_icon_16px.gif);
}
.quote_link_alt
{
    background-image: url(images/quote_icon_16px.gif);
}
.quote_link_large
{
    padding: 0px 0px 0px 18px;
    margin: 10px 0px 0px 10px;
    float: left;
    clear: left;
    font-size: 12px;
    line-height: 22px;
    width: 130px;
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 18px;
    background-image: url(images/quote_icon_16px.gif);
}
.info_link_alt
{
    background-image: url(images/info_icon_16px.gif);
    margin: 0px 10px 0px 10px;
    width: 120px;
}
.img_alt_special
{
    margin-left: 5em;
    margin-bottom: 1em;
    margin: 1em;
    padding: .25em;
    border: 1px solid #0055AF;
}
.video_link_alt
{
    background-image: url(images/16-video-square.png);
}
.img_alt_special_no_border
{
    margin-left: 10em;
    margin: 1em;
}

.printerFriendly
{
    float: right;
    font-size: small;
}

.printerFriendly span
{
    font-size: smaller;
}

.content, #catalog
{
    padding: 1em 1em 0em 1em;
}
#home
{
    background-image: url(images/philadelphia.jpg);
}
#home2
{
    background-image: url(images/philadelphia2.jpg);
}
#products
{
    background-image: url(images/telephone_pole.jpg);
}
#phones
{
    background-image: url(images/telephone_pole1.jpg);
}
#carriers
{
    background-image: url(images/puzzle.jpg);
}
#cabling
{
    background-image: url(images/infrastructure.jpg);
}
#presence
{
    background-image: url(images/monitor.jpg);
}
#aboutus
{
    background-image: url(images/people_cutouts_800x400.jpg);
}
#quote
{
    background-image: url(images/invoice.jpg);
}
#media
{
    background-image: url(images/media.jpg);
}
#support
{
    background-image: url(images/support.jpg);
}
#news
{
    background-image: url(images/newspaper_logo.jpg);
}
#service
{
    background-image: url(images/services.jpg);
}
.bigpicture
{
    height: 400px;
    background-repeat: no-repeat;
}
.bigpicture #text
{
    font-family: Trebuchet MS, Sans-Serif;
    font-weight: bold;
    font-size: 30px;
    clear: both;
    height: 174px;
    width: 560px;
    margin-left: 200px;
    margin-bottom: -200px;
    padding-top: 26px;
}
.bigpicture #text a
{
    text-decoration: none;
}
.bigpicture #text h1
{
    margin: 0px;
    padding: 0px;
    font-size: 26px;
    line-height: 30px;
    text-align: left;
    visibility: hidden;
}
.bigpicture #text h2
{
    margin: 0;
    padding: 0px;
    line-height: 30px;
    font-size: 20px;
    text-align: left;
    visibility: hidden;
    font-weight: normal;
}
.bigpicture #text h3
{
    margin: 0;
    font-size: 16px;
    text-align: right;
    visibility: hidden;
}
#join
{
    padding: 10px;
}
#login
{
    width: 6em;
    padding: 0.6ex 1em 0.6ex 1em;
    margin: 20px 1em 2ex 1em;
    display: block;
    float: left;
}
#form_error
{
    padding: 10px;
}
/**************************** sliding text *****************************/
#home #text h1 a, #home2 #text h1 a
{
    color: #003d98;
    color: #001f4c;
}
#home #text h2 a, #home2 #text h2 a
{
    color: #0072ff;
    color: #003d98;
}
#home #text h3 a, #home2 #text h3 a
{
    color: #ffffff;
}
#phones #text h1 a
{
    color: #ffe000;
}
#phones #text h2 a
{
    color: #a0ccff;
}
#phones #text h3 a
{
    color: #ffffff;
}
#products #text h1 a
{
    color: #ffe000;
}
#products #text h2 a
{
    color: #a0ccff;
}
#products #text h3 a
{
    color: #ffffff;
}
#carriers #text h1 a
{
    color: #ff9b50;
}
#carriers #text h2 a
{
    color: #0662e9;
}
#carriers #text h3 a
{
    color: #ffffff;
}
#cabling #text h1 a
{
    color: #1cea1c;
}
#cabling #text h2 a
{
    color: #33a9ff;
}
#cabling #text h3 a
{
    color: #ffffff;
}
#presence #text h1 a
{
    color: #ff0000;
}
#presence #text h2 a
{
    color: #ffff00;
}
#presence #text h3 a
{
    color: #ffffff;
}
#aboutus #text h1 a
{
    color: #1f2800;
}
#quote #text h1 a
{
    color: #ea006c;
}
#media #text h1 a
{
    color: #ea006c;
}
#support #text h1 a
{
    color: #00b4a5;
}
#news #text h1 a
{
    color: #0055AF;
}
#service #text h1 a
{
    color: #fbb40a;
}
/***************************END sliding text *******************************/

/************************** Begin Big Buttons ******************************/
.topics
{
    float: left;
    width: 100%;
    margin-top: 270px;
    color: black;
    font-weight: bold;
}
.topics div
{
    text-align: left;
    width: 198px;
    height: 100px;
    float: left;
    margin-left: 1px;
    margin-right: 1px;
}
.topics div a
{
    width: 178px;
    height: 80px;
    padding: 10px;
    display: block;
    text-decoration: none;
    color: #000000;
}
.topics div a.current
{
    color: White;
}
.topics div a img
{
    float: left;
    vertical-align: top;
    border: 0;
    padding-right: 0.5em;
}
.topics div a:hover img
{
    width: 50px;
    position: relative;
    top: -20px;
}
.topics div a span
{
    clear: both;
    padding-top: 0.25em;
    visibility: hidden;
    font-size: smaller;
    text-align: center;
    display: block;
}
.topics div a:hover span
{
    visibility: visible;
}
.topics div a span.half
{
    visibility: visible;
    clear: none;
    margin: 0.25em;
}
#topics_alt
{
    margin-top: 20px;
    margin-bottom: 20px;
}
#home .topics a, #home2 .topics a
{
    color: Black;
}
#home .topics a:hover, #home2 .topics a
{
    color: Black;
}
#home .topics #topic1 a:hover, #home .topics #twitter_div:hover, #home2 .topics #topic1 a:hover, #home2 .topics #twitter_div:hover
{
    background-image: url(images/home_topic1_bg2_sel.jpg);
}
#home .topics #topic1 a, #home .topics #twitter_div, #home2 .topics #topic1 a, #home2 .topics #twitter_div
{
    background-image: url(images/home_topic1_bg2.jpg);
}
#home .topics #topic2 a, #home2 .topics #topic2 a
{
    background-image: url(images/home_topic2_bg2.jpg);
}
#home .topics #topic2 a:hover, #home2 .topics #topic2 a:hover
{
    background-image: url(images/home_topic2_bg2_sel.jpg);
}
#home .topics #topic3 a, #home2 .topics #topic3 a
{
    background-image: url(images/home_topic3_bg2.jpg);
}
#home .topics #topic3 a:hover, #home2 .topics #topic3 a:hover
{
    background-image: url(images/home_topic3_bg2_sel.jpg);
}
#home .topics #topic4 a, #home2 .topics #topic4 a
{
    background-image: url(images/home_topic4_bg2.jpg);
}
#home .topics #topic4 a:hover, #home2 .topics #topic4 a:hover
{
    background-image: url(images/home_topic4_bg2_sel.jpg);
}
#carriers .topics #topic1 a
{
    background-image: url(images/carrier_topic1_bg.jpg);
}
#carriers .topics #topic1 a:hover
{
    background-image: url(images/carrier_topic1_bg_sel.jpg);
}
#carriers .topics #topic2 a
{
    background-image: url(images/carrier_topic2_bg.jpg);
}
#carriers .topics #topic2 a:hover
{
    background-image: url(images/carrier_topic2_bg_sel.jpg);
}
#carriers .topics #topic3 a
{
    background-image: url(images/carrier_topic3_bg.jpg);
}
#carriers .topics #topic3 a:hover
{
    background-image: url(images/carrier_topic3_bg_sel.jpg);
}
#carriers .topics #topic4 a
{
    background-image: url(images/carrier_topic4_bg.jpg);
}
#carriers .topics #topic4 a:hover
{
    background-image: url(images/carrier_topic4_bg_sel.jpg);
}
#cabling .topics #topic1 a
{
    background-image: url(images/infra_topic1_bg.jpg);
}
#cabling .topics #topic1 a:hover
{
    background-image: url(images/infra_topic1_bg_sel.jpg);
}
#cabling .topics #topic2 a
{
    background-image: url(images/infra_topic2_bg.jpg);
}
#cabling .topics #topic2 a:hover
{
    background-image: url(images/infra_topic2_bg_sel.jpg);
}
#cabling .topics #topic3 a
{
    background-image: url(images/infra_topic3_bg.jpg);
}
#cabling .topics #topic3 a:hover
{
    background-image: url(images/infra_topic3_bg_sel.jpg);
}
#cabling .topics #topic4 a
{
    background-image: url(images/infra_topic4_bg.jpg);
}
#cabling .topics #topic4 a:hover
{
    background-image: url(images/infra_topic4_bg_sel.jpg);
}
#presence .topics #topic1 a
{
    background-image: url(images/monitor_topic1_bg.jpg);
}
#presence .topics #topic1 a:hover
{
    background-image: url(images/monitor_topic1_bg_sel.jpg);
}
#presence .topics #topic2 a
{
    background-image: url(images/monitor_topic2_bg.jpg);
}
#presence .topics #topic2 a:hover
{
    background-image: url(images/monitor_topic2_bg_sel.jpg);
}
#presence .topics #topic3 a
{
    background-image: url(images/monitor_topic3_bg.jpg);
}
#presence .topics #topic3 a:hover
{
    background-image: url(images/monitor_topic3_bg_sel.jpg);
}
#presence .topics #topic4 a
{
    background-image: url(images/monitor_topic4_bg.jpg);
}
#presence .topics #topic4 a:hover
{
    background-image: url(images/monitor_topic4_bg_sel.jpg);
}
#phones .topics #topic1 a
{
    background-image: url(images/phones_topic1_bg.jpg);
}
#phones .topics #topic1 a:hover
{
    background-image: url(images/phones_topic1_bg_sel.jpg);
}
#phones .topics #topic2 a
{
    background-image: url(images/phones_topic2_bg.jpg);
}
#phones .topics #topic2 a:hover
{
    background-image: url(images/phones_topic2_bg_sel.jpg);
}
#phones .topics #topic3 a
{
    background-image: url(images/phones_topic3_bg.jpg);
}
#phones .topics #topic3 a:hover
{
    background-image: url(images/phones_topic3_bg_sel.jpg);
}
#phones .topics #topic4 a
{
    background-image: url(images/phones_topic4_bg.jpg);
}
#phones .topics #topic4 a:hover
{
    background-image: url(images/phones_topic4_bg_sel.jpg);
}
#products .topics #topic1 a
{
    background-image: url(images/product_topic1_bg.jpg);
}
#products .topics #topic1 a:hover
{
    background-image: url(images/product_topic1_bg_sel.jpg);
}
#products .topics #topic2 a
{
    background-image: url(images/product_topic2_bg.jpg);
}
#products .topics #topic2 a:hover
{
    background-image: url(images/product_topic2_bg_sel.jpg);
}
#products .topics #topic3 a
{
    background-image: url(images/product_topic3_bg.jpg);
}
#products .topics #topic3 a:hover
{
    background-image: url(images/product_topic3_bg_sel.jpg);
}
#products .topics #topic4 a
{
    background-image: url(images/product_topic4_bg.jpg);
}
#products .topics #topic4 a:hover
{
    background-image: url(images/product_topic4_bg_sel.jpg);
}
#aboutus .topics #topic1 a
{
    background-image: url(images/us_topic1_bg.jpg);
}
#aboutus .topics #topic1 a:hover
{
    background-image: url(images/us_topic1_bg_sel.jpg);
}
#aboutus .topics #topic2 a
{
    background-image: url(images/us_topic2_bg.jpg);
}
#aboutus .topics #topic2 a:hover
{
    background-image: url(images/us_topic2_bg_sel.jpg);
}
#aboutus .topics #topic3 a
{
    background-image: url(images/us_topic3_bg.jpg);
}
#aboutus .topics #topic3 a:hover
{
    background-image: url(images/us_topic3_bg_sel.jpg);
}
#aboutus .topics #topic4 a
{
    background-image: url(images/us_topic4_bg.jpg);
}
#aboutus .topics #topic4 a:hover
{
    background-image: url(images/us_topic4_bg_sel.jpg);
}
#quote .topics #topic1 a
{
    background-image: url(images/quote_topic1_bg.jpg);
}
#quote .topics #topic1 a:hover
{
    background-image: url(images/quote_topic1_bg_sel.jpg);
}
#quote .topics #topic2 a
{
    background-image: url(images/quote_topic2_bg.jpg);
}
#quote .topics #topic2 a:hover
{
    background-image: url(images/quote_topic2_bg_sel.jpg);
}
#quote .topics #topic3 a
{
    background-image: url(images/quote_topic3_bg.jpg);
}
#quote .topics #topic3 a:hover
{
    background-image: url(images/quote_topic3_bg_sel.jpg);
}
#quote .topics #topic4 a
{
    background-image: url(images/quote_topic4_bg.jpg);
}
#quote .topics #topic4 a:hover
{
    background-image: url(images/quote_topic4_bg_sel.jpg);
}
#media .topics #topic1 a
{
    background-image: url(images/media_topic1_bg.jpg);
}
#media .topics #topic1 a:hover
{
    background-image: url(images/media_topic1_sel.jpg);
}
#media .topics #topic2 a
{
    background-image: url(images/media_topic2_bg.jpg);
}
#media .topics #topic2 a:hover
{
    background-image: url(images/media_topic2_sel.jpg);
}
#media .topics #topic3 a
{
    background-image: url(images/media_topic3_bg.jpg);
}
#media .topics #topic3 a:hover
{
    background-image: url(images/media_topic3_sel.jpg);
}
#media .topics #topic4 a
{
    background-image: url(images/media_topic4_bg.jpg);
}
#media .topics #topic4 a:hover
{
    background-image: url(images/media_topic4_sel.jpg);
}

#support .topics #topic1 a
{
    background-image: url(images/support_topic1_bg.jpg);
}
#support .topics #topic1 a:hover
{
    background-image: url(images/support_topic1_bg_sel.jpg);
}
#support .topics #topic2 a
{
    background-image: url(images/support_topic2_bg.jpg);
}
#support .topics #topic2 a:hover
{
    background-image: url(images/support_topic2_bg_sel.jpg);
}
#support .topics #topic3 a
{
    background-image: url(images/support_topic3_bg.jpg);
}
#support .topics #topic3 a:hover
{
    background-image: url(images/support_topic3_bg_sel.jpg);
}
#support .topics #topic4 a
{
    background-image: url(images/support_topic4_bg.jpg);
}
#support .topics #topic4 a:hover
{
    background-image: url(images/support_topic4_bg_sel.jpg);
}
#news .topics #topic1 a
{
    background-image: url(images/news_topic1_bg.jpg);
}
#news .topics #topic1 a:hover
{
    background-image: url(images/news_topic1_bg_sel.jpg);
}
#news .topics #topic2 a
{
    background-image: url(images/news_topic2_bg.jpg);
}
#news .topics #topic2 a:hover
{
    background-image: url(images/news_topic2_bg_sel.jpg);
}
#news .topics #topic3 a
{
    background-image: url(images/news_topic3_bg.jpg);
}
#news .topics #topic3 a:hover
{
    background-image: url(images/news_topic3_bg_sel.jpg);
}
#news .topics #topic4 a
{
    background-image: url(images/news_topic4_bg.jpg);
}
#news .topics #topic4 a:hover
{
    background-image: url(images/news_topic4_bg_sel.jpg);
}
#service .topics #topic1 a
{
    background-image: url(images/service_topic1_bg.jpg);
}
#service .topics #topic1 a:hover
{
    background-image: url(images/service_topic1_bg_sel.jpg);
}
#service .topics #topic2 a
{
    background-image: url(images/service_topic2_bg.jpg);
}
#service .topics #topic2 a:hover
{
    background-image: url(images/service_topic2_bg_sel.jpg);
}
#service .topics #topic3 a
{
    background-image: url(images/service_topic3_bg.jpg);
}
#service .topics #topic3 a:hover
{
    background-image: url(images/service_topic3_bg_sel.jpg);
}
#service .topics #topic4 a
{
    background-image: url(images/service_topic4_bg.jpg);
}
#service .topics #topic4 a:hover
{
    background-image: url(images/service_topic4_bg_sel.jpg);
}

#topic1_sub
{
    background-image: url(images/big_button.jpg);
}
#topic2_sub
{
    background-image: url(images/big_button.jpg);
}
#topic3_sub
{
    background-image: url(images/big_button.jpg);
}
#topic4_sub
{
    background-image: url(images/big_button.jpg);
}
/************************** END Big Buttons ******************************/

/***************************** FOOTER ************************************/
#footer
{
    text-align: center;
    clear: both;
    background-color: #cccccc;
    border-top: 1px solid #666666;
    padding-bottom: 6px;
    border-bottom: 1px solid #666666;
}
#footer ul
{
    /*border-top: 1px solid #EEEEEE;*/
    padding: 0;
    padding-top: 2px;
    margin: 0; /*margin-right: 2em;*/
    list-style: none;
}
#footer ul li
{
    display: inline;
    margin-right: 1em;
    color: #666666;
    font-size: smaller;
    font-weight: bold;
}
#footer ul li a
{
    text-decoration: none;
    color: #666666;
}

#footer ul li a:hover
{
    text-decoration: underline;
}
#footer ul#twitter_update_list
{
    border-top: none;
    border-bottom: none;
    text-align: left;
}
#footer ul#twitter_update_list li
{
    color: Black;
}
#footer ul#twitter_update_list ul li a
{
    text-align: right;
}
#footer #twitter_div img
{
    float: left;
    margin-right: 10px;
}
#footer #twitter_div
{
    background: white url(images-design/headerBg.gif) repeat-y;
    height: 50px;
}
a img
{
    border: 0;
}
.header_text_alt
{
    float: right;
    clear: right;
}
.float
{
    float: left;
    padding-right: 1.5em;
    padding-bottom: .5em;
}
#team
{
    border-bottom: 1px solid #555555;
}
#team em
{
    font-size: 16px;
}
/*************************** DROP MENUS ******************************/
/*#topnav
{
    border-top: 1px solid #666666;
   
    clear: both;
    background-color: ;
    font-size: 14px;
    height: 24px;
    line-height:24px;
    padding-top: 4px;
    text-align: right;
    background-image: url(images/top_nav_top_bg.gif); }
#topnav ul
{
    margin: 0;
    height: 23px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #666666;
}
#topnav ul li
{
    float: left;
}
#topnav ul li a
{
    color: #2244AA;
    text-decoration: none;
    display: block;
    float: left;
    padding-top: 2px;
    padding-right: 1em;
    padding-left: 1em;
    height: 24px;
}*//*************************** DropUp Menu **************************/

.topics div ul.dropup
{
    display: none;
    list-style-type: none;
    position: absolute;
    top: 278px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 12px;
    background-image: url(images/dropup_triangle.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
#phones .topics div ul.dropup
{
    top: 278px;
}
#carriers .topics div ul.dropup
{
    top: 334px;
}
#cabling .topics div ul.dropup
{
    top: 306px;
}
#presence .topics div ul.dropup
{
    top: 334px;
}
.topics div:hover ul.dropup, .topics div.over ul.dropup
{
    display: block;
}
.topics div ul.dropup li a
{
    width: 174px;
    height: 12px;
    line-height: 12px;
    font-size: 14px; /* background-color: #627fcd;*/
    color: Black;
    font-weight: bold; /* background-color:#dfdfdf;    background-color:#b5c9fb;*/
    padding: 8px 12px;
    margin: 0px;
    font-family: "Trebuchet MS";
}

#carriers .topics div#topic1 ul.dropup li a, #carriers .topics div#topic2 ul.dropup li a, #carriers .topics div#topic3 ul.dropup li a, #carriers .topics div#topic4 ul.dropup li a, #presence .topics div#topic1 ul.dropup li a, #presence .topics div#topic2 ul.dropup li a, #presence .topics div#topic3 ul.dropup li a, #presence .topics div#topic4 ul.dropup li a, #cabling .topics div#topic1 ul.dropup li a, #cabling .topics div#topic2 ul.dropup li a, #cabling .topics div#topic3 ul.dropup li a, #cabling .topics div#topic4 ul.dropup li a, #phones .topics div#topic1 ul.dropup li a, #phones .topics div#topic2 ul.dropup li a, #phones .topics div#topic3 ul.dropup li a, #phones .topics div#topic4 ul.dropup li a
{
    background-image: url(images/menu_blue_trans.png);
    background-repeat: repeat;
}

#carriers .topics div#topic1 ul.dropup li a:hover, #carriers .topics div#topic2 ul.dropup li a:hover, #carriers .topics div#topic3 ul.dropup li a:hover, #carriers .topics div#topic4 ul.dropup li a:hover, #presence .topics div#topic1 ul.dropup li a:hover, #presence .topics div#topic2 ul.dropup li a:hover, #presence .topics div#topic3 ul.dropup li a:hover, #presence .topics div#topic4 ul.dropup li a:hover, #cabling .topics div#topic1 ul.dropup li a:hover, #cabling .topics div#topic2 ul.dropup li a:hover, #cabling .topics div#topic3 ul.dropup li a:hover, #cabling .topics div#topic4 ul.dropup li a:hover, #phones .topics div#topic1 ul.dropup li a:hover, #phones .topics div#topic2 ul.dropup li a:hover, #phones .topics div#topic3 ul.dropup li a:hover, #phones .topics div#topic4 ul.dropup li a:hover
{
    background-image: none;
    background-color: #627dce;
    background-color: #21528f;
    color: White;
}
.topics div#topic1 ul.dropup li a:hover, .topics div#topic2 ul.dropup li a:hover, .topics div#topic3 ul.dropup li a:hover, .topics div#topic4 ul.dropup li a:hover
{
    background-image: none;
}

/*************************** end DropUp Menu **************************/

/**** MISC ****/

.col_half
{
    width: 49.5%;
    float: left;
}
.col_half div
{
    margin: 0% 1%;
    padding: 0px;
    clear: both;
    font-size: 14px;
    line-height: 20px;
}
.col_half div strong em
{
    display: block;
    clear: left;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}
div.web_form_quick div.form_row
{
    clear: both;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    display: block;
    position: relative;
}
div.web_form_quick div.form_row div
{
    margin: 0px;
    padding: 2px 0px;
    display: inline-block;
    display: block;
    position: relative;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}
div.web_form_quick div.form_col_key
{
    float: left;
    width: 30%;
    clear: none;
    display: inline-block;
    display: block;
    position: relative;
    line-height: 26px;
    height: 26px;
    margin: 0px;
    padding: 2px 0px;
}
div.web_form_quick div.form_col_val
{
    float: right;
    width: 69%;
    clear: none;
    display: inline-block;
    display: block;
    position: relative;
    line-height: 26px;
    height: 26px;
    margin: 0px;
    padding: 2px 0px;
}
div.web_form_quick input.form_btn
{
    float: right;
}
.content .question
{
    border-bottom: 1px solid Gray;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    padding-bottom: 1em;
}
.question input.qty
{
    text-align: right;
    width: 6em;
    padding-right: 0.5em;
    margin-right: 3em;
}
.question select.qty
{
    margin-right: 3em;
}
h4
{
    color: Purple;
}
h2, h3, strong, a, dt
{
    color: #0055a5;
    padding-top: 7px;
}

dt
{
    font-weight: bold;
    margin-bottom: .5em;
}

dd
{
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 1em;
}

.content h2, #team
{
    border-bottom: 2px solid #0055a5;
    padding-top: 20px;
}
#catalog h2
{
    border-bottom: 2px solid #0055a5;
}
#contact h2
{
    margin-top: 2em;
}
#contact p
{
    margin-bottom: -7em;
}
.left_float_borders strong
{
    font-size: 14px;
}

.left_float_borders em
{
    margin: 1em 0em;
    font-size: 12px;
}

.quick_contact
{
    width: 270px;
    float: right;
    border-left: 1px solid #0055A5;
    padding-left: 20px;
}
.quick_contact .row
{
    text-align: right;
    padding-right: 18px;
}
.quick_contact .row label
{
    padding-left: 18px;
    padding-right: 18px;
}
.quick_contact .row input #name #email #phone #nature
{
    width: 11.05em;
}
/********Twitter*********/
#twitter_div ul
{
    list-style-type: none;
}
#twitter_div ul li
{
    margin-bottom: 10px;
}
#twitter_div ul li a
{
    display: block;
    margin: 0;
    padding: 0;
}
#twitter_div a#twitter-link
{
    font-size: 8px;
    display: block;
    text-align: right;
}
#twitter
{
    float: left;
}
#pageOnly
{
    padding: 20px;
}
.news1
{
    margin: 0 auto;
    display: block;
}
.progress
{
    display: block;
    height: 19px;
    width: 220px;
    background: url(images/ajax-loader.gif) no-repeat top left;
}
.progressSection
{
    width: 375px;
    border: solid 1px #cccccc;
    padding: 10px;
}
.progress img
{
    margin: 4px 7px 0 0;
    float: right;
    display: block;
}

#progressQuote h4
{
    color: #555555;
}
.progressSection small
{
    font-size: 10px;
    color: #666666;
    display: block;
    padding-left: 10px;
}
#progressQuote h4 small
{
    margin-bottom: 0;
    font-weight: normal;
}
#progressQuote textarea
{
    margin-top: 0;
}
.progressOptions h4
{
    margin: 0;
}
#quoteTwo, #quoteThree, #quoteFour, #quoteFive, #quoteSix
{
    display: none;
}
.progressBackNext
{
    display: block;
}
.progressBackNext img
{
    display: block;
}
.progressOptions
{
    height: 150px;
}
#quoteInfo
{
    width: 340px;
    float: right;
    margin-left: 10px;
    border: solid 1px #cccccc;
    padding: 10px 10px 20px 10px;
}
#quoteInfo img
{
    float: right;
    margin: 0;
    }
.progressCheckbox
{
    display: block;
    font-size: 11px;
}
.progressOther
{
    font-size: 11px;
}
.progressNext
{
    margin-right: 50px;
}
.progressBack
{
    padding-top: 20px;
    float: left;
    display: block;
}
#progressContactInfo span
{
    
}
#progressContactInfo sup
{
    color: Red;
}
#contactForm
{
    border: solid 1px #CEB70D;
    width: 350px;
    height: 305px;
    padding: 10px;
    background: #F1DB39 url(images-design/background-QC-short.png) repeat-x top left;
}
#theForm fieldset
{
    background: White;
}

/******************************** PRESS RELEASE PAGE ********************************/
.pressReleases dt
{
    background: url(images-design/icon-Calendar.png) no-repeat;
    width: 41px;
    height: 50px;
    float: left;
    text-align: center;
    padding-top: 0;
    margin-right: 1em;
    padding-top: 2px;
    clear: left;
}

.pressReleases dt strong
{
    color: White;
    font-size: 9px;
    font-weight: normal;
    padding-top: 0;
    margin-top: 3px;
    display: inline-block;
}

.pressReleases dt em
{
    color: Black;
    font-size: 24px;
    font-weight: bold;
    clear: left;
    display: block;
    font-style: normal;
}

.pressReleases dd
{
    min-height: 50px;
}

a.magIcon
{
    background: url(images-design/icon-MagGlass.png) no-repeat;
    display: inline-block;
    padding: 0 0 0 20px;
}
/*******************carousel***********************/
.jcarousel-skin-xt .jcarousel-container
{
    display: block;
    margin: 0 auto;
    width: 580px;
}

.jcarousel-skin-xt .jcarousel-container-horizontal
{
    width: 580px;
    padding: 20px 40px;
}


.jcarousel-skin-xt .jcarousel-clip-horizontal
{
    width: 580px;
    height: 170px;
}

.jcarousel-skin-xt .jcarousel-item
{
    width: 120px;
    height: 170px;
}

.jcarousel-skin-xt .jcarousel-item-horizontal
{
    margin-right: 30px;
}


.jcarousel-skin-xt .jcarousel-item-placeholder
{
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-xt .jcarousel-next-horizontal
{
    position: absolute;
    top: 50px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images-design/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-xt .jcarousel-next-horizontal:hover
{
    background-position: -32px 0;
}

.jcarousel-skin-xt .jcarousel-next-horizontal:active
{
    background-position: -64px 0;
}

.jcarousel-skin-xt .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-xt .jcarousel-prev-horizontal
{
    position: absolute;
    top: 50px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images-design/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-xt .jcarousel-prev-horizontal:hover
{
    background-position: -32px 0;
}

.jcarousel-skin-xt .jcarousel-prev-horizontal:active
{
    background-position: -64px 0;
}

.jcarousel-skin-xt .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-xt .jcarousel-container
{
    position: relative;
}

.jcarousel-skin-xt .jcarousel-clip
{
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-skin-xt .jcarousel-list
{
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-skin-xt .jcarousel-list li, .jcarousel-skin-xt .jcarousel-item
{
    float: left;
    list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 120px;
    height: 170px;
    text-align: center;
}
.jcarousel-skin-xt .jcarousel-list li img
{
    display: block;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-skin-xt .jcarousel-next
{
    z-index: 3;
    display: none;
}

.jcarousel-skin-xt .jcarousel-prev
{
    z-index: 3;
    display: none;
}


.jcarousel-skin-xt
{
    /*bleh.*/
}
/********wider carousel*********/
/*******************carousel***********************/
.jcarousel-skin-xt2 .jcarousel-container
{
    display: block;
    margin: 0 auto;
    width: 580px;
}

.jcarousel-skin-xt2 .jcarousel-container-horizontal
{
    width: 580px;
    padding: 20px 40px;
}


.jcarousel-skin-xt2 .jcarousel-clip-horizontal
{
    width: 580px;
    height: 200px;
}

.jcarousel-skin-xt2 .jcarousel-item
{
    width: 150px;
    height: 200px;
}

.jcarousel-skin-xt2 .jcarousel-item-horizontal
{
    margin: 0 25px;
}


.jcarousel-skin-xt2 .jcarousel-item-placeholder
{
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-xt2 .jcarousel-next-horizontal
{
    position: absolute;
    top: 50px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images-design/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-xt2 .jcarousel-next-horizontal:hover
{
    background-position: -32px 0;
}

.jcarousel-skin-xt2 .jcarousel-next-horizontal:active
{
    background-position: -64px 0;
}

.jcarousel-skin-xt2 .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-xt2 .jcarousel-prev-horizontal
{
    position: absolute;
    top: 50px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images-design/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-xt2 .jcarousel-prev-horizontal:hover
{
    background-position: -32px 0;
}

.jcarousel-skin-xt2 .jcarousel-prev-horizontal:active
{
    background-position: -64px 0;
}

.jcarousel-skin-xt2 .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active
{
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-xt2 .jcarousel-container
{
    position: relative;
}

.jcarousel-skin-xt2 .jcarousel-clip
{
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-skin-xt2 .jcarousel-list
{
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-skin-xt2 .jcarousel-list li, .jcarousel-skin-xt2 .jcarousel-item
{
    float: left;
    list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 150px;
    height: 200px;
    text-align: center;
}
.jcarousel-skin-xt2 .jcarousel-list li img
{
    display: block;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-skin-xt2 .jcarousel-next
{
    z-index: 3;
    display: none;
}

.jcarousel-skin-xt2 .jcarousel-prev
{
    z-index: 3;
    display: none;
}


.jcarousel-skin-xt2
{
    /*bleh.*/
}


/*******ajax*******/
.modalBg
{
    background: url(images/modalBg.png) repeat;
    }