﻿@charset "utf-8";
@import '/print/nav.css';
@import '/print/safari.css';
/* General recyclable page styles */
body {
    font: small/1.7em Arial, Helvetica, sans-serif;
    background: #FFFFFF url(/images/structural_images/background.jpg) repeat-x fixed;
    margin: 0;
    behavior: url(/csshover.htc);
    color: #414141;
}
h1 {
    color: #6699CC;
    font: normal x-large Arial, Helvetica, sans-serif;
    margin-bottom: 1em;
    clear: both;
    font-weight: bold;
}
h2, .header2     {
    color: #333366;
    font: normal large Arial, Helvetica, sans-serif;
    margin: 1em 0;
    font-weight: bold;
}
h3, .header3     {
    font: normal medium Arial, Helvetica, sans-serif;
    color: #4a447c;
    margin: 1em 0;
    font-weight: bold;
}
a {
    font-family: Arial, Helvetica, sans-serif;
    color: #000066;
}
a.imglnk {
    text-decoration: none;
}
hr  {
    margin: 1em 0;
    padding: 0px;
    color: #FFFFFF;
    background: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    overflow: hidden;
    line-height: 0px;
}
.subheader1   {
    color: #000066;
    font: italic bold small Arial, Helvetica, sans-serif;
    margin: 1em 0 0 0;
    position: relative;
}
.subheader2 {
    color: #000066;
    font: bold x-small Arial, Helvetica, sans-serif;
    margin: 1em 0 0 0;
    position: relative;
}

/* can be used on any object to float */
.floatright {
    float: right;
}
.floatleft {
    float: left;
}
.centered {
    text-align: center;
    margin: 0 auto;
}
/* end floater classes */
/* UL Styles */
.arrow li {
    background:none;
    list-style-image: url(/images/structural_images/list_arrow.gif); /*arrow styled bullets */
    padding: 0;
}
.link_icon {
    border: none;
    padding: 0;
    margin: 0 10px 0 10px;
}
.icon  {
    margin: 0 0 0 -10px;
    padding: 0px;
    height: 25px;
}
#maincontent  .nobullets li  {
    background:none;
    list-style: url(none) none;
    margin: 0 0 10px 10px;
}
/* End UL styles */
/* Moreinfo is used to style links for More Info or Learn more... etc */
.moreinfo    {
    font: x-small Arial, Helvetica, sans-serif;
    padding: 10px 10px 10px 0;
    color: #023d8c;
    clear: both;
    text-align: right;
    width: 100%;
    display: block;
}
.moreinfo.home {
    clear: none;
    width: auto;
    float: right;
}
/* Intro is used to add extra spacing introduction text below main headers */
.intro   {
    line-height: 2em;
    margin-bottom: 25px;
    margin-top: 0;
}
/* Quote box css */
.quote {
    margin: 20px 0px;
}
.quote  #topborder {
    background: transparent url(/images/structural_images/quote_top_shadow.jpg) no-repeat center bottom;
    height: 27px;
}
.quote #content {
    background: transparent url(/images/structural_images/quote_middle_shadow.jpg) repeat-y center top;
    padding-right: 50px;
    padding-left: 60px;
    position: relative;
    padding-top: 2px;
    height: auto;
}
.quote #topborder #startquote {
    position: relative;
    left: 15px;
    top: 20px;
    margin: 0;
    z-index: 1000;
    _margin-top: 8px;
}
.quote #bottomborder #endquote {
    position: relative;
    left: 623px;
    top: -18px;
    margin: 0;
    z-index: 1000;
}
.quote #content blockquote {
    font-weight: bold;
    color: #6F9AD3;
    padding: 0;
    margin: 0;
}
.quote #bottomborder {
    background: transparent url(/images/structural_images/quote_bottom_shadow.jpg) no-repeat center top;
    height: 28px;
    clear: both;
    position: relative;
}

