form,
main,
.site-outer {
  background: #fff;
  padding: 0;
}

.figureContent img {
  width: 100%;
}

span{
	font-family:inherit;
}


/*
gene	320px	$media-gene
nucleus	600px	$media-nucleus
cell	768px	$media-cell
colony	1024px	$media-colony
organism	1280px	$media-organism
*/

.articleContent h5 a,
.articleContent h4 a,
.articleContent h3 a,
.articleContent h2 a,
a {
  text-decoration: none;
  color: #333;
  font-size:1em;
}

a.header-menu__link{
	font-size:1em;
	border-bottom:0;
	margin:0;
}

h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
  margin-bottom: .25rem;
}

h1 {
  font-size: 2.375em;
  font-weight: 300;
  padding:0.5em 0;
  line-height: 1.1em;
}

h2{
	line-height:1.1em;
}

h4{
	padding: 0.5em 0;
}

a:hover {
  text-decoration: underline;
}

.chat-icon,
img.chatIcon{
	display:none;
	visibility:hidden;
}

a, p, span{
	font-family: "Roboto", Helvetica, Arial, sans-serif!important;
}

p{
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
	line-height: 1.625;
}
p.large {
    font-size: 16px;
    line-height: 22px;
}

ul.itemList li {
    font-size: 16px!important;
    padding: 4px 0px!important;
    margin: 0px!important;
    line-height: 22px!important;
}


.site-header{
	background:#474747;
}

.site-header__flyout-container {
  z-index: 10;
}

.site-header__nav a {
  text-decoration: none;
  color: #fff;
}

.site-header__nav a:hover {
  text-decoration: none;
}

/*---- Menu Fixes ----*/
.header-menu__link-section--support .header-menu__standalone-link,
.site-header__section-container  a {
    display: block;
    text-decoration: none;
    color: #333333;
    box-sizing: border-box;
    padding: 0.5rem;
}

.header-menu__link-section--support .header-menu__standalone-link:hover, 
.site-header__section-container a:hover {
    color: #fff;
    background-color: #fdb813;
    text-decoration: none;
}

.header-menu__link-section--support .header-menu__standalone-link:visited,
.site-header__section-container a:visited {
    color: #333333;
}

.site-footer .col--footer a {
    font-size: 16px;
}

.site-footer a:not(.button), .site-footer p {
    font-size: 14px; /*0.875rem*/
}

.pageContainer {
  width: 100%;
  z-index: 1;
}

.contentMid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  max-width: 1280px;
  margin: 0 auto;
  background: transparent;
  padding: 10px;
}

/*-- IE hack to fix "center" alignment --*/
.contentContainer {
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: content-box;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
  width: 100%;
}

.filter-wrap .input-clear,
.contentBottom,
.contentTopLine,
.content__top-line {
  display: none;
  visibility: hidden;
}

.content-container {
  max-width: 1280px;
  border: 0;
  box-shadow: none;
  margin: 4em auto;
}

.titles,
.contentBreadRss {
  width: 100%;
  padding: 0;
}

/*.pm-page-component .content-column--left,*/
.articleContent p {
  width: auto;
}

.sideNavRight {
  -ms-flex: 1 0 25%;
  -webkit-flex: 1 0 25%;
  flex: 1 0 25%;
  -ms-order: 1;
  -webkit-order: 1;
  order: 1;
  height: auto;
  /*width:auto;*/
  padding: 0;
  margin: 0;
  overflow:hidden;
  border-radius:5px;
}

.sideNavRight a{
	font-size:16px;
	line-height:24px;
}

.contentFullRow,
.sideNavLine {
	width: 100%;
}

.sideNavLine{
	display:none;
	visibility:hidden;
}

.sideNavTop {
	display: none;
	visibility: hidden;
}

.sideNavRightDiv {
	margin-bottom: 20px;
	overflow: hidden;
}

.sidebar .sidebar__main,
.sideNavMain {
  padding: 10px 13px;
  background: #ececec;
  border-radius: 5px;
}

