/* There are some layout features included in this document.  Each line applying to each one
  is marked as follows (in case you need to remove them).  When changing the value of properties marked 
  with these tags you should leave the original value in a comment so changes can be easily scanned.
  
      [cfw] Centred fixed width page
*/


/*****************************************************************************************
 *            Imports
 ****************************************************************************************/
/* content styling */
/*****************************************************************************************
 *             Content styles for standard (X)HTML elements
 ****************************************************************************************/
/* start from a clean slate */
* {
    margin: 0;
    padding: 0;
}
/************************
 * HEADINGS
 ************************/
 
h1 {
    font-size: 2.5em;
    font-weight: normal;
    padding: 0;
    margin: 0;
    line-height: 1.2;
    color: #13404b;
}
h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 1em 0 0.5em 0;
    color: #13404b;
}
h2 a {
}
h3 {
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0 0.5em 0;
    color: #0053a0;
}
h3 a {
}
h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0 0.67em 0;
    color: #0053a0;
}
h4 a {
}
h5 {
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0 0.67em 0;
    color: #0053a0;
}
h5 a {
}

h6 {
    font-size: 1em;
    font-weight: normal;
    margin: 1.33em 0 0.67em 0;
    color: #0053a0;
}

/************************
 * BODY TEXT BLOCK ELEMENTS
 ************************/
p {
    line-height: 1.5; /*Adjust this property for optimum readability. Remeber - wider content may require a larger line height.*/
    margin: 0 0 1em 0;
}
blockquote {
    font-weight: bold;
    margin: 1em 0;
    padding: 0 0 0 30px;
}
pre {
    margin: 1em 0;
    padding: 0 0 0 30px;
}
address {
    margin: 1em 0;
    padding: 0 0 0 30px;
    font-family: inherit;
    font-style: normal;
}
dd address {
    margin: 0;
    padding: 0;
}

/************************
 * LISTS
 ************************/
ul {
    margin: 1em 0;
    padding: 0 0 0 15px;
    line-height: 1.5;
    list-style: none;
}
ul ul {
    margin: 0;
}
ol {
    margin: 1em 0;
    padding: 0 0 0 30px;
    list-style: decimal;
    line-height: 1.5;
}
ol ol {
    margin: 0;
    list-style: lower-alpha;
}
ol ol ol {
    list-style: lower-roman;
}
li {
    padding: 0;
    margin: 0 0 0.2em 0;
}
ul li {
    padding-left: 15px;
    background: url(/common/images/icons/ico_arrow.png) 0 0.5em no-repeat;
}
ul li ul li {
    background-image: url(/common/images/icons/ico_arrow-sub.png);
}
ul li ul li ul li {
    background-image: url(/common/images/icons/ico_arrow-sub-sub.png);
}

/* definition lists */
dl {
    padding: 0;
    margin: 1em 0;
}
dt {
    font-weight: bold;
}
dd {
    padding: 0 0 0 30px;
    margin: 0.5em 0;
}

/************************
 * INLINE TEXT ELEMENTS
 ************************/
i, em {
    letter-spacing: 0.08em;
    margin-right: 1px;
}
b, strong {
    font-weght: bold;
}
a:link,
a:active {
    text-decoration: underline;
    color: #0053a0;
}
a:hover,
a:focus {
    text-decoration: none;
    cursor: hand;
}
a:visited  {
    color: #cd5003;
}
/* treatment for 'help' text styles */
abbr, acronym, span.help {
  border-bottom: 1px dotted #333;
  cursor: help;
}
/* CODE: Designates a fragment of computer code.
   SAMP: Designates sample output from programs, scripts, etc.
   KBD: Indicates text to be entered by the user.
   VAR: Indicates an instance of a variable or program argument. */
code, samp, kbd, var {
}
/* quote */
q {
}
/* Contains a citation or a reference to other sources. */
cite {
}
/* Indicates that this is the defining instance of the enclosed term */
dfn {
}
/* subscript */
sub {
}
/* superscript */
sup {
}
/* small text */
small {
    font-size: 0.82em;
}

/************************
 * TABLE STYLES
 ************************/
 
table {
    margin: 0 0 1em 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 1em; /* stop stupid IE/win text size bug */
}
caption {
    padding: 3px 5px 3px 0;
    font-weight: bold;
    text-align:left;
}
th {
    padding: 7px 15px;
    text-align: left;
    background-color: #0a253d;
    border: 1px solid #144b6b;
    color: #fff;
    font-weight: bold;
}
td {
    padding: 6px 15px;
    border: 1px solid #144b6b;
    vertical-align: top;
    background-color: #fff;
    color: #333;
}
/* table row striping */
tr.arb-even td {
    background-color: #eaebef;
}
/* highlight hovered row */
tr.arb-hover td {
    background-color: #f0f6fc;
}

/************************
 * MISCELLANEOUS
 ************************/
#main-content img {
    padding: 0 10px;
}
 
/* stop borders on images used as links */
img {
    border: none;
}
/* IE puts a margin on <form> elements which we NEVER want.  Remove it */
form {
    margin: 0;
    padding: 0;
}
/*
 *        Resusable list styles
 */
 
 
/*****************************************************************************************
 *            Shared Overview family  list styles
 ****************************************************************************************/
/************************
 * ul / li container styling
 ************************/
ul.overview-list,
ul.thumbnail-overview-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #d1d6d9;
}
ul.overview-list li,
ul.thumbnail-overview-list li {
    margin: 0;
    background-image: none;
    padding: 15px 0 18px 0;
    border-top: 1px solid #d1d6d9;
}

/************************
 * style item header
 ************************/
ul.overview-list li h2,
ul.thumbnail-overview-list li h2 {
    font-size: 1.5em;
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 1;
}
ul.overview-list li h2 a:link,
ul.overview-list li h2 a:visited,
ul.thumbnail-overview-list li h2 a:link,
ul.thumbnail-overview-list li h2 a:visited {
    text-decoration: none;
}
ul.overview-list li h2 a:hover,
ul.thumbnail-overview-list li h2 a:hover {
    text-decoration: underline;
}

/************************
 * style item info element
 ************************/
ul.overview-list li .info,
ul.thumbnail-overview-list li .info {
    font-size: 0.92em;
    margin-bottom: 3px;
}

/************************
 * content element
 ************************/
ul.overview-list li .content,
ul.thumbnail-overview-list li .content {
}

/************************
 * more link element
 ************************/
ul.overview-list .more-link,
ul.thumbnail-overview-list .more-link {
    margin-top: 5px;
}

ul.overview-list li .content p {
    margin: 0;
}


/*****************************************************************************************
 *            Overview  list styles
 ****************************************************************************************/

/* may optionally have a thumbnail per item, see below for thumbnail styling within a standard overview-list */
/* no custom overrides required */


/*****************************************************************************************
 *            Thumbnail Overview list styles
 ****************************************************************************************/
/************************
 * ul / li container styling
 ************************/
ul.overview-list li.has-thumbnail,
ul.thumbnail-overview-list li {
    zoom: 1; /* contain floats */
    padding-left: 103px; /* leave room for thumbnail */
}
ul.overview-list li.has-thumbnail:after,
ul.thumbnail-overview-list li:after { /* contain floats */
    content: '.';
    clear: both;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    display: block;
}

/************************
 * style the header
 ************************/
ul.overview-list li.has-thumbnail h2,
ul.thumbnail-overview-list li h2 {
    float: right;
    width: 100%;
}

/************************
 * style the thumbnail
 ************************/
 
/* item thumbnail, move into left had column */
ul.overview-list li.has-thumbnail .thumbnail,
ul.thumbnail-overview-list li .thumbnail {
    display: inline;
    float: left;
    margin: 0 0 0 -103px;
    width: 93px;
}
/* make the thumbnail show up in IE */
ul.overview-list li.has-thumbnail .thumbnail img,
ul.thumbnail-overview-list li .thumbnail img {
    position: relative;
}


/*****************************************************************************************
 *            Section index list styles
 ****************************************************************************************/
/************************
 * ul / li container styling
 ************************/
ul.section-index-list {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
}
ul.section-index-list li {
    margin: 0 0 30px 0;
    background-image: none;
    padding: 0;
    zoom: 1; /* contain floats */
    float: right; display: inline;
    width: 47%;
    clear: none !important;
}
ul.section-index-list li:after { /* contain floats */
    content: '.';
    clear: both;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    display: block;
}
ul.section-index-list li.odd {
    clear: both !important;
    float: left;
}
/************************
 * style item header
 ************************/
ul.section-index-list li h2 {
    font-size: 1.5em;
    margin: 0 0 8px 0;
    padding: 0;
    line-height: 1;
}
ul.section-index-list li h2 a:link,
ul.section-index-list li h2 a:visited {
    text-decoration: none;
}
ul.section-index-list li h2 a:hover {
    text-decoration: underline;
}

/************************
 * style the thumbnail
 ************************/
 
/* item thumbnail, move into left had column */
ul.section-index-list li .thumbnail {
    display: inline;
    float: left;
    margin: 0 10px 5px 0;
    position: relative; /* IE 6 like to chop off the bottom of images */
}

/************************
 * content element
 ************************/
ul.section-index-list li .content {
    vertical-align: middle;
}

/************************
 * more link element
 ************************/
ul.section-index-list .more-link {
    margin-top: 5px;
}

/************************
 * contents of content element :-)
 ************************/
ul.section-index- li .content p {
    margin: 0;
}


/*****************************************************************************************
 *            Shared search family  list styles
 ****************************************************************************************/
/************************
 * ul / li container styling
 ************************/
ul.search-result-list,
ul.thumbnail-search-result-list {
    margin: 10px 0 30px 0;
    padding: 0;
    list-style: none;
}
ul.search-result-list li,
ul.thumbnail-search-result-list li {
    margin: 0;
    background-image: none;
    padding: 8px 0 12px 0;
    border-bottom: 1px solid #5e707f;
}

/************************
 * style item header
 ************************/
ul.search-result-list li h3,
ul.thumbnail-search-result-list li h3 {
    font-size: 1.17em;
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 1;
    float: right;
    width: 100%;
}

/************************
 * style item info element
 ************************/
ul.search-result-list li .info,
ul.thumbnail-search-result-list li .info {
    font-size: 0.92em;
    margin-bottom: 3px;
}

/************************
 * content element
 ************************/
ul.search-result-list li .content,
ul.thumbnail-search-result-list li .content {
}

/************************
 * more link element
 ************************/
ul.search-result-list .more-link,
ul.thumbnail-search-result-list .more-link {
    margin-top: 5px;
}

ul.search-result-list li .content p {
    margin: 0;
}


/*****************************************************************************************
 *            search  list styles
 ****************************************************************************************/
ul.search-result-list {
    margin: 0 0 10px 0;;
}
ul.search-result-list li {
    padding-left: 15px;
}

/*****************************************************************************************
 *            Thumbnail search list styles
 ****************************************************************************************/
/************************
 * ul / li container styling
 ************************/
ul.thumbnail-search-result-list li {
    zoom: 1; /* contain floats */
    padding-left: 103px; /* leave room for thumbnail */
}
ul.thumbnail-search-result-list li:after { /* contain floats */
    content: '.';
    clear: both;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    display: block;
}

/************************
 * style the header
 ************************/
ul.thumbnail-search-result-list li h2 {
    float: right;
    width: 100%;
}

/************************
 * style the thumbnail
 ************************/
 
/* item thumbnail, move into left had column */
ul.thumbnail-search-result-list li .thumbnail {
    display: inline;
    float: left;
    margin: 0 0 0 -103px;
    width: 93px;
}
/* make the thumbnail show up in IE */
ul.thumbnail-search-result-list li .thumbnail img {
    position: relative;
}


/*****************************************************************************************
 *            PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ****************************************************************************************/
.pipe-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pipe-list li {
    float:  left; display: inline;
    background-image: none;
    border-left: 1px solid black;
    padding: 0 8px 0 9px;
    margin: 0 8px 0 -8px;
}
.pipe-list li:first-child { 
    border-left: 0;
    border-right: 0;
}


/*****************************************************************************************
 *            links list: for anywhere you have lists of links
 ****************************************************************************************/
ul.links-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}
ul.links-list li {
    background-image: url(/common/images/icons/ico_icons.png);
    background-position: 0 -146px;
    background-repeat: no-repeat;
    padding-left: 10px;
    margin-bottom: 5px;
}

/*****************************************************************************************
 *            download links
 ****************************************************************************************/
.category-download {
    clear: both;
} 
.category-download-resources {
    clear: none !important;
} 
 
