﻿/********* Top Level Elements, Resets ********/
body { font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #E4E4E4; font-family: Verdana,Arial,Helvetica,sans-serif; color: #333333; }
ul { font-size: 11px; list-style-type: square; line-height: 14px; }
ul li { }
ul li ul { list-style-type: circle; }
input, textarea { font-size: 11px; font-family: Verdana, Sans-Serif; }
a img { border: none; }
a:link, a:visited, a:active { color: #3636bf; text-decoration: none; font-size: 11px; }
a:hover { color:  #cc0000; }
p { font-size: 11px; }
p.intro { clear: both; line-height: 22px; }
/******************/

/********* Generic Header Styles *********/
h1 { font-size: 20px; font-weight: normal; }
h2 { font-size: 18px; color: #727272; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; }
h3 { color: #333333; font-weight: normal; font-size: 13px; font-weight: bold; }
h3 a:link, h3 a:visited, h3 a:active { color: #0f43a8; font-size: 16px; font-weight: bold; }
h4 { color: #000000; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 0px 0px; }
h5 { font-size: 11px; font-weight: bold; }
h6 { text-transform: uppercase; font-weight: bold; color: #000000; font-size: 11px; }
/******************/

/********* Generic Helper Styles *********/
.clear { clear: both; }
.centered { text-align: center; }
.right { text-align: right; }
.column { float: left; }
/* used in where <hr> might have been used - <hr> difficult to style */
.seperator { width: 100%; height: 1px; font-size: 0px; background-color: #e2e2e2; line-height: 0px; }
/******************/

/********* Main Layout Divs *********/
#Container { margin: 0px auto; width: 977px; margin-top: 5px; position: relative; }
#TopLinks { margin-bottom: 0px; float: left; padding-left: 5px; height: 15px; line-height: 35px; padding-top: 8px; padding-bottom: 8px; }
#TopLinks li a { border: none; color: #CC0000; font-size: 11px; text-decoration: underline; padding: 0px 5px; line-height: 11px; height: 13px; background: url("http://www.harris.com/wrapper/css/wrapper/topNavHorDiv.gif") no-repeat scroll right 55% transparent; }
#TopLinks li a.last { background: none; }
#BottomLinks { padding-left: 5px; height: 15px; line-height: 35px; padding-top: 9px; padding-bottom: 8px; }
#BottomLinks li a { color: #CC0000; font-size: 11px; text-decoration: underline; padding: 0px 5px; line-height: 11px; height: 13px; background: url("http://www.harris.com/wrapper/css/wrapper/topNavHorDiv.gif") no-repeat scroll right 55% transparent; }
#BottomLinks li a.last { background: none; }

#TopNav { margin-bottom:0px;}
#TopNav li a {border-right:1px solid #666666; }
#TopNav li a.last { border-right:none;}

#SearchSocial #harrisSearch { background: url("http://www.harris.com/wrapper/css/wrapper/harrissearch-trans.png") no-repeat scroll left 0 transparent; font-family: Verdana,Arial,Helvetica,sans-serif; height: 25px; margin-top: 2px; padding: 5px 0 0 5px; position: absolute; right: 120px; top: 0; text-align: right; }
#harrisSearch #q, #harrisSearch #Text1 { border: 0 none; color: #333333; margin: 0; padding: 0; width: 192px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; }
#harrisSearch #submit { height: 23px; margin-top: -5px; width: 26px; }
#socialMedia { float: right; padding-top: 3px; padding-right: 9px; }



.home #Page { background-image: url(images/pagewrapper_home.gif); clear: both; }
.productList #Page { background: url(images/pagewrapper-product.gif) repeat-y; clear: both; }
.productCategory #Page { background: url(images/pagewrapper-product.gif) repeat-y; clear: both; }
/* header */
#Header { width: 977px; background: url(images/header.gif) no-repeat; position: relative; height: 75px; clear: both; }
#Customer { position: absolute; right: 27px; top: 22px; width: 220px; }
#Customer #CustomerLinksHeader { font-size: 12px; font-weight: bold; }
#Customer #customerLinks { list-style-type: none; padding: 0px; margin: 0px; padding-top: 5px; }
#Customer #customerLinks li { background: url("http://www.harris.com/wrapper/css/wrapper/topNavHorDiv.gif") no-repeat scroll left 55% transparent; display: block; padding-right: 5px; padding-left: 5px; float: left; }
#Customer #customerLinks li.first { background: none; padding-left: 0px; }
#Customer #customerLinks li a { color: #CC0000; line-height: 16px; text-decoration: underline; }


#Logo { position: absolute; left: 20px; top: 20px; }
/* search bar */
#SearchBar { position: absolute; left: 736px; top: 30px; }
#SearchBar #SearchText { position: absolute; left: 0px; top: 1px; width: 167px; }
#SearchBar #SearchButton { position: absolute; left: 175px; }
/* home page flash placeholder */
#MainFlash { width: 967px; margin-left: 5px; clear: both; }
/* page bottom endcap */
#PageBottom { width: 977px; height: 17px; clear: both; }
.home #PageBottom { background-image: url(images/pagebottom-home.gif); }
.productList #PageBottom { background: url(images/pagebottom-product.gif) no-repeat; }
.productCategory #PageBottom { background: url(images/pagebottom-product.gif) no-repeat; }
/******************/

/********* Main Navigation Styles **********/
/*reset */
#MainNav { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;background: url("http://www.harris.com/wrapper/css/nav/topNavbg.gif") repeat-x scroll left top #FFFFFF; border-top: 1px solid #CCCCCC; }
#MainNav li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
/*first level*/
#MainNav.vertical { margin-left: 5px; width: 967px; background-color: #dddcda; clear: both; float: left; display: inline; padding-right: 0px; }
#MainNav.vertical li {  text-align: center; background: url(images/nav_hover.jpg) no-repeat; padding-left: 1px; height: 24px; position: relative; float: left; z-index: 2; }
#MainNav.vertical li.first { padding-left: 12px; }
#MainNav.vertical li a { text-decoration: none; color: #000000; padding-left: 18px; padding-right: 18px; margin-left: -1px; height: 16px; line-height: 16px; padding-bottom: 4px; color: #333333; font-size: 11px; padding-top: 3px; z-index: 2; position: relative; background: url("http://www.harris.com/wrapper/css/wrapper/topNavHorDiv.gif") no-repeat scroll left 55% transparent; float: left; display: block;}
#MainNav.vertical li a.selected { font-weight: normal; 
                                  margin-top: 2px; background: #FFFFFF; border-left: solid 1px #999999; border-right: solid 1px #999999; border-top: solid 1px #999999; padding-bottom: 5px; padding-left: 17px; padding-right: 18px; padding-top: 0px; color: #CC0000; margin-right: -1px; z-index: 10; }
#MainNav.vertical li.first a {  background: none; }
#MainNav.vertical li.first a.selected { background:#FFFFFF;}
#MainNav.vertical li.jdm_active { margin-right: -1px; z-index: 10; }
#MainNav.vertical li.jdm_active a {margin-top: 2px; background: #FFFFFF; border-left: solid 1px #999999; border-right: solid 1px #999999; border-top: solid 1px #999999; padding-left: 17px; padding-right: 18px; padding-bottom: 3px; padding-top: 0px; color: #CC0000; z-index: 10;}
#MainNav.vertical li.first a { padding-bottom:5px;}
#MainNav.vertical li.selected { z-index: 3; }
#MainNav.vertical li.first a.selected:hover { background: #FFFFFF; }


#MainNav.vertical li a.home { background-image: none; }
/* second level*/
#MainNav.vertical li ul { text-align: left; display: none; position: absolute; left: 0px; top: 21px; padding: 0px; margin: 0px; border: 1px solid #999999; border-bottom: none; width: auto; background: #FFFFFF url(images/dropdown_bottomborder.gif) repeat-x bottom; list-style-type: none; }
#MainNav.vertical li ul li {  background-color: #FFFFFF;  float: left; clear: left; opacity: 0.95; filter: alpha(opacity=95);
                             padding: 0px; padding-left: 6px; padding-right: 6px; width: 190px; background: none; height: auto; }
#MainNav.vertical li ul li.jdm_active, #MainNav li ul li.jdm_hover { opacity: 1.0; filter: alpha(opacity=100); }
#MainNav.vertical li ul li a { line-height: 13px; padding-left: 5px; text-align: left; font-size: 10px; padding-right: 15px; background-color: #FFFFFF; }
#MainNav.vertical li.jdm_active ul li a { background-image: none; font-weight: normal;line-height: 16px; font-size: 11px; border: none; border-bottom: solid 1px #999999; background: none; padding: 0px; margin: 0px; height: auto; padding-top: 4px; padding-bottom: 4px; display: block; float: none; width: 190px; color: #333333; margin-top: 0px; }
#MainNav.vertical li ul li.hasChildren a { background: #FFFFFF url(images/navHasChildren.gif) no-repeat 150px 2px; }
#MainNav.vertical li.jdm_active a:hover { color: #CC0000; }

/* third level*/
#MainNav.vertical li ul li ul { margin-left: -1px; border-top: 1px solid #B0B0B0; }
#MainNav.vertical li ul li ul li { }
#MainNav.vertical li ul li ul li a { padding-right: 5px; }
#MainNav.vertical li ul li.hasChildren ul li a { background-image: none; }
#MainNav.vertical li ul li.hasChildren ul li.hasChildren a { background: #FFFFFF url(images/navHasChildren.gif) no-repeat 150px 5px; }

* html #MainNav.vertical li ul {  left:-1px;} /* ie6 only */




/******************/

/********* Outer Navigation (Header and Footer) Styles **********/
.outerNavigation { float: right; margin-bottom: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; }
.outerNavigation li { float: left; }
.outerNavigation li a:link, .outerNavigation li a:visited, .outerNavigation li a:active { color: #666666; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; display: block; float: left; padding: 0px 7px 0px 7px; }
.outerNavigation li a:hover { color: #E20304; }
.outerNavigation li a.last { padding-right: 12px; }
/******************/

/*************** New home page styles **************/
.home #Page #PageBottom { background: url(images/pagebottom-home.jpg) no-repeat; }
.home #Page { background: url(images/pagewrapper-home.jpg) repeat-y; }
.home #Page #HomePageSections { padding-left: 5px; font-family:Arial;}
.home #Page #Highlights { width:725px; float:left; padding-left:0px;}
.home #Page #Highlights h2 { padding-left:10px; margin:10px 0px 7px 0px;}
.home #Page #Highlights .homeHighlight { display: block; float: left; width: 213px; height: 198px; padding: 11px; background:url(images/highlight_bg.jpg) no-repeat; margin-left:1px;margin-right:1px; }
.home #Page #Highlights .homeHighlight h3 { line-height:20px; padding-left:5px; padding-right:5px; padding-top:5px;padding-bottom:5px; color: #4d4d4f; margin: 0px; font-size: 18px; font-weight: bold; text-transform: none; font-family: Arial, Sans-Serif;  }
.home #Page #Highlights .homeHighlight p { color: #4d4d4f; padding-left:5px; padding-right:5px; padding-top:3px;padding-bottom:10px; margin: 0px; font-size: 12px; font-weight: normal; text-transform: none; font-family: Arial, Sans-Serif; }
.home #Page #Highlights .homeHighlight:hover h4, .home #Page #Highlights .homeHighlight:hover h3 { color:  #cc0000; }
.home #Page #Highlights .first { width: 218px; }
.home #Page #Featured { float: left; width: 235px;  padding-left: 0px; padding-top:35px; }
.home #Page #Featured a {  display: block; height:70px; padding-top:6px; }
.home #Page #PressReleases { width: 960px; float: left;  padding-left: 15px; }
.home #Page #PressReleases h2 { font-size: 18px; color: #727272; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; margin-bottom:5px; }
.home #Page #HomePageSections h2 { text-transform: uppercase; font-size: 12px; font-weight: bold; padding-top: 10px; color:#666666; }
.home #Page #PressReleases p { float: left; margin: 0px; padding-top: 0px; font-size: 10px; padding-right: 20px; width: 218px; }
.home #Page #PressReleases a { font-weight: bold; font-size: 10px; }
.home #Page #PressReleases a.more { float: right; width: 137px; padding-top: 5px; }
.home #Page #Events { float: left; width: 229px;padding-left: 6px; font-size: 10px; }
.home #Page #Events p { font-size: 10px; padding-top: 3px; padding-left: 6px; }
.home #Page #Events a { font-size: 12px; font-weight: bold; }
.home #Page #Events a.more { width: 100px; font-size: 10px; padding-top: 10px; }
.home #Page #Events img { float: left; padding-right: 10px; padding-left: 0px; padding-bottom: 10px; }
/******************/

/********* Interior Page Subnavigation **********/
#Sidebar { float: left; width: 165px; margin-left: 5px; display: inline; }
/* display:inline fixes IE bug */
#SubNav { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; margin-bottom: 10px; }
#SubNav li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: solid 1px #e2e2e2; padding-left: 8px; line-height: 12px; padding-right: 7px; padding-top: 3px; padding-bottom: 4px; }
#SubNav a { font-size: 10px; color: #666666; }
#SubNav a:hover, #SubNav a.selected { color: #E20304; }
#SubNav li ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; margin-left: 0px; }
#SubNav li ul li { background: url(images/bullet.jpg) no-repeat 0px 8px; line-height: 11px; padding-left: 7px; border: none; }
#SubNav li ul li a { font-size: 9px; }
#Sidebar img { margin-left: 9px; }
/******************/

/********* Interior Page Content - includes everything to right of subnavigation **********/
#ContentSpacer { height: 14px; width: 967px; background-color: #FFFFFF; float: left; margin-left: 5px; display: inline; font-size: 1px; line-height: 1px; }
/* display:inline fixes IE bug */

#Content { float: left; width: 802px; display: inline; padding-left: 1px; position: relative; border-top: solid 1px #e2e2e2; }
#Content h1 { margin: 0px 0px 0px 0px; }
#Content h1.blockHeader { padding-left: 17px; width: 785px; background: #0f43a8; color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; }
#Content h1.familyHeader { font-size: 24px; height: 39px; padding-top: 40px; padding-bottom: 47px; font-weight: bold; }
#Content h1.directoryHeader { font-size: 23px; font-weight: bold; padding-top: 40px; padding-bottom: 12px; height: 34px; }
#Content h2.categoryHeader { position: absolute; margin: 0px; left: 17px; top: 13px; font-size: 16px; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; }
#Content h1.pageHeaderImage { background: no-repeat left top url("/media/page_header_productsolutions_notext_25-4169.jpg"); }
#Content #Breadcrumbs { padding: 0px; position: absolute; margin: 0px; left: 17px; top: 13px; font-size: 16px; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; }
#Content #Breadcrumbs li { display: inline; padding-right: 5px; }
#Content #Breadcrumbs li a, #Content #Breadcrumbs li a:visited { font-size: 16px; color: #ffffff; }
#Content #Breadcrumbs li a:hover { color: #E2EFFF; }
/*#Content a { color: #225DB7; }
#Content a:visited { color: #608FD6; }
#Content a:hover { color: #6699FF; }*/
#Content a { color: #333333; }
#Content a:visited { color: #333333; }
#Content a:hover { color: #cc0000; text-decoration:underline; }
a.moreLink, a:visited.moreLink {color:#cc0000 !important; }
a:hover.moreLink {color:#cc0000; text-decoration:underline !important; }
.resellerContent a { color: #333333 !important; font-size:12px !important; }
.resellerContent a:hover { color: #cc0000 !important; font-size:12px !important; }
.productList #Content p.intro { margin-top: 0px; padding-top: 25px; }
.productCategory #Content p.intro { margin-top: 0px; padding-top: 10px; }
#Content h2.categoryHeader a { font-size: 16px; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; }
#Content h2.categoryHeader a:hover { color: #ffffff; }
#Content h2.categoryHeader a:visited { color: #B0CCE2; }
/******************/

/********* Interior Page Main Content **********/
#ContentLeft { position: relative; width: 607px; float: left; }
#ContentLeft #Breadcrumbs { left: auto; font-weight: normal; font-family: Verdana,Arial,Helvetica, Sans-Serif; position: absolute; list-style-type: none; right: 11px; top: 11px; color: #666666; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 11px; line-height: 12px; padding-left: 17px; }
#ContentLeft #Breadcrumbs li { display: inline; font-size: 9px; padding: 0px 5px 0px 0px; }
#ContentLeft #Breadcrumbs li a, #ContentLeft #Breadcrumbs li a:visited { font-size: 9px; color: #608FD6; }
#ContentLeft #Breadcrumbs li a:hover { color: #6699FF; }
#ContentLeft .titleImage { float: right; padding-top: 18px; }
#ContentLeft h1 { color: #000000; font-size: 25px; font-weight: bold; font-family: Arial, Helvetica, Verdana, Sans-Serif; line-height: 37px; margin-top: 13px; }
#ContentLeft h2 { margin: 2px 0px 0px 0px; font-size: 16px; font-weight: bold; }
#ContentLeft h2.categoryHead { margin-bottom: 20px; }
#ContentLeft h3 { font-family: Arial, Helvetica, Sans-Serif; }
#ContentLeft h3 a { color:#333333; }
#ContentLeft h4 { margin-top: 15px; }
#ContentLeft h5.intro { margin-top: 0px; padding-top: 15px; }
#ContentLeft h6 { margin-bottom: 12px; }
#ContentLeft .contentBanner { width: 607px; position: relative; }
#ContentLeft .contentBanner h1 { position: absolute; left: 17px; color: #FFFFFF; margin: 0px; top: 40px; font-size: 24px; line-height: 26px; }
#ContentLeft .contentBanner h2 { position: absolute; left: 17px; color: #ffffff; top: 7px; font-size: 16px; font-weight: bold; }
#ContentLeft .contentBanner h2 a, #ContentLeft .contentBanner h2 a:visited { color: #ffffff; font-size: 16px; }
#ContentLeft .contentBanner h2 a:hover { color: #ffffff; }
#ContentLeft .contentBanner #Breadcrumbs { line-height: 18px; padding: 0px; position: absolute; margin: 0px; left: 17px; top: 13px; font-size: 16px; color: #ffffff; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; height: 18px; }
#ContentLeft .contentBanner #Breadcrumbs li { display: inline; padding-right: 5px; padding-left: 0px; font-size: 16px; height: 18px; }
#ContentLeft .contentBanner #Breadcrumbs li a, #ContentLeft .contentBanner #Breadcrumbs li a:visited { font-size: 16px; color: #ffffff; height: 18px; }
#ContentLeft .contentBanner #Breadcrumbs li a:hover { color: #ffffff; }
#ContentLeft .contentBlock { padding-right: 17px; padding-left: 17px; width: 573px; padding-top: 5px; margin-top: 10px; clear: both; }
#ContentLeft .contentBlock p { margin-top: 0px; }
#ContentLeft .first { padding-top: 58px; }
#ContentLeft .first h2 { margin-bottom: 10px; }
#ContentLeft p { line-height: 17px; }
#ContentLeft ul { line-height: 17px; }
#ContentLeft img.logo { float: right; }
#ContentLeft .category img { padding-top: 8px; padding-right: 20px; padding-bottom: 10px; }
#ContentLeft .product img { padding-right: 33px; padding-left: 0px; padding-top: 8px; padding-bottom: 10px; }
#ContentLeft .product p, #ContentLeft .category p { padding-bottom: 10px; }
#ContentLeft a.bulletLinks { FONT-FAMILY: Verdana; COLOR: #ff0000; FONT-SIZE: 14px; }

/******************/

/********* Content Subsection **********/
#ContentLeft .subSection { float: left; clear: both; width: 100%; border-bottom: solid 1px #B0B0B0; display: inline; margin-bottom: 7px; margin-top: 10px; }
#ContentLeft .subSection h3 { border-bottom: none; width: 100%; padding-bottom: 2px; margin: 0px 0px 0px 0px; }
#ContentLeft .subSection img { float: left; }
#ContentLeft .subSection p { margin-top: 5px; line-height: 18px; }
#ContentLeft .subSection ul { display: block; float: left; }
#ContentLeft .subSection h2 { color: #333333; font-size: 16px; font-weight: bold; padding-bottom: 6px; }
#ContentLeft .subSection table.productTable { margin-bottom: -1px; text-align: left; width: 100%; line-height: 13px; }
#ContentLeft .subSection table.productTable td { padding: 3px 0px 3px 0px; border-bottom: solid 1px #e2e2e2; vertical-align: top; font-size: 11px; }
#ContentLeft .subSection table.productTable th { border-bottom: solid 1px #e2e2e2; vertical-align: top; width: 190px; padding: 3px 5px 3px 0px; text-align: left; }
#ContentLeft .subSection table.caseStudies th, .caseStudies td { line-height: 20px; }
#ContentLeft .subSection table.caseStudies th { width: 215px; }
#ContentLeft .awards p { width: 350px; float: right; }
/******************/

/********* Case Study **********/
#ContentLeft .caseStudy { padding-bottom: 5px; }
#ContentLeft .caseStudy img { padding-right: 15px; padding-top: 3px; padding-bottom: 30px; float: left; }
#ContentLeft .caseStudy h3 { font-size: 16px; width: auto; }
#ContentLeft .caseStudy p { margin-bottom: 0px; margin-top: 0px; }
#ContentLeft .caseStudy p.featuredProducts { font-size: 10px; margin-bottom: 3px; }
/******************/

/********* Product Index List **********/
/* product finder search box */
#ContentLeft .productFinder { width: 400px; height: 41px; position: relative; background: url(images/GradientFrame.gif); margin-left: 71px; margin-top: 8px; margin-bottom: 15px; }
#ContentLeft .productFinder .gradientLabel { position: absolute; color: #404080; right: 288px; top: 14px; font-weight: bold; text-transform: uppercase; font-size: 10px; }
#ContentLeft .productFinder .searchBox { position: absolute; left: 116px; width: 190px; top: 11px; }
#ContentLeft .productFinder .searchButton { position: absolute; left: 314px; top: 11px; border-color: #FFFFFF #C0C0C0 #C0C0C0 #FFFFFF; height: 20px; font-weight: bold; font-size: 10px; border-width: 1px; }
/* default style of product list - by category */
#ContentLeft .categoryColumn { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; width: 180px; padding-left: 17px; float: left; padding-top: 30px; }
#ContentLeft .categoryColumn li { margin-bottom: 14px; }
#ContentLeft .categoryColumn li a { font-size: 13px; font-weight: bold; line-height: 14px; }
#ContentLeft .categoryColumn li ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; }
#ContentLeft .categoryColumn li ul li { padding-left: 5px; margin-bottom: 0px; line-height: 10px; }
#ContentLeft .categoryColumn li ul li a { font-size: 10px; font-weight: normal; margin-top: 0px; }
#ContentLeft .categoryColumnPS { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; width: 180px; padding-left: 17px; float: left; padding-top: 30px; }
#ContentLeft .categoryColumnPS li { margin-bottom: 14px; }
#ContentLeft .categoryColumnPS li a { color:#333333; font-size: 13px; font-weight: bold; line-height: 14px; }
#ContentLeft .categoryColumnPS li a:hover { color:#cc0000; text-decoration:underline; font-size: 13px; font-weight: bold; line-height: 14px; }
#ContentLeft .categoryColumnPS li ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; }
#ContentLeft .categoryColumnPS li ul li { padding-left: 5px; margin-bottom: 0px; line-height: 10px; }
#ContentLeft .categoryColumnPS li ul li a { color:#333333; font-size: 10px; font-weight: normal; margin-top: 0px; }
#ContentLeft .categoryColumnPS li ul li a:hover { color:#cc0000; text-decoration:underline; font-size: 10px; font-weight: normal; margin-top: 0px; }
/* alphabetical style */
#ContentLeft .alphabeticalPS li { width: 180px; background-color: #bbbbbb; text-align: center; color: #000000; display: block; line-height: 18px; }
#ContentLeft .alphabeticalPS li a { color: #333333; display: block; line-height: 18px; }
#ContentLeft .alphabeticalPS li a:hover { color: #cc0000; text-decoration:underline; display: block; line-height: 18px; }
#ContentLeft .alphabeticalPS li ul { padding-top: 5px; background-color: #FFFFFF; }
#ContentLeft .alphabeticalPS li ul li { text-align: left; width: 175px; background-color: #FFFFFF; }
#ContentLeft .alphabeticalPS li ul li a { color: #333333; font-size: 11px; line-height: 13px; }
#ContentLeft .alphabeticalPS li ul li a:hover { color: #cc0000; text-decoration:underline; font-size: 11px; line-height: 13px; }
/******************/

/********* Tab Styles **********/
#ContentLeft .tabs { float: left; clear: both; width: 607px; margin-top: 4px; }
/* tab control styles */
#ContentLeft .tabs .tabControl { height: 41px; width: 571px; background: url(images/tabs-bg.jpg) repeat-x 0px 0px; margin-left: 16px; }
#ContentLeft .tabs .tabControl h4 { margin-top: 0px; float: left; padding-left: 10px; height: 20px; padding-top: 20px; line-height: 20px; font-size: 11px; font-weight: bold; color: #000000; float: left; padding-right: 24px; text-transform: none; }
#ContentLeft .tabs .tabControl ul { line-height: 13px; float: left; height: 41px; list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#ContentLeft .tabs .tabControl ul li { display: block; float: left; background: url(images/tab-off-bg.jpg) repeat-x; position: relative; height: 18px; border-left: none; border-top: solid 1px #ffffff; border-right: none; padding-bottom: 1px; padding-left: 10px; padding-right: 11px; padding-top: 21px; }
#ContentLeft .tabs .tabControl ul li.twoLine { padding-top: 8px; height: 31px; }
#ContentLeft .tabs .tabControl ul li.on { background: url(images/tab-on-bg.jpg) repeat-x; border-left: solid 1px #e2e2e2; border-top: solid 1px #e2e2e2; border-right: solid 1px #e2e2e2; border-bottom: solid 1px #ffffff; padding-left: 9px; padding-right: 10px; }
#ContentLeft .tabs .tabControl ul li a { display: block; text-transform: uppercase; color: #7f7f7f; font-family: Arial,Helvetica,Sans-Serif; }
#ContentLeft .tabs .tabControl ul li.on a { color: #000000; }
#ContentLeft .tabs .tabSection { display: none; float: left; clear: both; }
#ContentLeft .tabs .on { display: block; }
#ContentLeft .tabs h3.tabTitle { padding-left: 17px; font-size: 14px; color: #999999; font-weight: bold; text-transform: uppercase; padding-bottom: 8px; margin: 0px; padding-top: 18px; }
#ContentLeft .tabs .contentBlock h3.tabTitle { padding-left: 0px; padding-top: 3px; }
#ContentLeft .tabs p.disclaimer { font-size: 10px; }
/******************/

/********* List of Logos to appear in content **********/
#ContentLeft .logoList { float: right; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#ContentLeft .logoList li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline; }
/******************/

/********* Features on right side **********/
#ContentRight { float: right; width: 178px; padding-left: 17px; padding-top: 15px; }
#ContentRight .feature { width: 156px; background-color: #FFFFFF; margin-bottom: 18px; margin-left: 3px; }
#ContentRight h3 { color: #000000; margin-top: 16px; margin-bottom: 11px; }
#ContentRight .feature h4 { background: url(images/widget-header.png) no-repeat; text-transform: uppercase; font-size: 11px; color: #FFFFFF; padding-left: 7px; height: 18px; line-height: 18px; }
#ContentRight .feature h5 { background: url(images/feature-subhead.jpg) repeat-y; text-transform: uppercase; font-size: 10px; color: #333333; padding-left: 7px; height: 18px; line-height: 18px; margin: 0px 0px 0px 0px; }
#ContentRight .feature p { padding: 0px 3px 0px 7px; display: block; margin: 0px 0px 0px 0px; font-size: 9px; margin-top: 5px; margin-bottom: 5px; clear: right; }
#ContentRight .feature span { font-size: 9px; }
#ContentRight .feature a { color:#333333; font-size: 9px; padding-right: 3px; }
/* padding-right:3px ensures that things wrap correctly but there is space between the <a> tag and the ">" or "(pdf)" */
#ContentRight .feature a.image { font-size: 0px; }
#ContentRight .feature .pageTool { float: left; clear: both; width: 150px; }
#ContentRight .feature .pageTool .toolImage { padding-left: 5px; pading-top: 3px; float: left; clear: none; }
#ContentRight .feature .pageTool p { clear: none; }
#ContentRight .feature .seperator { margin: 0px 7px 0px 7px; background-color: #E2E2E2; width: 138px; }
#ContentRight .featureBottom { background: url(images/feature-bottom.jpg) no-repeat; height: 12px; width: 156px; line-height: 1px; font-size: 1px; clear: both; }
#ContentRight .productIndexMenu { width: 146px; overflow: auto; height: 110px; padding: 0px 5px 0px 5px; margin-top: 5px; }
#ContentRight .productIndexMenu a { font-size: 11px; }
#ContentRight .feature .headlines { padding: 0px 7px 0px 7px; }
#ContentRight .feature .headlines p, #ContentRight .feature .headlines span { padding: 5px 0px 5px 0px; border-bottom: solid 1px #E2E2E2; margin: 0px; }
#ContentRight .feature .headlines p span { padding: 0px 0px 0px 0px; border: none; margin: 0px; }
/******************/

/*********** Contact Table Style **********/
#ContentLeft .subSection table.contactTable th { line-height: 14px; }
#ContentLeft .subSection table.contactTable td { padding-bottom: 5px; line-height: 14px; }
#ContentLeft .subSection table.contactTable th.region { padding-left: 50px; border-bottom: none; text-transform: uppercase; }
#ContentLeft .noBorder { border: none; border-bottom: none; }
#ContentLeft .subSection table.productTable th.noBorder, #ContentLeft .subSection table.productTable td.noBorder, #ContentLeft .subSection h3.noBorder { border: none; border-bottom: none; }
/******************/

/************ Content Feature Styles *************/
#ContentLeft .contentFeature { clear: both; width: 540px; background-color: #f0f0f0; margin-top: 18px; float: left; margin-left: 0px; padding-bottom: 5px; display: inline; }
#ContentLeft .contentFeature h6 { background: url(images/contentfeature-top.gif) repeat-x; text-transform: uppercase; font-size: 11px; color: #000000; padding-left: 15px; height: 18px; line-height: 18px; margin-bottom: 3px; margin-top: 0px; }
/******************/

/********* Content Contacts List **********/
#ContentLeft ul.contacts { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 10px; color: #333333; padding-left: 15px; }
#ContentLeft ul.contacts a { color:#333333; font-size: 10px; }
#ContentLeft ul.contacts a:hover { color:#e20304; }
#ContentLeft ul.contacts li { display: inline; border-left: solid 1px #000000; padding-right: 5px; padding-left: 5px; line-height: 20px; height: 11px; }
#ContentLeft ul.contacts li.first { display: inline; border: none; padding-left: 0px; padding-top: 0px; }
#ContentLeft ul.red { color: #6699FF; }
/* Awful CSS class name - don't know what I was thinking - but of course it needed to be changed so "red" is actually a blue color */
.pdfContacts { display: none; }
/******************/


/*************** Ad page styles ***************/
.adPage #Page { background: url(images/adpagewrapper.gif) repeat-y; clear: both; }
.adPage #PageBottom { background: url(images/pagebottom-product.gif) no-repeat; }
.adPage #Content { width: 971px; }
.adPage #ContentLeft { padding-left: 3px; width: 775px; }
.adPage #ContentLeft .contentBlock { width: 740px; }
.adPage #ContentLeft .contentBanner { width: 775px; }
.adPage #ContentRight { width: 176px; }
/******************/

/*************** page tool styles **********/
#ContentLeft .pageTool { position: absolute; right: 15px; top: 32px; border: solid 1px #cccccc; padding: 1px; padding-left: 3px; padding-right: 3px; background: url(images/pdfbutton.gif) repeat-x 0px -1px; }
#ContentLeft .pageTool a { font-size: 9px; font-weight: normal; }
#ContentLeft .caseStudy .pageTool { position: relative; top: auto; right: auto; float: left; margin-bottom: 5px; }
#ContentLeft .caseStudy .pageTool img { padding: 0px; }
#ContentLeft .caseStudy .pageTool a { font-size: 9px; font-weight: normal; line-height: 15px; }
/***********************/







#AssuredCommunications { float: left; padding: 7px; padding-left: 8px; }

