/* ---------------Freedom Stylesheet--------------- */

READ THIS FIRST

Freedom Ecosystem sharing allows for styles to be
attached to modules as they are shared. This is done
by open/close comment tags for of each module blocks.
Retain the comment blocks if you want your styles to
be included if/when the module is shared over the
Ecosystem.

/* End Comments */

/* --------------- Global Styles --------------- */

body#public {margin: 0;padding: 0; }

body, body#public, .paragraph {
    font-size: 14px;
    line-height: 1.2;
    font-family: "Myriad Pro", Helvetica, "Lucida Grande", "Lucida Sans", Verdana, Tahoma, "Trebuchet MS", Sans-Serif;
    color: #727074;
    }
a:link, a:visited {color: #00a7e5;text-decoration: none;}
a:hover, a:active {color: #0069aa;text-decoration: underline;}
a img {border: 0;margin: 0;padding: 0;}
.errorMessage {font-weight: bold; color:#f00;}
.left {float: left;  margin: 0 10px 10px 0;}
.right {float: right; margin: 0 0 10px 10px;}
.left-border {float: left;  margin: 0 10px 10px 0; padding: 2px; border: 1px solid #ccc;}
.right-border {float: right; margin: 0 0 10px 10px; padding: 2px; border: 1px solid #ccc;}
.center {text-align: center;}
#headingWrap h1, #slideShow h1 {font-size: 36px; color: #1667B3; font-family: "BebasNeueRegular", Impact, "Myriad Pro", Helvetica, Sans-Serif; font-weight: 100; text-transform: uppercase; }
h1, h2, .heading, .eventHeadline {font-size: 24px; font-weight: normal; color: #0069aa;}
h3, .sub-heading {font-size: 16px; font-weight: bold; color: #1667B3;}
.highlight {color: #9e1449;}
.pdf {
 background: url(http://www.biologicsmodular.com/graphics/images/pdf.gif) no-repeat;
 line-height: 40px;
 display: block;
 padding: 0 0 0 50px;
}

hr {
    color: #e7e7e7;
    background-color: #e7e7e7;
    height: 1px;
    margin: 15px 0;
   }
.clear {clear: both;}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "graphics/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("http://www.biologicsmodular.com/','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align:top;
}
ul li {margin-bottom: 20px;}

.button {
    background: url("graphics/images/button.png") no-repeat scroll center top transparent;
    display: block;
    height: 41px;
    line-height: 43px;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    width: 171px;
    font-family: "BebasNeueRegular", Impact, "Myriad Pro", Helvetica, Sans-Serif;
    font-size: 20px;
    color: #00a7e5;
    text-shadow: 1px 1px 0 #fff;
    clear: both;
   }
.button:hover {
    background: url("graphics/images/button.png") no-repeat scroll center bottom transparent;
    text-decoration: none;
    }
table {width: 100%;}




/* --------------- Staff Module --------------- */

.staffLister {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
.staffLister li {
   width: 200px;
   height: 320px;
   float: left;
   margin: 0;
   padding: 0;
   }
.staffLister a img, .staffDetail img {
   padding: 5px;
   border: 1px solid #efefef;
   }
.staffLister a img:hover {
   border: 1px solid #00a7e5;
   }
.staffLister h2 {
   margin: 10px 0;
   font-size: 18px;
   font-weight: normal;
   }
.staffLister h3 {
   margin: 10px 0;
   font-size: 14px;
   font-weight: normal;
   color: #555;
   }
.staffDetail .right {
   float: right;
   border: none;
   outline: none;
   width: 262px;
   margin: 0 0 50px 50px;
   padding: 0;
   }
.staffDetail .right ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
.staffDetail .right ul li {
   margin: 10px 0;
   padding: 0;
   }

/* --------------- Case Studies Module --------------- */

.caseStudyLister {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
.caseStudyLister li {
   list-style-type: none;
   clear: both;
   margin: 0;
   padding: 0;
   }




/* --------------- Header --------------- */

#logo {
   margin: 20px 0px 10px 0px;
   }

ul.utilityNav {
   list-style-type: none;
   float: right;
   margin: 20px 40px 0 0;
   }

ul.utilityNav li {
   float: left;
   margin: 0px;
   }

ul.utilityNav li a {
   padding: 5px 10px;
   }

/* ------------- Home Feature ------------- */

#featureWrap {
   background: #348cbf url(graphics/images/bg-feature.jpg) no-repeat center top;
   height: 304px;
   position: relative;
   z-index: 100;
   }

#slideShow, 
#slideShow .cycle,
#slideShow .cycle div {
   position: relative;
   width: 940px !important;
   height: 321px !important;
}

.cycle {
   width: 940px;
   height: 304px;
   }

.arrowLeft {
   position: absolute;
   top: 120px;
   left: -70px;
   -moz-opacity:0.8;
   -webkit-opacity:0.8;
   opacity: 0.8;
   }

.arrowRight {
   position: absolute;
   top: 120px;
   right: -70px;
   -moz-opacity:0.8;
   -webkit-opacity:0.8;
   opacity: 0.8;
   }

.arrowRight:hover, .arrowLeft:hover {
   -moz-opacity:1;
   -webkit-opacity:1;
   opacity: 1;
   }

.slide-image img {
   position: absolute;
   top: -250px;
   right: 20px;
   }

#slideShow h1 {
   text-transform: uppercase;
   margin: 67px 0px 20px 72px;
   }

#slideShow p {
   width: 420px;
   margin: 0px 0px 20px 72px;
   color: #8D969B;
   }

#learnMore {
    background: url("graphics/images/button.png") no-repeat scroll center top transparent;
    display: block;
    height: 41px;
    line-height: 43px;
    margin: 0 0 20px 72px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 171px;
    font-family: "BebasNeueRegular", Impact, "Myriad Pro", Helvetica, Sans-Serif;
    font-size: 20px;
    color: #00a7e5;
    text-shadow: 1px 1px 0 #fff;
   }
#learnMore:hover {
    background: url("graphics/images/button.png") no-repeat scroll center bottom transparent;
    text-decoration: none;
    color: #0069aa;
    }
   
/* -------------- Home Content Area ------------- */

#homeContentWrap {
    background: url(graphics/images/bg-callouts.jpg) repeat-x center top;
    height: 429px;
    position: relative;
    z-index: 500;
    }

.homeContent {
   padding: 50px 0px;
   }

#homeLeft {
   /* background: url(graphics/images/bg-callout1.jpg) no-repeat center top; */
   background: url(graphics/images/bg-callout1-video.jpg) no-repeat center top;
   height: 312px;
   position: relative;
   }

#homeLeft .video {
   display: block;
   position: absolute;
   top: 69px;
   left: 14px;
   height: 85px;
   width: 220px;
   }