.sideNavMain a {
  color: #226a85;
  font-size:16px;
  line-height:26px;
}

.sideNavContainer {
  width: 100%;
  padding:0;
}

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

.sideNavContainer ul li {
  line-height: 1em;
}

.sideNavContainer ul li a {
  font-size: 1em;
  line-height: 1.4em;
}

.sideNavRight h4 {
  border-bottom: 1px solid #b2b2b2;
  width: 100%;
  margin: 20px 0px;
  padding: 0 0 10px 0;
  font-size:12px;
}


.sideNavMain {
  display: block;
  clear: both;
}
.sideNavContainerButtons,
.socialMediaWidget{
	width:auto;
}

.sideNavRight .sideNavAd280 {
  width: 100%;
}

.sideNavRight .sideNavAd280 a {
  float: none;
}

.sideNavRight .sideNavAd280 img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
  width: 100%;
}

.tabContent h3,
.bottomContentCatFull a,
.sideNavVideo a{
	font-size:16px;
	line-height:24px;
}

ul.plain-list li a{
	font-size: 16px;
}

/*
ul.expand-list li:before {
  font-family: FontAwesome;
  content: "\f054";
  margin-right: 5px;
}

ul.expand-list li.expander-active:before {
  font-family: FontAwesome;
  content: "\f078";
  margin-right: 5px;
}*/

.contentBlock {
  -ms-flex: 2 1 70%;
  -webkit-flex: 2 1 70%;
  flex: 2 1 70%;
  order: 0;
  padding: 0 1em 0 0;
  width:auto;
}

table th,
table a:not(.sap-button),
.contentBlock p{
    font-size: 16px!important;
    font-weight: 400;
    margin-top: 0;
	line-height: 26px!important;
}
span.article {
    font-size: 16px;
    line-height: 26px;
}

table {
  border: none transparent;
}

.page-breadcrumbs,
.contentBreadcrumbs {
  font-size: 13px;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding: 0 0 15px 0;
  font-weight:normal;
}

/*-- page-breadcrumbs --*/

/*
.breadcrumb-nav li:last-child:after, .breadcrumb-nav--text-light li:last-child:after {
    content: '';
}

*/

.contentBreadcrumbs a:hover {
  text-decoration: underline;
}

/*
.widgetContainer ul {
  list-style-type: none;
  float: right;
  margin: 0;
  width: auto;
}

.widgetContainer ul li {
  display: inline;
  float: left;
}
*/

.widgetContainer{
	display:none;
	visibility:hidden;
}

.tabs-default .tabs-content {
  clear: both;
  padding: 10px 0;
  border-top: 1px solid #b2b2b2;
}

@media (max-width: 500px) {
  .contentBlock {
    width: 19.5em;
    max-width: 30em;
    overflow: hidden;
  }
}

@media (max-width:1023px) {
  .contentBlock {
    -ms-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    flex: 2 1 auto;
    width: auto;
  }
  .sideNavRight {
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-wrap: wrap;
  }
}

/*----------- Responsive layout Changes ------------*/
.main-content {
  max-width: 1280px;
  margin: 4em auto;
}

.site-outer .content-container {
  padding: 0 10px;
}

.content-container > div.pure-g {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 0 5em 0;
}

/*--- Should ONLY be for IE 10 HACK
.content-container > div.pure-g{
	display:inline;
}
*---/


/*#page_0_main_0_ContentMidDiv .content-block,*/
.pure-g .content-block {
  -ms-flex: 3;
  -webkit-flex: 3;
  flex: 3;
  padding: 0 15px 0 0;
}

.pure-g .content-block.content-block--full{
	padding:0;
	flex: 1 0 100%;
}

/*#page_0_main_0_ContentMidDiv .content-block,*/

.pure-g .sidebar {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height: 100%;
}

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

/*
.sidebar__section ul li {
  margin: 10px 0;
}
*/

.sidebar__section{
	padding:0;
}

.sidebar__section h4 {
  border-bottom: 1px solid;
  margin: 15px 0;
}

