/* New Stylesheet for Invitrogen */
	a.valid {
		text-decoration: none;
		border-bottom: 1px dotted #797979;
		padding:  2px 0px;
		margin: 10px;
		color: #797979 !important;
		font-weight: normal !important;
	}
#formArea .text input, #formArea .select select {
	border: 1px solid #999999;
	width: 69%;
}
.form1a .alignleft, .form1a .alignright {
	width: 272px !important;
}
.form1b .alignleft, .form1b .alignright {
	width: 268px !important;
}
	a.valid:hover, a.valid:active {
			background-color: #fec2c4;
			color: #444 !important;
			border-bottom: 1px dotted #323232;
	}
	a.valid-dashed {
		text-decoration: none;
		border-bottom: 1px dashed #797979;
		padding:  2px 0px;
		margin: 10px;
		color: #444 !important;
		font-weight: normal !important;
	}
	a.valid-dashed:hover, a.valid-dashed:active {
			background-color: #fec2c4;
			color: #444 !important;
			border-bottom: 1px dashed #323232;
	}
#development {
	margin: 0px auto 5px auto;
	text-align: left;
	width:  900px;
	border: 1px solid #CCC;
	padding: 10px;
	color: #444;
}

#development div {
	display: block;
	width:  170px;
	float:  left;
	padding: 10px;
	border: 1px solid #FFF;
	height:  150px;
}

#development div:hover {
	border: 1px solid #CCC;
	background: #EEE;
}

img.wysiwyg {
}

/* @group Reset Reloaded */

/** kumi: 
  remove "p" from the list which was affecting handbook vertical spacing
  remove "h2, h3, h4, " - affecting handbook headings...
  remove "ul, li," - affecting lists in handbook
**/
html, body, div, span, applet, object, iframe,
h1, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border:0; 
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: #444;
}

/** kumi:  added instead of above **/
#leftNav ul, li {
	margin: 0;
	padding: 0;
	border:0; 
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: #444;
}


/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1.0;
}

/** kumi: commented out **/
/*
ol, ul {
	list-style: none;
}
*/

/** kumi: added so that lists in handbook will show up with bullets! **/
#probes ul {
	list-style-type: disc;
}

/* tables still need 'cellspacing="0"' in the markup */

/** kumi
  comment this out - it's making handbook navMenu to not center
**/
/*
table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
*/

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


h1, h2, h3 {
	font-weight: bold;
	color: #333;
}

/* @group clearfix */

/* force float container background */

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* hides from IE/Mac */
* html .clear {
	height: 1%;
}

* html .wcm_clear {
	height: 1%;
}
/* ends hide */

/* @end */

.spacer {
	height:  10px;
}

.spacer1 {
	height:  1px;
}
#left .spacer, #right .spacer {
	height: 10px;
}
#main .spacer {
	height: 15px;
}
.topspace {
	margin-top: 13px;
}
.three {
	width:  180px;
}
input[type="text"], 
input[type="password"] {
	border: 1px solid #999 !important;
}

/* @end */

/* @group Page Setup */

/* @group Misc Globals */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}
.textjustified {
	text-align: justify;
}

.dottedright {
	background: url("/shared-static/images/global/dotted.gif") top right repeat-y;
}

.dottedleft {
	background: url("/shared-static/images/global/dotted.gif") top left repeat-y;
}

.dottedcenter {
	background: url("/shared-static/images/global/dotted.gif") top center repeat-y;
}
.half {
	width:  275px;
}

strong {
	color:  #333;
	margin:  0px;
	padding:  0px;
	font-weight: bold;
}

/* @end */
/* @group Form Error */

#error p {
	color: #ce0000;
}

#error ul li {
	color: #ce0000;
	margin-left: 15px;
}

/* @end Form Error */

/* @group Content Area */

/* @group Rounded Corner Pod  */

.dialog {
	width: 100%;
	margin: 0px auto;
}

.dialog .hd .c,
.dialog .ft .c {
	font-size: 1px;
	

/* ensure minimum height */
	height: 4px;
}

.dialog .ft .c {
	height: 4px;
}

.dialog .hd {
	background: transparent url(/shared-static/images/dialogue/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
	background: transparent url(/shared-static/images/dialogue/tr.gif) no-repeat right 0px;
}

.dialog .bd .c .s {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 0px;
}

.dialog .ft {
	background: transparent url(/shared-static/images/dialogue/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
	background: transparent url(/shared-static/images/dialogue/br.gif) no-repeat right 0px;
}

/* @group applications Tab */

.applicationsTab .dialog {
	width: 100%;
	margin: 0px auto;
}

.applicationsTab .dialog .hd .c,
.applicationsTab .dialog .ft .c {
	font-size: 1px; /* ensure minimum height */
	height: 4px;
}

.applicationsTab .dialog .ft .c {
	height: 4px;
}

.applicationsTab .dialog .hd {
	background: transparent url(/shared-static/images/dialogue/tl.gif) no-repeat 0px 0px;
}

.applicationsTab .dialog .hd .c {
	background: transparent url(/shared-static/images/dialogue/tr.gif) no-repeat right 0px;
}

.applicationsTab .dialog .bd .c {
	background: #FFF url(/shared-static/images/buckets/application-tab.gif) no-repeat top right;
	padding: 0px;
}

.applicationsTab .dialog .bd .c .s {
	padding: 0px;
}
.corners .bd .c .s .applicationsTab .dialog .hd .c,
.corners .bd .c .s .applicationsTab .dialog .ft .c {
	border-right: 0px;
}
.applicationsTab .dialog .ft {
	background: transparent url(/shared-static/images/dialogue/bl.gif) no-repeat 0px 0px;
}

.applicationsTab .dialog .ft .c {
	background: transparent url(/shared-static/images/dialogue/br.gif) no-repeat right 0px;
	height:  4px;
}

.applicationsTab table {
	margin:  80px 10px 10px 10px;
}

.applicationsTab {
	text-align: center;
	color: #444;
}
.applicationsTab table td {
	width: 145px;
	text-align: left;
}
.applicationsTab h3 {
	color:  #333;
	border-bottom:  1px solid #CCC;
	padding:  3px 0px;
	display: block;
	width:  145px;
	height:  30px;
	margin-bottom:  3px;
	vertical-align: baseline !important;
}
.applicationsTab p {
	width: 145px;
	margin-bottom:  15px;
}
/* @end */

.shaded h2, #main .promotionalImage h2 {
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 6px 0px 6px 8px;
	background:url("/shared-static/images/components/promotionalImage-h-shade.gif") bottom center repeat-x;
}
 

/* @end */

/* @group Custom Rounded Corner Pods  */

.dark .dialog {
	width: 100%;
	margin: 0px auto;
	color: #444;
}

.dark .dialog .hd .c,
.dark .dialog .ft .c {
	font-size: 1px;
	

/* ensure minimum height */
	height: 4px;
}

.dark .dialog .ft .c {
	height: 4px;
}

.dark .dialog .hd {
	background: transparent url(/shared-static/images/dialogue/dk_tl.gif) no-repeat 0px 0px;
}

.dark .dialog .hd .c {
	background: transparent url(/shared-static/images/dialogue/dk_tr.gif) no-repeat right 0px;
}

.dark .dialog .bd .c .s {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 0px;
}

.dark .dialog .ft {
	background: transparent url(/shared-static/images/dialogue/dk_bl.gif) no-repeat 0px 0px;
}

.dark .dialog .ft .c {
	background: transparent url(/shared-static/images/dialogue/dk_br.gif) no-repeat right 0px;
}

.dark .shaded h2, {
	color: 000;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 6px 0px 6px 8px;
	background: url("/shared-static/images/components/promotionalImage-h-shade.gif") bottom center repeat-x;
}

/* @end */
#content #main, #right p {
	line-height: 14px;
}

/*a:link, a:visited {
	color: #323232;
	text-decoration: none;
}

a:hover, #content a:active {
	color: #323232;
	text-decoration: none;
}*/

/** kumi: added from export_styles.css so that the header floats center **/
#header_container {
	width: 940px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
}

#header a, #footer a {
	font-weight: normal;
}

/*#right a:hover, #right a:active, 
#main .arrowLink a:hover, #main .arrowLink a:active, 
.introductionPanelContent a:active, .introductionPanelContent a:hover, 
.introductionPanel a:active, .introductionPanel a:hover, 
.textImg a:hover, .textImg a:active, 
.tabs-container a:hover, .tabs-container a:active, 
#globalQuickLinks a:hover, #globalQuickLinks a:active, 
#footer a:hover, #footer a:active, 
.rte a:hover, .rte a:active, 
#breadcrumbs a:active, #breadcrumbs a:hover, 
a#searchCartView:hover, a#searchCartView:active, .rte a.all:hover, 
.rte a.all:active, 
#main a.all:hover, #main a.all:active, 
#qL a:hover, #qL a:active, 
#categorySearchInput a:hover, #categorySearchInput a:active, 
.multi a:hover, .multi a:active, 
.hov a:hover, .hov a:active, 
.introductionPanelLg_CM2 a:active, .introductionPanelLg_CM2 a:hover, 
.productList a:active, .productList a:hover{
	background-color: transparent;
	color: #323232 !important;
}

#right a:hover, #right a:active, #right a:link, #left a:hover, #left a:active, #left a:link, #left a:visited {

	color: #0054A6 !important;
}

#right a:visited, #left a:visited
{
	color: #5A0DA0 !important;
}

#leftNavigationLinks a:hover, #leftNavigationLinks a:active, #leftNavigationLinks a:link, #leftNavigationLinks a:visited
{
	color: #323232 !important;
}*/

