/*** /Assets/Skins/QuirksGrey2007/CSS/AssetApp.QIAGEN.Web.Display.Page.css ***/
/*
NAME:			AssetApp.QIAGEN.Web.Display.Page.css

PURPOSE:		Main skin for QIAGEN.Com, QuirksGrey2007 skin, 

STANDARDS:		Requires a doctype that induces Quirks mode in browsers.

NOTES:			This is a copy of /CSS/win.css that has been subsequently modified to:
					* allow replacement of many tables in the site shell with divs.

MODLOG:			25/01/2009, J.Brenton
				Replaced many tables with divs,

*/

/* General Elements */
body { 
	background: #FFFFFF;
	font-family: arial, sans-serif;
	font-size : 11px;
	font-weight: normal; 
	color: #000000; 
	text-decoration: none;
}

td, tr, table {
	font-size : 11px;
	font-family:arial,sans-serif;
}

p {
	font-size : 11px;
	font-family:arial,sans-serif;
	line-height: 12pt;
	margin-bottom:10px;
	margin-top:10px;
}

a {
	color: #1562AD; 
	text-decoration: underline;
}

a.black {
	color: #000000; 
}
/* End General Elements */

/* Headings */
h1,h2,h3,h4,h5,h6 {font-family:Arial,Helvetica,sans-serif;}

h1 {
	font-weight: bold;
	font-size: 17px;
	margin-top: 0px;
	margin-bottom:5px;
}

h2 {
	font-weight: bold;
	font-size: 13px;
	color: #1B3067; 
	margin:0px;
	margin-bottom:5px;
	margin-top:10px;
}

h3 {
	font-weight: bold;
	font-size: 13px;
	color: #333333;
}

h3.related {
	border-top: 1px solid #999999;
	padding-top:20px;
	margin-top:30px;
}
/* End Headings */

/* Lists */
ul {
	list-style-image: url("/images/bullet/square.gif");
	margin-top:10px;
	padding-left:30px;
	_padding-left:0px;
	_margin-left:30px;
}

ol {
    margin-top: 6px
}

li {
	font-size : 11px;
	font-family:arial,sans-serif;
	line-height: 11pt;
	list-style-position: outside;
}
#panelHome div.panelContent ul {
	margin : 0px;
	padding : 6px 8px 3px 8px;
	list-style-type : none;
	list-style-image: none;
}
#panelHome div.panelContent ul li {
	margin : 0px;
	padding : 0px;
	padding-bottom : 6px;
	list-style-type : none;
	list-style-image: none;
	line-height: 11pt;
}

div.panelContent ul {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
	list-style-image: none;
	margin-top : 8px;
}

div.panelContent ul li {
	margin : 0px;
	padding : 0px;
	padding-left : 5px;
	padding-bottom : 3px;
	padding-top : 1px;
	_line-height: 14px;
}

div.panelContent ul.standard {
	list-style-image: url("/images/bullet/square.gif");
	margin-top:10px;
	padding-left:30px;
	_padding-left:0px;
	_margin-left:30px;
}

div.panelContent ul.standard li{
	font-size : 11px;
	font-family:arial,sans-serif;
	line-height: 10pt;
	list-style-position: outside;
}
/* End Lists */

/* Links */
a:link.panelMoreLink, 
a:active.panelMoreLink, 
a:visited.panelMoreLink {
	color : #000;
	background-image : url(/images/blt_panel_list_link.gif);
	background-position : 0px 3px;
	background-repeat : no-repeat;
	padding-left : 10px;
	font-weight : normal;
	font-size : 11px;
	text-decoration : none;
	outline:0;
}

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

#metanavigation ul li a {
	color : #cfe0f4;
	text-decoration : none;
	margin-right : 0px;
	margin-left : 10px;
	padding-left : 9px;
	background-image : url(/images/meta_arrow.gif);
	background-repeat : no-repeat;
	background-position : 0px 4px;
}

