@charset "UTF-8";
/* CSS Document */

#campaign-page {
	font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
	font-weight: 400;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #53565a !important;
	text-transform: none !important;
	text-decoration: none !important;
	width: 920px !important;
	background-color: #f1f1f0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

#campaign-page p {
	margin: 0 0 15px 0;
}

#campaign-page .headline {
	font-size: 24px !important;
	font-weight: 300 !important;
	line-height: 36px !important;
	color: #000000 !important;
	margin: 0 0 15px 0;
    overflow: auto;
    word-wrap: break-word;
}

#campaign-page .headerBanner {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}

#campaign-page .contentarea-two-column,
#campaign-page .contentarea-three-column,
#campaign-page .contentarea-wrap {
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	clear: both;
}

#campaign-page .contentarea-three-column {padding: 35px 20px 45px 45px !important;}
#campaign-page .contentarea-two-column {padding: 35px 15px 45px 45px !important;}
#campaign-page .contentarea-wrap {padding: 0 !important; margin: 0 !important;}
#campaign-page .three-column-flex {margin-right: 25px !important;}
#campaign-page .two-column-flex {margin-right: 30px !important;}
#campaign-page .one-column-wrap {padding: 35px 20px 45px 45px !important;}
#campaign-page .one-column-wrap2 {padding: 35px 15px 45px 45px !important;}

#campaign-page .three-column-item1 {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-inline-flex;
	display: inline-flex;
	flex-wrap: wrap;
}
#campaign-page .three-column-item2 {
	-webkit-flex: 2;
	flex: 2;
	display: -webkit-inline-flex;
	display: inline-flex;
	flex-wrap: wrap;
}
#campaign-page .two-column-item1 {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-inline-flex;
	display: inline-flex;
	flex-wrap: wrap;
}

/* Teaser Box A */
#campaign-page .teaserbox {
	background: url('https://www.agilent.com/cs/promotions/images/20170529-teaser-head-strip-260x4.png') repeat-x 0 0;
}

/* Teaser Box B */
#campaign-page .teaserboxb {
	background: url('https://www.agilent.com/cs/promotions/images/20170529-teaser-head-strip-400x4.png') repeat-x 0 0;
}

/* Teaser Box */
#campaign-page .teaserbox,
#campaign-page .teaserboxb {
	background-color: #ffffff;
	font-size: 13px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	color: #888b8d;
	padding: 25px 30px !important;
	background-repeat: no-repeat;
	display: -webkit-inline-flex;
	display: inline-flex;
	justify-content: space-between;
	flex-flow: column wrap;
}

/* Teaser Box Headline */
#campaign-page .teaserbox span,
#campaign-page .teaserboxb span {
	color: #000000 !important;
	font-size: 15px !important;
	line-height: 24px !important;
	font-weight: 300 !important;
	margin-bottom: 15px !important;
	display: block;
	overflow: auto;
    word-wrap: break-word;
}

#campaign-page .teaserbox img, #campaign-page .teaserboxb img {margin: 0 0 15px 0;}
#campaign-page .teaserbox p, #campaign-page .teaserboxb p {margin: 0 0 10px 0;}
#campaign-page .teaserbox p, #campaign-page .teaserbox span {width: 200px}
#campaign-page .teaserboxb p, #campaign-page .teaserboxb span {width:340px}
#campaign-page .teaserbox-content {align-self: flex-start; width: 100%;}

	
#campaign-page a:link, #campaign-page a:visited, #campaign-page a:active {
	color: #0085d5 !important;
	text-decoration: none !important;
}

#campaign-page a:hover {
	color: #00426a !important;
	text-decoration: underline !important;
}


/* CTA Button */

#campaign-page .cta-button a:link, 
#campaign-page .cta-button a:visited, 
#campaign-page .cta-button a:active {
	font-family: "Roboto", Arial, sans-serif, Helvetica;
	font-size: 12px !important;
	padding: 14px 19px;
    font-weight: 400 !important;
	line-height: 100% !important;
    color: #ffffff !important;
    background-color: #0085d5;
    clear: both;
	display: -webkit-inline-flex;
    display: inline-flex;
	align-self: flex-end;
	margin: auto !important;
    text-transform: none !important;
    text-decoration: none !important;
}

#campaign-page .cta-button a:hover {
    background-color: #00426a !important;
    text-decoration: none !important;
}

#campaign-page .centerbtn {
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
}

/* end CTA Buttons */


#campaign-page ul {
	padding: 0 0 15px 20px;
	margin: 0;
}

#campaign-page li {
	margin: 0 0 8px 0 !important;
}

#campaign-page .mediaspecs {
	font-size: 12px !important;
	line-height: 16px !important;
	color: #888b8d !important;
	font-weight: 300 !important;
	margin: 0 0 15px 0;
}

#campaign-page .mediaspecs span {
	color: #53565a !important;
	font-weight: 400 !important;
	margin: 0 5px;
}

#campaign-page .dividerline {
	padding: 0 !important;
	margin: 0 !important;
	border-top: 1px solid #d0d0ce;
	height: 4px;
	clear: both;
	display: block;
}


#campaign-page .product-label {
	font-size: 12px; 
	line-height: 16px;
	color: #888b8d !important;
	display: block; 
	clear: both; 
	margin: 0 !important; 
	padding: 0 !important; 	
}