#homeMiddle {
   background: url(graphics/images/bg-callout2.jpg) no-repeat center top;
   height: 312px;
   position: relative;
   }

#homeRight {
   background: url(graphics/images/bg-callout3.jpg) no-repeat center top;
   height: 312px;
   position: relative;
   }

#homeLeft p, #homeMiddle p, #homeRight p {
    color: #FFFFFF;
    height: 100px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    padding: 180px 55px 0 15px;
   }

a.learnMore {
    text-transform: uppercase;
    position: absolute;
    bottom: 0px;
    right: 92px;
    font-family: "BebasNeueRegular", Impact, "Myriad Pro", Helvetica, Sans-Serif;
    color: #71caed;
    font-size: 20px;
    }
a.learnMore:hover {
    text-decoration: none;
    color: #96dbf6;
    }



/* --------------- Interior ----------------- */


#headingWrap {
   background: #348cbf url(graphics/images/bg-heading.jpg) no-repeat center top;
   height: 150px;
   width: 100%;
   float: left;
   }

#headingWrap h1 {
   text-transform: uppercase;
   margin: 67px 0px 20px 82px;
   }

#sidebar {
   margin: 40px 0;
   padding: 0 20px 0 0;
   }
#interiorContent {
  background: url(graphics/images/bg-sidebar.gif) repeat-y left top;
  margin: 40px 0;
  padding: 0 40px;
  width: 620px;
  min-height: 700px;
  }