#metanavigation ul li.cart a {
	color : #cfe0f4;
	text-decoration : none;
	margin-right : 0px;
	margin-left : 8px;
	padding-left : 24px;
	background-image : url(/images/cart_blue.gif);
	background-repeat : no-repeat;
	background-position : 0px 0px;
}

#metanavigation ul li a:hover {
	text-decoration : underline;
}

a:link.footerlink, 
a:active.footerlink, 
a:visited.footerlink {
	color : #1562ad;
	text-decoration : none;
	margin-right : 9px;
	margin-left : 9px;
	outline:0;
}
a:hover.footerlink {
	text-decoration : underline;
}

a:link.panelHeaderLink, 
a:active.panelHeaderLink, 
a:visited.panelHeaderLink {
	color : #1b3067;
	background-image : url(/images/blt_panel_list_link.gif);
	background-position : 0px 3px;
	background-repeat : no-repeat;
	padding-left : 10px;
	text-decoration : none;
	font-weight : bold;
	display:block;
	outline:0;
}

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

a.panelListLink,
a:link.panelListLink, 
a:active.panelListLink, 
a:visited.panelListLink{
	color : #000;
	background-image: url(/images/blt_panel_list_link.gif);

	background-position : 0px 3px;
	background-repeat : no-repeat;
	padding-left : 10px;
	text-decoration : none;
	outline:0;
}

a:hover.panelListLink {
	text-decoration : underline;
	visibility:visible;
}

li a:link.panelListLink, 
li a:active.panelListLink, 
li a:visited.panelListLink {
	display: block;
	_width:99%;
	cursor:hand;
	outline:0;
}

li a:hover.panelListLink {
	text-decoration : underline;
}

div.homeTeaserLink a:link, 
div.homeTeaserLink a:active, 
div.homeTeaserLink a:visited {
	font-size : 12px;
	font-weight : bold;
	color : #1b3067;
	background-image : url(/images/blt_panel_list_link.gif);
	background-position : 0px 3px;
	background-repeat : no-repeat;
	padding-left : 10px;
	text-decoration : none;
	outline:0;
}

div.homeTeaserLink a:hover {
	text-decoration : underline;
}

div.homeTeaserLink {
	position : absolute;
	bottom : 2px;
	padding-left : 6px;
}
/* End Links */

/* Form Elements */
input, select, textarea {
	font-family: arial, sans-serif;
	font-size : 11px;
	font-weight: normal; 
	color: #000000; 
}

.button 
{
	font-family: arial, sans-serif;
	color: #1B3067;
	background-color : #CFE0F4;
	cursor: hand;
	cursor: pointer;
	border-width: 2px;
	border-color: #1b3067;
	_border-color: #9EBFC7;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
}
/* End Form Elements */

/* Panels & Design Elements*/
.cswmPB , .cswmPopupBox {
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}

.cswmIC, .cswmItemCell {
	border-bottom:1px solid #d6d6d6;
}

table#MainContentPanel > :first-child {
	vertical-align: top;
}

#infobox {
	position : realtive;
	margin : 0px;
	padding : 0px;
	padding-left : 19px;
	padding-right : 6px;
	padding-top : 10px;
	margin-top:10px;
	left : 0px;
	border-top : 1px solid #d6d6d6;
}

#infobox .header {
	color : #1b3067;
	font-weight : bold;
	font-size : 12px;
	margin-bottom : 7px;
}

#infobox .text {
	padding : 0px;
	line-height : 16px;
	margin-bottom : 10px;
}

#metanavigation {
	display:block;
	margin-top:8px;
}
#metanavigation ul {
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}
#metanavigation ul li {
	color : #cfe0f4;
	display : inline;
	line-height: 10pt;
}

#copyright {
	display : block;
	margin : 0px;
	color : #87a6d5;
}

#footerlinks {
	display : block;
	width : 984px;
	margin-top:4px;
}