#main .catalogTab a:active, #main .catalogTab a:link, #main .catalogTab a:visited
{
	color: #444 !important;
	text-decoration: none;
}
#main .catalogTab a:hover, #main .catalogTab a:active
{
	background-color: #FEC2C4;	
}

#main a:link, #main a:visited, #main a:active {
	text-decoration: underline;
}

/*#right a:link, #right a:visited, #right a:active {
	color: #444;
	text-decoration: none;	
}*/

#right .arrows ul li a:link, #right .arrows ul li a:visited, #right .arrows ul li a:active{
	color: #444 !important;
	text-decoration: none;	
}


h1 span, h2 span, h3 span {
	color:  #CB0000;
}

.padd {
	padding: 10px;
}

.padd010 {
	padding:  0px 10px;
}

.padd100 {
	padding: 10px 0px;
}

.padd1000 {
	padding: 10px 0px 0px 0px;
}
.padd0000 {
	padding: 0px 0px 0px 0px;
}

.padd05 {
	padding: 5px 0px 0px 0px;
}


.arrows ul {
	list-style-type: none;
}

.arrows ul li {
	background: url("/shared-static/images/bullets/arrow-right.gif") 0px 4px no-repeat;
	padding-left: 10px;
	font-weight: normal;
	color: #444;
}

.arrows ul li a, a.arrows {
	font-weight: normal !important;
	color: #444 !important;
}

a.arrows, #left .arrows ul li a, a.arrows, #main .arrows ul li a, a.arrows{
	font-weight: normal !important;
	color: #444 !important;
}

#main a:hover, #right a:hover {
	color: #CC0000 !important;
	text-decoration: none;	
	background-color: transparent;
}
#right .arrows ul li a:hover, #right .arrows ul li p a:hover {
	color: #CC0000 !important;
	text-decoration: underline;	
	background-color: transparent;
}

#right .arrows ul li a:hover {
	text-decoration: underline;
}

#main .arrows ul li a:hover, #main .arrows ul li a:active {
	color: #CC0000 !important;
	background-color: transparent;
}

#main .arrowLink a:link, #main .arrowLink a:visited
{
	font-weight: normal !important;
	color: #444 !important;
	text-decoration: none;
}
#main .arrowLink a:hover, #main .arrowLink a:active
{
	color: #CC0000 !important;
	background-color: transparent !important;
	text-decoration: underline !important;
}

#main .arrows a:hover strong, #main .active a:hover strong{
	color: #CC0000;
	background-color: transparent !important;
}

#main .openstyle a:link, #main .openstyle a:visited
{
	font-weight: normal !important;
	color: #444;
}

#main .openstyle strong a:link, #main .openstyle strong a:visited
{
	font-weight: bold !important;
	color: #333;
}


#main .openstyle a:hover, #main .openstyle a:active, #main .openstyle a:hover span
{
	font-weight: normal !important;
	color: #CC0000 !important;
}

#main .openstyle a:hover strong, #main .openstyle a:active strong
{
	color:#CC0000 !important;	
}

#main .openstyle ul li a:link, #main .openstyle ul li a:visited, #main .openstyle ul li a:hover, #main .openstyle ul li a:active
{
	font-weight: normal !important;
}

#main #utilities #breadcrumbs a:active, #main #utilities #breadcrumbs a:link, #main #utilities #breadcrumbs a:visited 
{
	font-weight: normal !important;
	color: #444 !important;
	text-decoration: none;
}

#main #utilities #breadcrumbs a:hover 
{
	background-color: #FEC2C4;
}

.arrows ul li strong a {
	font-weight: bold !important;
	color: #333 !important;
}

a.arrows:active, 
a.arrows:hover {
	font-weight: normal;
	color:  #444;
}
a.arrowsCM2 {
	font-weight: bold !important;
	color: #444 !important;
}

a.arrowsCM2:active, 
a.arrowsCM2:hover {
	font-weight: bold;
}

.arrows .listSpace ul li {
	padding-bottom: 15px;
}

#right .arrows li {
	color: #444;
	text-decoration: none;	
}

span.arrowLink {
		background: url("/shared-static/images/bullets/arrow-right.gif") 0px 4px no-repeat;
		padding-left:  12px;
}
.introductionPanelLg_CM2 .all span.arrowLink  {
	background: url("/shared-static/images/bullets/arrow.gif") 0px 2px no-repeat;
	padding-left: 12px;
}

.gutter {
	width:  10px;
}

.textImg td {
	min-width:  205px;
}

.textImg .all {
	float:  right;
	margin-top: -28px;
}

.introductionPanelLg_CM2 .all {
	float: right;
	margin-top: -22px;
}

.list3col .all {
	float: right;
	margin-top: -28px;
}

#right .all {
	float: right;
	margin-top: -22px;
	margin-right: 2px;
}

.allRight {
	float: right;
	margin-top: -20px;
	margin-right: 8px;
}

#main .allCM2 {
	float: left;
	margin-top: 3px;
	margin-left: 575px;
	margin-right: 2px;
}

#main .allCM2_detail {
	float: left;
	margin-top: 2px;
	margin-left: 350px;
	margin-right: 2px;
}

#main .mostPopular .all {	
	margin-top:  -24px !important;
}
#main .tutorials .all, #main .shaded .all {
	float: right;
	margin-right: 10px;
	margin-top: -22px;
}
.titleSet1CM2 .all {
	float: left;
	margin-top: 0px;
	margin-left: 5px;
}


.titleSet1 .all {
	float: right;
	margin-top: -28px;	
}

#main .promotionalImage .all {
	float:  right;
	margin-top: -139px;
}

#right .tutorials .all {
	margin-right: 10px;
}

#right .tutorials h2 {
	color:  #333;
}

/* @end */

body {
	background: #FFF url("/shared-static/images/navigation/separator.gif") 0 70px repeat-x;
	color: #444;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 auto 10px auto;
	text-align: center;
}

#container {
	width: 940px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

#left {
	width: 180px;
	float: left;
}

#main {
	width: 560px;
	float: left;
	margin-left:  10px;
}
#main.list {
	width: 740px;
	float: left;
	margin-left: 10px;
}

#right {
	width: 180px;
	float: left;
	margin-left: 10px;
	padding-top: 49px;
}

/* @end */

/* @group Header, Quick Links, & Search Form, Footer */


/* begin the new styles for the header */

#header {
	text-align:right;
	font-size: 10px;
	height: 70px;
} 

img#logo {
	float: left;
	margin-top: 9px;
}

#globalQuickLinks {
	width:710px;
	float: left;
	margin-top: 26px;
}

#globalQuickLinks a{
	font-weight: bold;
	text-decoration: none !important;
}

#globalQuickLinks a:hover {
	background-color: #fec2c4
}

#globalQuickLinks .separator {
	font-weight: normal;
	font-size: 14px;
	padding: 0 2px 0 2px;
}

#world {
	width: 46px;
	float: right;
	margin-top: 20px;
}


.worldwide {
	color: #333;
	margin-left:  30px;
}


#wcmQuickSearch {
	height: 31px;
	background: url("/shared-static/images/global/quicksearch.jpg") no-repeat;
}

#eight00 {
	color: #333;
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 178px;
	margin-right:  15px;
	height:30px;
} 

#wcmSearchForm {
	float: left;
	width: 427px;
	padding-top: 2px;
}

#wcmSearchForm label {
	color: #FFF;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 8px 0 9px;
}

img#wcmSearchlabel {
	float: left;
	margin:  0 6px;
}

#wcmSearchForm input {
	border: 1px solid #999;
	float: left;
	padding: 1px;
	vertical-align: middle;
	width: 240px;
}

#wcmSearchForm select {
	border: 1px solid #999;
	float: left;
	font-size: 10px;
	margin: 0 0 0 10px;
	vertical-align: middle;
}

#wcmSearchButton {
	float: left;
	padding-top: 4px;
}

#wcmSearchFormSubmit {
	background: transparent url(/shared-static/images/icons/search_roll.gif) no-repeat scroll center top;
	border: 0px none;
	display: block;
	height: 24px;
	text-indent: -100000px !important;
	width: 48px;
}

#wcmSearchFormSubmit:hover {
	background: transparent url(/shared-static/images/icons/search_roll.gif) no-repeat scroll center bottom;
}
#wcmShoppingCart {
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	color: #333;
	padding: 8px 8px 0 0;
}

a#searchCartView {
	text-decoration: none;
	color: #444;
/*	

padding-left: 12px;
	background: url("/shared-static/images/bullets/arrow-right.gif") left center no-repeat
	background: url("/shared-static/images/bullets/arrow-right.gif") left 4px no-repeat*/
}

#wcmShoppingCart img {
	margin: 0 7px -5px 7px;
	vertical-align: baseline;
}

#wcmCartItems {
	color: #444;
}