.category-download ul {
    list-style: none;
    padding: 0 0 1em 0;
    margin: 0;
}
.category-download .downloadlink {
    background: url(/common/images/fileicons/icon_htm.gif) 0px 0px no-repeat;
    padding-left: 20px;
    padding-bottom: 3px;
    min-height: 20px;
    _height: 20px;
}
.category-download li {
    background: url(/common/images/fileicons/icon_htm.gif) 0px 0px no-repeat;
    padding-left: 20px;
    padding-bottom: 3px;
    min-height: 20px;
    _height: 20px;
}
.category-download .pdf {
    background-image: url(/common/images/fileicons/icon_pdf.gif);
}
.category-download .exe {
    background-image: url(/common/images/fileicons/icon_exe.gif);
}
.category-download .doc {
    background-image: url(/common/images/fileicons/icon_doc.gif);
}
.category-download .ppt {
    background-image: url(/common/images/fileicons/icon_ppt.gif);
}
.category-download .xls {
    background-image: url(/common/images/fileicons/icon_xls.gif);
}
.category-download .mdb {
    background-image: url(/common/images/fileicons/icon_mdb.gif);
}
.category-download .txt {
    background-image: url(/common/images/fileicons/icon_txt.gif);
}
.category-download .zip {
    background-image: url(/common/images/fileicons/icon_zip.gif);
}
.category-download .htm {
    background-image: url(/common/images/fileicons/icon_htm.gif);
}
.category-download .img {
    background-image: url(/common/images/fileicons/icon_img.gif);
}
.category-download .weblink {
    background-image: url(/common/images/fileicons/icon_weblink.gif);
}
/*
 *        Resusable Areeba markup styling that doesn't fit elsewhere
 */

/*****************************************************************************************
 *             Introductory content blocks
 ****************************************************************************************/
.introduction {
    font-size: 1.33em;
    color: #0053a0;
    clear: both;
}
html > body .introduction:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix for IE/mac */
.introduction {
    display: inline-block;
}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
    * html .introduction {
        _height: 0;
    }
    
    .introduction {
        display: block;
    }
}
.introduction * {
    line-height: 1.4; /* decrease the line height a little from the rest of the page */
}
#main  img.mainimage {
    float: left;
    margin: 0 10px 5px 0;
}
/*****************************************************************************************
 *             More link (links to more information etc)
 ****************************************************************************************/
.more-link {
} 
.more-link a:link,
.more-link a:visited,
.more-link-ie-fix a span {
    padding-right: 12px;
    background: transparent url(/common/images/backgrounds/bg_combined.png) 100% -78px no-repeat;
}
.more-link-ie-fix a:link,
.more-link-ie-fix a:visited {
    padding-right: 0;
    background-image: none !important;
}
.more-link-ie-fix a span {
    zoom: 1;
}


/*****************************************************************************************
 *             USER NOTES (message box type stuff)
 ****************************************************************************************/
 
.important, .success, .error {
    padding: 15px 15px 15px 60px;
    margin: 1em auto 1em 0;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border-width: 1px;
    border-style: solid;
}
#footer .important, .success, .error {
    background-position: 15px 8px;
}
.important h2, .success h2, .error h2 {
    color: inherit;
    margin-top: 0;
}
.important p, .success p, .error p {
    margin: 0;
}
.important {
    color:#666600;
    background-image: url(/common/images/icons/ico_important.gif);
    background-color: #ffffe6;
    border-color: #eeb903;
}
.success {
    color:#427002; 
    background-image: url(/common/images/icons/ico_success.gif);
    background-color: #eefde5;
    border-color: #77cb00;
}
.error {
    color: #ba2025;
    background-image: url(/common/images/icons/ico_error.gif);
    background-color: #ffecec;
    border-color: #ba1c09;
}


/*****************************************************************************************
 *             Section blocks (use sparingly!!!!)
 ****************************************************************************************/
#main .section {
    border-top: 1px solid #6c7c8a;
    padding: 15px 0 0 0;
    margin: 20px 0 0 0;
}
#main .section h2 {
    margin-top: 0;
}
#main .section h3 {
    margin-bottom: 0;
}
/*
 *        Styling for 'widgets'
 */

/*****************************************************************************************
 *             Font and print page controls
 *****************************************************************************************/
ul#page-controls {
    margin: 0;
    padding: 8px 0 0 8px;
    list-style: none;
}
ul#page-controls li {
    float: left; display: inline;
    margin: 0 7px 0 0;
    padding: 0;
    width: 20px;
    height: 16px;
    overflow: hidden;
    background-image: none;
}
ul#page-controls li.arb-hover {
    cursor: hand;
    cursor: pointer;
}
ul#page-controls li span {
    text-indent: -9999em;
    display: block;
    background: url(/common/images/icons/ico_icons.png) 0 -1310px no-repeat;
}
ul#page-controls li#font-size-down-control span {
    background-position: 0 -1360px;
}
ul#page-controls li#font-size-up-control span {
    
}
ul#page-controls li a {
    outline: none; /* remove the dotted outline */
    padding: 0 5px 0 27px;
    background: url(/common/images/icons/ico_icons.png) 5px -1055px no-repeat; 
}
ul#page-controls li.print-link {
    width: 50px;
    margin: 0 6px 0 1px;
}

body.lang-fr ul#page-controls li.print-link,
body.lang-de ul#page-controls li.print-link {
    width: 25px;
}

ul#page-controls li.email-link {
    width: 56px;
}

body.lang-fr ul#page-controls li.email-link,
body.lang-de ul#page-controls li.email-link {
    width: 81px;
}

ul#page-controls li.print-link a {
    
}
ul#page-controls li.email-link a {
    background-position: 5px -1105px;
    height: 25px;
    display: block;
}


/*****************************************************************************************
 *                     Collapsible regions
 *****************************************************************************************/
 
html.js #content .collapsible-body {
    overflow: hidden;
    margin-left: 10px;
}
html.js #content .collapsed .collapsible-body * {
    display: none;
}
html.js #content .collapsible-heading a {
  padding-left: 10px;
  background: url(/common/images/bullets/bul_collapsible-open.png) transparent 0 50% no-repeat;
  color: inherit;
}
html.js #content .collapsible-heading a:hover {
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
}
html.js #content .collapsed .collapsible-heading a {
    background: url(/common/images/bullets/bul_collapsible-closed.png) transparent 0 50% no-repeat;
}


/*****************************************************************************************
 *                     Pagination
 *****************************************************************************************/
 
/************************
 * Pagination ul / li styles (make the li's line up)
 ************************/
ul.pagination {
    padding: 0;
    margin: 10px auto;
    text-align: center;
    clear: both;
    font-size: 0.92em;
}
ul.pagination li {
    background: none;
    float: left; display: inline;
    margin: 0;
    padding: 0;
    clear: none !important;
}

/************************
 * Shared pagination item styles
 ************************/
ul.pagination li a,
ul.pagination li span.active {
    display: block;
    padding: 0 0 0 10px;
    margin: 0 2px;
    background: #c14601 url(/common/images/backgrounds/bg_combined.png) -1740px -160px;
}
ul.pagination li a span,
ul.pagination li span.active span {
    display: block;
    padding: 0 10px 0 0;
    line-height: 21px;
    background: transparent url(/common/images/backgrounds/bg_combined.png) 100% -160px;
}

/************************
 * Pagination link styles
 ************************/
ul.pagination li a:link,
ul.pagination li a:visited {
    text-decoration: none;
    color: #fff;
}
ul.pagination li a:hover {
    text-decoration: underline;
}

/************************
 * Active pagination item styles
 ************************/
ul.pagination li span.active {
    background-color: white;
    background-position: -1740px -190px;
    color: #e26713;
}
ul.pagination li span.active span {
    background-position: 100% -190px;
}

/************************
 * Next / preve pagination item styles
 ************************/
ul.pagination li.previous-page a,
ul.pagination li.previous-page span.active {
    margin-right: 10px;
}
ul.pagination li.next-page a,
ul.pagination li.next-page span.active {
    margin-left: 10px;
}

/************************
 * Summary text styles
 ************************/
.pagination-results-text {
    clear: both;
    padding: 10px 0;
    font-weight: normal;
}
/*****************************************************************************************
 *            generic box styles
 ****************************************************************************************/
/************************
 * style the box
 ************************/
.box {
    margin: 0 0 7px 0;
    background-image: url(/common/images/backgrounds/boxes.png);
    background-repeat: no-repeat;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -moz-border-radius: 9px;
}
/* Target Firefox 3 specifically */
.box, x:-moz-any-link, x:default {
    -moz-border-radius: 9px;
}

/************************
 * style the box header
 ************************/
.box h2 {
    margin: 0;
    padding: 10px 15px 0 15px;
    font-size: 1.5em;
    font-weight: bold;
}
#sub .box h2,
#manageboxes .box h2{
    font-size: 1.25em;
    padding: 7px 9px;
}

/************************
 * style the box content region
 ************************/
.box .content {
    padding: 5px 15px 14px 15px;
}
#sub .box .content,
#manageboxes .box .content  {
    padding: 10px 9px;
}

/************************
 * style the box content
 ************************/
.box .content * {
    line-height: 1.3;
}
.box .content h3 {
    font-size: 1.17em;
    margin: 0 0 3px 0;
    font-weight: bold;
    line-height: 1.1em;
}
.box .content h3 a:link,
.box .content h3 a:visited {
    text-decoration: none;
}
.box .content h3 a:hover {
    text-decoration: underline;
}
.box .more-link a:link,
.box .more-link a:visited,
.box .more-link-ie-fix a span {
    background-position: 100% -37px;
}


/*****************************************************************************************
 *            Custom box colors / styles
 ****************************************************************************************/
/************************
 * blue boxes
 ************************/
 
/* text colors */
#webinars,
#webinars a,
#webinars h2,
#webinars h3,
#sub .box,
#manageboxes .box,
#sub .box a,
#manageboxes .box a,
#sub .box h2,
#manageboxes .box h2 {
    color: white;
}
/* box colors / background */
#webinars,
#sub .box,
#manageboxes .box {
    background-color: #005C8B;
    background-position: -700px -7px;
    border: 1px solid #143c4e;
}
#sub .box,
#manageboxes .box {
    border: 1px solid #143c4e;
    background-position: -5500px 0;
}
/* box content */
#sub .box .content,
#manageboxes .box .content  {
    border-top: 1px solid #063c5d;
}
#sub .box h2,
#manageboxes .box h2 {
    border-bottom: 1px solid #081826;
}

/************************
 * orange boxes
 ************************/
 
/* text colors */
#tours,
#tours a,
#tours h2,
#tours h3 {
    color: white;
}
/* box colors / backgrounds */
#tours {
    background-color: #E16205;
    background-position: -1380px -7px;
    border: 1px solid #c55a00;
}

/************************
 * brown boxes
 ************************/
 
/* text colors */
#sub .brown-box,
#sub .brown-box a,
#sub .brown-box h2,
#sub .brown-box h3,
#manageboxes .brown-box,
#manageboxes .brown-box a,
#manageboxes .brown-box h2,
#manageboxes .brown-box h3 {
    color: white;
}
/* box colors / backgrounds */
#sub .brown-box,
#manageboxes .brown-box {
    background-color: #E16205;
    background-position: -4700px -7px;
    border: 1px solid #bd5502;
}
/* box content */
#sub .brown-box .content,
#manageboxes .brown-box .content {
    border-top: 1px solid #dd6a25;
}
#sub .brown-box h2,
#manageboxes .brown-box h2 {
    border-bottom: none;
}

/************************
 * grey boxes
 ************************/
/* text colors */
#case-studies h3,
#contact h3,
#solutions h3,
#news h3,
#news h3 a:link,
#news h3 a:visited,
#manageboxes .grey-box a:link,
#manageboxes .grey-box a:visited,
#sub .grey-box a:link,
#sub .grey-box a:visited{
    color: #0053a0;
}
#case-studies .more-link a:link,
#contact .more-link a:link,
#solutions .more-link a:link,
#news .more-link a:link,
#case-studies .more-link a:visited,
#contact .more-link a:visited,
#solutions .more-link a:visited,
#news .more-link a:visited,
#manageboxes .grey-box .more-link a:visited,
#manageboxes .grey-box .more-link a:link,
#sub .grey-box .more-link a:visited,
#sub .grey-box .more-link a:link,
#case-studies .more-link-ie-fix a span,
#contact .more-link-ie-fix a span,
#solutions .more-link-ie-fix a span,
#news .more-link-ie-fix a span,
#sub .grey-box .more-link-ie-fix a span,
#manageboxes .grey-box .more-link-ie-fix a span {
    background-position: 100% -78px;
}
/* box colors / backgrounds */
#case-studies,
#contact,
#solutions,
#news,
#sub .grey-box,
#manageboxes .grey-box {
    background-color: #F8F7F0;
    background-position: 0 0;
    border: 1px solid #919ca2;
}
#sub .grey-box,
#manageboxes .grey-box {
    background-position: -5080px 0px;
    color: #13404b;
}
/* box content */
#sub .grey-box .content,
#manageboxes .grey-box .content {
    border-top: 1px solid #e5e8e9;
}
#case-studies h2,
#contact h2,
#solutions h2,
#news h2,
#sub .grey-box h2,
#manageboxes .grey-box h2 {
    color: #13404b;
}
#sub .grey-box h2,
#manageboxes .grey-box h2 {
    border-bottom: 1px solid #c7cdd0;
}

