#hero {
	float:left; 
	width:690px; 
	line-height:1.4em;
	font-size:1.0em;
	padding:15px;
}
	#hero h1 {
		font-size:1.2em;
		margin-bottom:15px;
	}
	#hero a {
		font-weight:bold;
	}
	#hero p {
		margin:0px 0px 15px 0px;
	}
	#hero div.left {
		width:270px;
		color:#999999;
		font-size:0.8em;
		line-height:1.4em;
	}
	#hero div.right {
		width:380px;
		margin:0px 10px 0px 0px;
	}
	#hero div.right table {
		font-size:0.9em;
		margin-bottom:15px; /*take this out if using frank's layout*/
	}
	#hero div.right table th  {
		text-align:left;
		font-weight:normal;
		vertical-align:top;
		padding-right:15px;
		color:#999;
	}
	#hero div.right table td  {
		text-align:left;
	}
	#hero div.right ul,
	#hero div.bottom ul {
		list-style-type:disc; 
		margin-left:17px;    
	}
	#hero div.right ul li {
		margin-bottom:10px;    
	}
	#hero div.bottom {
		clear:both;
		margin:0 auto;
		padding-top:20px;
		line-height:1.5em;    
	}
		/* IE6+1E7 */
		html* #hero div.bottom {
			padding-top:10px;
		}
	#hero div.bottom img {
		float:right;
		margin-left:15px; 
	}

	#sidekick {
		float:left;
		width:220px; /*needed if using bg*/
		height:280px; /*needed if using bg*/
		padding:10px;
		background:transparent url(../../../content/dam/illumina-marketing/images/boxes/sidekick_240.gif) no-repeat 0px 0px;        
	}
	#sidekick h2 {
		font-size:1.1em;  
		font-weight:normal;    
		margin:0px 8px;      
	}
	#sidekick h3 {
		font-size:0.8em;
		margin:0px 10px;      
		margin-top:15px;  
	}
	#sidekick p {
		font-size:0.8em;
		margin:0px 10px;      
	}
	#sidekick1, 
	.sidekick1 {
	font-size:0.9em; 
	float:left;
	width:240px; /*needed if using bg*/                   
	}
	#sidekick1 #top, 
	.sidekick1 .top {
		width: 240px;
		height:12px;
		background:transparent url(../../../content/dam/illumina-marketing/images/boxes/sidekick_sprite_240.gif) no-repeat 0px 0px;        
	}
	#sidekick1 #bottom, 
	.sidekick1 .bottom {
		width: 240px;
		height:12px;
		background:transparent url(../../../content/dam/illumina-marketing/images/boxes/sidekick_sprite_240.gif) no-repeat 0px -12px;        
	}
	#sidekick1 #mid, 
	.sidekick1 .mid {
		width: 210px;
		background:transparent url(../../../content/dam/illumina-marketing/images/boxes/sidekick_sprite_240.gif) repeat-y -240px 0px;    
		padding:0px 15px 0px 15px;
	}
	
	#sidekick1 h2, 
	.sidekick1 h2 {
		font-size:1.1em;
		text-align:center; 
		margin:0px 8px;
	}
	#sidekick1 h3, 
	.sidekick1 h3 {
		font-size:0.8em;
		margin:0 0 0 8px;      
		margin-top:12px;  
	}
	#sidekick1 p, 
	.sidekick1 p {
		font-size:0.8em;
		margin:0 0 0 8px;      
	}
.tabsPanel p {
	margin-top:10px; 
}
.tabsPanel ul {
	margin:20px 50px 10px 57px;  
	color:#7CA8D4; 
	line-height:2.0em;
}
		
a.buttonAdd {
	margin:10px 0px 0px 40px;
	margin-bottom:0px; /*fix scroll display in firefox*/
}
a.buttonGo {
	margin:10px 0px 0px 45px;
	margin-bottom:0px; /*fix scroll display in firefox*/
}       