/** kumi: added "font-size: 11px;" **/
#footer {
	clear: both;
	margin-top: 100px;
	padding: 20px 0 10px 0;
	background: url("/shared-static/images/global/footer.gif") top right no-repeat;
	text-align: right;
	color: #444;
	font-size: 11px;
}

#footer .separator {
	font-size: 12px;
	margin: 0 2px;
	font-weight: normal;
	padding: 0px;
}

#footer p {
	margin: 0 0 15px 0;
}

#footer a {
	text-decoration: none;
	color: #444;
}

#footerCopyright {
	font-size: 10px;
}

/* @end */

/* @group Static Components */

/* @group Utilities and Breadcrumb */

#utilities {
	padding: 5px 0 3px 0;
}

#breadcrumbs {
	font-size:  10px;
}
#breadcrumbs a {
	font-weight: normal;
	color: #444;
}
#useractions {
	padding-right:  4px;
}

/* @end */

/* @group Login */

#login {
	background: url("/shared-static/images/login/background.jpg") bottom center no-repeat;
	width: 180px;
	margin-bottom: 13px;
}

#login p {
	margin: 0 10px 15px 18px;
	padding: 0;
}

#login strong {
	color: #333;
	font-weight: bold;
}

#login form {
	margin: 0 10px 0 15px;
}

#login label {
	font-weight: bold;
	color: #333;
}

#login input {
	margin-bottom: 5px;
}

#loginExpand {
	background: url("/shared-static/images/left-navigation/background-login-closed.gif") top left no-repeat;
	display: block;
	height: 30px;
	text-align: center;
}
#loginAccount {
	text-align: center;
	background: url("/shared-static/images/left-navigation/background-login-open-top.gif") top left no-repeat;
	height: 30px;
}

#loginContract {
	background: url("/shared-static/images/left-navigation/background-login-open-top.gif") top left no-repeat;
	height: 30px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#loginBox {
	background: url("/shared-static/images/left-navigation/background-login-open-bottom.gif") bottom left no-repeat;
	margin-bottom: 25px;
}
#loggedinBox {
	background: url("/shared-static/images/left-navigation/background-login-open-bottom.gif") bottom left no-repeat;
	margin-bottom: 25px;
	height: 120px;
	line-height: 14px;
}
/* Logged in Box for CM2 */
#loggedinBox.CM2 {
	background: url("/shared-static/images/left-navigation/background-login-open-bottom.gif") bottom left no-repeat;
	margin-bottom: 25px;
	height: 160px;
	line-height: 14px;
}
/* END Logged in Box for CM2 */

#loggedinBox strong {
	font-size: 12px;
	color: #333;
}

#loggedinBox p {
	color: #444;
}

#loggedinBox ul {
	margin-left: 20px;
}

#loginFormUsername,
#loginFormPassword {
	border: 1px solid #999999;
	width: 115px;
}

#loginFormButton {
	border: none;
	float: right;
	margin-top: 30px;
}

#loginFooter {
	clear: both;
	font-size: 10px;
	margin: 3px 0 0 15px;
	padding-bottom: 18px;
}

/* @end */


 @group Left Navigation 

#leftNavigationTop {
	background: url("/shared-static/images/left-navigation/background-top.gif") no-repeat;
}
#leftNavigationTop.CM2 {
	background: url("/shared-static/images/left-navigation/background-top_CM2.gif") no-repeat;
}

#leftNavigationTop.list {
	background: url("/shared-static/images/left-navigation/background-top_list.gif") no-repeat;
	height: 26px;
}

#leftNavigationTop h3 {
	color: #333;
	font-size: 13px;
	margin-left: 10px;
	font-weight: bold;
}
#leftNavigationTop h3.list {
	color: #333;
	font-size: 11px;
	padding-top: 7px;
	margin-left: 10px;
	font-weight: bold;
}

#leftNavigationLinks {
	background: url("/shared-static/images/left-navigation/background-links.gif") left bottom no-repeat;
	padding: 0px 20px;
}

#leftNavigationLinks ul {
	padding: 20px 10px 30px 10px;
	list-style-type: none;
}

#leftNavigationLinks ul li ul {
	/* this is for the sub menus */
	padding: 4px 0px 8px 0px;
}
	
#leftNavigationLinks li {
	position: relative;
}
#leftNavigationLinks li ul li {
	position: static;
}

#leftNavigationLinks ul li span.menuarrow {
	display:  block;
	width:  14px;
	height:  14px;
	cursor: pointer;
	position: absolute;
	top:  3px;
	left:  -18px;
}

span.menuhead {
	font-weight: bold;
	color: #333;
}

span.menuarrow {
	background: url("/shared-static/images/bullets/arrow.gif") 6px 0 no-repeat;
}

#leftNavigationLinks ul li span.selected {
	background: transparent url("/shared-static/images/bullets/down-arrow.gif") 4px 0 no-repeat;
}
 
#leftNavigationLinks ul li ul li a {
	font-weight: normal;
}

#leftNavigationLinks ul li ul li { 
	font-weight: normal;
	margin: 0 0 2px 0;
	list-style-type: none;
	list-style-image: none;
	background: url("/shared-static/images/bullets/arrow-right.gif") 0px 4px no-repeat;
	padding-left: 10px;
}

#leftNavigationPromo {
	background: url("/shared-static/images/left-navigation/left-navigation-promo-bg.gif") bottom center no-repeat;
	padding: 0 0 15px 0;
}
#leftNavigationPromoCM {
	background: url("/shared-static/images/left-navigation/left-navigation-promo-bg_CM2.gif") bottom center no-repeat;
	padding: 0 0 15px 0;
}

#leftNavigationPromo .spacer {
	background: url("/shared-static/images/left-navigation/left-navigation-promo-h3-bg.gif") top center no-repeat;
	height:  10px;
}
#leftNavigationPromo .spacerNull{
	height:  0;
}

#leftNavigationLinks ul li a {
	color: #444 !important;
}
#leftNavigationLinks ul li ul li a {
	color: #444 !important;
}

#leftNavigationLinks ul li a:hover {
	color: #CC0000 !important;
	text-decoration: underline;
}

#leftNavigationLinks ul li ul li a:hover {
	color: #CC0000;
	text-decoration: underline;
}

#leftNavigationLinks span.menuhead a:hover {
	text-decoration: none;
	color: #CC0000;
}

#leftNavigationTop h3 a:hover {
	color: #CC0000 !important;
}

#leftNavigationTop h3 a:link, #leftNavigationTop h3 a:visited {
	color: #333;
	text-decoration: none;
}

/* @end */

/* @end */

/* @group Flexible Components */
/* @group Tertiary Navigation */
.tertiary ul {
	border-top:  1px solid #ccc;
	border-left:  1px solid #CCC;
}
.tertiary ul li {
	float: left;
	border-right: 1px solid #CCC;
	background: #efedef;
}
.tertiary ul li a {
	display: block;
	padding: 2px 9px;
	font-size:  10px;
	color: #333;
}
.tertiary ul li.last a {
	padding:  2px 10px;
}
.tertiary ul li a:hover {
	background: #FFF;
}
.tertiary .padd {
	border:  1px solid #ccc;
}


/* @end */

/* @group iframe Component */
.iF h2 {
	background: url("/shared-static/images/buckets/productList-bg.gif") top center repeat-x;
	color: #333;
	padding: 2px 5px;
}
.iF iframe {
	border:  1px solid #CCC;
	width: 558px;
	height: 250px;
}
.iF ul li {
	color: #333;
	font-weight: bold;
	float: left;
	padding:  2px 5px;
	background: #e4e4e4;
		border-left:  1px solid #CCC;
	border-top:  1px solid #CCC;
}
.iF ul li.c1 {
	width:  148px;
}
.iF ul li.c2 {
	border-right:  1px solid #CCC;
	width:  389px;
}
/* @end */

/* @group Multiple Image Display */

#main .imageCube {
	width:  278px;
	padding:  10px 0;
}
#main .imageDisplay .alignleft {
	border-right:  1px solid #CCC;
}
#main .imageDisplay .top {
	border-bottom:  1px solid #CCC;
}
#main .imageCube {
	text-align: center;
}

#main .imageCube p {
	margin: 10px 15px 10px 15px;
	text-align: left;
}
#right .imageCube {
	padding:  10px 0;
	border-bottom:  1px solid #CCC;	
}

#right em{
	font-style: italic;	
}

#right ol{
	margin-left:27px;
	list-style-type: decimal;
}

#right .imageDisplay .last {
	border-bottom:  0px;
}
#right .imageCube img {
	margin:  0 0 0 7px;
}
#right .imageCube p {
	margin:  10px 0 10px 30px;
	width:  124px;
}
/* @end */
/* @group Videos */

.videos ul {
	text-align: left;
	margin: 5px 0 20px 10px;
}

.videos img {
	border: 1px solid #797979;
}

/* @end */

/* @group Event Listing Table */

table.eventList {
	border-top: 1px solid #797979;
	margin: 0px auto;
}

table.eventList th {
	background: #cacaca url("/shared-static/images/buckets/eventList-bg.gif") top center repeat-x;
	padding: 2px 7px;
	color: #333;
	font-weight: bold;
}