.testimonials {
   background: url(graphics/images/sidebar-divider.png) no-repeat bottom left;
   color: #9e1449;
   padding: 30px 0;
   }

.newsBox {
   margin: 30px 0;
   }

#sidebar h3 {
   font-family: "BebasNeueRegular", Impact, "Myriad Pro", Helvetica, Sans-Serif;
   font-size: 24px;
   font-weight: 100;
   text-transform: uppercase;
   }

.newsBox h4 {
   font-size: 14px;
   font-weight: bold;
   margin: 0;
   }

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

.newsBox li {
   margin: 10px 0;
   padding: 0;
   }
.newsBox a.more {
   display: block;
   background: url("graphics/images/sidebar-divider.png") no-repeat scroll left top;
   padding: 20px 0 0 0;
   float: left;
   }

.meta {
  font-size: 11px;
  margin: 0 0 8px 0;
  }

/* --------------- Forms ----------------- */


#form input, select {
      color: #AFAFB1;
      font-size: 16px;
      padding: 5px;
      border: 1px solid #a7a9ac;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -khtml-border-radius: 5px;
      background: #FFFFFF; /* old browsers */
      background: -moz-linear-gradient(top, #D3D3D3 0%, #FFFFFF 17%); /* firefox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3D3D3), color-stop(17%,#FFFFFF)); /* webkit */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D3D3', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
      }
#form textarea {
      color: #AFAFB1;
      font-size: 16px;
      padding: 5px;
      border: 1px solid #a7a9ac;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -khtml-border-radius: 5px;
      background: #FFFFFF; /* old browsers */
      background: -moz-linear-gradient(top, #e1e1e1 0%, #FFFFFF 3%); /* firefox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(3%,#FFFFFF)); /* webkit */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
      }
.formtext, .formtextRequired {
    margin: 0px 0px 5px 0px;
    }

.formtextRequired {
    font-weight: bold;
    }
#form td {
    padding: 0 0 5px 0;
    }
#form input[type="submit"] {
    background: url("graphics/images/button.png") no-repeat scroll center top transparent;
    display: block;
    height: 41px;
    line-height: 43px;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    width: 171px;
    font-family: "BebasNeueRegular", Impact, "Myriad Pro", Helvetica, Sans-Serif;
    font-size: 20px;
    color: #00a7e5;
    text-shadow: 1px 1px 0 #fff;
    border: 0;
   }
#form input[type="submit"]:hover {
    background: url("graphics/images/button.png") no-repeat scroll center bottom transparent;
    text-decoration: none;
    cursor: pointer;
    color: #0069aa;
    }



/* --------------- Footer ----------------- */


#footerWrap {
   background: url(graphics/images/bg-footer.png) repeat-x center top;
   background-color: #2E2E2E;
   height: 150px;
   }

.footer {
   padding: 30px 0px 0px 0px;
   }

.footer p {
   font-size: 12px;
   color: #727174;
   }

.footer a {
   color: #727174;
   }

.footer a:hover {
   text-decoration: underline;
   color: #999;
   }
.footer a img {
     -moz-opacity:0.8;
     -khtml-opacity: 0.8;
     opacity: 0.8;
     }
.footer a img:hover {
     -moz-opacity:1;
     -khtml-opacity: 1;
     opacity: 1;
     }


.footerLogo {
   margin: 0px 0px 20px 0px;
   }

#footerNav {
   position: relative;
   }

#footDivider {
   position: absolute;
   top: -30px;
   right: 0px;
   }

.facebook, .twitter, .linkedin {
   margin: 10px 10px 0px 0px;
   float: left;
   }

#spinweb {
   float: left;
   margin: 10px 0px 25px 25px;
   }

#spinwebA {
   float: right;
   margin: 9px 0px 20px 5px;
   }

#freedom {
   float: right;
   }
   
    
/* --------------- Navigation --------------- */