/********************************************
 * slideshow paging controls for rotating inner boxes
 ********************************************/
.rotatingbox {
    position: relative;
}
#sub .rotatingbox .content,
#manageboxes .rotatingbox .content {
    border-top:none;
}
#sub .rotatingbox .content h3,
#manageboxes .rotatingbox .content h3 {
    font-size: 105%;
    margin: 0;
    padding: 0 0 0.25em 0;
}
.rotatingbox .controls {
    padding-top: 5px;
    border-top: 1px solid #063c5d;
    padding-right: 5px;
    clear: both;
}
#sub  .grey-box .controls,
#manageboxes .grey-box .controls {
    border-top: 1px solid #e5e8e9;
}
#sub .grey-box  h2,
#manageboxes .grey-box  h2 {
    border-bottom: 1px solid #c7cdd0;
}
#sub  .brown-box .controls,
#manageboxes .brown-box .controls {
    border-top: 1px solid #f07c27;
}
#sub .brown-box  h2,
#manageboxes .brown-box  h2 {
    border-bottom: 1px solid #cd5002;
}

#sub .blue-box h3,
#manageboxes .blue-box h3 {
    color: white;
}

#sub .rotatingbox .content ul,
#manageboxes  .rotatingbox .content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 15px 0 0 0;
    clear: both;
    *margin: 0;
    _margin: 0;
}
#sub .rotatingbox .content ul li.rotate,
#manageboxes  .rotatingbox .content ul li.rotate {
    background: none;
    padding: 0;
    margin: 0;
    width: 165px;
}

.rotatingbox ul.next-prev {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float:right;
}

#page #main-inner .rotatingbox ul.next-prev li,
#page #sub .rotatingbox ul.next-prev li  {
    float: left;
    margin: 0;
    padding: 0;
    clear: none !important;
}    
.rotatingbox ul.next-prev li a {
    display: block;
    width: 50px;
    height: 19px;
    text-align: center;
}
body.lang-de .rotatingbox ul.next-prev li.next a {
    display: block;
    width: 65px;
    height: 19px;
    text-align: center;
}    
.rotatingbox ul.next-prev li a span {
    background-image: url(/common/images/backgrounds/bg_combined.png);
}    
.rotatingbox ul.next-prev li.prev span {
    background-position: -960px 0;
}    
.rotatingbox ul.next-prev li.next span {
    background-position: -1010px 0;
}    
.brown-box ul.next-prev li.prev span {
    background-position: -960px -19px;
}    
.brown-box ul.next-prev li.next span {
    background-position: -1010px -19px;
}    
.grey-box ul.next-prev li.prev span {
    background-position: -960px -38px;
}    
.grey-box ul.next-prev li.next span {
    background-position: -1010px -38px;
}    

/********************************************
 * try-buy boxes
 ********************************************/
#sub .try-buy-box {
    clear: both;
    display: block;
}
#sub .try-buy-box  .try {
    float: left;
    display: block;
    width: 48%;
}
#sub .try-buy-box  .buy {
    float: right;
    display: block;
    width: 48%;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}
#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}
.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    top:50%;
    left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}
#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}
#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}
#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}
#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}
#TB_title{
    background-color:#e8e8e8;
    height:27px;
}
#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
    padding:15px;
}
#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}
#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}

/* page components */
/*****************************************************************************************
 *             Breadcrumb internal layout / styles
 ****************************************************************************************/
#breadcrumb {
    font-size: 0.92em;
    color: #0073ae;
    font-weight: bold;
    margin: 20px 0 10px 0;
}
#breadcrumb ol {
    margin: 0;
    padding: 0;
}
#breadcrumb ol li {
    padding: 0;
    margin: 0 7px 0 0;
    border: none;
}
#breadcrumb ol li:first-child {
    background-image: none;
}
#breadcrumb a {
    display: block;
    background: transparent url(/common/images/backgrounds/bg_combined.png) 100% -114px no-repeat;
    padding: 0 12px 0 0;
}
/*****************************************************************************************
 *            Column layout
 ****************************************************************************************/
#footer-contact {
    float: left;
    width: 205px;
    margin-left: 1px; /* account for the border in the background image */
}
#footer-news {
    float: right;
    margin-right: 1px; /* account for the border in the background image */
    width: 171px;
}
#footer-products {
    margin: 0 172px 0 206px;
    zoom: 1; /* IE needs this to add top margin */
}
#footer-products-left {
    float: left;
    margin: 0;
    zoom: 1; /* IE needs this to add top margin */
    width: 280px;
}
#footer-products-right {
    float: right;
    margin: 0;
    zoom: 1; /* IE needs this to add top margin */
    width: 292px;
    _width: 290px; /* IE6 was getting confused*/
}
/*****************************************************************************************
 *            Extended Footer general styles
 ****************************************************************************************/
#extended-footer {
    color: #313131;
    background: #edf3f7 url(/common/images/backgrounds/boxes.png) no-repeat -2720px 0;
}
#extended-footer a:link,
#extended-footer a:visited {
    color: #0053a0;
}

#extended-footer a { /* This is to stop IE6 from jumping around on hover */
    position: relative;
    zoom: 1;
    text-decoration: underline;
}
#extended-footer a:hover { 
    text-decoration: none;
}

/************************
 *     column headings
 ************************/
#extended-footer h2 {
    font-size: 1.09em;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 5px;
    border-bottom: 1px solid #B2C3CC;
    margin-bottom: 0;
    color: #0053a0;
}

body.lang-de #extended-footer h2,
body.lang-fr #extended-footer h2 {
    font-size: 1.09em;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 5px;
    border-bottom: 1px solid #B2C3CC;
    margin-bottom: 0;
    color: #0053a0;
    height: 30px;
}

/************************
 *     inner column headings
 ************************/
#extended-footer h3,
#extended-footer h3 a:link,
#extended-footer h3 a:visited,
#extended-footer dt,
#extended-footer div.tel {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    color: #313131;
    text-decoration: none;
    line-height: 1.3em;
}
#extended-footer h3 a:hover {
    text-decoration: underline;
}

/************************
 *     column content wrapper
 ************************/
#extended-footer .content {
    padding-top: 10px;
    border-top: 1px solid #F5F8F9;
    xzoom: 1;
}

/************************
 *     inner column text
 ************************/
#extended-footer dd,
#extended-footer .more-link,
#extended-footer p,
#extended-footer ul.links-list {
    font-size: 0.92em;
    color: #0053a0;
}
#extended-footer p {
    font-size: 1em;
    color: #231F20;
}
/************************
 *     links lists
 ************************/
#extended-footer ul.links-list {
    margin: 2px  10px 2px 0;
}
#extended-footer .more-link {
    margin-top: 10px;
}


/*****************************************************************************************
 *            Products styling
 ****************************************************************************************/
#footer-products ul.section {
    float: left;
    width: 40%;
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer-products ul.section-two {
    float: right;
    width: 57%;
}
#footer-products ul li {
    margin: 0 0 12px 0;
    padding: 0;
    background-image: none;
}

#footer-products-left div.section,
#footer-products-right div.section  {
    margin: 0;
    padding: 0 50px 0 0;
    list-style: none;
}
#footer-products-left ul.section-two,
#footer-products-right ul.section-two {
    float: right;
    width: 57%;
}
#footer-products-left ul li,
#footer-products-right ul li {
    margin: 0 0 12px 0;
    padding: 0;
    background-image: none;
}

/*****************************************************************************************
 *            Contact styling
 ****************************************************************************************/
#footer-contact h2 {
    padding-left: 15px;
}
#footer-contact .content {
    padding: 10px 15px;
}
#footer-contact .content dl {
    margin: 0;
    padding: 0;
}
#footer-contact .content dl dt {
    margin: 12px 0 2px 0;
    padding: 0;
}
#footer-contact .content dl dd {
    margin: 0;
    padding: 0;
}

#footer-contact .url,
#footer-contact .type {
    display: none;
}
#footer-contact abbr {
    border: none;
    font-weight: bold;
}


/*****************************************************************************************
 *            News & Events styling
 ****************************************************************************************/
#footer-news .more-link {
    margin: 0 0 15px 0;
}
/*
 *                 Footer internal layout / styles
 */
 
 
/*****************************************************************************************
 *            General footer styles
 ****************************************************************************************/
#footer {
    background: url(/common/images/backgrounds/bg_combined.png) #006191 0 -120px no-repeat;
    color: white;
    position: relative;
    font-size: 0.92em;
}
#footer a:link,
#footer a:visited {
    color: white;
}

 
 
/*****************************************************************************************
 *             Copyright statement
 ****************************************************************************************/
 
#footer #copyright {
    line-height: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 13px;
    right: 11px;
}

 
/*****************************************************************************************
 *             Hummingbird byline
 ****************************************************************************************/
#footer p {
    line-height: 1.3em;
    margin: 0 0 1.15em 0;
    padding: 0;
    position: absolute;
    bottom: 13px;
    right: 11px;
    font-size: 1.36em;
}


/*****************************************************************************************
 *             Footer Links
 ****************************************************************************************/
 
#footer ul#footer-links {
    line-height: 1;
    position: absolute;
    bottom: 13px;
    left: 15px;
    margin: 0;
    padding: 0;
}
#footer #footer-links li {
    float: left; display: inline;
    line-height: 1;
    background-image: none;
    border-left: 1px solid white;
    padding: 0 8px 0 9px;
    margin: 0 8px 0 -9px;
}
#footer #footer-links li:first-child {
    background-image: none;
    border: none;
}

 
 
/*****************************************************************************************
 *             Open Text logo
 ****************************************************************************************/
#footer h3 {
    position: absolute;
    font-size: 1em;
    top: 11px;
    right: 11px;
    width: 115px;
    height: 33px;
    color: #FFF;
    margin: 0;
    padding: 0;
}
#footer h3 span {
    background: url(/common/images/backgrounds/bg_combined.png) -960px -120px no-repeat;
}

 
 
/*****************************************************************************************
 *             Newsletter subscription form
 ****************************************************************************************/
#subscribe-form {
    position: absolute;
    top: 11px;
    left: 15px;
    z-index: 100;
}
#subscribe-form legend {
    font-size: 1.18em;
    display: block;
    margin: 0 0 5px 0;
    color: white;
    font-weight: normal;
}
#subscribe-form input,
#subscribe-form .form-item {
    float: left; display: inline;
    margin: 0;
}
#subscribe-form input.text {
    width: 189px;
    padding: 5px !important;
    height: 17px;
    border: none;
    background: #fff url(/common/images/backgrounds/bg_combined.png) -960px -187px no-repeat;
}
#subscribe-form .buttons-form-item input {
    height: auto;
    width: auto;
    padding: 0;
}
/* error message */
#subscribe-form .form-item .error-messages span {
    clear: left;
    width: 189px;
    background: #f9f9f9;
    padding: 5px;
    position: relative;
    z-index: 100;
}

 
 
/*****************************************************************************************
 *             Site by Areeba Link
 ****************************************************************************************/
 
#footer #site-by-areeba-link {
    position: absolute;
    left: -1000px;
    top: -1000px;
}
/*****************************************************************************************
 *            Header internal layout / styles
 ****************************************************************************************/
#header {
}
#header #logo {
    position: absolute;
    left: 0;
    top: 18px;
}

/************************
 * Search form
 ************************/
#header #search-form {
    clear:right;
    display:inline;
    float:right;
    padding: 35px 0 0 0;
    *padding: 20px 0 0 0;
    /* width:231px; */
}

#header-bak #search-form {
    float: right; display: inline;
    clear: right;
    margin: 7px 0 0 0;    
}
#header #search-form input,
#header #search-form .form-item {
    float: left;
    margin: 0;
}
#header #search-form .text {
    width: 189px;
    padding: 5px !important;
    height: 17px;
    border: none;
    background: #fff url(/common/images/backgrounds/bg_combined.png) -960px -160px no-repeat;
}
#header #search-form .button {
    width: auto;
    padding: 0;
    height: auto;
    border: none;
}