table.eventList td {
	background: #FFF;
	padding: 3px 7px;
}

table.eventList td.c1, table.eventList td.c3 {
	width: 105px;
}

table.eventList td.c4 {
	width: 90px;
}

table.eventList td.c1, table.eventList th.c1 {
	border-left: 1px solid #797979;
	border-bottom: 1px solid #797979;
	border-left: 1px solid #797979;
	border-right: 1px solid #797979;
}

table.eventList td.c2, table.eventList th.c2 {
	border-bottom: 1px solid #797979;
	border-right: 1px solid #797979;
}

table.eventList td.c3, table.eventList th.c3 {
	border-bottom: 1px solid #797979;
	border-right: 1px solid #797979;
}

table.eventList td.c4, table.eventList th.c4 {
	border-bottom: 1px solid #797979;
	border-right: 1px solid #797979;
}

/* @end */

/* @group Products Table */

.productListTitle h2 {
	border-bottom: 1px solid #CCC;
	font-size: 1.1em;
	padding: 0 0 5px 0;
	color: #333;
}

table.productList, div.imgDetail {
	background: url("/shared-static/images/buckets/productList-bg.gif") top center repeat-x;
}

div.imgDetail {
	padding: 10px 0px;
}

table.productList th {
	padding: 5px 12px;
}

table.productList td {
	border-top: 1px solid #cccccc;
	padding: 4px 12px;
}

table.productList td.center {
	border-top: 1px solid #cccccc;
	padding: 4px 12px;
	text-align: center;
}

table.productList tr.alt {
	background: #f6f3ec;
}

table.productList th {
	color: #333;
	font-weight: bold;
}

/* @end */

/* @group Resources / List / Flex Search Results Component */
.resources {
	padding-bottom: 30px;
	color: #444;
}

.resources h3 {
	border-bottom: 1px solid #CCC;
	color:  #333;
	padding: 4px 0;
	margin-bottom:  3px;
}
.contact h3 {
	border-bottom: 1px solid #CCC;
	color:  #333;
	padding: 0 0 4px 0;
	margin-bottom:  3px;	
}
.resources {
	padding-bottom:  30px;
}
.resources ul {
	margin-bottom:  8px;
}

.resources ul li {
	padding-bottom: 2px;
}

.contact p {
	margin-bottom:  10px;
}
.contact img {
	border-bottom: 1px solid #CCC;
}
.shaded2 {
	background: url("/shared-static/images/components/shaded2.gif") top center repeat-x;
	height: 30px !important;
}


/* @end */

/* @group Text/Image Components */

.textImg img {
	float:  left;
	margin: 0px 5px;
}

#main textImg img {
	float:  left;
}
.textImg h3, .textImg h3 a {
	color:  #333;
}
.textStyle1 .padd {
	padding: 10px 0;
}
.textStyle1 .gutter {
	width:  20px;
}
.cubeStyle h3 {
	margin-left:  70px;
	color: #333;
}
.cubeStyle1 {
	margin: 0;	
	width: 254px;
}
.cubeStyle1 p {
	margin-left:  70px;
}
.cubeStyle1 h3 {
	color: #333;
	margin-left:  70px;
}
 .cubeStyle2 p {
	margin-left:  115px;
}
.cubeStyle2 h3 {
	color: #333;
	margin-left: 115px;
}
.cubeStyle2 ul {
	margin-left: 115px;
}
.textImg .cubeStyle2 .all {
	float: none;
	margin: 0 0 0 115px;
	padding-top: 4px;
}

.cubeStyle3 h3 {
	margin-left: 60px;
	color: #333;
}
.cubeStyle3 p {
	margin-left: 60px;
}
.cubeStyle4 h3 {
	margin-left:  85px;
	color: #333;
}
.cubeStyle6 h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom:  2px;
	margin-bottom:  4px;
	margin-left:  65px;
	color: #333;
}
.cubeStyle6 ul {
	margin-left:  65px;
}
.cubeStyle7 h3 {
	color:#333;
	margin-left: 0;	
}
 .cubeStyle7 p {
	margin-left: 0;
}
.detailResources .all {
	margin-top:  -22px;
}
.detailResources strong {
	color:  #333;
	font-weight: bold;
}

#right .tutorials .all {
	margin-right: 10px;
}
#right .tutorials h2 {
	color:  #333;
}
.newsroom p {
	margin-bottom: 20px;
}

.newsroom abbr {
	color: #333;
	font-weight: bold;
}
.newsroom a {
	font-weight: normal !important;
	color: #444 !important;
}
/* @end */

/* @group Multi Column Tables */

.multi table {
	width: 100%;
}

.two h3 {
	color: #333;
	margin-left:  130px;
}
.two p {
	margin-left:  130px;
}

.multi h3 a {
	color: #333;
}
/* @end */

/* @group Custom Component for Three-column Lists */

.list3col ul {
	float: left;
	width: 180px;
}

.list3col ul.col1, 
.list3col ul.col2 {
	padding-right: 10px;
	background: transparent url("/shared-static/images/global/dotted.gif") repeat-y 178px 0;
}

.list3col img {
	float:  left;
	margin: 0px 5px;
}

#main .list3col img {
	float:  left;
}

.list3col h3, 
.list3col h3 a {
	color:  #333;
}

/* @end */

/* @group rte (H,G) */

.skin2 .s2 {
	border-top:  1px solid #CCCCCC;
	background: url("/shared-static/images/components/rte-skin2-shade.gif") top center repeat-x;
}

.skin1 h2 {
	background: url("/shared-static/images/components/rte-skin1-shadeA.gif") bottom center repeat-x;
	border-left: 1px solid #CCCCCC;
	color: #333;
	font-size: 1.1em;
	margin-right: 2px;
	padding: 2px 0px 8px 8px;
}

.skin1 img {
	border-top:  1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.skin1 .s1 {
	background: url("/shared-static/images/components/rte-skin1-shadeB.gif") top left no-repeat;
}

.rte img.icon {
	float: right;
	margin-top:  -20px;
	margin-right:  10px;
	position: relative;
}

.rte em {
	font-style: italic;
}
.tres p {
	margin-left: 60px;
}

.skin3 h2 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.skin3 h3 {
	border-bottom: 1px solid #CCC;
	padding: 0 0 4px 0;
	margin-bottom:  3px;
	color: #333;
}
.skin3 h4 {
	padding: 0 0 4px 0;
	color: #333;
	font-weight: bold;
}

.skin3 hr {
	background: #CCCCCC;
	color: #CCCCCC;
	height: 1px;
	width: auto;
	border: 0;
	margin: 10px 0 10px 0;
}
.skin4 h2 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 -5px 0;
}

.skin4 h3 {
	padding: 0 0 4px 0;
	margin-bottom: 3px;
	font-size:  12px;
	border-bottom: 1px solid #CCC;
	color: #333;
}
.skin4 h4 {
	padding: 0 0 4px 0;
	color: #333;
	font-weight: bold;
}

/* @end */

/* @group Introduction Panel (F) */
.introductionPanel {
	clear: both;
	color: #444;
}

.introductionPanel h2 {
	font-size:  1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
}

.introductionPanel p {
	padding-bottom: 15px;
}

.introductionPanel ul li {
	background: url("/shared-static/images/bullets/arrow-right.gif") 0px 5px no-repeat;
}

.imageExists img, 
.imageExistsLg img {
	float:  left;
	margin:  0 10px 0 0;
}
.introductionPanel td, .introductionPanelLg td, .introductionPanel_CM2 td {
	vertical-align: top;
	font-size: 11px;
	line-height: 18px;
	color: #444444;
}
td.stretch {
	margin-top:  10px;
	width: 100%;
}
.introductionPanelLg h3, .introductionPanel h3 {
	color:  #333;
}

.imageExists .introductionPanelContent {
	/*   This margin needs to be adjusted based on the width of the image   */
	margin-left:  112px;

	/*   This margin does not   */
	margin-top: 18px;
}

.introductionPanelLg h2 {
	font-size:  1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	color: #333;
}
.introductionPanelLg_CM2 h2 {
	font-size:  1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
}

.introductionPanel_CM2 h2 {
	font-size:  1.5em;
	font-weight: bold;
	margin-bottom: 5px;
	color: #333;
}

.introductionPanel_CM2 h3 {
	font-size:  1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	color: #333;
}

.introductionPanel_CM2 span.subject {
	color: #444;
	font-weight: bold;
}

.introductionPanel_CM2 td.stretch {
	margin-top: 40px;
	width: 100%;
}

.imageExistsLg .introductionPanelContentLg {
	padding-top:  10px;
	margin-left:  190px;
}

.introductionPanelLg ul.content_container_wrapper li.content_container {
	list-style-type:none;
}

.introductionPanel ul.alignleft {
	width:  180px;
}
 

/* @end */

/* @group Promotional Image (G, H) */
.promotionalImage h2 {
	color: #333;
	padding: 2px 0px 6px 8px;
}
span#largerTitle {
	color: #444;
	font-size: 12px;
}
.promotionalImage .padd {
	background:url("/shared-static/images/components/promotionalImage-j-shade.gif") top center repeat-x;
}
.promotionalImage ul li {
	margin-bottom: 20px;
}
/* @end */

/* @end */