.calloutContentWrapper {
	position:absolute;
	left:720px;
	top:20px;
	width:240px; /*needed if using bg*/
}
* html .calloutContentWrapper { /*IE6*/
	top:20px; /*if using floatNFollow = top+18*/
}
	.calloutContent {
		/*background:transparent url(../../../content/dam/illumina-marketing/images/boxes/floatNFollow_sprite_240.png) repeat-y -241px 0px;*/  
		/*padding:0px 15px;*/
		font-size:0.9em; 
		color:#666;  
		/*overflow:auto; fixes weird ghost text IE bug*/
		overflow:hidden; /*needed*/
	}
	.calloutContent h2, 
	#sidekick1 h2 {
		position:relative;
		text-align:center; 
		font-size:1.1em;
	}
	.accordion h2 {
		color:#7CA8D4;
		cursor:pointer;
	}
	.accordion h2:hover {
		text-decoration:underline;
	}
	.calloutContent ul, 
	#sidekick1 ul, 
	.sidekick1 ul {
		font-size:0.9em;
		list-style:none;
		margin:10px 3px 0px 3px;
	}
	.calloutContent ul li, 
	#sidekick1 ul li, 
	.sidekick1 ul li {
		/*margin:5px 0px; don't use list margin or else IE6 will get you!*/
		padding:4px 0px;
	}
	.calloutContentTop, 
	.calloutContentBottom {
		/*background:transparent url(../../../content/dam/illumina-marketing/images/boxes/floatNFollow_sprite_240.png) no-repeat;*/
		width:240px; 
		height:15px;   
	}
	.calloutContentTop {
		background-position:0px 0px;
		margin-top:10px;
	}
	.calloutContentBottom {
		background-position:0px -15px;
	}
	.calloutContent form, 
	#sidekick1 form, 
	.sidekick1 form {
		margin-top:15px;
	}
		.calloutContent form div.clear, 
		#sidekick1 form div.clear, 
		.sidekick1 form div.clear {
			height:10px;
		}
		.calloutContent form label, 
		#sidekick1 form label, 
		.sidekick1 form label {
			float:left;
		}
		.calloutContent form .formText, 
		#sidekick1 form .formText, 
		.sidekick1 form .formText {
			float:right;
			color:#333;
		}
		.calloutContent form .select, 
		.calloutContent form .textShort, 
		#sidekick1 form .select, 
		.sidekick1 form .select, 
		#sidekick1 form .textShort, 
		.sidekick1 form .textShort {
			float:right;
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.0em;    
			color:#333;
			border:solid 1px #999;
		}
		.calloutContent form .textShort, 
		#sidekick1 form .textShort, 
		.sidekick1 form .textShort {
			width:40px;
		}
	
	.sidekick1 form label 
	{
		width: 120px;
		text-align:right;	
		font-weight:bold;
		float: left;
    }
	.sidekick1 form .orderLabel
	{
		text-align:left;
	}
	.sidekick1 form .formText 
	{
		width: 80px;
		color: #333333;
		float: right;
		text-align:right;
	}
	.sidekick1 form .textShort 
	{
		float: right;
		margin-left: 10px;
		width: 40px;
	}
	
	

.applicationIcon,
.applicationSysIcon {
	clear:both;
	display:block;
	float:right;
    width:64px;
	height:65px;
	margin-top:25px;
	background-color:transparent;
	background-repeat:no-repeat;
}
	
.applicationIcon {
	cursor:pointer;
}
.applicationIcon:hover {
     background-position:-176px 0; 
}


.application {
	float:left;
	width:760px;
	margin: 20px 0 0 10px;
	line-height:1.3em;
}

.application ul {
	margin-top:10px;
}

.application li {
	line-height:1.5em;
}

.publicationContent {
	clear:both;
	float:left;
	width:680px; 
	margin:40px auto 0px auto;
}
	.publicationContent h3 {
		margin-bottom:10px;
		padding-bottom:5px;
		border-bottom:solid 1px #efefef;
	}
	.publicationContent .related {
		margin-top:10px;
		font-size:0.9em;
	}
	.publicationContent div.related,
	.publicationContent p {
		padding-right:15px;
	}
	.publicationContent p a {
		font-weight:bold;
	}
.publicationNote {
	float:left;
	width:200px;
	margin-top:59px;
	padding:10px;
	color:#999;
	font-size:0.8em;
	line-height:1.5em;
	background-color:#f9f9f9;
	border:solid 1px #efefef;
}

#icom_product_id,
#productID {
	width:210px;
	margin-top:3px;
	font-size:0.8em;
}
.prod-highlight h2 {
	font-size:11px;
	font-weight:bold;
	padding-bottom: 0;
}
.prod-highlight {
	font-size:.9em;
	line-height:1.5em;
	margin-left: 10px;
	width:220px;
}
#sidebar {
	float:right;
	width: 240px;
}

