/* CONTENT  
--------------------------------------------------------------------------- */
#content {
	float: left;
	width: 980px;
	clear: both;
	margin: 0px 0px 50px;
	background: url(../images2/about-back.jpg) no-repeat top;
}




/* MAIN COLUMN
--------------------------------------------------------------------------- */
#col-main {
	width: 660px;
	margin: 66px 10px 0px 0px;
	_margin-right: 5px;
	float: right;
	padding: 0px 15px;
	background: #FFFFFF;
	border: 1px solid #EFEFEF;
}
	#col-main h1 {
	font: bold 20px/26px Arial, Helvetica, sans-serif;
	color: #000000;
	border-left: 4px solid #005daa;
	padding: 3px 0px 3px 10px;
	margin: 15px 0px 25px;
}
	#col-main h1 a {
	color: #336699;
	text-decoration: none;
}
	#col-main h1 a:hover {
	color: #336699;
	text-decoration:underline;
}
	#col-main h2 {
	font-size: 12px;
	color: #FFFFFF;
	background: #005daa;
	font-weight: normal;
	padding: 5px 0px 5px 5px;
	margin-bottom: 15px;
}
	#col-main h2 a {
	color: #FFFFFF;
	text-decoration:underline;
}
	#col-main h2 a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
	#col-main h3 {
	font-size: 12px;
	color: #333333;
	padding: 0px 0px 0px 20px;
	margin-bottom: 10px;
	background: url(../images/icon-blue-white-arrow.gif) no-repeat left 1px;
}
	#col-main h3 a {
	color: #333;
	text-decoration:none
}
	#col-main h3 a:hover {
	color: #336699;
	text-decoration:underline
}
	#col-main h4 {
	font-size: 12px;
	color: #999;
	padding: 0px 0px 0px 5px;
	margin-bottom: 10px;
	text-decoration:underline
}

	#col-main p {
	color: #333333;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
	#col-main p a {
	text-decoration: underline;
	color: #005daa;
	font-family: Arial, Helvetica, sans-serif;
}
	#col-main p a:hover {
	text-decoration: none;
	border:none;
	color: #000000;
}

	#col-main .banner {
	margin: 2px 0px 0px -13px;
}

	#col-main p.fig {
	background: #FFFFFF;
	border: 1px solid #CDCDCD;
	width: 660px;
	text-align: center;
	padding: 10px 0px;
}

#content table {
	font-size: 12px;
	color: #333333;
	margin: 10px 0px 50px;
	width: 660px;
}
#content table td {
	font-size: 12px;
	color: #333333;
	border: 1px solid #dfdfdf;
	padding: 10px;
	line-height: 18px;
}
#content table td a{
	color: #005daa;
}
#content table td a:hover{
	color: #333333;
}
#content table tr td p {
	line-height: 18px;
	margin: 0px 0px 10px;
	padding: 0px;
}
#content table tr td.cellshade01 {
	background: #f2f2f2;
}
	#content table caption {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 6px;
	margin: 0px;
	background: #336699;
	text-align: left;
	}
	
	.padH2px {
	padding-top: 2px;
	padding-bottom: 2px;
	}

	#col-main ul.default-list {
	margin: 0px 0px 25px 0px;
	list-style: none;
}
	#col-main ul.default-list li {
	margin: 0px 0px 8px 20px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #333333;
	background: url(../images2/arrow-black2.gif) no-repeat left 6px;
	padding: 0px 0px 0px 18px;
}
	#col-main ul.default-list li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #005daa;
	text-decoration: none;
}
	#col-main ul.default-list li a:hover {
	text-decoration: underline;
	color: #000;
}
	#col-main ul.default-list li.li-special a {
	color: #6633CC;

}
	#col-main ul.default-list li.li-special a:hover {

}

	#col-main ul.pdf-list {
	margin: 0px 0px 25px;
	list-style: none;
}
	#col-main ul.pdf-list li {
	background: url(../images/icon-pdf.jpg) no-repeat 0px 4px;
	padding: 0px 0px 0px 22px;
	margin: 0px 0px 8px;
	font: 12px/22px Arial, Helvetica, sans-serif;
	color: #333333;
}
	#col-main ul.pdf-list li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
	#col-main ul.pdf-list li a:hover {
	text-decoration: underline;
	color: #005daa;
}


