/*************************************************

INTERNATIONAL DATACASTING
MAY 2009
BY 76design

*/


/**************************************************

    RESET

    ORIGINALLY BY ERIC MEYER
    MODIFIED BY 76DESIGN

    set everything to zero
    */


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite,
code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul ,fieldset, form,
label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;	font-size: 100%;font-family: inherit;vertical-align: top;}
:focus {	outline: 0;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/**************************************************

    TAKEN FROM BLUEPRINT CSS FRAMEWORK
    MODIFIED BY 76DESIGN

    add in basic styling so nothing looks out of place when complete.
    */

H1, H2, H3, H4, H5, H6 {font-weight:normal;line-height:1.1em}
H1 {font-size:2.6em;margin-bottom:0.5em;}
H2 {font-size:2em;margin-bottom:0.75em;}
H3 {font-size:1.5em;margin-bottom:1em;}
H4 {font-size:1.2em;margin-bottom:1.25em;}
H5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
H6 {font-size:1em;font-weight:bold;}
P{margin:0 0 1.5em;}
P IMG.right {float:right;margin:1.5em 0 1.5em 1.5em;}
BLOCKQUOTE {margin:1.5em;color:#808080; font-size:16px; line-height:22px;}
STRONG {font-weight:bold; vertical-align: baseline;}
EM, DFN {font-style:italic;}
DFN {font-weight:bold;}
SUP, SUB {line-height:0;}
ABBR, ACRONYM {border-bottom:1px dotted #666;}
ADDRES {margin:0 0 1.5em;font-style:normal;}
DEL {color:#666;}
PRE, CODE {margin:1.5em 0;white-space:pre;}
TT{display:block;margin:1.5em 0;line-height:1.5;}
PRE, CODE, TT {line-height:1.5;}
LI UL, LI OL {margin:0 1.5em;}
UL, OL {margin:0 1.5em 1.5em 1.5em;}
UL {list-style-type:disc;}
OL {list-style-type:decimal;}
DL {margin:0 0 1.5em 0;}
DL DT {font-weight:bold;}
DD {margin-left:1.5em;}
A {text-decoration:underline;}
A IMG {border:0;}



/***************************************************
    GENERIC
    */


HTML {
    font: 62.5%/160%  Arial, sans-serif;
    color: #000;
    height:100%;
    line-height:160%;
    padding-bottom:1px;
    }

BODY {
    margin: 0;
    padding: 0px;
    background:#FFF url(../images/html-bkg.png) repeat-x;
    text-align: center;
    height:100%;
    line-height:160%;
    padding-bottom:1px;
    }

.homepage {
    background:url(../images/homepage-bkg-tile.jpg) repeat-x;
    }

h1{
    margin-top: 30px;
    }


A{color:#6c7f8e; text-decoration:none;}
A:hover{color:#b1b1b1;text-decoration:underline;}
H1 {color:#6c7f8e;}
H2 {color:#6c7f8e;}
H3 {color:#91203e;}
H4 {color:#91203e;}
H5 {color:#a1a1a1;}
H6 {color:#a1a1a1;}

.datasheet {
    width:133px;
    height:28px;
    background:url(../images/datasheet.png) no-repeat;
    display:block;
    text-indent:-999em;
    margin:15px 0 0 ;
    }
 .datasheet:hover {
    background-position:bottom left;
    }
.rss {
    width:16px;
    height:16px;
    background:url(../images/rss.gif) top left no-repeat;
    margin:5px 15px 0 0;
    line-height:16px;
    font-size:0;
    display:block;
    text-indent:-999em;
    float:left;
    overflow:hidden;
}
 .rss:hover {
    background:url(../images/rss.gif) bottom right no-repeat;
    }


/***************************************************
    TABLES

    */

table{
    width: 100%;
    padding:0;
    border-collapse: collapse;
    margin:0 0 20px 0;
    border: solid 1px #ddd;
    }


TABLE TR TD {
    margin:0;
    padding:8px 5px;
    border: 1px solid #c8c8c8;
    color:#525252;
    }

#content TABLE THEAD TH  {
    padding: 10px 0;
    text-align:center;
    border: 1px solid #ccc;
    background: #efefef;
    font-weight: bold;
    }
/***************************************************
    FORMS
     */

LABEL {
    display:block;
    color:#000;
    font-weight:bold;
    }

INPUT,
TEXTAREA {
    border: 1px solid #b1b1b1;
    color: #000;
    font-size: 120%;
    margin:2px 0;
    font-family:Arial;
    }

INPUT.checkbox {border:none;}
INPUT.submit {border:none;}

FORM .form , FORM .form LI, #content .form, #content .form LI{margin:0; padding:0; list-style:none;}

.clear {clear:both;}



  /***************************************************
    STRUCTURE

    */

#wrapper {
    width:960px;
    margin: 0px auto;
    text-align:left;
    }

#content {
    background:#FFF;
    padding:0 20px;
    min-height:430px;
    }

#rightcolumn {
    float:left;
    width:184px;
    }

#leftcolumn {
    float:left;
    padding: 40px 0 0 0;
    margin:0 25px 0 0;
    }
#centrecolumn {
    width:540px;
    float:left;
    margin:0 20px 0 0;
    font-size:120%;
    line-height:160%;
    }

 .default #leftcolumn {
    width:224px;
    padding:0 30px;
    }

 .default #centrecolumn {
    width:591px;
    }

#home #centrecolumn {
    width:100%;
    position: relative;
    }

.two-col #centrecolumn {
    width:760px;
    margin:0;
    }

 #news #leftcolumn {
    padding:0;
    margin:0 100px 0 0;
    }
 #news #centrecolumn {
    margin:40px 0 0 0;
    width:590px;
    }