.StdTbl {
	border:solid 1px #1562ad;
}

.StdTbl2 {
	border:solid 1px #d6d6d6;
}

.tab {
	color:#ffffff;
	font-weight:bold;
	background: #1562ad;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	white-space:nowrap;
}

.tab2 {
	color:#1b3067;
	font-weight:bold;
	background: #e3e3e3;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	white-space:nowrap;
	border:solid 1px #d6d6d6;
	border-bottom:none;
}

div.panelHeader {
	background-color : #e3e3e3;
	color : #1b3067;
	font-weight : bold;
	font-size : 12px;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 5px;
}

div.panelHeader h1{
	margin:0px;
	background-color : #e3e3e3;
	color : #1b3067;
	font-weight : bold;
	font-size : 12px;
}


div.panelFooter {
	position:relative;
	bottom:15px;
	padding-left : 5px;
	height: 1px;
}

div.panelHeaderLink {
	background-color : #e3e3e3;
	color : #1b3067;
	margin-top : 16px;
	font-weight : bold;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 5px;
	width :  197px;
}

div.panelHeaderLinkWide {
	background-color : #e3e3e3;
	color : #1b3067;
	margin-top : 16px;
	font-weight : bold;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 5px;
	width :  295px;
}

div.panelContent {
	margin : 0px;
	padding : 0px;
	display : block;
}

div.panelContent p {
	margin : 0px;
	padding : 0px;
	margin-top : 7px;
	margin-left : 6px;
	line-height : 18px;
}

div.panelContainer {
	position : relative;
	border-left : 1px solid #d6d6d6;
	text-align: left;
}

#panelHome {
	padding : 0px;
	border : 1px solid #d6d6d6;
	background-color : #fff;
}
#panelHome div.panelHeader {
	padding : 8px 8px 0px 8px;
	color : #1b3067;
	font-weight:normal;
	
	background-color : #ffffff;
	font-size : 11px;

}

div.panelContainer {
	position : relative;
	border-left : 1px solid #d6d6d6;
}

div.imgFloatLeft div.header, 
div.imgHomeFloatLeft div.header {
	background-color : #e3e3e3;
	color : #1b3067;
	font-weight : normal;
	padding-top : 3px;
	padding-bottom : 2px;
	padding-left : 5px;
	margin-bottom : 1px;
}

div.specialTocHeader {
	position : relative;
	background-color : #e3e3e3;
	color : #1b3067;
	font-weight : bold;
	font-size : 12px;
	padding-top : 3px;
	padding-bottom : 2px;
	padding-left : 5px;
}

div.noBorder {
	border : none;
}

img.block {
	display : block;
}

.pageTools {
	border:1px solid #1b3067;
}

.pageTools th {
	color: #1B3067;
	border-bottom:1px solid #1b3067;
	background-color: #efefef;
	text-align: left;
	font-size: 10px;
	padding:5px;
	font-weight:bold;
}

.pageTools td {
	text-align: left;
	font-size: 10px;
	padding:5px;
	background-color: #ffffff;
}

.pageTools p {
	font-size: 10px;
}

.orderTblRow TD {
	border-bottom:1px solid #FFFFFF;
}

tr.alternating {
	background-color:#e3e3e3;
}
tr.row td {
	padding : 3px 6px 3px 6px;
}

.floatRight {
	float : right;
}
.marginRight {
	margin-right : 6px;
}

.standardTable {
	border: 1px solid #d6d6d6;
}
.standardTable .headerRow td {
	font-size: 13px;
	background-color: #efefef;
	border-bottom: 1px solid #d6d6d6;
	font-weight: bold;
	color: #1b3067;
}

/* End Panels & Design Elements*/

/* Primary Navigation */
#primarynavigation {
	display : block;
	left : 0px;
	top : 81px;
	width : 995px;
}
#primarynavigation a.main {
	position : relative;
	margin-top : 10px;
	padding-top : 10px;
	font-weight : bold;
	font-family : arial;
	font-size : 12px;
}

