body {
    margin: 0px;
    padding: 0px;
    background: #0B1D31 url('../images/background.jpg') repeat-x;
    font-family: "Arial Narrow", Arial, Verdana, sans-serif;
}

img {
    border: 0px;
}

div {
    float: left;
    display: block;
    position:relative;
}

ul , ol{
  padding:0px 0px 0px 40px;
  list-style-position: outside;
  line-height:174%;
}

a {
  color:#48648E;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

h2 {
  font-size:17px;
}

h3 {
  font-size:13px;
}

#jhspecialtyCredit {
  position:absolute;
  bottom:-20px;
  left:0px;
  width:940px;
  text-align:center;
}
  #footerWrapper #jhspecialtyCredit a {
    color:#495B70;
    padding:0px;
    text-decoration:none;
  }

.last_link {
    background: none !important;
}

.bold {
  font-weight:bold;
}

.italic{
  font-style:italic;
}

.clear {
  clear:both;
}

.noTopMarg, #overview_box p.noTopMarg , #overview_box.productContent p.noTopMarg{
  margin-top:0px;
}

.noBotMarg, #overview_box p.noBotMarg {
  margin-bottom:0px;
}

.sup { /* superscript */
  font-size: 75%;
  vertical-align: text-top;
  line-height:120%;
}

#arrow {
    position: absolute;
    top: 27px;
    left: 125px;
    z-index: 3;
}

#bodyWrapper {
    width: 944px;
    margin: 0 auto;
    float: none;
}

#contentWrapper {
    width:940px;
    margin: 10px 0px 0px;
    padding:7px 0px 6px;  /* top and bottom space for rounded corner images */
    overflow: hidden; /* keep the waves bg image from exiting */
}

#contentWrapper.cw_home {
  padding:0px;
}

#content_area_bg {
  margin:0px 2px 0px 1px;
  background-color:#FFF;
}

.content_area_bg_img {
  position:absolute;
  left:-1px; /* match #content_area_bg left margin */
}

  .content_area_bg_img.c_top {
    top:-7px;
  }

  .content_area_bg_img.c_bottom {
    bottom:-6px;
  }

#content_area {
    width:937px;
    /*min-height:468px;*/
    z-index:5;
    color:#666666;
    font-size:12px;
    font-family:Arial,Verdana,sans-serif;
    padding-bottom:55px;
}
  
  #content_area p {
    margin:0px;
    line-height:174%;
  }
  
  #content_area img {
    display:block;
  }

#content_area_title {
  position:absolute;
  top:-7px;
  left:-1px;
  z-index:20;
}

  #content_area_title img, #content_area_title h1 {
    display:block;
    float:left;
    margin:0px;
    height:33px;
  }
  
  #content_area_title h1 {
    margin:0px;
    padding:0px 6px 0px 8px;
    color:#FFF;
    font-weight:bold;
    font-style:italic;
    font-size:25px;
    background:transparent url('../images/content_area_title_bg.png') repeat-x scroll top left;
  }

#content_full_width {
  width:inherit;
  padding:37px 0px 0px;
}

#content_cat_left {
  width:354px;
  padding:37px 0px 0px;
}

#overview_box {
  width:262px;
  margin:0px 0px -4px 34px;
  padding:12px 14px;
  background-color:#FFF;
  top:-4px;
}
  #overview_box .signature {
    font-style:italic;
    margin-left:30px;
  }
  
  #overview_box p {
    margin:1em 0px;
  }
  
  #overview_box h3 {
    font-size:14px;
    margin:1em 0px .2em;
  }
  
  .productContent h3 , #overview_box.productContent h3 {
    margin:1em 0px .2em;
  }
  
  #overview_box.about_owner p {
    margin-right:420px;
  }
  
  #overview_box.about_owner ul {
    float:right;
    width:340px;
  }
  
  #content_full_width #overview_box {
    width:840px;
  }

#content_area_subtitle {
  margin:0px 0px 0px 24px;
}
  
  #content_area_subtitle img, #content_area_subtitle h2 {
    display:block;
    float:left;
    margin:0px;
    height:32px;
  }
  
  #content_area_subtitle h2 {
    width:306px;
    margin:0px;
    padding:0px;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    font-style:italic;
    font-size:22px;
    background:transparent url('../images/content_area_subtitle_bg.jpg') repeat-x scroll top left;
  }

#brand_logo {
  position:absolute;
  top:0px;
  left:0px;
  height:50px;
}

#content_cat_right {
  width:583px;
  padding:65px 0px 0px;
}

  #content_cat_right .cat_thumb {
    margin:2px 14px 0px 0px;
    width:140px;
    height:90px;
  }
  
  #content_cat_right.thumbs_only .cat_thumb {
    margin:2px 7px 0px 0px;
    width:135px;
    height:87px;
  }
  
    #content_cat_right.thumbs_only .cat_thumb.last {
      margin-right:0px;
    }
  
  #content_cat_right .cat_thumb.additional {
    margin-top:5px;
  }

  #content_cat_right .cat_row {
    width:545px;
    min-height:94px;
    clear:both;
    padding:0px 0px 28px 0px;
  }
  
  #content_cat_right.thumbs_only .cat_row{
    width:583px;
    padding-bottom:5px; /* compensate 2px less for image top margin */
  }
  
    #content_cat_right .cat_row.last {
      padding-bottom:0px;
    }
  
    #content_cat_right .cat_row h3 {
      font-size:14px;
      font-style:italic;
      margin:0px 0px 0px 155px;
      display:block;
    }
    
    #content_cat_right .cat_row p, #content_cat_right .cat_row ul {
      margin:0px 0px 0px 155px;
    }