/* @group Page specific components */
/* @group Gallery */
.galleryPods li {
	display: block;
	float:  left;
	width: 60px;
}


/* @end */

/* @group Page specific components */
.titleSet1 h2 {
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
	color: #333;
}

.titleSet2 h2 {
	font-size: 1.1em;
	padding: 0 0 5px 0;
	color: #333;
}
.titleSet2 span {
	color: #cc0000;
}
.textStyle1 em {
	font-style: italic;
}

/* @group Category Search */

#categorySearch .padd {
	background: url("/shared-static/images/buckets/categorySearch-bg.gif") top center repeat-x;
}
#categorySearchInput {
	padding:  6px 0 6px 48px;	
}
#searchField {
	float: left;
}
#categorySearchInput .textright {
	padding-right: 10px;
}
#cSL {
	float: left;
	width: 40%;	
	margin-left: 40px;
}
#cSR {
	
}
#gallerySearch select {
	width:  280px;
	border: 1px solid #CCC;
	margin-left: 38px;
}
/* @end */

/* @group GES Quick Order */

#qL {
	width:  150px;
}

#qL p {
	margin: 0 0 10px 0;
}

#qR {
	width:  350px;
}

#qR th, 
#qR td {
	font-weight: bold;
	padding: 2px;
}

#qR td.spacer {
	width:  10px;
}

input.quantity {
	width:  46px;
}

input.catalogNumber{
	width:  125px;
}

input.reserveNumber{
	width:  125px;
}

.alignrightQR {
	margin-right:  11px;
	margin-left: 170px;
}

#qR .textcenter {
	font-size:  10px;
}


/* @end */

/* @group Related Images */
.relatedImages p {
	padding:  10px 0;
	margin-left:  80px;
}
/* @end */

.mostPopular .all {
	margin-top:  -24px !important;
}
.mostPopular img {
	margin:  0 10px 0 0;
}
.featuredSamples img {
	margin:  0 10px 0 0;
}
.featuredSamples p
{
	margin-left: 74px;
}
.featuredSamples h3 {
	margin-left:  74px;
	color: #333;
}
.featuredBrand p
{
	margin-left:  61px;
}
.featuredBrand h3 {
	margin-left:  61px;
	color: #333;
}
.featuredSamples all {
	float:  right;
}
.split50 .alignleft, .split50 .alignright {
	width:  275px;
}
.productText p {
	margin-bottom:15px;
}
/* @end */

/* @group Related Images */

.relatedImages p {
	padding: 10px 0;
	margin-left: 80px;
}

/* @end */

.mostPopular .all {
	margin-top: -24px !important;
}

.mostPopular img {
	margin:  0 10px 0 0;
}
.split50b .alignleft, .split50b .alignright {
	width:  270px;
}
.split50 .alignleft, .split50 .alignright {
	width:  275px;
}
.productText p {
	margin-bottom:15px;
}
.productText h2 {
	color:  #333;
}

/* @group FormWrap */
.formWrap {
	 margin:  8px auto 9px auto;
	 width:  160px;
}
 input#searchinput {
	margin:  2px 5px 0 0;
	float: left;
}

/* @end */
/* @end */

/* @group Tabbed region code */

/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen {

/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

.tabs-hide {
	display: none;
}

}

/* Hide useless elements in print layouts... */

@media print {

.tabs-nav {
	display: none;
}

}

/* Skin */

.containerFrame, .containerFrame .ft {
	background-color: #f9f7f2;
}

.containerFrame2, .containerFrame2 .ft {

}

.tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tabs-nav:after {


/* clearing without presentational markup, IE gets extra treatment */
	clear: both;
	content: " ";
	display: block;
}

.tabs-nav li {
	float: left;
	margin: 0 1px 0 0;
	min-width: 84px;
/* 

be nice to Opera */
}

.tabs-nav a, .tabs-nav a span {
	background: url(/shared-static/images/components/tab.png) no-repeat;
	display: block;
	padding: 0 5px;
}

.tabs-nav a {
	color: #444;
	padding-left: 0;
	position: relative;
	top: 1px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	text-decoration: none !important;
	/* req

uired in IE 6 */	
	z-index: 2;
	font-weight: normal !important;
}

.tabs-nav .tabs-selected a, .tabs-nav .tabs-selected a span {
	color: #CB0000;
	font-weight: bold !important;
}

.tabs-nav .tabs-selected a, 
.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active {
	background-position: 100% -150px;
	outline: 0;
/*

prevent dotted border in Firefox */
}

.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	background-position: 100% -100px;
}

.tabs-nav a span {
	/* 

Minimum width of the tab   */
	min-width: 80px;
	width: 80px;
	/* 

IE 6 treats width as min-width */

	/* 

Minimum height of the tab   */
	min-height: 19px;
	height: 19px;
	/* 

IE 6 treats height as min-width */

	padding-top: 8px;
	padding-right: 0;
}

.tabs-nav a span {


/* hide from IE 6*/
	width: auto;
	height: auto;
}

.tabs-nav .tabs-selected a span {
	/

/*   One more than padding-top for .tabs-nav a span   */
	padding-top: 9px;
}

.tabs-nav .tabs-selected a span, 
.tabs-nav a:hover span, 
.tabs-nav a:focus span, 
.tabs-nav a:active span
 {
	background-position: 0 -50px;
	color: #ce0000;
}

.tabs-nav a span, 
.tabs-nav .tabs-disabled a:hover span, 
.tabs-nav .tabs-disabled a:focus span, 
.tabs-nav .tabs-disabled a:active span {
	background-position: 0 0;

}

.tabs-nav .tabs-selected a:link, 
.tabs-nav .tabs-selected a:visited, 
.tabs-nav .tabs-disabled a:link, 
.tabs-nav .tabs-disabled a:visited {


/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}

.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active {


/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-container .tabcontentTitles {
	float: left;
	font-weight: bold;
	text-align: right;
	width: 125px;
}

.tabs-container .tabContent {
	float:left;
	margin-left: 25px;
	width: 100px;
}

.tabs-container img {
	float: left;
	
}

/* @group Corners for tabbed regions */

.corners {
	margin: 0px auto;
}

.corners .c {
	background: #F9F7F2;
}

.corners .hd .c,
.corners .ft .c {
	font-size: 1px;
	

/* ensure minimum height */
	height: 4px;
}

.corners .hd {
	background: #F9F7F2 url(/shared-static/images/components/corners/tl-square.gif) no-repeat 0px 0px;
}

.corners .hd .c {
	background: transparent url(/shared-static/images/components/corners/tr-square.gif) no-repeat right 0px;
}

.corners .bd {
	border-left: 1px solid #CCCCCC;
}

.corners .bd .c {
	border-right: 1px solid #CCCCCC;
}

.corners .bd .c .s {
	border: none;
	margin: 0px 4px 0px 4px;
	padding: 16px;
	text-align: left;
}

.corners .ft {
	background: #F9F7F2 url(/shared-static/images/components/corners/bl.gif) no-repeat 0px 0px;
}

.corners .ft .c {
	background: transparent url(/shared-static/images/components/corners/br.gif) no-repeat right 0px;
}

.hasBackground .corners .c, 
.hasBackground .corners .hd, 
.hasBackground .corners .ft {
	background-color: transparent;
}

/* @end */
/* @group corporate tab (Contact Us) */
#contactInfo {
	width: 255px;
}
#contactInfo span {
	color: #333;
	font-weight: bold;
}
#contactInfo p {
	padding-bottom: 15px;
}
#contactInfo img {
	float: right;
	padding-right: 30px;
}
#countrySelect {
	padding-bottom: 35px;
}
select.countryselectbox {
	border: 1px solid #999 !important;
	float: left;
	margin:  1px 18px 0 10px;
	width:  341px;
}

/* @end */

/* @group Tooltip */

#cluetip {
	clear: right;
	float: right;
	padding: 5px;
	z-index: 991;
}

#cluetip-head {
	padding: 0;
	margin: 0;
}

a#cluetip-close {
	float: left;
	margin: 0;
	padding: 0;
	color: #900;
}

a#cluetip-close img {
	border: 0;
}

#cluetip-head {
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #333;
	text-align: right;
}

#cluetip-inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#cluetip-inner {
	padding: 0;
	margin: 0;
	display: inline-block;
}

#cluetip a {
	text-decoration: none;
}

#cluetip .hd {
	background: transparent url(/shared-static/images/tooltip/tl.gif) no-repeat top left;
	padding-left: 3px;
}

#cluetip .hd .c {
	font-size: 1px;
	height: 8px;
	background: transparent url(/shared-static/images/tooltip/tr.gif) no-repeat top right;
}

#cluetip .bd .c .s {
	background-color: #E5E5E5;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 2px 8px 2px 8px;
}

#cluetip .ft {
	background: transparent url(/shared-static/images/tooltip/bl.gif) no-repeat top left;
	padding-left: 3px;
}

#cluetip .ft .c {
	background: transparent url(/shared-static/images/tooltip/br.gif) no-repeat top right;
	font-size: 1px;
	height: 3px;
}

/* backslash hack hides from IE Mac \*/

* html #cluetip-inner {
	height: 1%;
}

#cluetip-inner {
	display: block;
}