/************************
 * Header links
 ************************/
#header ul#header-links {
    font-size:0.92em;
    list-style:none outside none;
    margin:0;
    padding:0;
    position:absolute;
    right:-5px;
    top:12px;
}
#header-bak ul#header-links {
    float:  right; display: inline;
    margin:  12px -8px 0 0; /* negative margin lines up text in last link with page edge */
    padding: 0;
    list-style: none;
    font-size: 0.92em;
}
#header #header-links li {
    line-height: 1;
    border-left: 1px solid #231f20;
    float: left; display: inline;
    margin: 0 8px 0 0;
    padding: 0 0 0 8px;
    background-image: none;
}
#header #header-links li#home-link,
#header #header-links li#language-links {
    border: none;
}
#header #header-links li a {
    color: #231f20;
    text-decoration: none;
}
#header #header-links li a:hover {
    text-decoration: underline;
}
#header #header-links li a.active {
    font-weight: bold;
}

/************************
 * region select button
 ************************/
#header #header-links li#language-links {
    margin: -6px 0 0 0;
    position: relative; /* fix the negative margin in IE 6 */
}
ul#header-links li#language-links a {
    padding: 0;
    width: 114px;
    height: 23px;
    background: url(/common/images/backgrounds/bg_combined.png) -960px -80px no-repeat;
    outline: none; /* Remove dotted line on focus */
    text-indent: -1000em;
    display: block;
}

body.lang-fr ul#header-links li#language-links a {
    background-image: url(/common/images/backgrounds/bg_combined.png);
}
body.lang-de ul#header-links li#language-links a {
    background-image: url(/common/images/backgrounds/bg_combined.png);
}

#header ul.select-region-active li#language-links a {
    background-position: -1074px -80px;
}
/*****************************************************************************************
 *            Primary Navigation generic dropdown behaviour
 ****************************************************************************************/
/* hide submenus (ul's inside a li) by default.
        This is done by setting the position to absolute and moving the left
        edge of the item offscreen to play nice with assistive technologies 
        (screen readers).  Alternatives such as display: none / 
        display: block also hide content from screen readers.
*/
#primary-navigation li ul {
    position: absolute;
    left: -999em;
}
/* while we are showing the direct submenu, hide lower level menus */
#primary-navigation li:hover ul ul, 
#primary-navigation li:hover ul ul ul, 
#primary-navigation li.arb-hover ul ul, 
#primary-navigation li.arb-hover ul ul ul {
    left: -999em;
}
/* when we hover over a menu item, show it's submenus (ul's) */
#primary-navigation li:hover ul, 
#primary-navigation li li:hover ul, 
#primary-navigation li li li:hover ul, 
#primary-navigation li.arb-hover ul, 
#primary-navigation li li.arb-hover ul, 
#primary-navigation li li li.arb-hover ul {
    left: 0;
}
#primary-navigation li#resources-section-link:hover ul, 
#primary-navigation li#resources-section-link.arb-hover ul {
    left: auto;
    right: 0;
}
#primary-navigation li#customers-section-link:hover ul, 
#primary-navigation li#customers-section-link.arb-hover ul {
    left: -1px;
    right: auto;
}


/*****************************************************************************************
 *            Primary Navigation layout / styling
 ****************************************************************************************/
#primary-navigation {
    background: url(/common/images/backgrounds/bg_combined.png) #16405e left top no-repeat;
}


/*****************************************************************************************
 *             MENU CONTAINERS (ul's)
 ****************************************************************************************/
/************************
 * top level (and below) menus
 ************************/
 
#primary-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0 6px 0 0;
}

/************************
 * secondary level (and below) menus
 ************************/
#primary-navigation  ul ul {
    width: 190px;  /* set submenu width */
    top: 30px; /* site directly below the primary links */
    padding: 0;
    border-bottom: 3px solid #082d49;
    margin-left: 1px; /* account for 1px border on primary menu item images */
}

/************************
 * tertiary (and below) menus 
 ************************/
#primary-navigation ul ul ul {
    margin-left: 174px; /* width of parent menu item above to sit directly next to it */
    top: 0; /* ul's are positioned absolute and the enclosing li is position: relative, this makes the top equal to the top of the enclosing menu item (li).  If there's a border, this may need to change to -1px */
}


/*****************************************************************************************
 *             MENU ITEM CONTAINERS (li's)
 ****************************************************************************************/
/************************
 * top level (and below) menu items  
 ************************/
 
#primary-navigation li {
    float: left; /* line them up in a line, side by side */
    display: inline;
    line-height: 1em;
    position: relative; /* position relative so that we can adjust the submenu positions relative to this menu item */
    margin: 0;
    padding: 0 0 0 2px;
    _height: 0;
    _width: 0; /* IE6 needs this because it can't work out the width */
    background: url("/common/images/backgrounds/bg_combined.png") no-repeat scroll -100px -40px;
}

/************************
 * secondary (and below) menu items 
 ************************/
#primary-navigation li li {
    clear: left; /* make the menu items line up vertically */
    float: none;
    padding-left: 0;
    background: none;
}


/*****************************************************************************************
 *             MENU ITEM'S (a's)
 ****************************************************************************************/
/************************
 * top level (and below) links  
 ************************/
 
#primary-navigation ul li a {
    display: block;
    color: white;
    margin: 0;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    zoom: 1; /* make IE make the entire 'a' clickable */
}

/* expanded state */
#secondary-navigation li.expanded a {
    
}
/* active state */
#secondary-navigation li.active a {
    background-color: #015987;
}

/* hover state */
#primary-navigation li.arb-hover a,
#primary-navigation li:hover a {
    background: url("/common/images/backgrounds/bg_combined.png") no-repeat scroll 50% -240px;
}
/* active state */
#primary-navigation li.active a {
    background: url("/common/images/backgrounds/bg_combined.png") no-repeat scroll 50% -280px;
}


/************************
 * secondary level (and below) links
 ************************/
 
body div#page div#primary-navigation li li a {
    float: none;
    height: auto;
    padding: 5px 15px;
    text-decoration: none;
    width: auto;
    line-height: 1.2em;
    background: #034366;
    border-bottom: 1px dotted #077eab;
    white-space: normal;
}

/* active state */
#primary-navigation li.active li a {
    background: #034366;
}

/* hover state */
body div#page div#primary-navigation li li a:hover {
    background-color: #e06105;
}


/*****************************************************************************************
 *            Link image replacement
 ****************************************************************************************/
 
#primary-navigation ul li#solutions-section-link-old {
    display: none;
}
/*
 *         styling for secondary-navigation content
 */

/*****************************************************************************************
 *            Miscellaneous secondary navigation styles
 ****************************************************************************************/
#page #secondary-navigation {
    background: url(/common/images/backgrounds/bg_content.png) #fff 0 100% no-repeat; /* gradient on bottom of nav block */
}
#secondary-navigation h3 {
    color: #231F20;
    font-size: 1.75em;
    font-weight: normal;
    margin: 0;
    padding: 1em 15px 0.5em 15px;
    zoom: 1; /* stop IE6 scroll bug */
    background: url(/common/images/backgrounds/bg_content.png) transparent -372px 0 no-repeat; /* gradient on bottom of nav block */
}
#secondary-navigation h3 span.section-name {
    display: block;
}


/*****************************************************************************************
 *             MENU CONTAINERS (ul's)
 ****************************************************************************************/
/* top level (and below) menu */
#secondary-navigation ul {
    margin: 0;
    padding: 0 2px;
    zoom: 1; /* IE6 needs this to caculate the correct width */
    list-style: none;
    position: relative;
    background: url(/common/images/backgrounds/bg_content.png) transparent -186px 0 repeat-y;
    overflow: hidden;
    _overflow: visible; /* IE6 was getting confused */
}
#secondary-navigation ul ul {
    padding: 0;
    border-bottom: none;
}
#secondary-navigation ul ul ul {
    border-top: none;
}


/*****************************************************************************************
 *             MENU ITEM CONTAINERS (li's)
 ****************************************************************************************/
/* top level (and below) menu item containers */
#secondary-navigation li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #BDBDBD;
    line-height: 110%;
    float: left; display: inline;
    width: 100%;
    background-image: none;
}
#secondary-navigation li.first,
#secondary-navigation li li.first {
    border-top: none;
}
/* second level (and below) menu item containers */
#secondary-navigation li li {
    border-color: #E2E9ED;
}


/*****************************************************************************************
 *             MENU ITEM'S (a's)
 ****************************************************************************************/
/************************
 *  top level (and below) menu items 
 ************************/
 
#secondary-navigation li a {
    margin: 0;
    display: block;
    padding: 7px 5px 7px 14px;
    text-decoration: none;
    color: #056ABC;
    font-weight: bold;
    zoom: 1;
    color: #231F20;
    background: transparent;
    border-top: 1px solid #FFF;
}
/* expanded state */
#secondary-navigation li.expanded a {
    background-color: #F5F5F5;
}
/* active state */
#secondary-navigation li.active a {
    background-color: #054062;
    color: #FFF;
}
/* hover state */
#page #secondary-navigation li a:hover {
    color: #FFF;
    background-color: #0073AE;
}

/************************
 *  second level (and below) menu items 
 ************************/
 
#secondary-navigation li li a,
#secondary-navigation li.expanded li a {
    padding-left: 25px;
    font-weight: normal;
    border-top: none;
    background-image: url(/common/images/icons/ico_icons.png);
    background-repeat: no-repeat;
    background-position: 0 -1397px;
    color: #1D465C;
    background-color: #F5F5F5;
}
/* expanded state */
#secondary-navigation li li.expanded a {
    color: #000;
}
/* active state */
#secondary-navigation li li.active a {
    color: #FFF;
    background-color: #054062;
}
/* hover state */
#page #secondary-navigation li li a:hover {
    
}

/************************
 *  third level (and below) menu items 
 ************************/
 
#secondary-navigation li li li a,
#secondary-navigation li li.expanded li a {
    padding-left: 36px;
    font-weight: normal;
    color: #000;
}
/*
 * Sub content styles
 */

/*****************************************************************************************
 *            page controls box
 ****************************************************************************************/
#sub ul#page-controls {
    margin: 0 0 7px 0;
    background: transparent url(/common/images/boxes/boxes.png) -4500px 0 no-repeat;
    height: 22px;
    font-size: 0.92em;
}

body.lang-fr #sub ul#page-controls,
body.lang-de #sub ul#page-controls {
    background-position: -4500px -100px;
}

#sub #page-controls a:link,
#sub #page-controls a:visited {
    color: white;
}


/*****************************************************************************************
 *            sub box content
 ****************************************************************************************/
#sub .box dl {
    margin: 0;
    padding: 0;
}
#sub .box dl dd {
    margin: 0 0 5px 0;
    padding: 0;
}
#sub img {
    display: block;
    margin: 0 0 0.8em 0;
}
#sub p {
    margin: 0 0 0.5em 0;;
}
#sub .more-link {
    margin: 0.6em 0 0 0;
}
#sub ul.links-list li {
    background-position: 0 -196px;
}
/************************
 * region select content
 ************************/
#select-region-content {
    width: 150px;
    background: #FFF;
    border: 1px solid #d5dade;
    margin: 5px auto;
    text-align: left;
    font-size: 0.91667em;
}
html.js #select-region-content {
    position: absolute;
    top: 28px;
    z-index: 10;
    margin: 0;
}
#select-region-content dl {
    margin: 0 0 0 0;
    padding: 0 5px;
    float: left; display: inline;
    width: 169px;
}
#select-region-content dl.first {
    border-right: 1px solid #C3DFEA;
}
#select-region-content dl dt {
    font-weight: normal;
    margin: 5px 0;
    font-weight: bold;
    display: none; /* We are not using the dt anymore, but I will leave in the styles just in case we need them again */
}
#select-region-content dl dd {
    padding: 0;
}
#select-region-content dl dd a {
    color: #36627B;
    text-decoration: none;
    padding: 3px 0 3px 22px;
    margin: 0 0 0 2px;
    background: url(/common/images/icons/ico_icons.png) no-repeat 0 0;
}
#select-region-content dl dd a:hover {
    text-decoration: underline;
}

/************************
 * region select button images
 ************************/
#select-region-content dl dd.united-states a     { background-position: 0 -50px }
#select-region-content dl dd.mexico a             { background-position: 0 -100px }
#select-region-content dl dd.brazil a             { background-position: 0 -150px }
#select-region-content dl dd.switzerland a         { background-position: 0 -200px }
#select-region-content dl dd.austria a             { background-position: 0 -250px }
#select-region-content dl dd.italy a             { background-position: 0 -300px }
#select-region-content dl dd.germany a             { background-position: 0 -350px }
#select-region-content dl dd.spain a             { background-position: 0 -400px }
#select-region-content dl dd.poland a             { background-position: 0 -450px }
#select-region-content dl dd.uk a                 { background-position: 0 -500px }
#select-region-content dl dd.irland a             { background-position: 0 -550px }
#select-region-content dl dd.australia a         { background-position: 0 -600px }
#select-region-content dl dd.new-zealand a         { background-position: 0 -650px }
#select-region-content dl dd.singapore a         { background-position: 0 -700px }