.leftcolumn-inside{
    float: left;
    width: 48.8%;

    }
.rightcolumn-inside{
    float: right;
    width: 46.9%;
    margin-left: 3%;
    }

/***************************************************
    HEADER

    */


#header {
    height:85px;
    margin:0 0 17px 0;
    position:relative;
    padding:20px ;
    }


.logo {
    text-indent:-999em;
    width:217px;
    height:61px;
    display:block;
    background:url(../images/logo.gif) no-repeat;
    float:left;
    }


#umbrella{
    text-align: right;
    float: right;
    width: 300px;
    }

/***************************************************
    HEADER � UTILITY LINKS

    */

 #utility {
    margin:0 0 10px 0;
    padding:0;
    list-style:none;
    overflow: hidden;
    height: 1%;
    }

#utility LI {
    float:right;
    }

#utility A {
    background:url(../images/utility-right.gif) top right no-repeat;
    height:28px;
    line-height:28px;
    display:block;
    text-transform:uppercase;
    color:#666;
    margin:0 0 0 5px;
    cursor:pointer;
    text-decoration:none;
    }

#utility A STRONG {
    background:url(../images/utility-left.gif) top left no-repeat;
    height:28px;
    display:block;
    padding:0 22px;
    font-weight:normal;
    font-size:80%;
   }

#utility A:hover{background-position:bottom right;}
#utility A:hover STRONG{background-position:bottom left;}

/***************************************************
    MAIN MENU

    */

#topmenu {
    margin:0;
    padding:0;
    position:absolute;
    bottom:0;
    left:20px;
    }

#topmenu LI  {
    list-style:none;
    float:left;
    margin:0 20px 0 0;
    width:auto;
    }

#topmenu A {
    display:block;
    padding:0;
    margin:0;
    text-decoration:none;
    font-size:120%;
    color:#5e5f5f;
    font-weight:bold;
    }

#topmenu A:hover {
    color:#a13254;
    }
#topmenu li.selected A {
    color:#a13254;
    }
 /***************************************************
    SEARCH

    */

 #header FORM {
    }

 #header FORM .text {
    background:url(../images/search-bkg.gif) no-repeat;
    border:none;
    width:132px;
    height:18px;
    padding:3px 0 0 30px;
    color:#a9a4a4;
    }

