/* Main Styles */
body {
    margin: 0px;
    background-color: #ffffff;
    font-family: verdana, sans-serif;
    font-size: 11px;

    color: #444444;
}
td {
    font-family: verdana, sans-serif;
    color: #444444;
}
span, a {
    font-family: verdana, sans-serif
}
a, a:visited {
    color: #4C6FAA;
}
a:hover {
    color: #BD1933;
}
/* Funky Header styles */
h1 {
    color:#8DA3B1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CECCCC;
    font-size: 16px;
    font-weight: bold;
    font-family:arial;
    margin: 0;
}
h2 {
    font-size: 12px;
    color: #444444;
    font-weight: bold;
    background-image: url('../content/dotted_shim.gif');
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 1px;
    margin: 0;
}
h3 {
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
}
h4 {
    color: #007AB5;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
}
/* Text styles */
div.header {
    color:#8DA3B1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #EEEEEE;
    font-size: 16px;
    font-weight: bold;
    font-family:arial;
    margin: 0;
}
.subHeader {
    font-size: 12px;
    color: #444444;
    font-weight: bold;
}
.text {
    font-family: verdana, sans-serif;
    color: #444444;
    font-size: 11px;
    font-weight: normal;
}
.textBoldRed, .textBoldRed:visited {
    color: #BD1933;
    font-size: 11px;
    font-weight:bold;
    text-decoration: none;
}
.textBold {
    color: #444444;
    font-size: 11px;
    font-weight:bold;
    text-decoration: none;
}
.largeTextBold {
    color: #444444;
    font-size: medium;
    font-weight:bold;
    text-decoration: none;
}
a.textBold, a.textBold:visited {
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
a.textBold:hover {
    color: red;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.subText {
    font-family: verdana, sans-serif;
    /* color:#444444; */
    font-size: x-small;
}
a.subText, a.subText:visited {
    font-family: verdana, sans-serif;
    font-size: x-small;
    color: #4C6FAA;
    text-decoration: none;
}
a.subText:hover {
    color: red;
    font-family: verdana, sans-serif;
    font-size: x-small;
    text-decoration: none;
}
a.subLink, a.subLink:visited {
    font-size:10px;
    font-family:verdana, sans-serif;
    color: #4769A0;
    text-decoration: none;
}
a.subLink:hover {
    font-size:10px;
    font-family:verdana, sans-serif;
    color: #BD1933;
    text-decoration: none;
}
.textPop {
    color:#B20000;
    font-size: 11px;
}
input.linkStyle {
    border:0;
    margin:0;
    padding:0;
    background-color:transparent;
    font-family:verdana, sans-serif;
    font-size:11px;
    font-weight:bold;
    text-decoration:underline;
    color:#4c6faa;
    cursor: pointer;
}
/* Dividers */
.subHeaderUnderline {
    width:100%;
    height:1px;
    background-image: url('../content/dotted_shim.gif');
}
.verticalDivider {
    width:1px;
    height:100%;
    background-image: url('../content/dotted_vert2.gif');
    background-repeat: repeat-y;
}
/* Lists */
ul.arrow_list {
    list-style-image: url('../content/red_arrow2.gif');
}
ul.arrow_list li {
    margin: 5px 0px 5px 0px;
}
/* Search result styles */
.linelistmfrname {
    font-size: 11px;
    color: #666666;
    font-weight: bold
}
td.oddrow {
    background-color: #F3F3F3;
    padding: 5px
}
td.evenrow {
    background-color: #FDFDFD;
    padding: 5px
}
img.prodimg {
    border: 1px solid #C0C0C0
}
td.compareOuter {
    background: url('../content/resrc_sections_bkgrd2.gif');
    border-right-width: 1px; border-right-style: solid; border-right-color: #C4C4C4;
    border-left-width: 1px; border-left-style: solid; border-left-color: #c4c4c4;
}
td.compareTitle {
    border-top-width: 1px; border-top-style: solid; border-top-color: #C4C4C4;
    border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C4C4C4;
    padding-top: 3px; padding-bottom: 3px; padding-left: 2px; padding-right: 2px;
    background: url('../content/resrc_title_bkgrd.gif');
}
td.compareSection {
    border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E2DBCE;
    background: url('../content/resrc_sections_bkgrd2.gif');
}
a.crumb, a.crumb:visited  {
    font-family: verdana, sans-serif;
    color:#1a348f;
    font-size: 11px;
    font-weight: bold;
}
a.crumb:hover {
    color:#BD1933;
    font-size: 11px;
}
/* Price styles */
.currency {
    font-size: 10px;
    font-style: italic;
}
.linelistprice {
    color: #CC0000;
    font-size: 11px;
    font-weight: bold
}
.featureprice {
    color: #CC0000;
    font-size: 13px;
    font-weight: bold
}
.linelistvatprice {
    color: #444444;
    font-size: 11px;
    font-weight: bold
}
a.leasePrice,
a:visited.leasePrice,
.leasePrice a,
.leasePrice a:visited,
span.leasePrice {
    color: #ff9900;
    text-decoration: none;
}
a.leasePrice:hover,
.leasePrice a:hover {
    color: #BD1933;
    text-decoration: underline;
}
td.blue-background {
    background-color: #6B9ABD;
}
/* Menu Styles */
.nav_header {
    background-color: #6E9BB8;
    color: white;
    font-family: verdana, sans-serif;
    font-size: 11px;
    white-space: nowrap;
}
.crumb,
.nav_body {
    background-color: #F5F5F5;
    color: black;
    font-family: verdana, sans-serif;
    font-size: 11px;
    padding: 2px;
}
.subnav_header {
    background-color: #C35757;
    color: white;
    font-family: verdana, sans-serif;
    font-size: 11px;
    white-space: nowrap;
}
.subnav_body {
    background-color: #FAFAFA;
    color: black;
    font-family: verdana, sans-serif;
    font-size: 11px;
    padding: 2px;
}
a.nav_link, a.nav_link:visited {
    font-family: verdana, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: black;
}
a.nav_link:hover {
    font-family: verdana, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: red;
}
.resrcTitle {
    font-size: 11px;
    color: #666666;
    font-weight: bold;
}
a.resrcLinkMain, a.resrcLinkMain:visited {
    color:#222222;
    font-size: x-small;
    text-decoration: none;
}
a.resrcLinkMain:hover {
    color:#BD1933;
    font-size: x-small;
    text-decoration: underline;
}
a.prodCat, a.prodCat:visited {
    color:#000000;
    font-size: 11px;
    text-decoration: none;
}
a.prodCat:hover {
    color:#BD1933;
    font-size: 11px;
    text-decoration: underline;
}
td.canvas {
    background: #fafafa;
}
/* menus */
div.menu,
div.menu a.menuItem {
    font-family: Verdana,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}
div.menu {
    background-color: #D2C8BD;
    left: 0px;
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 101;
    -moz-opacity:.93; opacity:.93;
}
div.menu a.menuItem {
    color: black;
    cursor: pointer;
    display: block;
    padding: 3px 1em;
    text-decoration: none;
    white-space: nowrap;
}
div.menu a.menuItem:hover,
div.menu a.menuItemHighlight {
    background-color: #959595;
    color: white;
}
div.menu a.menuItem span.menuItemText {
}
div.menu a.menuItem span.menuItemArrow {
    margin-right: -.75em;
}
div.menu a.menuItemHighlight span.menuItemArrow {
    color: #CC0000;
}
div.menu div.menuItemSep {
    border: 1px inset #9A9999;
    margin: 4px 2px;
}

div.menu div.menu-breaker {
    border-top: solid 1px #959595;
    border-bottom: solid 1px #EBE6E1;
    margin: 4px 2px;
}

td.topmenu-border {
    border-left: solid 1px #ACA59B;
}

/* Header Styles */
.quickSearch, a.quickSearch:visited {
    font-size: x-small;
    font-family:verdana, sans-serif;
    color: #efefef;
    text-decoration: none;
}
a.quickSearch:hover {
    font-size: x-small;
    font-family:verdana, sans-serif;
    color: #FCAF17;
}
a.visiLink, a.visiLink:visited {
    color:#FCAF17;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
a.visiLink:hover {
    color:#FFDD00;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
.visiLink {
    color:#FCAF17;
    font-size: 11px;
    font-weight: bold;
}
.visiText {
    color:#efefef;
    font-size: 11px;
}

div#visiOrder {
    background-color: #E2DCD1;
}

span.visiOrder {
    color:#BD1933;
    font-size: x-small;
    font-weight: bold;
}

a.visiOrder, a.visiOrder:visited {
    color:#BD1933;
    font-size: x-small;
    font-weight: bold;
    text-decoration: none;
}
a.visiOrder:hover {
    color:#479E9E;
    font-size: x-small;
    font-weight: bold;
    text-decoration:
    underline;
}
.print_header {
    display: none;
}
/* Footer Styles */
.footer {
    font-family: Verdana, sans-serif;
    color:#888888;
    font-size: 10px
}
a.footerLink, a.footerLink:visited {
    font-family: Verdana, sans-serif;
    color:#888888;
    font-size: 10px;
    text-decoration: none;
}
a.footerLink:hover {
    font-family: Verdana, sans-serif;
    color:#BD1933;
    font-size: 10px;
    text-decoration: none;
}

.footer_text_colour {
    color: #FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:left;
}

.footer_text_colour a,
.footer_text_colour a:visited {
    text-decoration:none;
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#ffffff;
}

.footer_text_colour a:hover {
    text-decoration:underline;
    color:#ffffff;
}

.footer_top_bold {
    color: #000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-align:left;
    font-weight:bold;
}

.footer_accreditations {
    width: 500px;
    position: relative;
    margin: 0 auto 0 auto;
    clear: both;
}

.footer_accreditations_verisign a {
    color: #000000;
    text-decoration: none;
    font: bold 7px verdana,sans-serif;
    letter-spacing:.5px;
    text-align:center;
}

/* Error / Table Styles */
div.errorMsg {
    font-family:verdana, sans-serif; font-size:11px; font-weight: normal; color:#BD1933;
    width: 420px; background-color:#f5f5f5; text-align: left;
    border-width:3px; border-style: double; border-color:#BD1933; padding:9px;
}

table.table {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
}

td.tableHeader {
    border-right: 1px solid #47575F;
    border-bottom: 1px solid  #526471;
    padding: 5px 5px 5px 5px;
    background-color:#A6B9C5;
}

td.tableHeader a,
td.tableHeader a:visited {
    color: #444444;
}

td.tableContent {
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid  #D6D6D6;
    border-left: 1px solid  #e9e9e9;
    border-top: 1px solid  #e9e9e9;
    padding: 5px 5px 5px 5px;
    background-color:#F5F1EA;
}
td.tableInfo {
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid  #EAE9E9;
    border-left: 1px solid  #efefef;
    border-top: 1px solid  #efefef;
    padding: 5px 5px 5px 5px;
    background-color:#f7f7f7;
}
td.altCell {
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid  #EAE9E9;
    border-left: 1px solid  #efefef;
    border-top: 1px solid  #efefef;
    padding: 5px 5px 5px 5px;
    background-color:#f0f0f0;
}
td.warning {
    padding: 5px 5px 5px 5px;
    border: 2px solid #F6CB6F;
    background-color: #FFD88D;
}
td.clearCell {
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid  #EAE9E9;
    border-left: 1px solid  #efefef;
    border-top: 1px solid  #efefef;
    padding: 5px 5px 5px 5px;
    background-color:#ffffff;
}
td.orangebk {
    background-color: #F0BC34;
}
td.homepageright {
    background-color: #F5F5F5;
}
/* PPP Specific Styles */
table.product td.sectionheader,
td.sectionheader td.sectionheader {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    padding-top: 0px;
    border-bottom: none;
}
table.specs td.sectionheader {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    padding-top: 2em;
    border-bottom: 1px solid #999999;
}
td.hrdark {
    background-color: #999999;
}

span.prodpresrebateprice {
    color: #003366; font-size: 1.6em; font-weight: bold
}
span.mainrebateprice {
    color: #444444; font-size: 1.4em; font-weight: bold
}
span.mainrebatevatprice {
    color: #444444; font-size: 1.4em; font-weight: bold
}
td.prodpresrebateprice {
    color: #666666
}
.addToOrderCell {
    padding:10px;
    background-color:#FFFFFF;
    border-right: 2px solid #EBEBEB;
    border-bottom: 2px solid  #EBEBEB;
}

.pppTabUnderline{
    border-bottom: 1px solid  #EBEBEB;
}

.pppDivContent{
    background-color: #F5F5F5;
    padding: 10px;
    border-bottom: 1px solid  #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
}
.pppTableData{
    border-right: 2px solid #EBEBEB;
    border-bottom: 2px solid #EBEBEB;
}

.pppUlBulletPoints{
    list-style-type:none;
    margin:0;
    padding:0;
}

.pppLiBulletPoints{
    background-image:url('../content/ppp_bullet_arrow.gif');
    background-position:0 3px;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}

/* Calendar Style */
div.droptool {
    position:absolute;
    visibility:hidden;
    z-index:99;
}


td.productGroupHolder {
  background-color: #F5F1EA;

}

td.categoryHeader {
  background-color: #ece5d9;
}


table#customer-documents-list img {
    border: none;
}

table#customer-documents-list td.file-item {
    padding: 1em;
    padding-right: 2em;
    border-bottom: dotted 1px #A6B9C5;
}

a.compliance-link img {
    border: none;
}

div.info2HighlightBox {
    text-align: left;
    border: 1px dotted #CCCCCC;
    padding: 4px;
    background-color: #E6ECF2;
}

a.category-link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
}