body.lang-fr #contact #sales-region-selector a.prompt,
body.lang-de #contact #sales-region-selector a.prompt {
    width: 170px;
}

body.lang-fr #contact #sales-region-selector a.prompt span,
body.lang-de #contact #sales-region-selector a.prompt span {
    background-position: -1359px -80px
}
#content-footer {
    width: 740px;
    padding: 11px 10px 12px 10px;
    margin-bottom: 10px; /* margin to footer below */
    border-top: 1px solid #B2C3CC;
    background: url(/common/images/backgrounds/boxes.png) -3720px bottom no-repeat;
}
#content-footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#content-footer ul li {
    float: left; display: inline;
    margin: 0;
    padding: 0;
    background-image: none;
}
/* footer page controls */
#content-footer ul#footer-page-controls {
    float: left; display: inline;
    margin: 0 0 0 198px;
}
#content-footer ul#footer-page-controls li a {
    color: #36627B;
}
#content-footer ul#footer-page-controls li a:hover {
    color: #60130C;
}
#content-footer ul#footer-page-controls li a {
    padding: 3px 0 3px 20px;
    background: url(/common/images/icons/ico_icons.png) 0 -1150px no-repeat; 
}
#content-footer ul#footer-page-controls li.top-link a {
    margin-right: 17px;
}
#content-footer ul#footer-page-controls li.email-link a {
    background-position: 0 -1102px;
    margin-right: 10px;
}
#content-footer ul#footer-page-controls li.print-link a {
    background-position: 8px -1050px;
    border-left: 1px solid #D0DBE1;
    padding-left: 31px;
}

/* page variant styles */
/*
 *        Home page specific content styles
 */
 
/*****************************************************************************************
 *            Home page box layout
 ****************************************************************************************/

/************************
 * overall page
 ************************/
body.home-page p {
    margin: 0 0 3px 0;
}
    
/************************
 * left column boxes
 ************************/
 
#feature{
    float: left;
    width: 619px;
    min-height: 322px;
    _height: 322px;
    margin-bottom: 7px;
}
#news,
#solutions {
    float: left;
    width: 304px;
}
#news {
    margin-right: 7px;
    clear: left;
}
#news .content,
#solutions .content {
    min-height: 227px;
    _height: 227px;
}

/************************
 * right column boxes
 ************************/
#webinars,
#tours,
#case-studies
 {
    float: right;
    clear: right;
    width: 320px;
    _overflow-x: hidden; /* IE 6 is blowing the width of these boxes for some reason */
}
body.has-sub-content #contact {
    width: auto;
    float: none;
    _overflow-x: hidden; /* IE 6 is blowing the width of these boxes for some reason */
    _width: 184px; /* IE 6 issue */
    z-index:100000;
}
body.home-page  #contact {
    float: right;
    clear: right;
    width: 320px;
    _overflow-x: hidden; /* IE 6 is blowing the width of these boxes for some reason */
}

/* adjust min height's */
#webinars .content,
#tours .content {
    min-height: 113px;
    _height: 113px;
    
}
#case-studies .content {
    min-height: 113px;
    _height: 113px;
    
}
#contact .content {
    min-height: 51px;
    _height: 51px;
}
body.has-sub-content #contact .content {
    min-height: 100px;
}

/*****************************************************************************************
 *            feature box styling
 ****************************************************************************************/
 
#feature {
     color: #36627b;
} 
 

/*****************************************************************************************
 *            news and events content styling
 ****************************************************************************************/
#news ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#news li {
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
    min-height: 90px;
    _height: 90px;
    background-image: none;
}
#news li.image {
    padding: 0 105px 0 0;
}
#news li h3 {
    margin: 0 0 3px 0;
    line-height: 1;
}
#news li .date {
    font-size: 0.83em;
    margin: 2px 0;
}
#news li img {
    position: absolute;
    top: 0;
    right: 0;
}


/*****************************************************************************************
 *            feature solutions content styling
 ****************************************************************************************/
#solutions h3 {
    margin-bottom: 7px;
}
#solutions p {
    line-height: 1.45;
}
#solutions .more-link {
    margin-top: 7px;
}

/*****************************************************************************************
 *            right hand box shared styling
 ****************************************************************************************/
#webinars,
#tours,
#case-studies {
    position: relative;
}
/* position the images correctly to the right of the boxes */
#webinars .image img,
#case-studies .image img,
#tours .image  img {
    position: absolute;
    top: 0;
    right: 2px;
}
#webinars .content {
    padding-bottom: 7px; /* slight tweak to get the box heights correct */
}
#tours .content {
    padding-bottom: 6px; /* slight tweak to get the box heights correct */
}

/************************
 * slideshow content 
 ************************/
#webinars .content ul.rotate,
#tours .content ul.rotate,
#case-studies .content ul.rotate,
#contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 110px;
    _height: 110px;
    
}
#contact ul {
    min-height: 0;
    _height: 0;
}

/* hide all items in the list of slideshow items by default */
#webinars .content ul li,
#tours .content ul li,
#case-studies .content ul li,
#contact .content ul li {
    display: none;
} 

#webinars .content ul li.rotate,
#tours .content ul li.rotate,
#case-studies .content ul li.rotate,
#contact .content ul li.rotate {
    position: absolute;
    padding: 0;
    left: -9999em;
    width: 164px;
    padding-right: 131px;
    background-image: none;
    
}
#webinars .content ul li.no-image,
#tours .content ul li.no-image,
#case-studies .content ul li.no-image,
#contact .content ul li.no-image {
    position: absolute;
    padding: 0;
    left: -9999em;
    width: 286px;
    padding-right: 0px;
    background-image: none;
}

#contact .content ul li {
    width: 205px;
    padding-right: 90px;
}

/* and only show the first one if there's no javascript */
#webinars .content ul li.first,
#tours .content ul li.first,
#case-studies .content ul li.first,
#contact .content ul li.first {
    position: relative;
    left: 0;
    display: block;
}

/************************
 * slideshow paging controls 
 ************************/
#webinars ul.next-prev,
#tours ul.next-prev,
#case-studies ul.next-prev {
    position: absolute;
    top: 11px;
    right: 15px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#webinars ul.next-prev li,
#tours ul.next-prev li,
#case-studies ul.next-prev li {
    float: left;
    margin: 0;
    padding: 0;
}    
#webinars ul.next-prev li a,
#tours ul.next-prev li a,
#case-studies ul.next-prev li a {
    display: block;
    width: 50px;
    height: 19px;
    text-align: center;
}   

body.lang-de #webinars ul.next-prev li a,
body.lang-de #tours ul.next-prev li a,
body.lang-de #case-studies ul.next-prev li a {
    width: 57px;
}
 
#webinars ul.next-prev li a span,
#tours ul.next-prev li a span,
#case-studies ul.next-prev li a span {
    background-image: url(/common/images/backgrounds/bg_combined.png);
}   

 body.lang-fr #webinars ul.next-prev li a span,
body.lang-fr #tours ul.next-prev li a span,
body.lang-fr #case-studies ul.next-prev li a span {
    background-image: url(/common/images/backgrounds/bg_combined.png);
}
body.lang-de #webinars ul.next-prev li a span,
body.lang-de #tours ul.next-prev li a span,
body.lang-de #case-studies ul.next-prev li a span {
    background-image: url(/common/images/backgrounds/bg_combined.png);
}


/*****************************************************************************************
 *            webinars box specific styling
 ****************************************************************************************/
#webinars ul.next-prev li.prev span {
    background-position: -960px 0;
}    
#webinars ul.next-prev li.next span {
    background-position: -1010px 0;
}    
#webinars .date {
    font-size: 0.83em;
    margin-bottom: 2px;
}
body.lang-de #webinars ul.next-prev li.next span {
    background-position: -1017px 0;
}


/*****************************************************************************************
 *            tours box specific styling
 ****************************************************************************************/
#tours ul.next-prev li.prev span {
    background-position: -960px -19px;
}    
#tours ul.next-prev li.next span {
    background-position: -1010px -19px;
}
body.lang-de #tours ul.next-prev li.next span {
    background-position: -1017px -19px;
}    


/*****************************************************************************************
 *            case studies box specific styling
 ****************************************************************************************/
#case-studies ul.next-prev li.prev span {
    background-position: -960px -38px;
}    
#case-studies ul.next-prev li.next span {
    background-position: -1010px -38px;
} 
body.lang-de #case-studies ul.next-prev li.next span {
    background-position: -1017px -38px;
}
   
#case-studies strong {
    font-weight: normal;
    font-size: 1.09em;
}


/*****************************************************************************************
 *            contact box styling
 ****************************************************************************************/
#contact {
    position: relative;
}
#contact h3 {
    font-size: 1em;
    font-weight: normal;
    color: #231F20;
}
#contact .image { /* !! This is a bit of a hack !! */
    position: absolute;
    bottom: 2px;
    right: 15px;
    width: 115px;
    height: 94px;
    z-index: 10;
    background: transparent url(/common/images/boxes/bg_contact-box.png) no-repeat bottom right;
}
body.has-sub-content #contact .image {
    display: none;
}
#contact .content {
    position: relative;
    zoom: 1;
}
body.has-sub-content #contact .heading {
    display: none;
}
body.has-sub-content #contact ul {
    list-style: none;
    _width: 150px !important; /*IE6 issue */
}
body.has-sub-content #contact ul li {
    background: none;
    padding-right: 0;
    padding-left: 0;
    margin-top: 2.25em;
}
/************************
 * sales region selector
 ************************/
#contact #sales-region-selector {
    position: absolute;
    top: 11px;
    right: 15px;
    z-index: 12;
    font-size: 0.92em;
}
body.has-sub-content #contact #sales-region-selector {
    top: 3.5em;
    _top: 4.1em; /* IE6 requires more height */
    right: 5px;
}

#contact #sales-region-selector ul {
    display: none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #d7dcdd;
    border-top: 1px solid #c4cdcf;
    list-style: none;
}
#contact #sales-region-selector li {
    margin: 0;
    padding: 0;
    background-image: none;
}
#contact #sales-region-selector a:link,
#contact #sales-region-selector a:visited {
    display: block;
    color: #13404b;
    text-transform: uppercase;
    text-decoration: none;
}
#contact #sales-region-selector a.prompt {
    height: 19px;
    width: 130px;
    text-align: center;
}
#contact #sales-region-selector a.prompt span {
    background: transparent url(/common/images/backgrounds/bg_combined.png) -1189px -80px no-repeat;
}
#contact #sales-region-selector a.arb-hover span {
    background-position: -1319px -80px;
}
#contact #sales-region-selector li a:link,
#contact #sales-region-selector li a:visited {
    text-transform: none;
    border-top: 1px solid #e7ebec;
    border-bottom: 1px solid #c4cdcf;
    padding: 4px 5px 4px 12px;
}
#contact #sales-region-selector li a:hover {
    text-decoration: underline;
    background: #e7ebec;
}
#contact #sales-region-selector li a.activeSlide {
    font-weight: bold;
}
/*
 *        Home page specific content styles
 */

/************************
 * List style overrides
 ************************/
/*     
    This page has 2 lists, one after the other.  
     Remove the border from the top list (thumbnailed) so that there isn't a double border  
*/
body.news-page ul.thumbnail-overview-list {
    border-bottom: none;
}
/*
 *        Sitemap page specific content styles
 */