#search-submit-btn{
    background: #f7f7f7;
    color: #666;
    margin: 0;
    padding: 4px 10px;
    font-size: 95%;
    margin-left:10px;
    cursor: pointer;
    border: solid 1px #e3e3e3;
    }
.module-search ol{
    list-style:none;
    }
.module-search form li{
    display: inline;
    }
.module-search ol li input{
    float:left;
    }
.module-search ol li input#q{
    background:url(../images/search-bkg.gif) no-repeat;
    border:none;
    width:132px;
    height:18px;
    padding:3px 0 0 30px;
    color:#a9a4a4;
    }
.module-search ol li input#searchform_label_submit{
    background: #f7f7f7;
    color: #666;
    margin:0;
    padding: 4px 10px;
    font-size: 95%;
    margin-left:10px;
    cursor: pointer;
    border: solid 1px #e3e3e3;
    }
/***************************************************
    SIDEMENU

    */
 #sidemenu {
    list-style:none;
    margin: 0 0 40px 0;
    padding:0;
    width: 128px;
    font-size:120%;
    }

#sidemenu strong {
    display: block;
    padding: 8px 0;
    color: #323232;
    }

#sidemenu li strong a {
    display: block;
    color: #323232;
    padding: 0;
    }

#sidemenu LI {
    list-style:none;
    border-bottom:solid 1px #cbcbcb;
    }

#sidemenu LI A,
#sidemenu .selected ul a,
#sidemenu .selected .selected ul a{
    color:#a1a1a1;
    text-decoration:none;
    padding:5px 0;
    display:block;
    font-weight:bold;
    }


#sidemenu .selected a,
#sidemenu .selected .selected a,
#sidemenu .selected .selected .selected a{
    color:#323232;
    }

#sidemenu LI A:hover,
#sidemenu li.selected li a:hover{
    color:#a13254;
    }
#sidemenu LI A STRONG {
    color:#6c7f8e;
    }

  #sidemenu UL {
    margin:0 0 40px 0;
    padding:0;
    }

#sidemenu ul{
    margin: 0 0 8px 15px;
    }
#sidemenu ul li{
    border-bottom: none;
    }
#sidemenu ul li a{
    padding: 2px 0;
    }

/***************************************************
    BREADCRUMB

    */

 .breadcrumb {
   margin:0;
   padding:10px 0;
   border-bottom:solid 1px #cbcbcb;
   width:100%;
   list-style:none;
   }

 .breadcrumb A {
    font-weight: bold;
    text-decoration:none;
    }

.breadcrumb A:hover,
.breadcrumb .selected{
    color:#a13254;
    }

/***************************************************
    CONTACT WIDGET

    */

#contact-widget h4 {
    font-size:140%;
    color:#1c1e20;
    margin:0 0 5px;
    font-weight:bold;
    }

#contact-widget H5 {
    color:#a13254;
    font-size:100%;
   margin:0 0 5px 0;
   }

#contact-widget ADDRESS {
    font-size:110%;
    }

#contact-widget UL {
    list-style:none;
    margin:5px 0;
    padding:0;
    }
    
#contact-widget UL{
    width: 128px;
    overflow: hidden;
    }
    
#contact-widget li{
    position: relative;
    }
    
#content #contact-widget .skype_pnh_container{
    position: absolute !important;
    display: block !important;
    /*ie8*/
    left: -8px; 
    top: 0;
    /* ie7 */
    *left: -5px;
    *top: -14px;
    }

/***************************************************
    SECTION HEADER (for generic pages)

    */
.section-header {
    position:relative;
    }

.section-header H1 {
    position:absolute;
    left:50px;
    top:110px;
    color:#FFF;
    text-transform:uppercase;
    font:bold 220% "Frutiger", arial, sans-serif;
    }


/***************************************************
    SECTION HEADER

    */