/* ---- NEWS  ---------------------------------------------------------- */
.news-date {
	font-size: 12px;
	font-weight: normal;
	border-top: 1px solid #F3F3F3;
	display: block;
}
#col-main table.news {
	width: 660px;
	margin-bottom: 100px;
}
#col-main table.news td {
	color: #333333;
	padding: 6px 2px;
	font: 12px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #E3E3E3;
	border-top: none;
	border-right: none;
	border-left: none;
}

#col-main table.news td a {
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}
#col-main table.news td a:hover {
	color: #005daa;
	text-decoration:underline;
}

/* Main Table
--------------------------------------------------------------------------- */
#content table.v2 {
	font: 11px Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	border-left:none;
	border-right:none;
	margin: 0px 0px 20px 0px;
	_margin-right: -10px;
	width: 660px;
	padding: 0px;
	border-top: 2px solid #005daa;
	
}

#content table.v2 th {
	padding:7px 5px 7px 6px;
	line-height: 16px;
	background: #EBEBEB;
	border-bottom:1px solid #999;
	font-weight: normal;
	text-align: left;
	color: #000000;
	font-size: 12px;
}

#content table.v2 th a {
	color: #000000;
	text-decoration:none;
}
#content table.v2 th a:hover {
	color: #000000;
	text-decoration:underline;
}

#content table.v2 tr:hover td {
	background-color: #F5F5F5;
}

#content table.v2 td {
	background:#fff;
	color:#666666;
	padding:8px;
	line-height: 16px;
	border-bottom:1px solid #ccc;
	border-left:none;
	border-right:none;
}

#content table.v2 td.cell-proteomics {
	background-color: #6C6;
	color: #000;
}

#content table.v2 td a {
	color:#005daa;
	text-decoration:none;
}

#content table.v2 td a:hover {
	color:#000;
	text-decoration:underline;
}

#content table.v2 p.table-foot {
	position: relative;
	margin: 0px 0px 5px;
	padding: 0px;
	color: #336699;
	font-size: 11px;
	line-height: 18px;
}




/* LEFT COLUMN 
--------------------------------------------------------------------------- */
#col-left {
	float: left;
	width: 220px;
	margin: 140px 0px 0px 25px;
		_margin-left: 10px;
}

#col-left h4 {
	color: #404040;
	margin: 15px 0px 10px 2px;
	font: bold normal 11px/20px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 6px;
	height: 20px;
	background: #EBEBEB;
}
#col-left h4 a {
	color: #000;
	text-decoration:none;
}
#col-left h4 a:hover {
	color: #000;
	text-decoration:underline
}
#col-left ul {
	margin: 0px 0px 16px;
	padding: 0px 0px 0px 5px;
}
#col-left ul li {
	margin: 0px 0px 6px;
	padding: 0px;
	font: 12px/18px Arial, Helvetica, sans-serif;
}
#col-left ul li a {
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background: url(../images/arrow-black.gif) no-repeat 2px 2px;
	margin: 0px;
	padding: 0 0 0 20px;
	display: inline-block;
}

#col-left ul li.pdf a {
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background: url(../images/icon-pdf.jpg) no-repeat left 1px;
	margin: 0px;
	padding: 0 0 0 20px;
	display: inline-block;
}

#col-left ul li a:hover {
	color: #333333;
	text-decoration: underline;
}

img.msds {
	margin-bottom: 10px;
}


#col-left p.caption {
	color: #666666;
	text-decoration: none;
	margin: -8px 0px 15px 0px;
	display: block;
	font-size: 11px;
}

#col-left p.caption a {
	color: #666666;
	text-decoration: none;
	margin: -8px 0px 15px 0px;
	display: block;
	font-size: 11px;
}

#col-left p.caption a:hover {
	color: #333333;
	text-decoration: underline;
}

/* ---- BUTTONS  ---------------------------------------------------------- */
#col-left a.buttonContactGeneral {
	display: block;
	width: 220px;
	height: 33px;
	text-decoration: none;
	background: url(../images2/contact-general.jpg);
	margin-top: 5px;
	margin-bottom: 10px;
	}

#col-left a.buttonContactGeneral:hover {
	background-position: -220px 0;
	}
#col-left a img.button {
	margin-bottom: 8px;
	}

/* ---- 2 Columns Content  ---------------------------------------------------------- */
.two-cols {}
.two-cols p img { margin:0 10px 0 0}

