/*
 * I had to separate the small screen items into their own file.
 * Putting them in the main file with @media queries
 * broke pocket ie. It would reach some arbitrary point in the
 * main file and then stop using the rest of the file.
 * (Removing one @media query simply moved the breaking point
 *  further down in the file.)
 */
  body {min-width:0px;margin:0px;}


  .body2 {margin:0px;}


  .parentlayer {left:0px; width:auto; margin:0px;min-height:0px;padding:0px;}


.parentRightBorder,
.parentLeftBorder,
.parentRightBorder_sub,
.parentLeftBorder_sub
{display:none;height:0px;width:0px;}


  .mainsection {width:auto;}


  .headerbar {height:auto;max-width:inherit;width:auto;}


  .footerbar {position:relative;height:auto;max-width:inherit;width:auto;}


  .mainsection_top_picture {background-image:none;overflow:hidden;}


  .mainsection_top {display:none;height:0px;width:0px;}


  .mainsection_top_picture {display:none;height:0px;width:0px;}

@media only screen and (min-width:270px), only screen and (min-device-width:270px) {
  .mobileWordoverlay
    {display:block;float:right;height:auto;padding:5px;max-width:100px;}
  #mobileWordoverlay1
    {color:#0473c6;font-size:9px;font-weight:bold;font-style:italic;}
}
.wordoverlay {display:none;}


  .mainsection_bottom {padding:0 5px 0;width:auto;}


  .mainsection_bottom_column {float:none;padding:0px;width:auto;margin:0px;}


  .main_left_2column {float:none; padding:inherit; width:100%;padding:0px;}


  .main_middle_2column {float:none; padding:inherit; width:100%;padding:0px;}


  #addressCA1 {float:none;width:inherit;text-align:left;margin:inherit;display:block;}


  #addressNC1 {float:none;width:inherit;text-align:left;margin:inherit;display:block;}


  #addressMap {height:0px;display:none;}


  .addressBlock H3 {text-align:left;}


  .decorative_bar1 {display:none;height:0px;}


  .logo {float:none;display:block;height:49px;width:100%;padding:0px;overflow:hidden;}


  #imgLogo {background-image: url('../images/logo_96dpi_49pxh_174pxw.png');height:49px;width:184px;overflow:hidden;padding:0px;}


  .logoDescription {height:auto;width:100%;padding:0px;}


  #logoDescription {height:0px;width:0px;display:none;padding:0px;}


  #logoDescription2 {display:block;position:relative;font-size:9px;line-height:1em;text-align:left;padding:2px 10px 5px;width:auto;}
  #logoDescription2_small {display:block;position:relative;font-size:9px;line-height:1em;text-align:left;padding:2px 10px 5px;width:auto;}


  .main_menubar_holder {position:relative;height:auto;overflow:auto;width:auto;}


  .main_menubar {position:relative;}
  .main_menubar_2 {position:relative;}


  .mainmenuitem {font-size:inherit;line-height:inherit;}


  .mainmenuitem ul li {padding:2px 0px 2px;display:block;float:none;border-top:1px solid #fff;border-right-style:none;}


  .mainmenuitem a, a.mainmenuitem {padding:0px 5px 0px;}


  .mainmenuitem li:hover ul {display:none;}
  .mainmenuitem li:hover li {display:none;}


  .secondarymenuitem_header {height:0px;display:none;}


  .secondarymenuitem {font-size:inherit;line-height:inherit;}


  .secondarymenuitem ul {background-color:#DDDDDD;}


  .secondarymenuitem ul li {background-position: center right;/*background-image:url('../images/graydot.png');background-repeat:repeat-y;*/background-image:none;border-right:1px solid #444;display:inline-block; padding:0px;font-size:inherit;line-height:inherit;}


  .secondarymenuitem a, a.secondarymenuitem {text-decoration:none;display:block;padding-top:0px;padding-bottom:0px;}


#h1industryoverview, #h1pharma, #h1healthcare {width:auto;height:auto;padding-left:0px;background-color:transparent;display:block;vertical-align:baseline;border-bottom:7px solid #a3ccea;background-image:none;}



  table.tableInvisibleLines td {display:block;}