@charset "UTF-8";

* { margin: 0; padding: 0; }
/*html { color:#000; background-color:#e7e3d0; }*/
body { color:#000; background-color:#e7e3d0; font-family:Verdana, Helvetica, Arial, sans-serif; }

h1.whiteh1 { width:32.8em; color:#fff; background-color:#507693; white-space: nowrap; padding:.1em .2em .1em .2em; margin:0 0 1.8em 0; }
h1.whitewrap { width:32.8em; color:#fff; background-color:#507693; font-size: small; margin:-5px 0 1.8em 0;  }

h1, h2, h3, legend { color:#2b6eae; background-color:transparent; } /* color:#507693; which is correct headline color? */
h1, h2, h3, dt, th, legend { font-weight: bold; }
h1 { font-size: 1em; }
h2, legend { font-size: .9em; }
dt { font-size: 1em; }
h3 { font-size: .7em; }

.ruleBelow { padding-bottom: 8px; background: url(/common/rule_horiz_cccc99.gif) bottom right no-repeat; }

p, ol, ul, dl {font-size: 11px; line-height:185%;}
ol ol, dd ul {font-size:11px;}

h1, h2, h3, p, ol, ul, dl, #content img, table { margin-bottom: .7em; }
h1, h2, h3  { margin-top: 1.2em; }

.lowerAlpha { list-style-type:lower-alpha; }
.lowerRoman { list-style-type:lower-roman; }

#content ul, ol { margin-left: 4em; }
dd { margin-left:2.4em; }
#content ul li {
	list-style-image: url("/common/bullet2.gif");
}
sup { font-size:.85em; }
sup, sub { line-height:0em; }
h2 sup { font-size:.7em; }
img { border:none; }
#container a, #content a { text-decoration:none; }
#container a:hover, #content a:hover { text-decoration:underline; }
#content .underline { text-decoration:underline; }

hr {margin:.85em 0 .85em 0;}

/* header */

.cellsignaling { position:absolute; top:4px; left:4px; z-index:1600; }

/*#header { position:absolute; height:6.8em; top:0; left:0; width:60em; padding:0px 8px 0 4px; text-align:right; color:#000; background-color: #e7e3d0; }*/
#header { position:absolute; height:86px; top:0; left:0; width:960px; padding:0px 8px 0 4px; text-align:right; color:#000; background-color: #e7e3d0;z-index:1500; }
#searchbox { padding:0; margin-top:4px; }
#searchbox * { padding:0; margin:0; }
.search { position:relative; top:4px; }
#searchbox img { margin: 5px -6px 0 0; }

/* top navigation */

#topnav { 
	position:absolute;
	bottom: 0px;
	right:9px;
	margin:0; 
	padding:0; 
	white-space:nowrap;
	}
#header > #topnav { bottom:1px; } /* Pseudo hack for Mac: Safari 1.3.1, Firefox 1.0.7, Explorer 5.2, Netscape 7.1, Camino 0.7 */
#topnav li { 
	display: inline;
	margin: 0px -2px 0px 0px;
	padding:0;
	list-style-type: none;
	}
#topnav a { 
	font-size: 12px;
	font-weight: 700;
	color: #fff; 
	text-decoration: none;
	background-color: #636363;
	padding: 0px 8px 5px 8px;
	}
	
#topnav a:hover { background-color: #ccc; color: #333; }

#topnav #phosphosite { 
	background: #e7e3d0 url("/common/phosphosite5.gif") top left no-repeat; 
/*	color: #333;*/
/*	color: #0033cc;*/
/*	color: #663333;*/
	color: #fff;
	padding-left:25px; 
	border-right: solid 1px #30516b;
	}
#topnav #phosphosite:hover {
	color: #666;
	background-color:#e7e3d0;
}