#page-title-wrapper{
    position: relative;
    margin: 20px 0;
    width: 762px;
    height: 185px;
    }
#page-title{
    position: absolute;
    bottom: 10px;
    left: 15px;
    font-size:  22px;
    text-transform: uppercase;
    text-shadow: #000 0 0 12px;
    color: #fff;
    font-weight: normal;
    margin: 0;
    }

.product-desc{
    padding: 15px;
    border-bottom: solid 3px #6C7F8E;
    border-top: solid 3px #6C7F8E;
    font-size: 130%;
    }

#tab-controls{
clear:both;
margin:60px 0 0 0 ;
    }



/***************************************************
    FEATURE (for prodcut/solutions overview pages)

    */

#featurephoto{
    margin: 10px 0 15px 0;
    }

#feature {
    position:relative;
    }

#home #feature{
    height: 280px;
    }

#feature H2 {
    text-indent:-999em;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
    display:block;
    }

 #feature P {
    position:absolute;
    top:240px;
    left:53px;
    color:#FFF;
    font-weight:bold;
    display:block;
    width:400px;
    }

  #products #feature P {
    left:440px;
    top:70px;
    width:250px;
    }

 /***************************************************
    FEATURE (for  homepage)

    the homepage feature isnt "real". Its a container that holds
    text information from the image. However, nothing
    is visible.

    This is set on the root class (.homepage)

    */

#home #feature P {
    display:block;
    width:0;
    height:0;
    text-indent:-999em;
    }


  /***************************************************
    SEARCH TITLE

    */
#search-title {
    margin:20px 0 60px 0;
    }

#search-title H2 {
    font-size:300%;
    margin:0 0 5px 0;
    }
#search-title H2 strong {
 vertical-align:text-top;
    }

#search-title SMALL {
    color:#b1b1b1;
    font-size:120%;
    font-style:italic;
    }

#search-title p {
    color:#b1b1b1;
    font-size:150%;
    }

.product-search-photo,
.search-item-product IMG {
    float: right;
    margin: 0 0 15px 15px;
    }

.results .search-item-product h3,
.results .search-item-content h3{
    margin-bottom: 15px;
    }

.module-search {
    margin-bottom: 50px;
    }

/* no results, search page */
#search form ol{
    margin: 0;
    }

#moduleid-search-noresults form{
    margin: 15px 0;
    }
#moduleid-search-noresults form h2{
    font-size: 100%;
    }
#moduleid-search-noresults #search-title{
    margin: 15px 0;
    font-size: 80%;
    }



/***************************************************
    SIMPLE LIST

    */

.simple-list {
    margin:20px 0;
    padding:0;
    list-style:none;
    overflow: hidden;
    height: 1%;
    }

.simple-list LI {
    float:left;
    width:236px;
    margin:0 26px 20px 0;
    }

.simple-list LI.last {
    margin:0;
    }

 .simple-list .item-text {
    min-height:217px;
    }
 .simple-list .item-text p {
    min-height:160px;
    }


 .simple-list H2 {
    margin:15px  0 3px;
    font-size:180%;
    }

 .simple-list H3 {
    margin:0  0 15px;
    font-size:100%;
    }

 .simple-list H4,
#product-accordian h4  {
    color:#6c7f8e;
    font-size:110%;
    margin:0 0 5px 0;
    }
.simple-list h4 a,
#product-accordian h4 a{
    font-weight: bold;
    color: #666;
    }

.simple-list UL {
    border-top:solid 1px #cbcbcb;
    list-style:none;
    margin:5px 0;
    padding:10px 0;
    }

.simple-list UL LI,
.product-accordian-list li {
    height:auto;
    float:none;
    line-height:120%;
    font-size:80%;
    margin:0 0 10px 0;
    color:#333;
    overflow: hidden;
    height: 1%;
    }

.product-accordian-list img {
    float:left;
    margin:0 10px 0;
    }