.primaryNavigationLink {
	text-decoration:none;
	color : #1b3067;
}

.primary {
	color : #1b3067;
	font-weight : bold;
	padding-left : 10px;
	padding-right : 9px;
	height : 21px;
	border-right : 1px solid #d6d6d6;
	cursor : pointer;
	font-size : 12px;
}

.sub {
	background-image : url(/images/blt_darrow_primary.gif);
	background-position : right;
	background-repeat : no-repeat;
	padding-right : 22px;
}
.home {
	width : 154px;
	padding-left : 19px;
}
.over {
	background-color : #e3e3e3;
}
/* End Primary Navigation */

/* Other Text Styles*/
table.litBox {
	font-family:arial,sans-serif;
	border: 1px solid #999999;
}

.figPart {
	font-weight : bold;
	color : White;
	background-color: #006699;
	font-style:normal;
}

#logoContainer
{
	background-color: #fff;
	width: 104px;
}

/*
.searchpanel {
	display:block;
	margin-top:26px;
	margin-right:2px;
}

td.searchcontainer {
	background-color : #cfe0f4;
}
*/

#searchInputContainer
{
	/*
		color assignment redundant, but the removal of this from the 
		containing cell affects the top alignment of the textbox and the 
		image. Box model issues with table cell in quirks mode I think. J2.
	*/
	background-color : #cfe0f4;		
}

#searchPanel
{
	border-style: none;
	border-width: 0px;	
	margin:0px;
	padding:0px;	
	margin-top:26px;
	margin-right: 0px;
	height:auto;
	vertical-align:top;
	width:100%;	
		
}

.searchButton
{
	vertical-align:Top;
	border-style: none;
	border-width: 0px;	
	padding:0px;
	margin-right:2px;
	margin-left:5px;
	margin-bottom:0px;
	margin-top:0px;		
}

.searchText
{
	border: none;
	vertical-align: top;
	border-style: none;
	border-width: 0px;
	font-family: arial;
	font-size: 11px;
	color: #1b3067;
	background-color: #cfe0f4;
	padding: 1px 0px 0px 0px;
	margin-left: 6px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 154px;
	height: 16px;
}

.litNote {
	font-size: 11.5 px; 
	font-style: italic;
}

.litPdf {
	font-size: 9.5 px;
	font-weight: normal;
}

.superscript {
	position: relative;
	top:-2px;
	font-size: 7pt;
	line-height : 5pt;
}

.subscript {
	position: relative;
	top:+2px;
	font-size: 7pt;
	line-height : 5pt;
}

.itemTitle {
	font-weight: bold;
	font-size: 10pt;
	font-family: arial,helvetica,sans-serif;
}

.legend {
	font-style: italic;
	line-height:12pt;
}

p.figureTitle {
	font-weight: bold;
	font-size: 10pt;
	margin-top : 20pt;
}

p.tableTitle {
	font-weight: bold;
	font-size: 10pt;
	margin-top : 20pt;
}

P.reference, TD.reference {
	font-style: italic;
}

.revTableTitle {
	font-weight : bold;
	color : White;
}