/* Solutions styles */

.solution-nav-header {
    line-height: 23px;
    font-weight: bold;
    font-family: verdana;
    padding-left: 20px;
    width: 175px;
    background-color: #707070;
    height: 55px;
    color: #FFFFFF;
    font-size: 18px;
}

.solution-nav-header-2 {
    line-height: 23px;
    font-weight: bold;
    font-family: verdana;
    padding-left: 20px;
    width: 175px;
    background-color: #707070;
    height: 25px;
    color: #FFFFFF;
    font-size: 11px;
}

.solution-nav-header-3 {
    line-height: 23px;
    font-weight: bold;
    font-family: verdana;
    padding-left: 20px;
    width: 175px;
    background-color: #BB0000;
    height: 25px;
    color: #FFFFFF;
    font-size: 11px;
}

.solution-nav-row {
    line-height: 23px;
    font-family: verdana;
    font-size: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #FFFFFF;
    width: 175px;
    background-color: #d1d3d4;
    font-weight: bold;
}

.solution-nav-row a:link {
    text-decoration: none;
    color: #0070b2;
}
.solution-nav-row a:visited {
    text-decoration: none;
    color: #007077;
}
.solution-nav-row a:hover {
    text-decoration: none;
    color: #b51111;
}

.solution-nav-row a:active {
    text-decoration: none;
    color: #0070b2;
}