.mini-product-preview{
    width: 45px;
    float: left;
    overflow: hidden;
    margin: 0 10px 0 0;
    padding: 3px 0;
    border-right: solid 1px #a6a7a8;
    }


#products-list LI {
    float:left;
    width:236px;
    margin:0 26px 20px 0;
    }
#products-list li.last{
    margin: 0;
    }
#products-list ul li{
    margin-right: 0;
    }

#opprtunities-ToC{
    margin:10px ;
    padding:0;
    list-style:none;
    overflow: hidden;
    height: 1%;
    }

ul.pdf {
    list-style: none;
    }

a.pdf {
    background:#fff url(../images/ico_pdf.jpg) center left no-repeat;
    padding: 5px 20px;
    }

ul.no-style {
    list-style:none;
    }
 /***************************************************
    SIMPLE LIST (LARGE )

    this gets used on the homepage and the news
    page. Otherwise the small version is used.

    */

.simple-list.lrg LI{
    width:274px;
    margin:0 4px 20px 0;
    background:url(../images/simple-list-bkg.gif) no-repeat;
    padding:15px;
    overflow:hidden;
    }
.simple-list.lrg LI ul li{
    width:274px;
    background:none;
    overflow:hidden;
    padding:0;
    margin:5px;
    font-size:12px;
    }

.simple-list.lrg H2 {
    font-size:240%;
    }

.simple-list.lrg H2 a {
    text-decoration: none;
    }

 .simple-list.lrg LI.last {
    margin:0;
    }

 .simple-list .linklist li{
    width: auto;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
    background: url(../images/bullet-dash.gif) 0 4px no-repeat;
    float: none;
    overflow: visible;
    font-size: 110%;
    }


 /***************************************************
    SIMPLE LIST (MEDIUM )

    this gets used on the homepage

    */

 .simple-list.med LI{
    width:274px;
    margin:0 4px 30px 0;
    background:url(../images/simple-list-bkg.gif) no-repeat;
    padding:15px;
    height: auto;
    overflow:hidden;
    }

.simple-list.med .rss{
    margin-top: 7px;
    }
.simple-list.med .view-all{
    margin-top: 7px;
    }

.simple-list.med H2 {
   font-size:240%;
   margin-bottom: 15px;
   padding-bottom: 8px;
   border-bottom: solid 1px #d4d4d4;
    }

 .simple-list.med LI.last {
    margin:0;
    }

.simple-list.med ol{
    margin: 0;
    }
.simple-list.med ol li{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 15px 0;
    background: none;
    }
.simple-list.med ol li a{
    font-size: 140%;
    }
.simple-list.med ol li small{
    color: #ad5a70;
    display: block;
    }

 /***************************************************
    SIMPLE LIST ( SMALL )
    */
.simple-list.sml ul li p{
    width: 180px;
    float: right;
    line-height: 1.4;
    }



/***************************************************
    SIMPLE LIST (NEWS PAGE )

    */

#news #content {padding-top:20px;}
#news .simple-list {margin:0;}
#news .simple-list h2 {font-size:180%;}
#news .simple-list LI {margin-bottom:0; font-size:110%; line-height:160%;}
#news #sidemenu { padding:0 15px;}

/***************************************************
    NEWS WIDGET

    */

.view-all {
    float:right;
    font-weight:bold;
    }
 .view-all:hover {
    text-decoration:none;
    }


/***************************************************
    SEARCH RESULTS

    */

.results {
    margin:0;
    padding:0;
    list-style:none;
    }

.results LI {
    clear:both;
    margin:0 0 20px 0;
    overflow:hidden;
    padding:20px 0 0 0 ;
    border-top:solid 1px #ccc;
    }

.results LI H3 {
    margin:0 0 0px 0
    }

.results LI H3 A {
    font-weight:bold;
    color:#91203E;
    text-decoration:none;
    }

.results LI  SMALL {
    color:#a1a1a1;
    display:block;
    margin:0 0 10px 0;
    }