.sidebar-img{
	margin:0;
}

@media (max-width: 1023px) {
  .pure-g .sidebar {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  .pure-g .content-block {
    -ms-flex: 2 0 100%;
    -webkit-flex: 2 0 100%;
    flex: 2 0 100%;
    padding: 0 15px 0 0;
    flex-flow: wrap;
  }
}

/*--------- Removing Button Styles -----------*/

.btn--c2a {
  box-shadow: none;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}

.btn--c2a:after {
  content: none;
}

/*--------- Adding Button Styles -----------*/

.btn {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1em;
  border-radius: 0.375em;
  border: 2px solid #b9b9b9;
  color: #333;
  display: inline-block;
  margin-bottom: .625em;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: box-shadow 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
  -moz-transition: box-shadow 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
  transition: box-shadow 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
  width: auto;
  font-weight: normal;
}

.btn {
  color: #333;
  background-color: #fdb813;
  border-color: #fdb813;
}

.btn:link,
.btn:visited {
  color: #333;
  text-decoration: none;
}

.btn:link:hover,
.btn:visited:hover {
  text-decoration: none;
}

.btn:hover:not(:disabled) {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

/*-------- Global One-Off Fixes --------*/
.pubhub-wrap .image-rotator{
	width:100%;
}

.pageTitleLong,
.bottomContentCat{
	width:47%;
}

.contentBlock ul.fixed{
width:auto;
}

.contentBlockFull,
.automated-methods{
	width:100%!important;
}

.contentMainSearchContainer, .contentMainSearch600, .contentMainTextarea600{
	padding:0;
}

.pure-g h2{
font-family:"Roboto",Helvetica,Arial,sans-serif;
}

.pure-g .manufacturing__bullets li{
	font-family:"Roboto",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
	line-height: 1.625;
}

.sidebar .sidebar__c2a a.full-width{
	margin-left:0;
	margin-right:0;
}

/*-- 570px and < needshelp --*/
.automated-methods .sample-type,
.automated-methods .header,
.automated-methods .volume,
.automated-methods .time,
.automated-methods .kit,
.automated-methods .chem-type{
	width:auto;
}

.automated-methods td{
	font-size: 14px!important;
    line-height: 26px!important;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

/*--- Contact Promega ---*/
.content-card{
	margin-top:30px;
}

/*----- Punchout Page -----*/
.quickOrder{
	float:left;
	height:100%;
}

.selectorWrapper,
.quickOrder ul{
	width:100%;
}

.contentBlockSearchBack{
	background:transparent!important;
    width: 100%;
    height: auto;
}

.showHide550Container{
	width:auto;
}

.showHide550Top{
	display:none;
}

.hero-component img{
	width:100%;
}

/*--- /products/pm/tnt-cell-free/tntcellfree/ ---*/
.heroContent{
	width:100%!important;
	overflow:hidden;
}

.heroContent .activeImage {
    z-index: 0!important;
    width: 100%!important;
}

.tab-content-wrap{
	width:76%!important;
}

/*-- remove because it broke /support --
.content-block.content-block--full{
	flex:none!important;
}
*/

@media screen and (min-width: 46em){
	.rotator-component__img--custom-oem {
		width: 50%!important;
		height: 100%!important;
	}
}

/*--- /resources ---*/
.pure-g .content-column--left .content-card,
.pure-g .content-column--right .content-card{
	width:100%
}

/*--- Support> ---*/
.content-card.content-column--left,
.content-card.content-column--right{
	padding:0;
}

.content-block--full .content-card{
	margin:10px 10px 10px 0;
	width:48%;
}

/*-- /resources/tools/cloneweaver/restriction-enzymes/ --*/
.cloneweaver.cw-bod.clearfix,
.cloneweaver.cw-nav,
.cloneweaver.cw-hdr{
	width:100%;
	margin:0;
}

/*-- /resources/teaching-and-training/ --*/
.contentBlock .contentBlock300Image{
	width:50%;
}

.contentBlock .contentBlock300Image a.head{
	display:block;
}

.contentBlock .contentBlock300Image p{
	width:80%;
}

span.customer-support__link-container, span.customer-support__unavailable-message{
	margin-top:0;
}

/*-- /resources/petal/ --*/
.petal-content .tabbed-section{
	width:100%;
	max-width:100%;
}

/*--- img rotator pagination ---*/
.image-rotator .paginator{
	width:65.8%;
}

/*-- Careers --*/
.careersHomeItemsDetail p,
.careersHomeItemsDetail h3{
	font-size:16px!important;
	line-height:24px!important;
}

/*--- Pub Hub Abstracts ---*/
span.artAbstract {
    color: #666;
    font-style: italic;
	display:block;
}

/*--- Cartoons ---*/
.cartoonGallery a{
float:left;
width:auto;
padding:0.5em;
height:110px
}

/*--- Certificates Search Box ---*/
.certificates-of-analysis--explanation{
margin:1em 0 0 0;
}

.certificates-of-analysis--explanation h3{
margin:0 0 1em 0;
}

/*---- Vector Sequences ----*/
div#page_0_main_0_contentpage_0_VectorFeaturedImageBackgroundDiv{
	width:1280px!important;
}

/*--- Helix Form ---*/
.fsForm.fsMaxCol1 {
    width: 700px;
    float: left;
}

.fsborderradius .fsForm .fsSubmit {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    float: left;
}

/*---------- JAYS UPDATES 3/23/2017 ----------*/
/*--- Webinars Page ---*/
div.webinarEventType .webinarIconTop {
    float: right;
    margin-bottom: 0em !important;
}
.webinarEventDetail p, .featuredWebinar p,
.contentBlock .contentFullRow .contentFullExpand {
    width: 100% !important;
	clear:both;
}

.webinarEventDetail p.webinarEventDate, .webinarEventDetail p.webinarEventSpeaker{
	width:100%;
	float:left;
}

/*--- Model PopUps ---*/
#cboxContent {
    width: 400px !important;
    margin-top: 5%;
}

#cboxLoadedContent {
    width: 100% !important;
}