#mainNav li ul, #footerNav li ul {
    display:none !important;
	}

#mainNav li, #footerNav li {
	margin:0;
	}

#mainNav {
        background: url(graphics/images/bg-nav.png) no-repeat center top;
        width: 655px;
        height: 54px;
        float: right;
        overflow: hidden;
	margin: 20px 0 0 0;
	}

#mainNav ul {
        margin: 0px 25px 0px 0px;
	padding: 0;
	list-style-type: none;
	float: right;
	}

#mainNav li {
        display: block;
        float: left;
	}

#mainNav li a {
        font-family: "BebasNeueRegular", Impact, "Myriad Pro", Helvetica, Sans-Serif;
        border-right: 1px solid #fff;
        border-left: 1px solid #f0f0f0;
        text-transform: uppercase;
        color: #00a7e5;
        display: block;
        font-size: 20px;
        margin: 0;
        padding:  0px 28px;
        text-decoration: none;
        height: 54px;
        line-height: 60px;
        text-shadow: 1px 1px 0 #fff;
        float: left;
	}
#mainNav li a.first {
        border-left: none;
	}
#mainNav li a.last {
        border-right: none;
	}

#mainNav li a:hover, #mainNav li a.current {
        text-decoration: none;
        color: #0069aa;
	}

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

.subNav li, .sideNav li {
	padding: 0;
	margin: 0;
	}

.subNav li a, .subNav li a:visited, .sideNav li a, .sideNav li a:visited {
        background: url(graphics/images/sidebar-divider.png) bottom left no-repeat;
	display: block;
	padding: 10px;
	font-weight: normal;
        text-shadow: 1px 1px 0 #fff;
	}

.subNav li a:hover, .subNav li a.current, .sideNav li a:hover, .sideNav li a.current {
        background: url(graphics/images/subnav-item-hover.png) bottom left;
	text-decoration: none;
	}

.sideNav {
        margin: 0 0 20px 0;
        padding: 0;
	list-style-type: none;
	}
 
/* .sideNav li a, .sideNav li a:visited {
        background: #00A7E5;
        color: #fff;
	display: block;
	padding: 10px;
	font-weight: normal;
        margin: 0 0 1px 0;
	}

.sideNav li a:hover, .sideNav li a.current {
        background: #1667B3;
	text-decoration: none;
	} */

#footerNav ul {
	margin: 10px 0px 0px 10px;
	padding: 0;
        list-style-type: none;
	}

#footerNav li {
       float: left;
	}

#footerNav li a {
        padding: 0px 30px;
        text-decoration: none;
	font-size: 16px;
        font-weight: normal;
        border-right: 1px solid #727174;
        text-transform: uppercase;
        font-family: "BebasNeueRegular", Impact, "Myriad Pro", Helvetica, Sans-Serif;
        color: #727174;
	}
#footerNav li a:hover {
        color: #999;
        }
#footerNav li a.last {
        border: none;
        padding: 0px 0px 0px 30px;
        }


/* ---------------General Module Styles--------------- */
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */


/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ddd; margin:0; padding:0; font-size:11px; margin-right:2px; display:inline; display:inline-block; height: 20px; width: 20px; line-height: 23px; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { background: #efefef; }
.pagination .prevnextCurrent { color: #fff; background:#71CAED; padding:0;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:solid 1px #fff; height: 20px; width: 20px; line-height: 23px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:5px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */



/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::news */
.newsWrapper { }
.newsWrapper .newsList { margin: 0; list-style: none; }
.newsWrapper .newsList li { margin: 0 0 18px 0; }
.newsWrapper .meta { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsWrapper { }
.eventsWrapper .eventList { margin: 0; list-style: none; }
.eventsWrapper .eventList li { margin: 0 0 18px 0; }
.eventDate { color: #777; font-size: smaller; }
.eventTime { color: #777; font-size: smaller; }
.eventsWrapper .eventList li h2 { color: #333; }
.eventsWrapper .eventList li h3 { color: #000; }
.eventBlurb { }


/* ---------------
Events Detail
----------------- */
.eventLocation, .eventRSVP, .eventTicketWrapper { }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }
/* ModuleEnd::events */



/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; }
.membershipLoginWrapper { }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }
.memberUser { }
.memberPassword { }
.memberRemember { }
.memberForgot { }
.memberSubmit { }
/* ModuleEnd::membership */



/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */



/* ModuleBegin::blog */
.sectBlog h3, .newsList h3 {margin: 0; font-weight: 100;}
.blogListWrapper, .blogCommentsWrapper { margin-right: 220px; }
.blogDate{ font-weight: bold; border-top: 1px solid #ccc; margin-top: 20px; }
.blogInfo { }
.blogBody { }
.blogComments { }
.blogListWrapper .blogComments { text-align: right; }

.blogCommentsWrapper { }
.blogPrivate { }
.blogCommentBody { }
.blogCommentsWrapper .blogInfo { padding-top: 10px;}

.blogAddCommentsWrapper { padding: 0px 80px; }
.blogAddCommentsWrapper div { padding: 2px 0px; }

.blogArchiveWrapper { width: 160px; float: right; border: 1px solid #ccc; background: #efefef; padding: 0px 20px 20px 20px;}
.blogArchiveWrapper a { text-decoration: none; }
.blogArchiveWrapper a:hover { text-decoration: underline; }
.blogArchiveYear { font-weight: bold; padding-top: 10px; }
.blogArchiveMonth { padding-left: 20px; }
/* ModuleEnd::blog */



/* ModuleBegin::newsfeed */
.newsfeedListWrapper { }
.newsfeedNumber { }
.newsfeedTitle { }
.newsfeedSource { }
.newsfeedDetailWrapper { }
.newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;}
.newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;}
.newsfeedDetailWrapper .newsItem span {display:block;}
.newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;}
.newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;}
/* ModuleEnd::newsfeed */



/* ModuleBegin::faq */
.faqWrapper { }
.faqWrapper dd { margin: 0;}
.faqQ,.faqA { font-family:Georgia,serif; font-size:300%; line-height: 35px; }
.faqWrapper dd a.top {float:right;}
/* ModuleEnd::faq */



/* ModuleBegin::jobs */
.jobsListWrapper { }
.jobsDetailWrapper { }
.jobsDetailWrapper span { display: block; }
.jobsDetailWrapper span.itemLabel { display: inline; }
.jobsJobCode { }
.jobsCategory { }
.jobsLocation { }
.jobsKeywords { }
.jobsDescription { }
/* ModuleEnd::jobs */



/* ModuleBegin::directory-Promos */
.directoryListWrapper { }
.directoryDetailWrapper { }
.directoryName { }
.directoryCategory { }
/* ModuleEnd::directory-Promos */



/* ModuleBegin::commerce */
.shoppingAlert { color: red; }
.shoppingBody { font-size: 8pt; }
.shoppingCartEvenRow { background-color: #ffffff; color:#002d62; }
.shoppingCartOddRow { background-color: #ebebeb; color:#002d62; }
.shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; }
.shoppingForm { font-size: 8pt; color:#002d62; }
.shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; }
.shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingHeading { color:#002d62; }
.shoppingInStock { }
.shoppingItemHeading { }
.shoppingOutOfStock { color: #dd0000; }
.shoppingLowStock { }
.shoppingTable { background-color: #e8e8e8; color:#002d62; }
.shoppingTableBorder { background-color: #ffffff; }
.shoppingFormRequired { width: 1%; }
/* ModuleEnd::commerce */

/* ModuleBegin::documents */
.documentsListWrapper { }
.documentsListWrapper table { border: 1px solid #ccc; padding: 3px; }
.documentsRowOdd { }
.documentsRowEven { background: #eee; }
.documentsListWrapper th { padding: 3px 10px; border-bottom: 1px solid #ccc; }
.documentsListWrapper td { padding: 3px 10px; }
.documentsName { }
.documentsDate { }
.documentsSize { }
/* ModuleEnd::documents */