/* End quote box styles */
/* Callout css */
.callout {
    width: 175px;
    float: right;
    font: x-small Arial, Helvetica, sans-serif;
    margin: 15px 0 0 0;
}
.callout .moreinfo {
    padding: 10px 0;
}
.callout a {
    font: x-small Arial, Helvetica, sans-serif;
    color: #000066;
}
.callout   ul {
    list-style: disc;
    padding: 0;
    margin: 10px 10px 0 15px;
}
.callout ul li {
    padding-bottom: 5px;
    line-height: 1;
}
.callout  .header1 {
    font: oblique bold small/30px Arial, Helvetica, sans-serif;
    color: #000066;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1em;
}
.callout .top {
    background: url(/images/structural_images/callouttop.gif) no-repeat bottom;
    width: 175px;
    float: none;
    height: 12px;
    border: 0;
    margin: 0;
}
.callout .content {
    background: url(/images/structural_images/calloutcenter.jpg) repeat-y;
    width: 155px;
    padding: 0 10px;
    border: 0;
    margin: 0;
}
.callout   .content p {
    color: #000066;
    padding: 5px 0 0 0;
    line-height: 1;
    margin: 0;
}
.callout .bottom {
    background: url(/images/structural_images/calloutbottom.gif) no-repeat top;
    height: 12px;
    width: 175px;
    float: none;
    border: 0;
    margin: 0;
}
.callout hr {
    margin: 5px 0;
    padding: 0;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom: 1px solid #CCCCCC;
    height: 1px;
    color: #CCCCCC;
    font-size: 0px;
    overflow: hidden;
}
/* End Callout Styles */

/* Table Styles */

table, tr, td, th { border-color: #cccccc; }

/* Styled table css (blue headers and such) */

.table_blue, .table_bluegray, .table_noheader { width: 100%; }
.table_blue td, .table_bluegray td, .table_noheader td { border-style: none; }

/* used for alternate_colors.js to alternate row BG colors */

.color_one { background-color: #FCFCFC; }
.color_two { background-color: #F8F8F8; }
.table_blue table th,
.table_blue table td,
.table_bluegray table th,
.table_bluegray table td,
.table_noheader table th,
.table_noheader table td  {
    padding: 5px 10px;
    border: 1px solid #ccc;
    vertical-align: top;
    width: auto;
    }
.table_blue table, .table_bluegray table, .table_noheader table { width: 100%; }
.table_blue table thead th,
.table_bluegray table thead th,
.table_blue_row th,
.table_blue_row td {
    background: #6f9ad3;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
}
.table_bluegray table th,
.table_gray_row th,
.table_gray_row td {
    font-family: Arial, Helvetica, sans-serif;
    color: #5278ab;
    background: #d6e0ef;
    text-align: left;
    font-weight: bold;
}

/* END Table Styles */

/* spacer is used to wrap container divs around floated content  DO NOT DELETE */
.spacer {
    clear: both;
    height: 0px;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    line-height: 0px;
}
/* --------------------End general recyclable styles--------------------------------- */
/* --------------------Generic Page Styles------------------------------------------- */
/* ----------Header/PageWrapper css begins------------ */
#pagewrapper {
    background-color: #FFFFFF;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 963px;
    position: relative;
}
#mainpage {
    border: 1px solid #CCCCCC;
    width: 963px;
    background: url(/images/structural_images/bg_sidenav_shadow.jpg) repeat-y 17%;
    margin: 0;
    text-align: left;
    padding: 0;
    clear: both;
}
#header {
    height: 80px;
    background: #FFFFFF url(/images/structural_images/bg_header.gif) no-repeat;
    text-align: right;
    color: #000000;
    line-height: 20px;
    width: 963px;
}
#header img {
    text-align: left;
    border: none;
}
/* ----------Main Content css----------- */
#maincontent {
    width: 675px;
    float: right;
    clear: right;
    padding: 0 45px 50px 45px;
}
#maincontent p {
    line-height: 1.4em; /* was 1.7em */
    margin-top: 0px;
}
#maincontent img {
    padding: 10px;
}
#maincontent ul {
    display: block;
}
#maincontent li {
    margin-left: 15px;
    padding-left: 13px;
    list-style: none;
    background: url(/images/structural_images/square_bullet.gif) no-repeat 0px 11px;
    margin-right: 57px;
}
/* Bread crumb styles */
#maincontent #breadcrumbs {
    padding-top: 20px;
    color: #7068B7;
    font-weight: bold;
    font-size: x-small;
}
#maincontent #breadcrumbs a {
    color: #7068B7;
    font-weight: normal;
}
/* end quote box, styled table, breadcrumbs and maincontent css for generic page */
/* homepage css */
#contentwrapper {
    border: 1px solid #CCCCCC;
    float: left;
}
#homepagecontent  a {
    color: #8881C3;
    font-size: x-small;
}
#contentwrapper h2{
    color: #30286f;
    font: Arial Narrow, Helvetica Narrow;
    margin-bottom: .5em;
}
/* top row of homepage boxes */
#homepagecontent {
    background: url(/images/structural_images/bg_homepage_shadows.gif) repeat-y center top;
    width: 963px;
    margin: 0;
    padding: 0;
    font-size: x-small;
    float: left;
}
#imagebox, #transformbox, #newsbox, #quicklinks, #spotlight, #selected {
    float: left;
}
#imagebox {
    width: 320px;
    height: 302px;
}
#transformbox {
    width: 252px;
    height: 302px;
    padding: 0 35px;
}
#transformbox p {
    margin: 0px;
    padding: 0px;
    line-height: 1.7;
    font-size: 130%;
}
#transformbox h1, #transformbox h2, #transformbox h3  {
    color: #000066;
    margin: 0px;
    padding: 0px;
    line-height: 1.7;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: medium;
    margin-top: 30px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: italic;
    font-variant: normal;
}
#newsbox {
    width: 270px;
    padding: 0 0 0 20px;
    font: small Arial, Helvetica, sans-serif;
    height: 302px;
}
#newsbox p {
    margin: 10px 0px 0px;
    padding: 0;
}
#newsbox  a {
    font-size: 85%;
}
#quicklinks, #spotlight, #selected {
    width: 290px;
    border-top: 1px solid #CCCCCC;
    padding: 0 10px 15px 20px;
}
#quicklinks {
    clear: left;
}
#quicklinks ul {
    margin: 0 0 10px 25px;
    padding: 0;
}
#quicklinks li a {
    color: #000066;
    font-size: small;
}