.solution-nav-spacer {;
    width: 175px;
    background-color: #FFFFFF;
    height: 2px;
    font-size: 1px;
}

/* End of Solutions styles */

/* GLM Styles  */

.glm_visisite
{
    width:260px;
    padding: 10px ;
    background-color: #FFFFFF;
    border: 2px solid #666666;
}

.glm_selector
{
    background-color: #FFFFFF;
}

.glm_sites
{
    width:230px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5F5F5;
    border: 2px solid #999999;
}

.glm_sites hr
{
    border-bottom: 2px solid #999999;
    border-top:0;
}

/* End of GLM Styles */

.modal_panel
{
    position: absolute;
    display: none;
    z-index: 100;
}

.modal_panel_container
{
    background-color: white;
    overflow: scroll;
    overflow-x: hidden;
}

.blackout
{
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: black;
    opacity:.50;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    display: none;
    z-index: 50;
}

/* Speech Bubble pop-up styles */
.bubble
{
    position: absolute;
    display: none;
    left: 150px;
    top: 150px;
    width: 200px;
    height: 120px;
    z-index: 40;
}

.bubble_element
{
    display: inline-block;
    float: left;
}

.bubble_top
{
    width: 170px;
    height: 14px;
    border-top: 1px solid black;
    background-color: #ffffff;
}

.bubble_middle
{
    width: 198px;
    height: 90px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    background-color: #ffffff;
}

.bubble_bottom
{
    width: 170px;
    height: 14px;
    border-bottom: 1px solid black;
    background-color:#ffffff;
}

.bubble_content
{
    display: inline-block;
    position: relative;
    top: -113px;
    left: -2px; /* Note: Needs to be (7 - width of pointer image) */
    width: 186px;
    height: 106px;
    overflow: hidden;
}

.bubble_pointer
{
    position: relative;
    top: -1px;
    left: 20px;
}
{/literal}