/* end backslash hack */

/*   Hide the tooltip content stored locally   */

.tooltip {
	display: none;
}

/*   Styling for the Email thid page popup content   */

#ttEmailForm {
	text-align: left;
	padding: 5px;
	padding-top: 18px;
	padding-bottom: 20px;
}

#ttEmailForm input {
	border: 1px solid #999999 !important;
	width: 226px;
	height: 14px;
	margin-top: 4px;
	margin-bottom: 7px;
}

#ttEmailForm textarea {
	border: 1px solid #999999 !important;
	width: 226px;
	margin-top: 4px;
	margin-bottom: 20px;
}

#ttEmailForm #ttEmailFormButton {
	padding-left: 52px;
	border: 0 !important;
	width: auto;
	height: auto;
	margin: 0;
}

#ttEmailForm label {
	color: #444;
	text-align: left;
}

#tooltip {
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
}

#tooltip h3
{
	margin: 0;
	color: #333;
} 
#tooltip p {
	margin: 0;
}

/* @end */

/* @group Tabbed Product Catalog */

/* Skin */

.corners .bd .c .s {
	margin: 0;
	padding: 5px 7px 5px 12px;
}

.productCatalogTop {
	background: #F9F7F2 url(/shared-static/images/components/catalog-tab-back-top.gif) top left no-repeat;
	font-size: 1px;
	height: 9px;
}

.productCatalogBottom {
	background: #F9F7F2 url(/shared-static/images/components/catalog-tab-back-bottom.gif) bottom left no-repeat;
	font-size: 1px;
	height: 9px;
}

.productCatalog {
	background: #F9F7F2 url(/shared-static/images/components/catalog-tab-back-middle.gif) top left repeat-y;
}

.productCatalog .tabs-nav, 
.productCatalog .tabs-nav * {
	margin: 0;
	padding: 0;
}

.productCatalog .tabs-nav {
	float: left;
	list-style: none;
	width: 231px;
}

.productCatalog .tabs-nav li {
	background: url(/shared-static/images/components/catalog-entry-back.gif) center right no-repeat;
	border: 0;
	float: none;
	list-style: none;
	position: relative;
	width: 231px;
	z-index: 999;
}

.productCatalog .tabs-nav a {
	background: transparent;
	border-top: 1px solid #F9F7F2;
	border-bottom: 1px solid #F9F7F2;
	color: #444;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 1px 20px 2px 7px;
	position: relative;
	text-align: left;
	text-decoration: none;
	white-space: normal;
	width: 203px;
}

.productCatalog .tabs-nav .tabs-selected a {
	color: #333;
	font-weight: bold;
	padding-right: 0;
	width: 224px;
	font-weight: bold;
}

.productCatalog .tabs-nav .tabs-selected a, 
.productCatalog .tabs-nav .tabs-selected a:hover, 
.productCatalog .tabs-nav .tabs-selected a:focus, 
.productCatalog .tabs-nav .tabs-selected a:active {
	background: #FFFFFF;
	border-color: #D7D7D6;
	color: #444;
}

.productCatalog .tabs-nav a:hover, 
.productCatalog .tabs-nav a:focus, 
.productCatalog .tabs-nav a:active {
	background: #FEC2C4;
	border-color: #FEC2C4;
	color: #444;
}


/*	
	This component exhibits the IE6 Guillotine Bug.

	To trigger, click on each of the Product Catalog options.
	Several will cause the containing text to disappear.
	Mousing over a link or scrolling the window will cause
	the tabs-container div to reappear.

	See this site for more information on IE6 hasLayout bugs:
	<http://www.satzansatz.de/cssd/onhavinglayout.html>

*/


.productCatalog .tabs-container {
	float: left;
	padding: 0 0 0 14px;
	width: 293px;
}
.productCatalog .tabs-container h3 {
	color: #333;
	margin-top: 2px;
}
.productCatalog .tabs-container ul {
	margin-top:  3px;
}
.productCatalog .tabs-container ul li {
	float: left;
	padding: 0;
	margin: 3px 0;
	width: 260px;
}
.productCatalog p {
	margin:  3px 0;
}

.productCatalog .all {
	float: right;
	margin:  -17px 15px 0 0;
}
.productCatalog .tabs-container li {
	background: transparent;
	border: 0;
	padding: 2px 0 3px 6px;
}

.productCatalog .tabs-container li a {
	color: #444;
	font-weight: normal;
	padding: 0;
}

.productCatalog .tabs-container a:hover, 
.productCatalog .tabs-container a:focus, 
.productCatalog .tabs-container a:active {
	background: #FEC2C4;
	color: #444;
}

/*   Styling for CM2 Add to Cart popup content   */

#ttAddToCart {
	text-align: left;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 20px;
}

/* @end */

/* @group NO JS Fixes for right column */

#loginExpand,  ul#themenu li ul  {
	display: none;
}

/* @end */
#pbsSearch p {
	margin-bottom:  10px;
}
#pbsSearch input[type=text] {
	width:  100px;
	margin:  2px 4px 4px 0px;
	border:  1px solid #999;
	color:  #444;
	font-size:  9px;
	padding:  2px;
}

/* @group Form Areas */

#formArea h3 {
	background: url("/shared-static/images/buckets/formshade.gif") bottom center repeat-x;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #333;
	padding: 6px;
}
#formArea .req {
	color: red;
}
input.textbox, select.selectbox, textarea.textbox {
	border: 1px solid #999 !important;
}
.form1a dl {
	margin:  0px 0px 0px 5px;
}
.form1a dl dt {
	display: block;
	width: 100px;
	float: left;
}
.form1a dd {
	margin: 5px 0;
}
select.selectbox {
	width:  167px;
	margin:  5px 0 0 5px;
}
.form1a input.textbox, .form1a select.selectbox {
	width:  165px;
	margin:  0;
}
.form1b ul li {
	margin:  5px 0 5px 5px;
}
.form1b input.textbox {
	width: 170px;
}
textarea.textbox {
	height:  70px;
	width:  540px;
	margin:  5px 5px 0 5px;
}

.split20 .alignleft {
	width: 55px;
}

.split20 .alignright {
	width: 450px;
}
.split20 .alignright li {
	padding:  1px 0;
}
.split20 em {
	font-style: italic;
}
.formSubmit {
	background: url("/shared-static/images/buckets/formshade.gif") bottom center repeat-x;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #444;
	padding: 12px 6px;
	text-align: right;
}
input#submitform {
	margin: 0 6px 0 0;
}
input#cancelform {
	margin:  0;
	padding:  0 0 5px 0;
}

/* @end */
#cluetip-inner ol {
	list-style-type: decimal !important;
	text-align: left;
	margin: 5px 10px 5px 25px;
}

#cluetip-inner ol li {
	margin: 4px 0px;
}

#searchtip {
	display: none;
}

/* ------- additional css --- */
.newsroom p {
	margin-left: 0;
}

/* @group Rich Text Editor Styles */


.richText  {
	font-size: 11px;
	margin-bottom: -3px;
	padding: 9px 13px 0 13px;
	color: #333;
}

.richText a {
	color: #5D5D5D;
}

.richText strong,
.richText b,
.richText table th {
	font-weight: bold;
}

.richText s,
.richText strike {
	text-decoration: line-through;
}

.richText u {
	text-decoration: underline;
}

.richText big {
	font-size: bigger;
}

.richText small {
	font-size: smaller;
}

.richText blink {
	text-decoration: blink;
}

.richText .textRight,
.richText font['align=right'] {
	text-align: right;
}

.richText .textLeft,
.richText font['align=left'] {
	text-align: left;
}

.richText .textCenter,
.richText font['align=center'],
.richText center  {
	text-align: center;
}

.richText .indent {
	text-indent: 12px;
}

.richText img.left {
	margin-right: 10px;
}

.richText img.right {
	margin-left: 10px;
}

.richText em,
.richText i, .openstyle em,
.openstyle i {
	font-style: italic;
}

.richText sub, .openstyle sub {
	vertical-align: sub;
}

.richText sup, .openstyle sup {
	vertical-align: sup;
}

.richText tt {
	font-family: monospace;
}

.richText ul, .openstyle ul{
	font-weight: normal;
	list-style-type: disc;
	margin: 0px 13px;
	padding-top: 2px;
}

.richText ol, .openstyle ol {
	font-weight: normal;
	list-style-type: decimal;
	margin: 0px 19px;
	padding: 2px 4px 0;
}

.richText p, .openstyle p {
	margin-bottom: 10px;
}

.richText blockquote {
	margin: 12px;
}

.richText h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 5px 5px 0px;
}

.richText h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 5px 5px 5px 0px;	
}

.richText h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 5px 5px 0px;
}

.richText h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 5px 5px 0px;
}

.richText h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 5px 5px 5px 0px;
}

.richText h6 {
	font-size: 10px;
	font-weight: bold;
	margin: 5px 5px 5px 0px;
}


.openstyle ul {
	list-style-type: none;
}

.openstyle ul li {
	background: url("/shared-static/images/bullets/arrow-right.gif") 0px 4px no-repeat;
	padding-left: 10px;	
	color: #444 !important;
	font-weight: normal;
}

.openstyle ul li a {
	font-weight: normal !important;
	color: #444 !important;
}