#spotlight {
    font-size: 13px;
    line-height: 1.5;
}

#spotlight a {
    font-size: 13px;
}

/* Products Landing Page Unique css Styles */
#overview    {
    line-height: 1em;
    margin-bottom: 15px;
    font-size: small;
    border-top: 1px solid #CCCCCC;
}
#overview .overview_box {
    float: left;
    width: 307px;
    padding: 10px 15px;
    font-size: 85%;
    height: 160px;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    background-color: #FCFCFC;
line-height:14.45pt;
}
#overview .femtocells {
    height: 130px;
}
#overview  .solutions {
    height: 150px;
}
#overview .darkerbg   {
    background: #f8f8f8;
}
#overview .overview_box p {
    padding: 0 15px;
    margin-top: 3px;
}
#overview  .overview_box  h3 {
    clear: both;
    /*padding: 0 15px;*/
    margin: 0 0 10px;
}
#overview .overview_box img {
    padding: 0;
}
#overview .overview_box h3 a {
    font-size: 75%;
}
.products_img {
    margin: 0 0 5px 0;
}
.link_icon {
    border: none;
    padding: 0;
    margin: 0 10px 0 10px;
}
.icon  {
    margin: 0 0 0 -10px;
    padding: 0px;
    height: 25px;
}
/* footer css */
#footer p {
    margin: 5px 0 0 0;
    font-size: x-small;
}
#footer {
    clear: both;
    width: 963px;
    padding: 0;
    margin: 0;
}
 
/* RH Additions */