/* IE7 is borked with clearing floated elements, target it with inline gallery styles to get the same layout */
body.sitemap-page .section {
    float: left;
    width: 49.9%;
    *float: none !important;
    zoom: 1;
    display: inline;
    vertical-align: top;
}
body.sitemap-page .odd-section {
    clear: both;
    float: left;
}
body.sitemap-page .section ul {
    overflow: hidden; /* stop the margin jumping around in IE 7 */
}
body.product-page ul.product-links {
    margin: 15px 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #6c7c8a;
    zoom: 1; /* contain floats */
}
body.product-page ul.product-links:after {
    content: '.';
    display: block;
    clear: both;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
body.product-page ul.product-links li {
    float: left; display: inline;
    margin-right: 25px;
    font-size: 1.25em;
    background-position: 0 -140px;
}
/*
 * Search and partner search specific styles
 * NOTE: this file's a bit funky, sorry...
 */
 

/*****************************************************************************************
 *            Style search group headings
 ****************************************************************************************/
/************************
 * style the heading container
 ************************/
 
.search-group-heading {
    background: #e3e7f7 url(/common/images/icons/ico_icons.png) 0 -350px repeat-x;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    margin: 20px 0 15px 0;
    padding: 0 15px 0 0;
    zoom: 1; /* contain floats */
    cursor: hand;
}
.search-group-heading:after {
    content: '.';
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

/************************
 * style the h2 element
 ************************/
.search-group-heading h2 {
        
    float: left;
    line-height: 34px;
    vertical-align: middle;
    
    margin: 0;
    padding: 0 0 0 15px;
}

/************************
 * style the heading in it's collapsed / expanded state
 ************************/
 
.expanded-search-group-heading h2,
.collapsed-search-group-heading h2 {
    padding-left: 38px;
    background: transparent url(/common/images/icons/ico_icons.png) 10px -308px no-repeat;
    cursor: hand;
    cursor: pointer;
}
.collapsed-search-group-heading h2 {
    background-position: 10px -273px;
}

/************************
 * style the results summary
 ************************/
.search-group-heading .results-summary {
    float: right;
    color: #838287;
    line-height: 34px;
    vertical-align: middle;
}


/*****************************************************************************************
 *            Style form styling
 ****************************************************************************************/
/************************
 * style the search form container
 ************************/
.search-form {
    background: #eaebef;
    padding: 15px 0 15px 0;
    margin: 25px 0;
    zoom: 1; /* contain floats */
}
.search-form:after {
    content: '.';
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

/************************
 * style the h3 (used on partner search)
 ************************/
.search-form h3 {
    margin: 0 15px;
}

/************************
 * style the form item row (used on partner search)
 ************************/
 
.search-form .form-item-row  {
    float: left; 
    width: 100%;
    padding: 10px 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #d0d4da;
}

/************************
 * style the form item elements and contents
 ************************/
.search-form .form-item {
    padding: 0 15px;
    width: 235px;
    margin: 0;
    float: left; display: inline;
}
.ultimate-search-form span {
    vertical-align: middle;
}
/* make the label align left */
.search-form label {
    float: left;
    margin: 3px 0 0 0;
}
.ultimate-search-form label {
    width: 89px;
    margin-left: 15px;
}
/* make form controls align right */
.search-form .form-item select {
    width: 140px;
    float: right;
}
.search-form .form-item input.text {
    width: 140px;
    float: right;
}
.ultimate-search-form input.text {
    width: 140px;
    margin-right: 5px;
    float: left;
}
/************************
 * make buttons align left
 ************************/
.partners-page .search-form .buttons-form-item {
    text-align: right;
}
.search-form .buttons-form-item a.link-button,
.search-form .buttons-form-item input,
.search-form .ultimate-search input.button,
.search-form .ultimate-search a.link-button {
    margin: 1px 0 0 0;
    font-weight: bold;
}
.search-form .ultimate-search input.button,
.search-form .ultimate-search a.link-button {
    float: left;
}

/*****************************************************************************************
 *            Search page specific styling
 ****************************************************************************************/
/************************
 * style the more link (used on site search)
 ************************/
.search-form .more-link {
    padding: 10px 0 5px 15px;
    float: left;
    clear: left;
}

/*****************************************************************************************
 *            Search result tweaking
 ****************************************************************************************/
.search-results-wrapper {
    overflow: hidden; /* make sure no margins protrude out of this element when it's animated */
}
.search-results-wrapper .more-link {
    float: right;
}
.search-results-wrapper .result-expander {
    margin: 0 0 5px 15px;
}
.search-results-wrapper .result-expander .current-summary {
    float: left; display: inline;
    padding-right: 10px;
    border-right: 1px solid #666;
    color: #666;
    margin-right: 10px;
}
.search-results-wrapper .result-expander .expand-results {
    padding-right: 15px;
    background: transparent url(/common/images/icons/ico_icons.png) right -955px no-repeat;
}
.search-results-wrapper .result-expander .collapse-results {
    background-position: right -995px;
}

/*****************************************************************************************
 *            Search result tweaking - Secondary page
 ****************************************************************************************/
.pagingPanel {
    display:block;
    border-bottom: 1px solid #5E707F;
    
}
.pagingPanel .paginginfo {
    float:left;
    padding-bottom:5px;
}
.pagingPanel .searchinfo {
    float:right;
}

.search-results .result h3 {
    margin: 0 0 5px;
    padding-left:15px;
}
.search-results .result .content {
    border-bottom: 1px solid #5E707F;
    padding-bottom: 12px;
    padding-left:15px;
}
.search-results .result h3 {
    margin: 0 0 5px;
    padding-left:15px;
}
.search-results .result .content {
    border-bottom: 1px solid #5E707F;
    padding-bottom: 12px;
    padding-left:15px;
}

.search-group-heading h2.opened {
    background:transparent url(/common/images/icons/ico_icons.png) no-repeat scroll 0 -308px;
    float:left;
    line-height:34px;
    margin:0 0 0 10px;
    padding:0 0 0 35px;
    vertical-align:middle;
}
.search-group-heading h2.closed {
    background:transparent url(/common/images/icons/ico_icons.png) no-repeat scroll 0 -273px;
    float:left;
    line-height:34px;
    margin:0 0 0 10px;
    padding:0 0 0 35px;
    vertical-align:middle;
}
/*
 *        buy online page specific content styles
 */
/*****************************************************************************************
 *            Shopping page header bar
 ****************************************************************************************/
#shop-header {
    background: #e3e7f7 url(/common/images/icons/ico_icons.png) 0 -350px repeat-x;
    border: 1px solid #e0e0e0;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    margin: 15px 0;
    padding: 0 15px;
    zoom: 1; /* contain floats */
    line-height: 34px;
    vertical-align: middle;
}
#shop-header:after {
    content: '.';
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
#shop-header .location {
    float: left;
    color: #878687;
    padding-right: 10px;
    margin: 0 10px 0 0;
    border-right: 1px solid #e0e0e0;
}
#shop-header .welcome {
    float: left;
}
#shop-header ul {
    line-height: 34px;
    vertical-align: middle;
    float: right; display: inline;
    margin: 0 -16px 0 0;
    padding: 0;
}
#shop-header ul li {
    border-left: 1px solid #e0e0e0;
    display: inline;
    vertical-align: middle;
    background-image: none;
    padding: 0 8px 0 9px;
    margin: 0 8px 0 -9px;
}
#shop-header ul li:first-child { 
    border-left: 0;
}
#shop-header ul li a:link,
#shop-header ul li a:visited {
    color: #878687;
}


/*****************************************************************************************
 *            Product List
 ****************************************************************************************/
/************************
 * ul container
 ************************/
ul.products-list {
    padding: 0 0 30px 0;
    margin: 30px 0;
    zoom: 1; /* contain floats */
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #aeb7bc;
}
ul.products-list:after { /* contain floats */
    content: '.';
    display: block;
    clear: both;
    height: 0;
    width: 0;
    visibility: hidden;
    overflow: hidden;
}

/************************
 * li items
 ************************/
ul.products-list li {
    float: left;
    width: 117px;
    padding: 0;
    margin: 0 0 0 21px;
    background-image: none;
    clear: none !important;
}
ul.products-list li.first {
    margin-left: 0;
}
/************************
 * content element
 ************************/
ul.products-list li .content-wrapper {
    border: 1px solid #c1c8cb;
    background: #fbfaf6 url(/common/images/backgrounds/boxes.png) -340px 0;
    text-align: center;
    -moz-border-radius: 7px;
}
ul.products-list li .content {
    background: transparent url(/common/images/backgrounds/boxes.png) -340px 100%;
    border: 1px solid #fff;
    -moz-border-radius: 7px;
    padding: 13px 0;
}
#main ul.products-list li .content .thumbnail img {
    float: none;
    margin: auto;
}
ul.products-list li .content div {
    text-align: center;
}

/************************
 * product name (header)
 ************************/
ul.products-list li h2 {
    font-size: 1em;
    font-weight: bold;
    color: #0053a0;
    text-align: center;
    margin-top: 0;
}
ul.products-list li h2 a:link,
ul.products-list li h2 a:visited {
    color: #0053a0;
    text-decoration: none;
}
ul.products-list li h2 a:hover {
    text-decoration: underline;
}

/************************
 * product price 
 ************************/
ul.products-list li .content .price {
    font-weight: bold;
    color: #0053a0;
    margin: 10px 0 0 0;
}

/************************
 * buy now button 
 ************************/
ul.products-list li .content .buy-link a {
    display: inline-block;
    zoom: 1;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    width: 73px;
    color: #fff;
    background: #16324a url(/common/images/backgrounds/bg_combined.png) 0 -40px no-repeat;
    margin: 5px 0 0 0;
    text-decoration: none;
}
ul.products-list li .content .buy-link a:hover {
    text-decoration: underline;
    background-position: 0 -80px;
}
/*****************************************************************************************
 *            partner search  result list styles
 ****************************************************************************************/
/************************
 * ul / li container styling
 ************************/
ul#partners-search-results-list {
    margin-bottom: 2em;
}
 
ul#partners-search-results-list li {
    padding-left: 155px;
}
ul#partners-search-results-list li.noimage {
    padding-left: 0;
}

/************************
 * item header
 ************************/
ul#partners-search-results-list li h3 {
    float: right;
    width: 100%;
    margin: 0;
    font-size: 1.5em;
}

/************************
 * style the thumbnail
 ************************/
ul#partners-search-results-list .thumbnail {
    width: 135px;
    margin: 0 0 0 -155px;
}

/************************
 * content
 ************************/
ul#partners-search-results-list .location {
    padding: 0 0 2px 0;
}
ul#partners-search-results-list .url {
    padding: 0 0 15px 0;
    margin: 0;
}
ul#partners-search-results-list .level {
    float: right;
}

/************************
 * partner search
 ************************/
#partner-search.search-form .form-item {
    padding: 0 15px;
    width: 340px;
    margin: 0;
    float: left; display: inline;
}
#partner-search.search-form .form-item select {
    width: 215px;
    float: right;
}
#partner-search.search-form .buttons-form-item {
    width: 130px;
}
/*****************************************************************************************
 *            contact lists
 ****************************************************************************************/
/************************
 * ul / li container styling
 ************************/
.contacts {
    padding: 1px 0 20px 0;
    zoom: 1; /* contain floats */
}
.contacts:after { /* contain floats */
    content: '.';
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    width: 0;
}
.contacts .left {
    float: left;
    width: 45%;
}
.contacts .right {
    width: 50%;
    margin: 0 0 0 auto;
}

/************************
 * style item header
 ************************/
.contacts h3,
.contacts h4 {
    font-size: 1.08em;
    color: #313131;
    margin: 20px 0 8px 0;
    padding: 0;
    line-height: 1;
}
/*
 *        Resources page specific content styles
 */

/*****************************************************************************************
 *            Resource Listings
 ****************************************************************************************/

#main #resources-filter {
    padding-bottom: 10px;
    xborder-bottom: 1px solid #b5bdc4;
}
#main #resources-filter legend {
    color: #231f20;
    font-size: 1em;
    font-weight: normal;
}
#main #resources-filter .filter-wrapper {
    padding: 21px 0px 9px;
    background: #eaebef url(/common/images/backgrounds/bg_resources-filter.gif) 0px 0px repeat-x;
}
#main #resources-filter .filter-wrapper .form-item {
    float: left;
    width: 240px;
    margin: 0px;
    padding: 0px 14px 11px 12px;
    border-left: 1px solid #b5bdc4;
}
#main #resources-filter .filter-wrapper .filter-first {
    padding-left: 8px;
    border: none;
}
#main #resources-filter .filter-wrapper .filter-last {
    padding-right: 8px;
}
#main #resources-filter .form-item label {
    display: block;
    padding-bottom: 0.3em;
    color: #231f20;
    font-weight: bolder;
}
#main #resources-filter .form-item select.short {
    width: 240px;
}

/************************
 * Resource Page Formatting
 ************************/
 
body.resource-item h3.resource-title {
    padding: 0;
    margin: 0 0 3px 0;
}
body.resource-item #additionalhtmlcontent h3.resource-title {
    margin: 15px 0 3px 0;
}

body.resource-item .resource-content {
    clear: both;
}

/************************
 * Keywords List
 ************************/
 
ul.keywordslist {
    width:33%;
    float:left;
    padding:0;
    margin:0;
    border:none;
    font-size:90%;
}
ul.keywordslist li {
    margin:0;
    padding:0;
    border:none;
    background:none;
}
 