.openstyle ul li strong a {
	font-weight: bold !important;
	color: #333 !important;
}

.openstyle ul li a strong {
	font-weight: bold !important;
	color: #333 !important;
}

.openstyle strong a:hover, .openstyle strong a:active, .openstyle strong a:link{
	font-weight: bold !important;
	color: #color: #333;
}

.openstyle strong a:visited
{
	font-weight: bold !important;
	color: #333;
}

/* @group Promotional Image (G, H) */
.podStyle h2 {
	color: #333;
	padding: 2px 0px 6px 8px;
}
 
.podStyle .padd {
	background:url("/shared-static/images/components/promotionalImage-j-shade.gif") top center repeat-x;
}
 
/* @end */
 

/* @end */

.textFormFieldInput {
	margin:  5px 5px 0 5px;
}

.verticallyAlignColumn{
	vertical-align: top;
}

/* @group Promotional Image Pod (G, H) */
.promotionalImagePod h2 {
	color: #333;
	padding: 2px 0px 6px 8px;
}

.promotionalImagePod em {
	font-style: italic;
}
.promotionalImagePod .padd {
	background:url("/shared-static/images/components/promotionalImage-j-shade.gif") top center repeat-x;
}

.shaded h2, #main .promotionalImagePod h2 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 6px 0px 6px 8px;
	background:url("/shared-static/images/components/promotionalImage-h-shade.gif") bottom center repeat-x;
}

#main .promotionalImagePod .all {
	float:  right;
	margin-top: -139px;
}
 
/* @end */

/* Resources Shaded Pod */

.resourcesPod h3 {
	border-bottom: 1px solid #CCC;
	color:  #333;
	padding: 4px 0;
	margin-bottom:  3px;
}

.resourcesPod em {
	font-style: italic;
}

/* @end */

.paddPageTeaser {
	padding: 10px;
	font-weight: bold;
}

.paddPageTeaser h3{
	margin-left: 0px;
}

.mostPopular h3 {
	margin-bottom: 10px;
	color: #333;
}

.cubeStyle5  h3 {
	padding-bottom: 10px;
	color: #333;
}


#themenu a:hover, #themenu a:active, #themenu a:link, #themenu a:visited
{
	color: #444 !important;
	text-decoration: none;
}

.productCatalog .tabs-container ul li {
	background: url("/shared-static/images/bullets/arrow-right.gif") 0px 4px no-repeat;
	padding: 0 0 0 10px;
	}

#right h1 span, #right h2 span, #right h3 span {
color:  #444;
}

.introductionPanel h2 span {
color: #444; 
}

.introductionPanel em {
	font-style: italic;
}

#structureDetail b{
	font-weight: bold;
	color: #333;
}

/* WCM Only Styles */
/* 	the following styles apply to the integration pieces.
	the styles are were either created for the new look and feel or
	taken from the existing css.
*/

/* @group Citation Display  */

#citationDisplay .resultDark,
#citationDisplay .resultLight {
    float:left;
}

#citationDisplay a:hover, #citationDisplay a:active {
	background-color: #fec2c4;
	color: #444 !important;
}

#citationDisplay .dotLine {
	margin: 10px 10px 15px 10px;
}

#citationDisplay .dotLine .resultsWrap h5,
#citationDisplay .dotLine .resultsWrap h6{
	font-size:12;
    font-weight:bold;
    white-space:nowrap;
    margin:0 5px 5px 5px;
    color: #333;
}

#citationDisplay .resultsWrap h6 {
    white-space:normal;
    color: #333;
}

#citationDisplay .resultsWrap p {
    width:auto;
    float:none;
    margin:0 5px;
    padding:0;
}
#citationDisplay .resultsWrap p span {
    font-weight:bold;
}
#citationDisplay .resultsWrap div div {
    float:left;
    text-align:center;
}
#citationDisplay .resultsWrap a {
		margin:0 0 0 0;
    padding:0;
}

#citationDisplay .resultsWrap a:hover {
    background:none;
}

#citationDisplay .resultsWrap .description {
	width:79.6%;
	text-align:left;
	float:right;
	border-top:1px solid #ccc;
	margin:5px 42px 0 0;
	padding:5px 0 0 0;
}
#citationDisplay .dotLine .resultsWrap .description {
	margin:5px 84px 0 0;
}

#citationDisplay .resultsWrap .description h5
{
	color: #333;
	margin:5px 0;
}
#citationDisplay .resultsWrap .description a,
#citationDisplay .resultsWrap .description p {
    margin:5px 0;
}

#citationDisplay .resultsWrap a:hover {
    background:#fec2c4
}

#citationDisplay .resultsWrap a:link,
#citationDisplay .resultsWrap a:visited,
#citationDisplay .resultsWrap a:active{
    color:#444;
    text-decoration:none;
    font-weight:normal;
}

#citationDisplay .col1 a:hover,
#citationDisplay .col2 a:hover{
    background:#fec2c4;
}

#citationDisplay .resultsWrap img {
    border:0;
   	padding-left: 5px;
   	padding-right: 5px;
}

#citationDisplay .resultsWrap .col1 {
    text-align:left;
}

#citationDisplay .resultsWrap .col2 {
    text-align:left;
}

#citationDisplay .citationsWrap .col1 {
	width:25%;
}

#citationDisplay .citationsWrap .col2 {
	width:40%;
}

#citationDisplay .citationsWrap .col3 {
	width:25%;
	text-align:left;
	margin-left: 5px;
}

#citationDisplay .citationsWrap .col4 {
    width:15%;
    text-align:right;
}

#citationDisplay .citationsWrap .col1 a {
	margin-left: 5px;
	display:block;
}
/* @end */


/* @group Media Forms  */
#mediaFormDetails a:link,
#mediaFormDetails a:visited,
#mediaFormDetails a:active{
    color:#444;
    text-decoration: underline;
    font-weight: normal;
}

#mediaFormDetails a:hover{
    background:#fec2c4;
		text-decoration: none;
		color: #333;
}

#mediaFormDetails h1.title {
	margin-top: 0px;
	font-size: 20px;
	margin-bottom: 5px;
	margin-left: 10px;
	color: #333;
}

#mediaFormDetails div b.mediaName {
	font-weight: bold;
	font-size: 16px;
}

#mediaFormDetails td {
	border-bottom: 1px solid #fff;
	font-size: 11px;
	font-color: black;
	vertical-align: middle;
}

#mediaFormDetails td.attributes {
	border-left: 1px solid #fff;
	text-align:right;
}

#mediaFormDetails tr {
	height: 21px;
}

#mediaFormDetails div#relatedProducts {
	margin-top: 10px;
}

#mediaFormDetails p.relatedMediaForms {
	margin-top: 15px;
	margin-bottom: 15px;
}
/* @end */

/* @group SpectraViewer and SpectraDetail styles  */
#spectraViewer h1, #spectraViewer h2, #spectraViewer h3,
#spectraViewer h4, #spectraViewer h5, #spectraViewer h6,
#structureDetail h1, #structureDetail h2, #structureDetail h3,
#structureDetail h4, #structureDetail h5, #structureDetail h6 {
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 5px;
	margin-bottom: 0.5px;
	color: #333;
}

#spectraViewer p, #spectraViewer td {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

#spectraViewer p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#spectraViewer td, #structureDetail td {
	vertical-align:top;
}

#spectraViewer h2, #structureDetail h2 {
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	color: #333;
}

#structureDetail h2 {
	margin-bottom: 10px;
	color: #333;
}

#spectraViewer h3 {
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
}

#structureDetail h3 {
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}

#structureDetail h3 i {
	font-size: 14px;
	color: #333;
	font-style: italic;
}

#structureDetail h4 {
    font-size:12px;
		font-weight: bold;
    color:#333;
    margin-bottom: 5px;
}

#spectraViewer b, #structureDetail b {
	font-weight: bold;
	color: #333;
}

#structureDetail sub {
	vertical-align: sub;
	font-size: 9px;
}

#spectraViewer a:link, #spectraViewer a:visited, #spectraViewer a:active {
	color: #444;
	text-decoration: none;
}

#spectraViewer a:hover {
	background-color: #fec2c4;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
}

#structureDetail hr {
	color: #D8D8D8;
	border: 0;
	background-color: #D8D8D8;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 20px;
}
/* @end */

/* @group FAST CSS - for brochures, citations, manuals and protocols  */
#brochures .shaded h2,
#citations .shaded h2,
#manuals .shaded h2,
#protocols .shaded h2 {
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
  padding: 6px 0px 6px 8px;
}

#brochures .dialog .bd .c .s,
#citations .dialog .bd .c .s,
#manuals .dialog .bd .c .s,
#protocols .dialog .bd .c .s {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 0px;
}

#brochures .dialog,
#citations .dialog,
#manuals .dialog,
#protocols .dialog {
	width: 100%;
	margin: 0px auto;
}

#brochures .dialog .hd .c,
#citations .dialog .hd .c,
#manuals .dialog .hd .c,
#protocols .dialog .hd .c,
#brochures .dialog .ft .c,
#citations .dialog .ft .c,
#manuals .dialog .ft .c,
#protocols .dialog .ft .c {
	font-size: 1px;