.dashed {
  border: 1px dashed #A7A7A7;
}

.left {
  float:left;
}

ul.small_indent {
  padding-left:20px;
}

#content_area a.more_btn {
  margin-left:10px;
}

#content_area a.more_btn.list {
  margin-left:0px;
}

  #content_area a.more_btn img {
    display:inline;
    vertical-align:middle;
  }

#content_left_side {
    width: 622px;
    height: 371px;
    margin-right: 4px;
}

#content_right_side {
    width: 307px;
    height: 371px;
    margin-left: 4px;
}

#email_address {
    background: transparent url('../images/textbox.png') no-repeat;
    border: 0px;
    width: 219px; /*225 px without padding */
    height: 20px;
    float: left;
    color: #999;
    margin-right: 10px;
    margin-top: 1px;
    padding: 3px 0px 0px 6px;
    font-size: 11px;
}

#email_formWrapper {
    float: right;
    padding-top: 10px;
}

#email_submit {
    background: transparent url('../images/join.png') no-repeat;
    border: 0px;
    width: 38px;
    height: 20px;
    float: left;
}

#focal_point {
    margin-top: 6px;
}

#footerWrapper {
    background: url('../images/footer.png') no-repeat;
    width: 940px; /*940px before padding*/
    height: 16px; /*36px before padding*/
    font-size: 11px;
    padding: 10px 0px;
    text-align: center;
    margin: 10px 0px;
    border-bottom: 40px solid #0B1D31;
    font-family: Arial;
}

#footerWrapper a {
    text-decoration: none;
    color: #333;
    padding: 0px 15px 0px 7px;
}

#footerWrapper a:hover {
    text-decoration: underline;
}

#footerWrapper span {
    background: right no-repeat url('../images/bullet.png');
    padding: 0px 15px 0px 7px;
    color: #333;
}


#logo {
    float: left;
}

#moduleWrapper {
    margin: 10px 0px 0px;
}

#moduleWrapper div {
    width: 306px;
    height: 100px;
}

#module1, #module2 {
    margin: 0px 10px 0px 0px;
}

#navWrapper {
    width: 940px;
    background: url('../images/navbar.png') no-repeat right;
    height: 30px;
    margin: 4px 0px;
    position: relative;
    z-index:1;
}

#navButtons {
    background: url('../images/nav-bar-left.png') no-repeat;
    height: 30px;
    padding-left: 6px;
}

#navButtons a {
    background: url('../images/nav-bar-div.gif') top right no-repeat;
    height: 12px; /* 30 before padding */

    padding: 8px 20px;
    text-align: center;
    display: block;
    float: left;
    text-transform: uppercase;
    color: #EEE;
    text-decoration: none;
    font-weight: 200;
    font-size: 12px;
}

#navButtons a:hover {
    color: white;
    background-image: url('../images/nav-bar-hover.gif');
}

#subnavButtons {
    background: url('../images/subnav.png') no-repeat right;
    padding: 5px 0px;
    height: 14px;
}

#subnavWrapper {
    position: absolute;
    z-index: 2;
    top: 30px;
    font-size: 11px;
    left: 55px;
    height: 24px; /*24px before padding*/
    background: url('../images/subnav-left.png') no-repeat left;
    background-position:top left;
    padding-left: 6px;
}

#subnavWrapper a {
    text-decoration: none;
    color: black;

    background: right no-repeat url('../images/bullet.png');

    padding: 0px 15px 0px 7px;
    }

#subnavWrapper a:hover {
    text-decoration: underline;
    }

#subnavLinks {
    visibility: hidden;
}

#title_bar {
    background: url('../images/title-bar.png');
    height: 62px; /*actual height is 77 px, but had to consider padding */
    width: 919px; /*actual width is 944 px, but had to consider padding */
    float: left;
    padding: 15px 15px 0px 10px;
}

.productContent {
  padding:0px 10px 10px 10px;
  font-size:12px;
  font-family:Arial,Verdana,sans-serif;
  color:#666666;
  line-height:174%;
}

  #content_cat_right .productContent h3 {
    font-size:13px;
    margin:1em 0px;
  }

  .productContent p.clrlogicRow , #overview_box.productContent p.clrlogicRow {
    float:left;
    width:100%;
    margin:2px 0px;
  }
  
  .productContent .img_margin, #overview_box.productContent .img_margin, #content_cat_right  .productContent .img_margin{
    margin-left:260px;
  }
  
.prodImg {  
  max-width:250px;float:left;padding:0px 10px 10px 0px;
}

.productContent p span.tableColRight {
  margin-left:104px;
  padding-left:3px;
  display:block;
  background-color:#e1f0fa;
  width:425px;
}

.productContent p span.tableColLeft {
  text-align:right;
  width:100px;
  display:block;
  background-color:#e1f0fa;
  margin:0px 1px 1px 0px;
  padding-right:3px;
}

/* jquery.imagePreview.js supporting CSS */
#preview {
  max-width:550px; /* IE8 fix */
  background:#FFFFFF none repeat scroll 0 0;
  border:1px dashed #A7A7A7;
  color:#666666;
  display:none;
  padding:5px;
  position:absolute;
  z-index:100;
  font-size:12px;
}
  #preview img {
    max-width:550px;
    width: expression(this.width > 550 ? 550: true); /* IE6 - 'nough said */
    display:block;
    margin:0px;
    padding:0px;
  }