ul.keywordslist li h4 {
    padding:0;
    margin:0
}

/* form styles */
/*****************************************************************************************
 *            Fieldset styling
 ****************************************************************************************/
 
/************************
 *  fieldsets
 ************************/
 
fieldset {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
}
#main fieldset {
    margin: 2em 0 0.5em 0;
}

/************************
 * legend 
 ************************/
 
fieldset legend {
    font-weight: bold;
    margin: 0;
    *margin-left: -8px;
    padding: 0;
    color: black;
    font-size: 1em;
}
#main fieldset legend { /* match h2 styling in main content region */
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0.25em;
    color: #13404b;
}


/*****************************************************************************************
 *            Default form item elements appearance
 ****************************************************************************************/
 
input.text,
input.password,
.form-item .value {
    margin: 0;
    padding: 2px !important;
    font-size: 1.1em;
    border: 1px solid #999;
}
/* read only mode */
.form-item .value {
    min-height: 1.1em;
    border: none;
}
textarea {
    margin: 0;
    padding: 2px;
    border: 1px solid #999;
}
select {
    margin: 0;
    display: inline;
    padding: 1px !important;
    font-size: 1.1em;
    border: 1px solid #999;
}
label {
    vertical-align: middle;
    font-weight: normal;
}
label em {
    font-style: normal;    
}


/*****************************************************************************************
 *            Standard form item styling
 ****************************************************************************************/
/************************
 * inline help
 ************************/
.form-item .description {
    font-size: 0.92em;
    color: #666;    
}

/*****************************************************************************************
 *            Buttons
 ****************************************************************************************/
/************************
 * form item element
 ************************/
.button-form-item,
.buttons-form-item {
    text-align: right;
    margin-top: 10px;
    vertical-align: middle;
}

/************************
 * shared input and a.link-button styles
 ************************/
.button-form-item input,
.buttons-form-item input,
input.button,
a.link-button {
    font-size: 1em;
    font-family: Arial, Helvetica, Sans-Serif; /* input type=submit uses a different font by default which changes the size and causes jumping when it's switched out for a link-button */
    color: #fff;
    border: none;
    height: 21px;
    zoom: 1;
    padding: 0 0 0 10px;
    background: #c14601 url(/common/images/backgrounds/bg_combined.png) -1740px -160px;
    margin: 0 5px 0 0;
}
.button-form-item .default,
.buttons-form-item .default {
    font-weight: bold;
}

/************************
 * a.link-button specific styles
 ************************/
a.link-button:visited,
a.link-button:link {
    color: #fff; /* IE 6 isn't inheriting this properly unless we specify it here */
    text-decoration: none; /* same as above */
    display: -moz-inline-box;
    display: inline-block;
}
a.link-button:hover {
    text-decoration: underline;
}
a.link-button span {
    display: block;
    padding: 0 10px 0 0;
    line-height: 21px;
    background: transparent url(/common/images/backgrounds/bg_combined.png) 100% -160px;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}
/* shift text down and right by 2px when clicked */
a.link-button:active span {
    line-height: 19px;
    padding: 2px 8px 0 2px;
}


/*****************************************************************************************
 *            Default radios / checkboxes form item appearance
 ****************************************************************************************/
/************************
 * common styling for fieldset and form item radio / checkbox groups
 ************************/
/* style the input/label container */
div#page .checkboxes-fieldset .form-item,
div#page .radios-fieldset .form-item,
div#page .checkboxes-form-item .form-item,
div#page .radios-form-item .form-item {
    margin: 3px 0 0 0;
    padding: 0;
}
/* get the label and input to sit nicely beside each other */
div#page .checkboxes-fieldset label,
div#page .checkboxes-fieldset input,
div#page .checkbox-form-item label,
div#page .checkbox-form-item input,
div#page .radios-fieldset label,
div#page .radios-fieldset input,
div#page .checkboxes-form-item label,
div#page .checkboxes-form-item input,
div#page .radios-form-item label,
div#page .radios-form-item input {
    display: inline;
    vertical-align: middle;
}
/* push the label away from the input slightly */
div#page .checkboxes-fieldset input,
div#page .radios-fieldset input,
div#page .checkbox-form-item input,
div#page .checkboxes-form-item input,
div#page .radios-form-item input {
    margin-right: 5px;
    width: 13px; /* for ie */
    height: 13px; /* For ie */
}
/* styling for the label */
div#page .radios-fieldset label,
div#page .checkboxes-fieldset label,
div#page .checkbox-form-item label,
div#page .radios-form-item label,
div#page .checkboxes-form-item label {
    font-weight: normal;
    float: none;
    margin: 0;
    padding: 0;
}

/************************
 * fieldset radio / checkbox groups
 ************************/
div#page .radios-fieldset .form-item,
div#page .checkboxes-fieldset .form-item {
    margin: 5px 0;
}

/*****************************************************************************************
 *            Bolean radio radio button list
 ****************************************************************************************/
x div#page .two-column-form .boolean-radios-form-item .form-item {
    width: 60px;
    float: left; display: inline;
    clear: none;
    margin-right: 10px;
}
x div#page .two-column-form .boolean-radios-form-item .form-item label {
    margin: 0;
}

/*****************************************************************************************
 *            Enhanced textareas styling
 ****************************************************************************************/
.enhanced-textarea .textarea-footer {
    background-color: #ececec;
    border: 1px solid #999;
    border-top: none;
}
 
.enhanced-textarea .grippie {
    min-height: 5px;
    _height: 5px;
    background: url(/common/images/backgrounds/bg_grippie.gif) #ececec 50% 50% no-repeat;
}
.enhanced-textarea .grippie:hover {
    cursor: n-resize
}
.enhanced-textarea .textarea-length-counter {
    text-align: right;
    padding: 2px;
}

/*****************************************************************************************
 *            Container / inline form items
 ****************************************************************************************/
.container-form-item {
}
#page #main .container-form-item .form-item {
    float: left; 
    _float: none; /* ie 6 had crazy jumping label issues when these boxes were floated. make it display inline and no float instead to line up the items */
    _display: inline;
    margin: 5px 10px 0 0;
    clear: none;
    padding: 0 0 1.4em 0;
    position: relative;
    overflow: visible; /* IE7 chops off content if this is hidden */
}
#page #main .container-form-item .form-item label {
    margin: 0;
    position: absolute;
    text-align: left;
    width: auto;
    bottom: 0; 
    left: 0;
    font-size: 0.92em;
}
#page #main .container-form-item .read-only-form-item label {
    display: none;
}

#page #main .container-form-item legend {
    font-weight: normal;
}
#page #main .container-form-item .form-item input.text,
#page #main .container-form-item .form-item  select {
    float: left;
    clear: left;
    max-width: 1000px;
}


/*****************************************************************************************
 *            Error form items
 ****************************************************************************************/
.error-form-item {
}
.error-form-item .error-message {
    display: block;
    margin: 5px 0;
    color: red;
}
.error-form-item label {
    color: #cc0000;
}
.error-form-item input.text,
.error-form-item textarea,
.error-form-item select {
    border-color: #f00;
}

/*****************************************************************************************
 *            Date picker form item
 ****************************************************************************************/
.date-form-item .description {
    clear: both;
}
/* For the input and anchor */
a.dp-choose-date {
    width: 16px;
    height: 16px;
    border: none;
    color: #fff;
    padding: 0;
    margin: 0 0 0 3px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    background: url() #ececec left top no-repeat;
    text-indent: -1000px;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
input.dp-applied {
    float: left;
}
/* For the calendar table */
table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    width: auto;
    margin: 0;
    border-collapse: separate; /* override default table styles */
}
table.jCalendar th {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
    border: none;
    text-align: center;
}
table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
    vertical-align: middle;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
    font-weight: bold;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
    font-weight: bold;
}
table.jCalendar td.selected:hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
    background: #fff;
    color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    background: #bbb;
    color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div#dp-popup {
    position: absolute;
    font-size: 10px;
    background: #ccc;
    padding: 2px;
    min-height: 172px;
    min-width: 171px;
    z-index: 2000;
}
div#dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div#dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div#dp-popup div#dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div#dp-popup div#dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div#dp-popup div#dp-nav-prev a, div#dp-popup div#dp-nav-next a {
    cursor: pointer;
}
div#dp-popup div#dp-nav-prev a.disabled, div#dp-popup div#dp-nav-next a.disabled {
    cursor: default;
}
div#dp-popup div#dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div#dp-popup div#dp-nav-next a {
    float: right;
}
div#dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div#dp-popup td {
    cursor: pointer;
}
div#dp-popup td.disabled {
    cursor: default;
}


/*****************************************************************************************
 *            Focus highlighting
 ****************************************************************************************/
/* style the label when the associated control has focus */
.form-item label.arbHasFocus {
}
.form-item input[type=text].arbHasFocus,
.form-item textarea.arbHasFocus,
.form-item select.arbHasFocus {
    border: 1px solid #000;
}

/*****************************************************************************************
 * Form item widths
 ****************************************************************************************/
 
/************************
 * standard width controls
 ************************/
.form-item input.text {
    width: 250px;
}
.form-item select {
    width: 257px;
}
.form-item textarea {
    width: 250px;
}
/************************
 * extra short controls
 ************************/
.form-item input.extra-short,
.form-item textarea.extra-short {
    width: 50px;
}
.form-item select.extra-short {
    width: 57px;
}

/************************
 * short controls
 ************************/
.form-item input.short,
.form-item textarea.short {
    width: 117px;
}
.form-item select.short {
    width: 137px;
}

/************************
 * wide controls
 ************************/
.form-item input.wide {
    width: 350px;
}
.form-item select.wide {
    width: 357px;
}

/************************
 * SmartForm styles
 ************************/
#smartform table, #smartform tr, #smartform th, #smartform td { border: none; background: transparent; padding: 4px; }
#smartform td { vertical-align: middle; }
#smartform td td { padding: 2px; }
#smartform tr.arb-even td, #smartform tr.arb-hover td { border: none; background: transparent; }
#smartform input.text { width: 250px; } 

/*****************************************************************************************
 *            Misc
 ****************************************************************************************/
 
/************************
 * clearfix (float clearing) for controls
 ************************/
 
/* clearFix for good browsers*/
html > body .form-item:after {
    content: "."; 
    display: block; 
    height: 0; 
    width: 0;
    clear: both; 
    visibility: hidden;
}
.form-item { display: inline-block; }
@media all { /* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
    .form-item { 
        zoom: 1; 
        display: block;
    }
}
/*
    layout for normal forms (contact forms etc.)
*/

/*****************************************************************************************
 * Two column forms (label beside inputs)
 ****************************************************************************************/
.two-column-form {
    margin: auto;
    padding: 0;
}

/************************
 * fieldset / legends
 ************************/
/* first level fieldset */
.two-column-form fieldset {
}
/* second level fieldset */
#main .two-column-form fieldset fieldset {
}
/* third level fieldset */
.two-column-form fieldset fieldset fieldset {
}
/* first level legend */
.two-column-form legend {
}
.two-column-form legend a {
}
/* second level legend */
.two-column-form fieldset fieldset legend {
}
/* third level legend */
.two-column-form fieldset fieldset fieldset legend {
}

/************************
 * styling for form items (make each one a row)
 ************************/
 
/* generic form item */
#main .two-column-form .form-item {
    padding: 0 0 0 160px; /* padding-left is width of first column */
    margin: 6px 0 0 0;
    clear: left;
}
/* form item contained within a fieldset */
#main .two-column-form fieldset .form-item {
    background-image: none;
    background-color: transparent;
}
/* secondary fieldset form item */
.two-column-form fieldset fieldset .form-item {
}
/* tertiary fieldset form item */
.two-column-form fieldset fieldset fieldset .form-item {
}
/* child form items */
#main .two-column-form fieldset .form-item .form-item {
    padding: 0;
}
/* error form items */
.two-column-form fieldset .error-form-item {
}

/************************
 * styling for form item labels (make them the first column)
 ************************/
 
/* get rid of legends in the label position to style the inner span */
#main .two-column-form .form-item legend {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    _margin: 3px 0 -10em -168px; /* see comment below for IE 6 fix */
    float: left; display: inline;
    overflow: visible;
    font-size: 1em;
}
/* IE 7 fix */
*:first-child+html #main .two-column-form fieldset.form-item legend {
    margin-left: -8px;
}
/* make the control label appear in the leftmost column */
#main .two-column-form .form-item label,
#main .two-column-form fieldset.form-item legend span {
    width: 140px;        /* width of first (label) column */
    margin: 3px 0 0 -160px;
    float: left; display: inline;
    padding: 0 16px 4px 0;
    font-weight: normal;
    line-height: 1.2em;
    text-align: right;
    /* position: relative;  this makes the labels jump in IE with collapsible fieldsets */
}
/* IE 6 fix, we're putting the negative margin on the legend, not the span inside because IE 6
   won't do overflow: visible on our 0 height 0 width legend if we negatively margin the span
   and don't have position: relative which makes things jump around :-( */