.two-cols-left {
	float: left;
	width: 300px;
}
.two-cols-left p a.pdf {
	background: url(../images/icon-pdf.jpg) no-repeat left 1px;
	padding: 0px 0px 0px 22px;
	display: block;
	vertical-align: top;
	line-height: 18px;
}
.two-cols-right {
	float: right;
	width: 325px;
}


#col-main #rightContent {
	float: right;
	width: 182px;
	padding: 10px 10px 0px;
	background: #FCFCFC;
	border: 1px solid #CCCCCC;
	margin-top: -40px;
	margin-left: 15px;
}
#rightContent p {
	margin-top: 15px;
}



#col-main p.badge {
	color: #FFFFFF;
	background: url(../campaigns/images/badge-blue.jpg) no-repeat;
	height: 120px;
	width: 125px;
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px 10px 15px 0px;
	text-align: center;
	float: left;
	display: block;
}

#col-main p.event {
	width:100%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	text-align: center;
	height: 28px;
	padding:4px 0px 2px;
	display: block;
	clear: both;
}
	
#col-main p.event a.pdf {
	background: url(../images2/icon-pdf.gif) no-repeat 25px center;
	padding: 0px 40px 0px 45px;
}
	
#col-main p.event a.pdf hover {}

#two-col {
	clear:both;
}
#two-col p {
	margin-left:5px;
}
#two-col #two-col-left {
	float:left;
	width:47%;
}
#two-col #two-col-right{
	float:right;
	width:50%;
}


#three-col {
	clear:both;
}
#three-col p {
	margin-left:5px;
}
#three-col #three-col-left {
	float:left;
	width:32%;
	margin-right: 15px;
}
#three-col #three-col-right{
	float:right;
	width:32%;
}





.red {
	color:#FFF;
	background: #F00;
	padding-right: 4px;
	padding-left: 4px;
}



#col-main ul.list-bluebullet {
	margin: 0px 0px 25px 20px;
	list-style: none;
}
#col-main ul.list-bluebullet li {
	background: url(../images/bullet-bluesquare.gif) no-repeat 0px 7px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 8px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333333;
}
#col-main ul.list-bluebullet li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #005daa;
	text-decoration: none;
}
#col-main ul.list-bluebullet li a:hover {
	text-decoration: underline;
}


/* NESTED LIST */
#col-main ul.list-bluebullet ul li {
	background: url(../images/bullet-blacksquare.gif) no-repeat 4px 5px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 8px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #666666;
}

/* EVENT PAGE  */

.event-button-years {
	float: right;
	width: 620px;
	height: 40px;
	line-height: 40px;
}
.event-button-years img {
	vertical-align:middle;
}



/* BID TOP PAGE */
.productIntro {
	clear: both;
	float: left;
	width: 600px;
	margin: 0px 0px 20px;
}
.productIntro-left {
	float: left;
	width: 70px;
}
.productIntro-right {
	float: right;
	width: 515px;
}

p.product-links-left {
	float: left;
	width: 198px;
	margin: 0px 0px 0px 10px;
}
p.product-links-left a {
	background: url(../images/arrow-black2.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 20px;
}
p.product-links-right {
	float: right;
	width: 195px;
}
p.product-links-right a {
	background: url(../images/arrow-black2.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 18px;
}









#col-main #wrapper {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	}

#col-main .accordionButton {
	width: 650px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #990000;
	color:#fff;
	border-bottom: 2px solid #FFFFFF;
	cursor: pointer;
	font: 14px Arial, Helvetica, sans-serif;
	padding:6px;
	}
	
#col-main .accordionContent {
	width: 660px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

#col-main .on {
	background: #990000;
	}
	
#col-main .over {
	background: #000;
	}


#col-main .box-white {
	background: #FFFFFF;
	margin: 0px 0px 20px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

p.border-top {
	padding-top: 30px;
	border-top: 1px solid #DDD;
}

img.thums {
	margin-left: 40px;
	margin-right: 8px;
}



/* PIERCE PRODUCT DATASHEET SEARCH - LEFT MENU */
.pierce-datasheet {
	background: url(../bid/pierce/images/datasheet-bg.jpg) no-repeat;
	height: 96px;
	width: 220px;
}
.pierce-datasheet form {
	padding-top: 13px;
	padding-left: 35px;
}
.pierce-datasheet input.pierce-search {
	font: 12px Arial, Helvetica, sans-serif;
	height: 16px;
	width: 88px;
	border: 2px solid #000;
	float: left;
	padding-left: 2px;
}