#truseq_amplicon_cancer_table {
    font-style: italic;
}
#truseq_amplicon_cancer_table td {
    border-bottom: 1px solid #ddd;
    padding: 7px 15px;
}
.filterType {
    color: #328ed1 !important;
    cursor: pointer;
    display: inline-block;
    padding: 1px 5px;
}
.highlight {
    background: none repeat scroll 0 0 #7ca8d4;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    padding: 1px 5px;
}

/* http://www.illumina.com/products/truseq-synthetic-long-read-kit.html */
#truseq-synthetic-long-read-kit-div .clr {
	clear: both;
}
#truseq-synthetic-long-read-kit-div .interactive-content {
	width:477px;
}
#truseq-synthetic-long-read-kit-div .workflow-item-row {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border:1px solid #777;
	background:#ddd;
    height: 28px;
}
#truseq-synthetic-long-read-kit-div .workflow-item {
	float:left;
	padding:7px 12px 7px 32px;
	cursor: pointer;
	font-family:arial;
	color:#555;
	font-size: 12px;
	position: relative;
	font-weight: bold;
}
#truseq-synthetic-long-read-kit-div .workflow-item:before {
	content:'';
	width:0;
	height:0;
	border-top:14px solid transparent;
	border-bottom:14px solid transparent;
	border-left:14px solid #ddd;
	position: absolute;
	right:-14px;
	top:0px;
	z-index: 2;
}
#truseq-synthetic-long-read-kit-div .workflow-item:after {
	content:'';
	width:0;
	height:0;
	border-top:14px solid transparent;
	border-bottom:14px solid transparent;
	border-left:14px solid #777;
	position: absolute;
	right:-15px;
	top:0px;
}
#truseq-synthetic-long-read-kit-div .workflow-selected {
	background:#7ca8d4;
	color:white;
	cursor: default;
}
#truseq-synthetic-long-read-kit-div .workflow-selected:before {
	border-left:14px solid #7ca8d4;
}
#truseq-synthetic-long-read-kit-div #step-1 {
	padding-left:12px;
}
#truseq-synthetic-long-read-kit-div #step-4 {
	padding-right:29px;
    width: 124px;
}
#truseq-synthetic-long-read-kit-div #step-4:after, #truseq-synthetic-long-read-kit-div #step-4:before {
	border:none;
}
#truseq-synthetic-long-read-kit-div .workflow-content {
	float:left;
	text-align: center;
	padding:0 0 25px;
	font-family: arial;
	color:#555;
	font-size:14px;
	display: none;
	margin: 0 auto;
	width:475px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	opacity: 0;
}
#truseq-synthetic-long-read-kit-div .workflow-content img {
	display: block;
	margin:25px auto;
}
#truseq-synthetic-long-read-kit-div #content-step-1 {
	display: block;
	opacity: 1;
}
#truseq-synthetic-long-read-kit-div .blueBtns-row {
	width:75%;
	margin: 0 auto;
}
#truseq-synthetic-long-read-kit-div #content-step-4 a {
	float:left;
	color:#7ca8d4;
	text-decoration: none;
	font-size:12px;
	width:50%;
}
#truseq-synthetic-long-read-kit-div #content-step-4 img {
	display: block;
	margin:25px auto 10px;
}
#truseq-synthetic-long-read-kit-div .workflow-content-row {
	overflow: hidden;
	height: 201px;
	border-left:1px solid #777;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	float:left;
}
#truseq-synthetic-long-read-kit-div .workflow-content p {
	padding:15px 50px;
	font-size:15px;
}
#truseq-synthetic-long-read-kit-div .btn-secondary {
	display: block;
	font-size: 11px;
	cursor: pointer;
	background:#fff;
	color: #555;
	border-radius: 5px;
	padding: 7px 0 11px;
	margin: 25px auto 0;
	width: 160px;
	text-align: center;
	font-weight: bold;
	-webkit-box-shadow:inset 0 -3px 0 0 #bbb;
	box-shadow:inset 0 -3px 0 0 #bbb;
	border:1px solid #bbb;
}
#truseq-synthetic-long-read-kit-div .btn-secondary:hover {
	background:#fff;
	-webkit-box-shadow:inset 0 -3px 0 0 #666;
	box-shadow:inset 0 -3px 0 0 #666;
	text-decoration: none;
}
#truseq-synthetic-long-read-kit-div .btn-secondary:active {
	background:#e5e5e5;
	padding-bottom:7px;
	-webkit-box-shadow:none;
	box-shadow:none;
	position: relative;
	top:4px;
}
#truseq-synthetic-long-read-kit-div .modalHeader {
	font-size:17px;
	color:#555;
	font-family:'HelveticaNeueW01 53 Ext';
	letter-spacing:1px;
	margin-bottom:15px;
	text-align:center;
}