#maincontent #page_subtitle {
    color: #000066;
    font: italic bold small Arial, Helvetica, sans-serif;
    margin: 0;
    position: relative;
    top: -1.5em;
}
#maincontent #pressrelease_teaser {
    color: #000066;
    font: italic bold small Arial, Helvetica, sans-serif;
    margin: 0;
    position: relative;
    top: -1.5em;
}
#maincontent #Search1_txtSearch {
     float: left;
     margin: 12px 5px 10px 0px;
}
#maincontent #Search1_btnSubmit {
    float: left;
    border: none;
    background: transparent url(/images/structural_images/search_button_white.gif) no-repeat center center;
    margin: 10px 8px 10px 0;
    height: 22px;
    width: 68px;
}
#maincontent #search_noresults { clear: both; display: none; }
#maincontent #search_results { clear: both; }
#maincontent #search_results .list dt { margin-top: 8px; font-weight: bold; }

#maincontent #printvariant {
    clear: both;
    float: right;
    padding-top: 10px;
    color: #7068B7;
    font-weight: bold;
    font-size: x-small;
    text-align: right;
}
#maincontent #printvariant a {
    color: #7068B7;
    font-weight: normal;
}
#rssicon { vertical-align: middle; padding: 10px 0 10px 10px !important; }

#maincontent div.pressrelease{
    line-height:1.4em;
}

#sitemap { margin:0; clear:both; }
#sitemap li { background:none; margin-left:0; }
#sitemap h2 { margin:0; }
#sitemap a { text-decoration:none; }
#sitemap .site_level_three { margin-top:0; }
#sitemap .site_level_three a { font-size:10px; }
#sitemap .site_level_two li, #sitemap .site_level_three li { background: url(/images/structural_images/square_bullet.gif) no-repeat 0px 11px; }
#sitemap .site_level_one a, #sitemap .site_level_two a, #sitemap .site_level_three a { text-decoration:underline; }
#selected_carousel { height: 120px; }

#maincontent .tallerLineHeight,
#maincontent .tallerLineHeight div,
#maincontent .tallerLineHeight p,
#maincontent .tallerLineHeight span,
#maincontent .tallerLineHeight li
{ line-height: 1.7em; }

.block_floatright { float: right; margin: 0 0 10px 8px; }
.block_floatleft { float: left; margin: 0 8px 10px 0; }

.img_border_left {
    display: block;
    float: left;
    margin: 0px;
    padding: 3px;
    -moz-border-radius: 13px;
    border: 0;
    background: #f7f7f7;
}
.img_border_left img {
    margin: 0;
    padding: 6px;
    -moz-border-radius: 9px;
    border:1px solid #f7f3f7;
    background: white;
}
.img_border_right {
    display: block;
    float: right;
    margin: 0px;
    padding: 3px;
    -moz-border-radius: 13px;
    border: 0;
    background: #f7f7f7;
}
.img_border_right img {
    margin: 0;
    padding: 6px;
    -moz-border-radius: 9px;
    border:1px solid #f7f3f7;
    background: white;
}

#maincontent .no_padding img { padding: 0px; }
#maincontent .no_side_padding img { padding: 10px 0px; }

/* Contact Us Form Styles */

#contact { margin: 1em 0; }
#contact label { width: 140px; float: left; clear:left; text-align: right; }
#contact input, #contact select, #contact textarea { margin-bottom: .75em; margin-left: 1em; vertical-align: text-top; width: auto; }
#contact input{ width: 140px; }
#contact .buttons { margin-left: 140px; }
#contact .buttons input { width: auto; }
#contact .errormsg { color: #f00; }
#Contact_us_form1_valSum { padding: .5em; border: 1px solid red; margin-bottom: 1.5em; }
#contact .checkboxes { margin-left: 140px; margin-bottom: .5em;}
#contact .checkboxes label { width: auto; float: none; clear: none; text-align: left; margin-left: .25em; }
#contact .checkboxes input { width: auto; margin-bottom: .25em; }
#contact .padleft { margin-left: 1em; }



/* End RH Additions */