#colorbox {
    width: 430px !important;
    left: 35% !important;
    top: 20px !important;
}

/*--- Individual Webinar Pages ---*/
div#WebinarBlock1{
	width:600px;
	flex:none;
	overflow:hidden;
}

div#WebinarBlock2{
	width:300px;
	flex:none;
}

img[alt="NA_webinarsConcept-image"]{
display:none;
}


/*---- Helix sitelocator ----*/
.helixBanner img,
.helixBanner,
.helixContainer {
    width: 100%;
}

.helixNav{
	width: 100%;
	position: relative;
	top: 18px;
	right: 10px;	
}

.helixNavRight,
.helixNavLeft {
	display:none;
}

.helixLogin{
	left:90.8%;
}

div#map_canvas {
    width: 87%!important;
}

/*---- /resources/msds/ ----*/
.bottomHelpContainer,
.bottomHelpContainer p{
	width:100%;
}

.sideSmallContainer ul.inline li.textPunchOut {
    padding: 15px 1px 0 0;
    line-height: 25px;
}


/*---- Fixing Banner Ads ----*/
.sidebar__banner-link{
	display:block;
	margin-bottom:1em;
}

/*---- Product Promotions Page ---*/
.product__product-name {
  font-size: 2em;
  margin-bottom: 1em
}

.product__product-name .italic {
  font-weight: 300
}

.product-promo-banner {
  display: block;
  padding: 1rem 1rem;
  text-decoration: none;
  margin-bottom: 1rem
}

.product-promo-banner:link,
.product-promo-banner:visited {
  text-decoration: none
}

.product-promo-banner:last-child {
  margin-bottom: 0
}

.product-promo-banner__content {
  position: relative
}

.product-promo-banner__heading {
  margin-bottom: .25rem;
  font-weight: bold;
  font-size: 1.1em
}

.product-promo-banner__text {
  color: #515151;
  font-size: .9em
}