/* ensure minimum height */
	height: 4px;
}

#brochures .padd,
#citations .padd,
#manuals .padd,
#protocols .padd {
	padding: 10px;
}

#brochures .arrows ul,
#citations .arrows ul,
#manuals .arrows ul,
#protocols .arrows ul {
	list-style-type: none;
}

#brochures .arrows ul li,
#citations .arrows ul li,
#manuals .arrows ul li,
#protocols .arrows ul li {
	padding-left: 10px;
	font-weight: normal;
	color: #797979;
}

#brochures .arrows ul li a,
#citations .arrows ul li a,
#manuals .arrows ul li a,
#protocols .arrows ul li a,
#brochures a.arrows,
#citations a.arrows,
#manuals a.arrows,
#protocols a.arrows {
	font-weight: normal !important;
	color: #444 !important;
}

#brochures a.arrows:active,
#citations a.arrows:active,
#manuals a.arrows:active,
#protocols a.arrows:active,
#brochures a.arrows:hover,
#citations a.arrows:hover,
#manuals a.arrows:hover,
#protocols a.arrows:hover {
	font-weight: normal;
	color: #444;
}

#brochures span.arrowLink,
#citations span.arrowLink,
#manuals span.arrowLink,
#protocols span.arrowLink {
	padding-left: 12px;
}

#brochures .shaded .all,
#citations .shaded .all,
#manuals .shaded .all,
#protocols .shaded .all {
	float: right;
	margin-right: 10px;
	margin-top: -22px;
}

#brochures .rte a:hover, #citations .rte a:hover, #manuals .rte a:hover, #protocols .rte a:hover,
#brochures .rte a:active, #citations .rte a:active, #manuals .rte a:active, #protocols .rte a:active,
#brochures .rte a.all:hover, #citations .rte a.all:hover, #manuals .rte a.all:hover, #protocols .rte a.all:hover,
#brochures .rte a.all:active, #citations .rte a.all:active, #manuals .rte a.all:active, #protocols .rte a.all:active {
	background-color: #fec2c4;
	color: #444 !important;
}
/* @end */

/* @group styles pulled during integration.  these existed in the current/old invitrogen site  */
.mainbodytext{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#444;
}
.mainbodytextred{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#c00;
}
.mainbodytext a:link{
    color:#444;
    text-decoration:underline;
}
.mainbodytext a:visited{
    color:#444;
    text-decoration:underline;
}
.mainbodytext a:hover{
    color:#444;
    text-decoration:none;
}
.mainbodytext a:active{
    color:#444;
    text-decoration:underline;
}
.mainbodytexthead{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#444;
}
/* @end */

/* @group hides the SEO header  */
.hidden_header {display:none;}
/* @end */


/* @group Two column hairline styles implemented only during authoring  */
.textImg .cubeStyle1 table tr td img, .shaded .cubeStyle1 table tr td img{
	float:none;
	margin:0;
}
.textImg .cubeStyle1 table tr td table tr td img, .shaded .cubeStyle1 table tr td table tr td img {
	float: left;
	margin: 0px 5px;
}
/* @end */

/* @group cellines database search */
.tabledisplay {
	font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
}

.tabledisplay td {
	padding:3px;
}

.tabledisplay td.name {
	background:#666;
}

.tabledisplay td.value {
	background:#CCC;
	color:#333;
}

.tabledisplay b {
	color:#333;
}

.tabledisplay td.name b {
	color:#FFF;
}

/* @end */
.containerFrame, .containerFrame .ft {
	background-color: #f9f7f2;
}

/* @group Pagination styles */

.pagination a {
	float: left;
	margin: 0px 4px;
}

.pagination a img {
	float: left;
	margin: -1px -3px;
}

.pagination b {
	float: left;
	margin: 0px 4px;
	color: #333;
}


/* Styles for the shaded container frame in the Frammed Paragraph System. Copied
   the resources styles from styles.css and renamed invresources. Needed to do this
   to change the bottom padding. The paragraph system inserts a spacer at the
   bottom when combined with the style padding was too much white space. */
.invresources {
	padding-bottom: 10px;
}

.invresources h3 {
	border-bottom: 1px solid #CCC;
	color:  #333;
	padding: 4px 0;
	margin-bottom:  3px;
}

.invresources ul {
	margin-bottom:  8px;
}

.invresources ul li {
	padding-bottom: 2px;
}

.invcubeStyle1 {
	margin: 0;
}
.invcubeStyle1 h3
{
	color: #333;
	margin-left: 70px;	
}
.invcubeStyle1 p {
	margin-left:  70px;
}

/*
Remove bottom padding from stuff that will be in paragraph system
*/
.invpadd {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}
/* @end */

.redRow{
	background-color: #cc0000;
	color:#fff;

}
.redRow th{
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	text-align:center;

}

.alt1 td{
	background-color: #E4E4E4;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

.alt2 td{
	background-color: #F0F0F0;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

.dissCalculator {
	color: #444;
}

.dissCalculator h2 {
	color: #333;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.dissCalculator h3 {
	color: #333;
	font-size: 14px;
}

#wcmShoppingCart .arrowLink a:hover, #categorySearchInput .arrowLink a:hover {
	background-color: #fec2c4;
}
 

/* @group autocomplete styles */
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	z-index: 10000;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%; 
	font-size: 12px;
	overflow: hidden;
	text-align:left;
}

.ac_loading {
	/*background : Window url('/imgLibrary/blank.gif') right center no-repeat;*/
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/* @end */

/* Products Changes (Comergent)*/

#footer a:hover {
	background-color: #FEC2C4;
}
	
#startDesc a:hover {
	Color: #CC0000;
	Text-decoration: none;
	Background-color: transparent;
}

#startDesc a:link, #startDesc a:active, #startDesc a:visited {
	Color: #444;
	Text-decoration: underline;
}

#startDesc {
	Padding-bottom: 20px;
}

.introductionPanel_CM2 sup {
    vertical-align: sup; 
}

.introductionPanel_CM2 sub {
    vertical-align: sub;
}

/* new left menu */ 

#leftNav a:hover { 
    background: transparent; 
    color: #ca0000 !important; 
} 
#leftNav { 
    width: 180px; 
    margin: 0px; 
}

.leftNavCap { 
    height: 4px; 
    background: url("/shared-static/images/left-navigation/new-menu-cap.jpg") no-repeat left bottom; 
} 
#leftNavTitle { 
    background: #fff url("/shared-static/images/left-navigation/new-menu-header.jpg") no-repeat left bottom; 
    width: 180px; 
} 
#leftNav h1 { 
    color: #333; 
    font-size: 12px; 
    line-height: 14px; 
    font-weight: bold; 
    display: block; 
    position: relative; 
    padding: 5px 10px 9px 10px; 
} 

#leftNav h1 a {
	text-decoration:none;
}
 
/* page classes */ 
.leftNavSection { 
    background: white url(/shared-static/images/left-navigation/new-menu-item-bg.jpg) no-repeat center bottom; 
    width: 180px; 
} 
 
.leftNavSection a { 
    color: #444; 
    font-size: 10px; 
    line-height: 12px; 
    font-weight: bold; 
    text-decoration: none; 
    display: block; 
    position: relative; 
    padding: 5px 10px; 
} 
 
li.leftNavSectionOpen { 
    background-color: #fff; 
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
    border-bottom: 1px solid #e4e4e2; 
    padding: 10px; 
    font-size:  10px; 
}

li.leftNavSectionOpen a {
	font-weight: bold;
	font-color: #000;
	text-decoration: none; 
}
 
/** kumi: added **/
#leftNav ol, ul {
	list-style: none;
}

li.leftNavSectionOpen ul { 
    margin-top:  3px;    
} 
 
li.leftNavSectionOpen ul li a { 
    display: block; 
    font-weight: normal; 
    margin: 0 0 0 10px; 
   
} 

li.leftNavSectionOpen ul li a:hover {
	 text-decoration:underline;
}
 
li.leftNavSectionOpen ul li { 
    margin:  0px; 
    padding: 3px 0; 
    background: url("/shared-static/images/left-navigation/bullet-off.png") 0 7px no-repeat; 
} 
 
li.leftNavSectionOpen ul li.active, li.leftNavSectionOpen ul li:hover { 
    background: url("/shared-static/images/left-navigation/bullet-on.png") 0 7px no-repeat;     
} 
 
#leftNav li.last { 
	padding-top:0;
    border-bottom:0px;
    padding-bottom:10px;  
} 
 
.leftNavSectionOpen img { 
    margin:  2px; 
} 
 
.leftNavSectionOpen div.clear { 
    margin-top:  10px; 
} 
 
li#leftNavFooter { 
        background: #FFF url("/shared-static/images/left-navigation/new-menu-footer.jpg") top center no-repeat; 
        height: 9px;
        height:auto;
} 
  
/* end new left menu */ 

/* end */

/* @group Top Nav Optimization */
#topNav ul.nav ul {
display: none;
}
/* Show submenus when triggered */
#topNav ul.nav li:hover ul,
#topNav ul.nav li.sfHover ul {
display: block;
}
/* Center menu separators */
#topNav .nav li.seperator {
float: left;
margin: 0;
padding-top: 9px;
width: 1px;
}
/* @end */