.about { color:#fff; background: #636363 url("/common/tabRight.gif") top right no-repeat; }
.about:hover { background: #ccc url("/common/tabRight_hover.gif") top right no-repeat; color: #333; }

/* side navigation */

.sidenav { 
	padding: 52px 0px 24px .5em;
/*	width:12.3em;*/
	width:215px;
	margin:0; 
	vertical-align:top; 
	}

.sidenav p { 
	margin-bottom:0; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 16px;
	line-height: 1.2em;
	color: #666;
	background-color:#fff;
	}

.sidenav ul { 
	margin: 0 0 5px 0; 
	padding-top: .9em; 
	background-image: url("/common/rule_666.gif"); 
	background-position: top right;
	background-repeat: no-repeat;
	}
	
.sidenav li { 
	margin: 0; 
	padding: 0; 
	line-height: 1.5em;
	list-style-type: none; 
	text-align: right;
	
	}

.sidenav a { 
	font-size:  11px;
	font-weight: 700;
	color:#636363;
	text-decoration: none;
	vertical-align: middle; 
	margin: 0;
	padding: 2px 16px 2px 16px;
	background: transparent url("/common/circle_666.gif") right no-repeat;
	}

.sidenav ul li a:hover { background-image: url("/common/circle_666_hover.gif"); }

.nav036 { background-image: url("/common/rule_036.gif"); }
.nav036 a { color:#036; background-color:transparent; background-image: url("/common/circle_036.gif");}
.nav036 a:hover { background-image: url("/common/circle_036_hover.gif") !important; }

.nav633 { background-image: url("/common/rule_633.gif"); }
.nav633 a { color:#633; background-color:transparent; background-image: url("/common/circle_633.gif");}
.nav633 a:hover { background-image: url("/common/circle_633_hover.gif") !important; }

/* container */

/*#container { margin-top:6.8em; width:62em; color:#000; background: #fff url("/common/seahorse_507693.jpg") top left no-repeat; overflow:auto; }*/
/* #container { margin-top:86px; width:980px; color:#000; background: #fff url("/common/seahorse_507693.jpg") top left no-repeat; overflow:auto; } */
#container { margin-top:86px; width:980px; color:#000; background: #fff url("/common/title_bg_507693.jpg") top left no-repeat; overflow:auto; }
/* .red #container { background-image:url("/common/seahorse_663333.jpg"); } */
.red #container { background-image:url("/common/title_bg_663333.jpg"); }
/* content navigation */

#content #contentnav { width:62em; margin: 0 0 .9em 0; padding: 0; }

#contentnav li { display: inline; list-style-type: none; margin-right: 15px; }
#contentnav li a { padding: 0px 0px 0px 12px; background: transparent url("/common/square_999.gif") 0 .35em no-repeat; text-decoration: none; }
#contentnav li a:hover { color: #000; background-color:#fff; background-image: url("/common/square_666.gif"); text-decoration: none; }

#contentnav li a.anchor { background-image: url("/common/anchor_999.gif"); background-position: 0 .3em; padding-left: 1.3em; }
#contentnav li a.anchor:hover { background-image: url("/common/anchor_666.gif"); }

#contentnav li a.backCategory { background-image: url("/common/arrows_left_999.gif"); background-position: 0 .25em; padding-left: 2.1em; }
#contentnav li a.backCategory:hover { background-image: url("/common/arrows_left_666.gif"); }

#contentnav li a.pdf {background-image:url("/common/square_f30.gif");}
#contentnav li a.pdf:hover {background-image:url("/common/square_930.gif");}

#contentnav li a.goto_monitor { background-image: url("/common/anchor_blue.gif"); background-position: 0 .3em; padding-left: 1.3em;color:red;font-size:12px }


#contentnav.anchors li a { background-image: url("/common/anchor_999.gif"); background-position: 0 .3em; padding-left: 1.4em; }
#contentnav.anchors li a:hover { background-image: url("/common/anchor_666.gif"); }

/* content */

/*#content { float:right; width:46em; padding: 12px 12px 12px 0; color:#000; background-color:transparent; }*/
#content { float:right; width:730px; padding: 12px 12px 12px 0; color:#000; background-color:transparent; }

.key, .footnote {font-size: .6em; line-height: 1.6em;}

.floatRight {
float:right; 
border-style:solid;
border-color:#ccc; 
border-width:0 0 0 1px; 
margin:0px 0px 10px 10px; 
padding: 0 0 10px 10px;
}

.floatLeft {
float:left; 
border-style:solid;
border-color:#ccc;  
border-width:0 1px 0 0; 
margin-right: 18px; 
padding-right: 18px;
}

.floatRight p { margin-bottom:0; }

.PDFlink { 
float:right;
color: #636363; 
font-size: x-small; 
font-weight: bold; 
display: block;
margin: 0 0 .6em 0;
padding: 9px 0px 9px 31px; 
text-decoration: none; 
background: #fff url("/common/downloadPDF.gif") top left no-repeat; 
}
#content .PDFlink:hover { background-position: bottom left; text-decoration: none; }
#content .PDFlink:active { background-position: center left; text-decoration: none; }

.revision p {
	font-size:.65em;
	color:#667;
	display:inline;
}
/*.revision p + p:before {content:"\2022"; padding-right:.6em;}*/
.revision p + p:before {
	content:"\2022";
	padding-right:.6em;
}

/* table */

table { border-collapse: collapse; }
th, td { font-size: 10px; line-height: 1.7em; padding: .3em .8em; }
th { color: #fff; background-color: #507693; text-align: left; white-space:nowrap; }
.left { background-image: url("/common/crvLft_507693.gif"); background-repeat: no-repeat; background-position: top left; }
.right { background-image: url("/common/crvRt_507693.gif"); background-repeat: no-repeat; background-position: top right; }

.red h1.whiteh1 { color:#fff; background-color: #663333; }
.red h1.whitewrap { color:#fff; background-color: #663333; }
.red h1.whiteNowrap { color:#fff; background-color: #663333; }
.red th { color:#fff; background-color: #663333; }
.red .left { background-image: url("/common/crvLft_663333.gif"); }
.red .right { background-image: url("/common/crvRt_663333.gif"); }

.beige th { background-color: #e7e3d0; color: #000; }
.beige .left { background-image: url("/common/crvLft_e7e3d0.gif"); }
.beige .right { background-image: url("/common/crvRt_e7e3d0.gif"); }

.border td { vertical-align: top; padding: 4px; border: 1px solid #ccc; }

.cellborder td {vertical-align:top; border:1px solid #ccc;}
.rowborder td {border-bottom:1px solid #999;} /* Windows IE will not show borders on <tr> elements. Applying to <td> elements. */
.bodyborder td {border-bottom:1px solid #999;}
.bodyborder tbody {border-left:1px solid #999; border-right:1px solid #999;}



.rowColor { color:#000; background-color: #eee; }
.outline { border-style:solid; border-color:#ccc; border-width: 0px 1px 0px 1px; } /* Used in a domain page table: sh2.html */
.center { text-align:center; }

.outlineCells td { vertical-align: top; padding: 4px; border: 1px solid #ccc; }
tfoot td { font-weight:bold; line-height:1.4em; color:Grey; background-color:LightGrey; vertical-align:middle; padding:.1em .8em }

.dropImage img { position:relative; top:.4em; }

/* reference - signaling pathways */

.signaling .whiteh1 {margin-bottom:1em;}
.signaling form {margin: 0 2em .6em 0;}
.signaling #description {margin-top:.2em;}

.domains {border-bottom:solid 1px #999;}
.domains thead {color:#fff; background-color:#507693; font-weight:bold; white-space:nowrap;}
.domains tbody {border:solid 1px #F1F1F1; border-top:0px; border-bottom:solid 1px #999;}
.domains .right_td {border-right:solid 1px #F1F1F1;}
.domains .left_td {border-left:solid 1px #F1F1F1;}
.domains_floatRight {float:right; border-left:solid 1px #ccc; margin:0 0 .4em .4em;  padding: 0 0 .4em .4em; width:300px;}
.domains_floatRight img {display:block; margin:0 auto;}



/* forms */

label, input {font-size:.7em;}
.radio {font-size:.8em;}
label, input, select {margin-top:.6em;}
td input {font-size:1em;}
input[type="submit"], input[type="reset"] {background-color:#e7e3d0;}
input[type="submit"]:hover, input[type="reset"]:hover {color:white; background-color:#507693;}
textarea {font-family:Verdana, Helvetica, Arial, sans-serif; font-size:1.2em;}

fieldset {width:30em; padding:.4em .6em .4em .6em; margin-bottom:.8em; border:solid 1px #ccc;}
legend {padding:0 .4em 0 .4em;}
.textfields label {display:block; float:left; width:9em; text-align:right; padding:.2em .8em 0 0;}
.textfields br {clear:left;}
.textfields .inlineLabel {display:inline; float:none; width:auto; padding:0 .4em 0 .2em; position:relative; bottom:.4em;}
label:hover {color:grey; cursor:pointer;}

#content input[type="text"], #content input[type="password"], textarea {border:solid 1px #2b6eae; padding:.1em .3em;}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {background-color:#d0d5f5;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {background-color:#e7eafa;}
input[type="checkbox"] {margin-left:.3em; margin-right:.4em;}
input[type="radio"] {margin:.4em .5em 0 .4em;}
.buttons input {margin:1em 2em .6em 0;}

/* order pages */

#content .addressH2 {margin:1em 0 .3em 0;}
#content .address li {list-style-image:none; list-style-type:none;}
#content .address {margin-left:0;}

/* product pages */

.productName { color:#000; font-size:1em; }
#product h2 { clear:both; }
#purchase img { margin:0; padding:0; }
#productdata { text-align:center; }
#product hr { margin-top:.8em; clear:both; }

#purchase {margin-bottom:1em;}
#purchase td {border-bottom:solid 1px #ccc;}

/*
Product Assay Image Production Steps:
1. Trim web image very close to the content on all sides.
2. Check width of cropped image.
3. If width is less than 200 pixels, then add white canvas to right side of graphic.
No images should be less than 200 pixels wide. Image height is not constrained.
*/

#product_images {
	margin-top:0;
	margin-bottom:0;
	margin-left:10px;
	margin-right:10px;
	overflow:auto;
}
#product_images h2 {width:14em; margin-right:2em;} 
#product_images div {float:left;}
#product_images img {width:11em; margin: 0 2em 0.4em 0;}
#product_images p {width:16em; margin: 0 2em 1.6em 0; line-height: 150%;}
#product_images br {clear:both;}

/* international product pages */

#international #content { float:none; width:54.9em; background-color:#fff; padding:1em 1.8em 1.8em 1.8em; margin-top:4em; }
#international .productName { margin-top:0; }

/* login, registration and order process */

.error { font-size: .75em; font-weight:bold; color:red; }

/* footer */

#footer { clear:both; padding:12px 8px 0 4px; color:#000; background-color: #e7e3d0; }
#footer ul { margin-left:1em; padding:0; }
#footer li { 
	display:inline;
	margin-right:.6em; 
	padding:0 .9em 0 0; 
	list-style-type:none; 
	border-right:solid #507693 1px;
	}
/*#footer li, #footer a { font-size:10px; line-height:13px; }*/
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#naturesservices { position:absolute; left:88em;z-index:500; }
#neb { position:absolute; left:80em;z-index:510; }
#digizyme { position:absolute; left:68em;z-index:520; }

/* revised Thursday, March 22, 2007 */

.kanren2 {
	padding: 0 .5em 0 0; 
}

.real_red {
	color:#FF0000;
}

table#zero {
	margin:0 0 14px 0;
	padding:0;
	width:100%;

}
table#zero td {
	padding:0;
	vertical-align:bottom;
	text-align:left;
}

#zero img {
	padding: 0;
	margin: 0;
}
#zero h2 {
	font-size: 13px;
	margin: 0px;
}

#content #alphanav {width:64em; margin: 0 0 .9em 0; padding: 0;}
#alphanav li {display: inline; list-style-type: none; margin-right: 5px;}
#alphanav li a {padding:2px;}
#alphanav li a:hover {background-color:#ccc; text-decoration:none;}

.new {font-weight:bold; color:#036;}

.cellborder td {vertical-align:top; border:1px solid #ccc;}


#head_links {
	padding: 0px;
	margin: 0px;
	font-size:  10px;
}
#head_links a {
	text-decoration:none;
}
#head_links a:hover {
	text-decoration:underline;
}
#head_links img {
	vertical-align: middle;
}

#new_products_pdf {
	padding: 0px;
	margin: 0px;
	font-size:  10px;
	float: right;
}

#new_products_pdf img {
	vertical-align: middle;
	padding-left: 6px;
}

#banner_zone {
	padding: 0px;
	clear: both;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.pointLeft {float:left; position:relative; top:.35em; margin-right:.4em;}

/* support - validation pages */
div.validation_imageWrapper {float:right; width:300px; padding:1em 2em; font-size:1em;}
.validation_imageWrapper .img {margin-top:1em;}
.validation_imageWrapper p {font-size:.6em;}



/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	list-style-type: none;
/*	font-size: 100%;*/
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	list-style-type: none;
/*	font-size: 100%;*/
	position: relative;
	text-align: left;
	cursor: pointer;
/*	width: 8em;*/
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
/*	font-size: 100%;*/
	z-index: 1020;
	cursor: default;
	width: 140px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 140px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
/*	border: 1px solid #CCC;*/
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	height: 15px;
	cursor: pointer;
/*	background-color: #EEE;*/
/*	padding: 0.5em 0.75em;*/
/*	color: #333;*/
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
/*	background-color: #33C;*/
/*	color: #FFF;*/
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	/*background-color: #33C;*/
	/*color: #FFF;*/
}



/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #e7e3d0;
	}
}

/* color highlights */

.s_red {color:#c33; font-weight:bold;}
.s_green {color:#693; font-weight:bold;}
.s_blue {color:#369; font-weight:bold;}


.backtoproducts a {
	padding-left: 14px;
	background-image: url("/common/arrow_left_999.gif"); 
	background-position: top left;
	background-repeat: no-repeat;
}

.backtoproducts a:hover {
	background-image: url("/common/arrow_left_666.gif"); 
}

@media print {

	html, body { color: #000; background-color: #fff; }
	body { font-family: Helvetica Condensed Light, Helvetica, Arial, sans-serif; font-size:10pt; line-height:14pt; }

	#content a { text-decoration:underline; }
	#header, .sidenav, #contentnav { display: none !important; }

	h1, h1.whiteh1, h1.whitewrap, h1.whiteNowrap { color:#2b6eae; margin-bottom: 1em; background-color:#fff; } 
	
	h1 { font-size: 14pt; }
	h2 { font-size: 12pt; }
	dt { font-size: 11pt; }
	h3 { font-size: 11pt; }
	p, ol, ul, dl { font-size: 10pt; line-height: 14pt; }

	#container { margin-top:4pc; width:100%; background-image:none; overflow:visible; }
	#content { width:100%; padding:0; }

	.product_images img { width:12pc; }
	.product_images p { width:12pc; }

/* footer */

	#footer { background-color: #fff; }
	#footer ul { margin-left: 12px; padding: 0; }
	#footer li { 
	display: inline;
	margin-right: 8px; 
	padding: 0px 8px 0px 0px; 
	list-style-type: none; 
	border-right: none;
}

#footer li {  
font-size: 10px; 
line-height: 13px;
}
	
#footer img { display: none; }
#footer a { display: none; }

}
#blocks { float:right; margin:0 2.2em 0 1.6em }
#blocks a { 
	display:block; 
	padding:.6em .7em .6em 3em; 
	font-size:.75em; 
	font-weight:bold; 
	color:SlateGray; 
	border-bottom:dashed 1px #999;
	background-position: 8px 5px;
	background-repeat: no-repeat
	}
#blocks a:hover { text-decoration:none; color:DarkBlue; background-color:#eee }
#block-a { border-top:dashed 1px #999 }
#block-a { background-image:url("/catalog/images/icon-d-mel-egg-lg.jpg") }
#block-b { background-image:url("/catalog/images/icon-organ-golgi.jpg") }
#block-c { background-image:url("/catalog/images/icon-catalog-2011.jpg") }

div#wcup {
 text-align:center;width:345px;margin-top:16px;margin-bottom:12px;
}
#wcup h1 {
font-size:18px;margin:0;
line-height:120%;
font-weight:bold;
}
#wcup a {
	display:block;
	padding:4px;
	background-color:#2b6eae;
	border:1px solid #2b6eae;
	color:white;
}
#wcup a:hover {
	text-decoration:none !important;
}

#header a:hover {
	text-decoration:none;
}
#count_cart {
	font-size:13px;
	font-weight:bold;
	margin-right:4px;
	color: #990033;
/*	color: #666666;*/
}
.addToCart {
	padding:4px !important;
	vertical-align:middle !important; 
	text-align:center !important;
}
.addToCart a img {
	margin:0;
	padding:0;
}
#content .anchorsList {margin-left:3em;}
#content .anchorsList li {list-style-image:none; list-style-type:none;}
.anchorsList li a { padding: 0 0 0 1.8em; background: transparent url("/common/anchor_999.gif") 0 .35em no-repeat; text-decoration: none; }
.anchorsList li a:hover { color: #000; background-color:#fff; background-image: url("/common/anchor_999.gif"); text-decoration: none; }

#dname{
	position:absolute;
	top:7px;
	left:650px;
	z-index:1690;
	text-align:right;
	width:230px;
}
#dname p {
	font-size:12px;
	line-height:100%;
	margin:0;
	padding:0;
}
#dispstockinfo {
	width:566px;
	border:1px solid red;
	margin-bottom:20px;
	padding:4px;
}
#dispstockinfo p {line-height:140%;margin:0;}