/* http://www.illumina.com/products/products_list/new-popular-products.html */
#new-popular-product-div {width:920px !important; padding-left:20px;}
#new-popular-product-div > p {display:none;}
#new-popular-product-div h3 {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
font-size: 13px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 20px;
margin-bottom: 10px;
clear: both;
}
#new-popular-product-div ul {margin:0}
#new-popular-product-div li {
	list-style:none;
	vertical-align:top;
	padding:2% 0;
}
#new-popular-product-div li a {
	color:#666;
	text-decoration:none;	
}
#new-popular-product-div li a, .pName strong {
	color:#7CA8D4;
}
#new-popular-product-div .pImg, #new-popular-product-div .pName {
	display:inline-block;
	vertical-align:middle;
}
#new-popular-product-div .pName {
	width:235px;
	font-size:11px;
        color:#666
}
#new-popular-product-div .pImg {
	height:75px;
	width:150px;
	background:no-repeat center top;
	background-size:contain;
	margin-right:15px;
}
#new-popular-product-div .pName strong {
	font-size:13px;
}
#new-popular-product-div .col-2 {width:440px !important;}
#new-popular-product-div .sideBar a {display:none;}

/* http://products.illumina.com/products/truseq-targeted-rna-expression-apoptosis-panel.html */
#apoptosis-panel-modal-table h3 + table{font-style:italic;}
#apoptosis-panel-modal-table td{padding:7px 15px;border-bottom:1px solid #ddd;}
#apoptosis-panel-modal-table .modalStyle1{background:#fff;}
#apoptosis-panel-modal-table .tbl-rna{ border: 1px solid #ddd; border-radius: 10px; font-size:10px; border-collapse: initial; }
#apoptosis-panel-modal-table .tbl-rna > caption { font-size: 13px; font-weight: bold; padding-bottom: 5px; }
#apoptosis-panel-modal-table .tbl-rna> tbody > tr > td { font-style: italic; border-bottom: 1px solid #ddd; padding: 7px 15px; }
#apoptosis-panel-modal-table .tbl-rna td > .footNote { font-style: normal; padding-top: 0; }
#apoptosis-panel-modal-table .tbl-rna tr:last-child td { border-bottom: none; }

/* New Code: Added by Adam "El Capitan" Prince 02/15/16 */
.show-more-link,
.show-less-link {
  color: #328ed1;
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

.products-list-filter {
  font-size: 16px;
}

.products-filter-section {
  position: relative;
  left: 0;
  width: 100%;
  z-index: 10;
  background: url(//assets.illumina.com/content/dam/illumina-marketing/images/rgh/ie/stickynav-bg.jpg) scroll repeat-x left center transparent;
  background-image: -webkit-linear-gradient(#f5f5f5, #d5d5d5);
  background-image: linear-gradient(#f5f5f5, #d5d5d5);
  padding: 15px 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media (min-width: 768px) {
  .products-filter-section.affix {
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 8px 0;
    position: fixed;
    top: 0;
  }
}
@media (max-width: 768px) {
  .products-filter-section.affix {
    position: static;
  }
}
.products-filter-section h6 {
  float: left;
  margin-bottom: 0;
  padding: 10px 15px 10px 0;
}

.products-list-promo-content {
  padding: 0 0 30px 0;
}
  
@media (min-width: 768px) {
  .products-list-promo-content {
    padding: 0 0 60px 0;
  }
}

.products-list-promo-content img {
  margin-bottom: 15px;
}

.products-list-results {
  margin: 0 0 40px;
}
.products-list-results h6 {
  margin-bottom: 10px;
}
.products-list-results .list-group-item {
  background-color: transparent;
  border-radius: 0;
  border-left: none;
  border-right: none;
  color: #328ed1;
  padding-left: 0;
}

.products-list-banner {
  margin: 43px 0 0 0;
}

@media (min-width: 768px) {
  .products-list-banner {
	margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .products-list-banner {
    margin-top: -34px;
  }
}

.productWrapper .mainContent .title.heading #top h1{
   padding-left: 0;
}