#OnlineCatalogBanner	   { float: right; width: 555px; margin: 10px 0; }
#pnlOnlineCatalogLeft	   { float: left;  width: 225px; }
#pnlOnlineCatalogContent   { float: right; width: 557px; }
#OnlineCatalogContentLeft  { float: left;  width: 333px; }
#OnlineCatalogContentRight { float: right; width: 212px; }

#OnlineCatalogQfPanel { text-align: center; padding: 1em 0; }
#OnlineCatalogTreePanel { padding-left:8px; overflow: hidden; }
#pnlWaterfall { padding: 1em .3em 0 .5em; }

#imgNoProductSelected { margin-bottom: 1.3em; }
#lblSeriesNameHeader 
{
	color: White;
	display: block;
	font-size: 45px;
	/*width: 550, height: 175*/
	padding: 79px 0 0 18px;
	height: 96px;
	background: url(../images/plain-banner-flattened.jpg) no-repeat 3px 73px;
}
#imgSeriesNameHeader
{
	float: right;
	margin: 7px 10px 0 0;
}

.searchSectionHeader {
    color: #9A9A9A;
    margin: 0 0 .5em;
    text-align:center;
    font-size:16px;
    font-weight: bold;
}

.treeViewNode { display: block; padding: 3px; color: #555; font-weight: bold !important; }
.treeViewHoverNode    { color: #0076BD; }
.treeViewSelectedNode { color: #0076BD; font-weight:bold; font-size: 1.3em; }

.waterfallGoButton 
{
	float: right;
	margin: 1em 2em;
	padding: 0 .5em;
}

.accordionLeftHeader {
	border-color: #5577B6;
	background: #1C4B9D url(../images/blue-horiz-grad.gif) repeat-y;
}

.productSpecList { list-style-type: none; padding-left: 1em; margin-left: 0; }
.productSpecList ul { list-style-type: disc; }
.productSpecList span { font-weight: bold; }

.diagrams { padding: 0; overflow: visible; }
.diagrams img { display: block; }
.diagrams a {
	display: block;
	float: left;
	padding-bottom: 1em;
	margin-right: 1px;
	text-align: center;
	text-decoration: none;
	font-size: .8em;
	color: #2B60DE; /*=RoyalBlue*/
}

.options { padding: 1px 0 0; overflow: visible; }
.options li span { color: #333; cursor: pointer; text-decoration: underline; }
.ttSubHeading { padding-left: 20px; }
.dynamicToolTip { float: right; }

/* Tabs */
.light { background:#FFF; color:#111; font:10pt Verdana, Arial, sans-serif; }
.light a, a.light { color:#46C; outline:0; }
.light a:visited, a.light:visited { color:#C44; }
.light a:hover, a.light:hover, .light a:focus, a.light:focus, .light a:active, a.light:active { color:#000; } /* order lvhfa */
.light fieldset { border:1px solid #CCC; }
.light legend { color:#555; font:.8em Verdana, sans-serif; }
.light button, button.light, .light input, input.light { padding:2px 4px; font:.9em Consolas, Verdana, sans-serif; }
.light textarea, textarea.light { padding:2px 4px; font:.9em Consolas, Courier New, sans-serif; width:20em; height:5em; overflow:auto; }
.light select, select.light { padding:3px 0 3px 4px; font:.9em Verdana, sans-serif; }
.light label { font-weight:bold; }

/* 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... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 11px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #444;
    padding: 0 0 0 5px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
}
.ui-tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    border: 1px solid;
    border-bottom: 0;
    padding: 1px 0 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    border-color: #444;
    background: #444;
    color: #fff;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    border-color: #222;
    background: #222;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited {
    border-color: #666;
    background: #aaa;
}
.ui-tabs-nav a span {    
    display: block;
    padding: 1px 13px 2px;
    height: 15px; /* min-height in IE 6 */
    min-height: 15px;
    line-height: 15px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 3px;
    background: #fffafa;
    color: #000; /* apply to span is required for IE 6 */
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited, .ui-tabs-nav .ui-tabs-disabled a span {
    border-color: #ddd;
    background: #eee;
    color: #bbb;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-panel {
	font-size: 1em;
    padding: 0px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}