.results LI P{
    font-size:110%;
    }

.results LI  H4 {
    color:#212121;
    font-size:120%;
    margin:.5em 0 ;
    }

.results .categories {
    font-weight:bold;
    }

/***************************************************
    PAGINATION

    */

.pagination{
    margin:0 0 15px;
    border-top:solid 1px #ededed;
    padding:15px 0 0 0;
    text-align:center;
    }
.pagination .selected a  {
    color:#91203E;
    text-decoration:underline;
    }

.pagination A{
    margin:0 10px;
    text-decoration:none;
    font-size:110%;
    }

.pagination A IMG {
    vertical-align:middle;
    }
.prev{
    float:left;
    }
.pages{
    float:left;
    }
.pages li{
    float:left;
    }
.next{
    float:left;
    }

 /***************************************************
    PROMO WIDGET

    */

#promo-widget H3 {
    color:#6c7f8e;
    font-size:180%;
    }

 #promo-widget P {
    font-size:110%;
    }

  #promo-widget {
  width:240px;
    position:relative;
    padding:0 0 60px 0;
    margin:40px 0 60px 0;
    }

  #promo-widget IMG {
    position:absolute;
    left:-30px;
    bottom:0;
    }



  /***************************************************
    STOCK INFO

    */

#stock-info {
    margin:30px 0 40px 0 ;
    }

 #stock-info P {
    color:#b1b1b1;
    line-height:140%;
    }

#price{
    width:120px;
    float:left;
    margin:0 30px 0 0;
    text-align:right;
    }

 #price STRONG,
 #price BIG,
 #price SMALL {
    display:block;
    margin:2px 0;
    }

  #price BIG {
    font-size:320%;
    font-weight:bold;
    margin:10px 0;
    color:#91203e;
    }

 #price SMALL {
    margin:0 0 30px 0;
    width:50px;
    float:right;
    }

#price STRONG {
    margin:0;
    }

 #price .up {
    background:url(../images/arrow-up.gif) center left no-repeat;
    }

#price .down{
    background:url(../images/arrow-down.gif) center left no-repeat;
    }

/***************************************************
    INVESTOR WELCOME

    */

.investor-welcome,
.financial-news {
    width:280px;
    float:left;
    margin:30px 30px 0 0;
    }

.financial-news {
    margin-right:0;
    }

  .financial-news .rss {
    margin:1px 8px 0 0;
    }

 .investor-welcome BLOCKQUOTE{
    margin:0 0 20px 0;
    line-height:120%;
    }

.financial-news UL {
    margin:0;
    padding:0;
    list-style:none;
    }

.investor-welcome H3,
.financial-news H3{
    font-weight:bold;
    font-size:120%;
    }

.financial-news H4 {
    color:#889dae;
    font-size:100%;
    border-bottom:solid 1px #cbcbcb;
    padding:0 0 5px 0;
    margin:0 0 5px 0;
    }

.financial-news H4 STRONG {
    color:#6c7f8e;
    }


/***************************************************
    PRODUCTS > Accordian

    */

#product-accordian{
    clear: both;
    margin: 0;
    list-style: none;
    border-top: solid 1px #d9d9d9;
    }

#product-accordian li{
    padding: 10px 0 10px 10px;
    border-bottom: solid 1px #d9d9d9;
    overflow: hidden;
    height: 1%;
    }
#product-accordian li.selected{
    background: url(../images/product-accordian-selected.gif) 0 0 repeat-x;
    }

#product-accordian .title{
    }
#product-accordian .selected .title{
    background-position: 0 -36px;
    }

#product-accordian h3{
    color: #6c7f8e;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
   }
#product-accordian .selected h3{
    color: #a13254;
    }

#product-accordian h4 a{
    margin:0 0 3px;
    }

#product-accordian .clickexpand{
    display: none; /* made visible by js */
    float: right;
    font-weight: bold;
    color: #6c7f8e;
    line-height: 1;
    }