.emphasize {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.requiredField {
	color : Red;
	font-weight : bold;
}

p.footnote {
	font-style :italic;
	line-height: 12pt;
}

.footnote {
	font-style :italic;
}

.italic {
	font-style: italic;
}

.colHead {
	font-weight: bold;
}

.orderInfoHeader TD {
	font-weight: bold;
	border-bottom: solid 2px black;
}

TD .tblHeader {
	font-weight: bold;
	border-bottom: solid 1px #888888;
}

H2.orderInfoHeader  {
	border-top: solid 1px #CEE0F3;
	padding-top:5px;
	margin-top:40px;	
}

.darkblue {
	background-color: #1b3067;
}

.utilityLink {
	color:#D1DDEF;
}

.utilityLinkSmall {
	color:#D1DDEF;
	font-size:9px;
}

.contactInfo {
	color:#87A6D5;
	font-weight:bold;
}

.statusMsg {
	font-weight: bold;
}

.textOnDarkBackground {
	color:#ffffff;
}

.errorBullet {
	font-size: 15pt;
	font-weight: 700;
	color: #ED1A3B;
	padding-right: 5pt;
}

.error {
	color: #ED1A3B; 	
}

.status {
	color:darkgreen;
}

.fixedWidth {
	font-family: 'Courier New', Courier;
}

.BGColor1 {
	background-color: #006699;
}

.BGColor2 {
	background-color: #95C8FF;
}

.BGColor3 {
	background-color: #B9DAFF;
}

.BGColor4 {
	background-color: #DFF4FF;
}
/* End Other Text Styles*/

/* Standard Widths & Heights */
.heightSpacer{
	height:6px;
	width:1px;
}
.fullheight{
	min-height:100%;
	_height:100%;
}
.heightAllProducts{
	height:101px;
}

.height1{
	height:101px;
}
.height2{
	height:208px;
}
.height3{
	height:315px;
}
.height4{
	height:485px;
}
.heightAllProducts{
	height:132px;
}
.heightAllProducts{
	height:180px;
}
widthSpacer{
	width:6px;
	height:1px;
}
.width1{
	width:197px;
}
.width2{
	width:400px;
}
.width3{
	width:603px;
}
.width4{
	width:806px;
}
/* End Standard Widths & Heights */

/* Anything Else */
.hand{
	cursor:hand;
	cursor:pointer;
}

TABLE .spiffy {
	border: 1px #87A6D5 solid;
}

.orderInfoCtrl {
	padding-top:20px;
	padding-bottom:20px;
}

.catTOCApp TD {
	font-weight:bold;
	border-bottom:1px solid #888888;
	border-top:5px solid #FFFFFF;
	background: #EEF1F5
}

.catTOCRow TD {
	background: #EEEEEE;
	border-bottom:1px solid #FFFFFF;
}

.catTOCRowAlternate TD {
	background: #DFDFDF;
	border-bottom:1px solid #FFFFFF;
}

.catTOCRow UL, .catTOCRowAlternate UL {
	margin-left:17px;
}

.formOutline {
	border-top: #87A6D5; 
	border-right: #1B3067; 
	border-bottom: #1B3067; 
	border-left: #87A6D5;
	border-style: solid;
	border-width: 1px;
	padding-left: 5pt;
	padding-right: 5pt;
	padding-top: 5pt;
	padding-bottom: 5pt;
}
/* End Anything Else */


#divBottomContactSeparator
{
	width: 100%;
	height: 3px;
	background-color: #ED1A3B;
	margin:0px;
	padding:0px;
	/*START for IE, to get to adhere to height declaration*/	
	line-height:0px;
	font-size:0px;
	overflow:hidden;
	/*END for IE*/	
}

#divTopMaskBarSeparator
{
	width: 100%;
	height: 3px;
	background-color: #ED1A3B;
	margin:0px;
	padding:0px;
	/*START for IE, to get to adhere to height declaration*/	
	line-height:0px;
	font-size:0px;	
	overflow:hidden;
	/*END for IE*/	
}

#divNavBarSeparator
{
	width: 100%;
	height: 1px;
	background-color: #d6d6d6;
	margin:0px;
	padding:0px;	
	/*START for IE, to get to adhere to height declaration*/	
	line-height:0px;
	font-size:0px; 
	overflow:hidden;
	/*END for IE*/	
}

.genericContainer
{
	height:auto;
	margin:0px;
	padding:0px;		
	width: 100%;
	/*START for IE, to get to adhere to height declaration*/	
	line-height:0px;
	font-size:0px; 
	overflow:hidden;
	/*END for IE*/
}