#main .two-column-form fieldset.form-item legend span {
    _margin: 0;
}
/* reset lower level labels */
#main .two-column-form .form-item .form-item label {
    float: none;
    margin: 0;
    padding: 0;
}
#main .two-column-form fieldset.form-item legend span {
    position: absolute;
}

/* the (required) image */
.two-column-form .form-item label img,
.two-column-form .form-item legend span img {
    float: right; display: inline;
    margin-right: -15px;
    padding-left: 3px;
}

/************************
 * space out buttons
 ************************/
#main .two-column-form .buttons-form-item {
    padding-top: 1.5em;
    text-align: left;
}
#main .two-column-form fieldset .buttons-form-item {
    padding-top: 4px;
}

/************************
 * form-item level description
 ************************/
.two-column-form .form-item .description {
    color: #333;
    font-size: 0.91em;
    margin-botttom: 3px;
}

/************************
 * error form items
 ************************/
 
.two-column-form .error-message {
    clear: both;
    font-size: 0.92em;
}

/*****************************************************************************************
 *            Main document sections layout
 ****************************************************************************************/
body {
    text-align: center; /* center the #page element in IE5/win [cfw] */
}
#page {
    position: relative; zoom: 1;
    z-index: 1;
    width: 950px; /* [cfw] */
    text-align: left; /* reset the text alignment after IE5/win hack above [cfw] */
    margin: 0 auto; /* ceneter the #page element in all but IE5/win [cfw] */
}
/* dummy element to contain bottom of page background */
#extra1 {
    float: left;
    width: 100%;
    width: 100%;
    height: 397px;
    margin-top: -262px;
}
body.home-page #extra1 {
    height: 950px;
    margin-top: -815px;
}

/************************
 * header, primary navigation and breadcrumb
 ************************/
 
#page #header {
    position: relative; zoom: 1;
    height: 104px;
    z-index: 2;
}

#page #primary-navigation-wrapper {
    float:left;
    height:0;
    width:0;
}
#page #primary-navigation {
    left:0;
    position:absolute;
    top:73px;
    width:950px;
    /* z-index:3; */
    z-index: 1000001;
    background:url(/common/images/backgrounds/bg_combined.png) no-repeat scroll left top #16405E;
}
#primary-navigation ul {
    float: right;
    display: inline;
}

/************************
 * secondary navigation & content columns
 ************************/
 
#column-wrapper {
     padding-left: 185px;
    margin-top: 7px; /* margin below primary nav */
}
body.home-page #content{
    padding-bottom: 7px; /* push down the footer */
    *padding-bottom: 14px; /* IE pulls the -7px on the bottom of the boxes into the padding */
}
#page #column-wrapper-inner {
    width: 100%; /* teaches IE to figure out what margin-left: -100% means */
}
/* no secondary nav */
#page #content {
    min-height: 530px;
    margin-top: 7px;
}
#page #footer {
    _z-index: 2; /*  IE6 was getting confused with z-index */
}
/* breathe in at the left a little to make room for secondary nav */
body.has-secondary-navigation #page #content {
    float: left; display: inline;
    width: 100%;
    margin-top: 0;
}
/* push content away from space where secondary nav will be */
body.has-secondary-navigation #page #content-inner {
    padding-left: 21px; /* move away from the secondary navigation */
}
/* move into the space we created next to #content */
#page #secondary-navigation {
    float: left; display: inline;
    width: 185px;
    z-index: 1; /* make sure this isn't hidden underneath #content in FF */
    position: relative;
    padding-bottom: 340px; /* leave room for gradient bg on bottom of nav block */
    margin-left: -100%;
    left: -185px;
}

/************************
 * misc
 ************************/
#page #extended-footer {
    clear: both;
    padding: 0px 0 15px 0;
    overflow: hidden;
    zoom: 1; /* To stop IE6 page scroll bug */
    position: relative;
}
#page #footer {
    clear: both;
    min-height: 94px;
    _height: 94px;
}

/*****************************************************************************************
 *            Page layout / styles
 ****************************************************************************************/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    background: #7e949f url(/common/images/backgrounds/bg_body-internal-top.jpg) left top repeat-x;
    color: #231f20;
}
body.home-page {
    background-color: #fff;
    background-image: none;
}
#page {
}
#page-inner {
}
/* page bottom background */
#extra1 {
    background: url(/common/images/backgrounds/bg_body-internal.jpg) transparent left top repeat-x;
}
body.home-page #extra1 {
    background-image: url(/common/images/backgrounds/bg_body.jpg);
}
/* footer reflection */
#extra1 div {
    background: url(/common/images/backgrounds/bg_body-center.jpg) transparent center -150px no-repeat;
    height: 400px;
    margin-top: -3px;
}
body.home-page #extra1 div {
    background-position: center top;
    height: 550px;
    margin-top: 400px;
}


/*****************************************************************************************
 *             Page Title internal layout / styles
 ****************************************************************************************/
#page-title {
    padding-bottom: 5px;
    margin-bottom: 5px;
}
body.has-breadcrumb #page-title {
    padding-top: 1.012em; /* account for height of breadcrumb line */
}
body.has-breadcrumb #page-title h1 {
    padding: 0;
}


/*****************************************************************************************
 *             Content area internal layout
 ****************************************************************************************/
#column-wrapper {
    background: url(/common/images/backgrounds/bg_content.png) transparent -1333px 0 repeat-y;
}
body.home-page #column-wrapper {
    background: none;
}
#content-inner {
    background: url(/common/images/backgrounds/bg_content.png) transparent -558px 0 no-repeat;
}
body.home-page #content-inner {
    background: none;
}
body.has-flash-banner #content-inner {
    background-position: -2425px 0;
}

/************************
 * With sub content
 ************************/
/* prep the main content, leaving room beside it for sub content */
body.has-sub-content #content #main {
    float: left; display: inline;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-right: -200px; /* sub content width + margin each side of sub content  */
}
/* leave room for side content to sit, it get's shifted into this space */
body.has-sub-content #content #main-inner {
    margin-right: 190px; /* sub content width + margin each side of sub content  */
    padding: 0 23px 20px 0; /* Give the content some breathing room */
}
/* shift the sub content into the space left by #main-inner */
body.has-sub-content #content #sub {
    float: right; display: inline;
    width: 182px;
    margin: 0 0 -48px 0; /* negative margin to (roughly) account for height of content-footer element */
}
/************************
 * With flash banner
 ************************/
body.has-flash-banner #breadcrumb ol {
    top: 314px; /* just inside content region */
}
#flash-banner {
    width: 950px;
    height: 188px;
    margin: 7px 0 0 0;
}
.flash-alt-content {
    position: relative;
}
.flash-alt-content p {
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-size: 1.1818em;
}
body.has-flash-banner {
    background: #7e949f url(/common/images/backgrounds/bg_body-internal-top-flash.jpg) left top repeat-x;
}

/************************
 * Top of page Link
 ************************/
 
#top-page-link {
    margin-top: 3em;
}
#top-page-link a {
}


/*****************************************************************************************
 *            Content styles for custom classes and id's
 ****************************************************************************************/
 
#page #main-inner ul li  {
    clear: both;
}

#sub .download,
#manageboxes .download,
body.home-page  .download{
    padding: 0 0 1em 0;
    margin: 0;
    display: block;
}
#sub .download .download-item,
#manageboxes .download .download-item,
body.home-page .download .download-item {
    background: url(/common/images/fileicons/icon_htm.gif) 0px 0px no-repeat;
    padding-left: 20px;
    padding-bottom: 0;
    min-height: 25px;
    _height: 25px;
}
#sub .download .pdf,
#manageboxes .download .pdf,
body.home-page .download .pdf {
    background-image: url(/common/images/fileicons/icon_pdf.gif);
}
#sub .download .exe,
#manageboxes .download .exe,
body.home-page .download .exe {
    background-image: url(/common/images/fileicons/icon_exe.gif);
}
#sub .download .doc,
#manageboxes .download .doc,
body.home-page .download .doc {
    background-image: url(/common/images/fileicons/icon_doc.gif);
}
#sub .download .ppt,
#manageboxes  .download .ppt,
body.home-page .download .ppt  {
    background-image: url(/common/images/fileicons/icon_ppt.gif);
}
#sub .download .xls,
#manageboxes  .download .xls,
body.home-page .download .xls {
    background-image: url(/common/images/fileicons/icon_xls.gif);
}
#sub .download .mdb,
#manageboxes .download .mdb,
body.home-page .download .mdb {
    background-image: url(/common/images/fileicons/icon_mdb.gif);
}
#sub .download .txt,
#manageboxes .download .txt,
body.home-page .download .txt {
    background-image: url(/common/images/fileicons/icon_txt.gif);
}
#sub .download .zip,
#manageboxes .download .zip,
body.home-page  .download .zip {
    background-image: url(/common/images/fileicons/icon_zip.gif);
}
#sub .download .htm,
#manageboxes .download .htm,
body.home-page .download .htm {
    background-image: url(/common/images/fileicons/icon_htm.gif);
}
#sub .download .img,
#manageboxes .download .img,
body.home-page .download .img {
    background-image: url(/common/images/fileicons/icon_img.gif);
}




.search-result-list h3.download {
    background: url(/common/images/fileicons/icon_htm.gif) 0px 0px no-repeat;
    padding-left: 20px;
    min-height: 25px;
    _height: 25px;
}
.search-result-list h3.pdf {
    background-image: url(/common/images/fileicons/icon_pdf.gif);
}
.search-result-list h3.exe {
    background-image: url(/common/images/fileicons/icon_exe.gif);
}
.search-result-list h3.doc {
    background-image: url(/common/images/fileicons/icon_doc.gif);
}
.search-result-list h3.ppt {
    background-image: url(/common/images/fileicons/icon_ppt.gif);
}
.search-result-list h3.xls {
    background-image: url(/common/images/fileicons/icon_xls.gif);
}
.search-result-list h3.mdb {
    background-image: url(/common/images/fileicons/icon_mdb.gif);
}
.search-result-list h3.txt {
    background-image: url(/common/images/fileicons/icon_txt.gif);
}
.search-result-list h3.zip {
    background-image: url(/common/images/fileicons/icon_zip.gif);
}
.search-result-list h3.htm {
    background-image: url(/common/images/fileicons/icon_htm.gif);
}
.search-result-list h3.img {
    background-image: url(/common/images/fileicons/icon_img.gif);
}
 
 

/************************
 * Form prompt text
 ************************/
 
input.displayingPromptValue {
    color: #666;
}


/*****************************************************************************************
 *            Utility styles
 ****************************************************************************************/
/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage: <tag class="image-replaced">the text to replace<span></span></tag>
*/
.image-replaced {
    position: relative;
    overflow: hidden;
}

.image-replaced span{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
}

/************************
 * accessibility styles
 ************************/
/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessibility, hr {
    position: absolute !important;
    top: -1000em !important;
    left: -1000em !important;
}

/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix for IE/mac */
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
    * html .clearfix {
        _height: 0;
    }
    
    .clearfix {
        display: block;
    }
}

/************************
 * flash inclusion
 ************************/
/* These are standard flash inclusion styles... do not modify */
@media screen {
    .flash-text-replaced embed,
    .flash-text-replaced object {
        visibility: visible !important;
        margin: 0;
        clear: none;
        _margin-right: -3px; /* account for IE 6 putting 3px of margin on the left when next to a floated element */
    }
    
    html.flash-text-has-flash span.alt {
        display: block;
    }
    .flash-text-replaced span.alt {
        position: absolute;
        left: -10000px;
        top: -10000px;
    }
}
.flash-replaced .alt {
        position: absolute;
        left: -10000px;
        top: -10000px;
}

/* custom font tweaks go here */
html.flash-text-has-flash .box h2 {
    line-height: 1.45;
    letter-spacing: -1px;
    zoom: 1; /* stop ie 6 putting 3px of internal margin on our text (and pushing the embed element down when it's inserted */
}

/********************************************
 * try-buy boxes
 ********************************************/
body.lang-fr1 #sub .try-buy-box .try,
body.lang-de1 #sub .try-buy-box .try {
    float: none;
    width: 110px;
    margin: 0 auto;
}
body.lang-fr1 #sub .try-buy-box .buy,
body.lang-de1 #sub .try-buy-box .buy {
    float: none;
    width: 110px;
    margin: 20px auto 0;    
}