#product-accordian .product-accordian-list{
    margin: 15px 0;
    }
#product-accordian .product-accordian-list li {
    float: left;
    width: 206px;
    padding: 0 20px 0 0;
    margin-bottom: 15px;
    border-bottom: none;
    }
#product-accordian .product-accordian-list p {
    margin-left: 70px;
    margin-right: 8px;
    }



/***************************************************
    TABS > Product details

    */

.tab-content{
    overflow: hidden;
    height: 1%;
    }
.tab-content h2{
    border-bottom: solid 1px #ccc;
    }

#tab-controls ul{
    margin: 25px 0 25px 0;
    overflow: hidden;
    height: 1%;
    background: url(../images/tab-background.gif) bottom left repeat-x;
    }
#tab-controls li{
    list-style: none;
    }
#tab-controls li{
    float: left;
    margin-right: 10px;
    }
#tab-controls li a{
    display: block;
    padding: 6px 14px;
    /*border: solid 1px #fff;
    border-bottom: none;
    */
    }

#tab-controls li.selected{
    }
#tab-controls li.selected a{
    color: #a13254;
    border: solid 1px #cbcbcb;
    border-bottom: none;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    background: #fff url(../images/tab-selected.gif) 0 0 repeat-x;
    }

.tab-content-left{
    width: 380px;
    float: left;
    }
.tab-content-right{
    width: 320px;
    float: right;
    font-size: 90%;
    color: #9e9e9e;
    }
.tab-content-right img{
    margin: 0 0 15px 0;
    }

.tab-content-right #datasheet ul{
    margin: 0;
    }


/***************************************************
    A to Z Proudct List
     */

UL#alpha LI {
    list-style: none;
    float: left;
    padding: 6px;
    color:#ccc;
}

/***************************************************
    NEWS
     */

 /*
  Choose Year/Month
  */
ul#news-years,
#news-months,
#events-years,
ul.filter-links{
    font-weight: bold;
    margin: 0;
    padding: 3px;
    list-style: none;
    border: solid 1px #ccc;
    overflow: hidden; height: 1%;
    font-size: 110%;
    background: #fff;
    }
#events-years li,
#news-years li,
#news-months li,
ul.filter-links li{
    margin: 0;
    padding: 0;
    float: left;
    }
#news-years a,
#news-months a,
#events-years a,
ul.filter-links a{
    text-decoration: none;
    display: block;
    margin: 0 4px;
    padding: 2px 4px;
    border: solid 1px #fff;
    }
#news-months .selected a,
#news-years .selected a,
#events-years .selected a,
ul.filter-links .selected a{
    background: #555;
    color: #fff;
    border: solid 1px #000
}

#events-years li.rss,
#news-years li.rss{
    float: right;
    margin-top: 4px;
    margin-right: 5px;
    background: none;
    }

#events-years .rss a,
#news-years .rss a{
    background: url(../images/rss.gif) no-repeat 0 0;
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    }

#events-years .rss a:hover,
#news-years .rss a:hover{
    background: #fff url(../images/rss.gif) no-repeat bottom left;
    border: none;
    }

#news-months{
    background: none;
    border-top: none;
    font-size: 80%;
    }

/*
 News Item Summaries
 */

.news-item h3,
.news-item-summary h3{
    margin: 0 0 4px 0;
    }

.news-item h4,
.news-item-summary h4,
.event h4,
.event-summary h4{
    font-size: 80%;
    margin: 0 0 10px 0;
    }

.news-item-summary,
.event-summary{
    border-bottom: solid 1px #e0e0e0;
    margin: 20px 0;
    }



/***************************************************
    Pages
    */
.module-Pages h2{
    margin: 25px 0 8px 0;
    font-size: 160%;
    }
.module-Pages h3{
    margin: 25px 0 8px 0;
    }
.module-Pages h4{
    margin: 25px 0 6px 0;
    }
.module-Pages ul ul{
    margin-bottom: 1em;
    }
.module-Pages li{
    margin-bottom: .5em;
    }
/**************************************************

corporate-investor-information-management-team page
*/
#corporate-investor-information-management-team img{
    float:right;
    padding:15px 0 0 0;
}
.divSeparator{
    clear:both;
    border-bottom:1px solid #ccc;
}

/***************************************************
    Distributors Page

    */
#distributors-table{
    border:0;
    vertical-align:top;
    }
#distributors .region{
    padding:10px;
    border:none;
    }
.region h4{
    margin: 20px 0 6px 0;
    }
 address{
    display: block;
    border-left: solid 1px #ddd;
    padding-left: 10px;
    }

/***************************************************
        CONTACT PAGE
*/

#contact ul{
    list-style:none;
    }

/***************************************************
    FOOTER

    */

#footer {
    clear:both;
    margin:20px 0;
    color:#5e5f5f;
    height:20px;
    }

#footer P {
    float:left;
    }

#footer P.copyright {
    clear:both;
    float:right;
    margin:0;
    padding:0;
    }

p.twitter a{
    color:#5e5f5f;
    display: block;
    margin: 15px 0 0 0;
    background: url(../images/twitter.gif) 0 4px no-repeat;
    padding: 5px 0 5px 23px;
    font-weight: bold;
    color: #3c8dc3;
    }

#footer UL {
    margin:0;
    padding:0;
    float:left;
    }

#footer LI {
    float:left;
    width:auto;
    list-style:none;
    margin:0 10px 0 0;
    }




/***************************************************
    FORMS & FORM FEEDBACK
     */

 /* error messages */
.success,
.error{
    display: block;
    padding: 4px 10px;
    margin: 10px 0;
    }

.success{
    background: #d6fabb;
    border: solid 1px #afe489;
    }
.error{
    border: solid 1px #e55a47;
    }

.errorlist{
    list-style: none;
    }
.errorlist b{
    color: #e55a47;
    }
.errorlist ul{
    border: none;
    margin: 3px 0 8px 0;
    padding: 0;
    list-style: none;
    }


/* forms */
form ol{
    list-style: none;
    margin: 0;
    }
form li{
    margin-bottom: .75em;
    clear: left
    }
label {
    display: block;
    float: left;
    width: 145px;
    color: #666;
    line-height: 2.5em;
    }
form li input{
    border: solid 1px #999;
    width: 200px;
    padding: 3px;
    color: #666;
    }
form li textarea{
    border: solid 1px #999;
    width: 350px;
    height: 150px;
    padding: 3px;
    color: #666;
    font: 1em helvetica, arial, sans-serif;
    }

form .submit{
    background: #91203E;
    color: #fff;
    font-weight: bold;
    width: auto;
    border: 1px solid #333;
    padding: 4px 12px;
    margin-top: 20px;
    cursor: pointer;
    }
form .submit:focus{
    background: #b4284d;
    }

#signup_for-element input,
#signup_for-element label{
    float: none;
    width: auto;
    line-height: 1.75em;
    }
#signup_for-element .optional{
    display: block;
    float: left;
    width: 145px;
    height: 75px;
    line-height: 1;
    *margin: 22px 0 0 0; /* just for ie6 */
    }
#signup_for-element input{
    margin: 0 5px 5px 0;
    border: none;
    padding: 0;
    }


form p.description{
    font-size: 90%;
    }


/***************************************************
    Products Landing Page
    */

.landing{
    margin: 0;
    }
.landing li{
    border-bottom: solid 1px #ccc;
    padding: 18px 0 12px 0;
    overflow: hidden;
    height: 1%;
    list-style: none;
    }
.landing p{
    margin: 0 0 .5em 0;
    }

.landing img{
    float: right;
    }
.landing .alt img{
    float: left;
    }

.landing-content{
    float:left;
    width:530px;
    padding-right: 10px;
    }
.alt .landing-content{
    float: right;
    padding: 0 0 0 10px;
    }




/***************************************************
    CLEARFIX
     */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


