/** Product Category page **/

/** Override sidebar-right so that it becomes sidebar-left **/
.sidebar-right #content {
	width: 658px;
	margin-left: 316px; /* The width of #sidebar-left. */
	margin-right: -974px; /* Negative value of #content's width + left margin. */
}

.sidebar-right #content-inner {
	padding:0 0 0 13px;
}

#sidebar-right {
	float: left;
	width: 316px;
	margin-left: 0;
	margin-right: -316px; /* Negative value of #sidebar-left's width + left margin. */
	padding: 0;
	min-height:500px;
	height:auto !important;
	height:500px;
}

#image-sidebar {
	float:right;
	width:202px;
	padding:44px 0 0 0;
	position:relative;
}

#image-zoom {
	position:absolute;
	width:17px;
	height:21px;
	background:transparent url("images/icon_zoom.png") 0 0 no-repeat;
	top:272px;
	right:16px;
	cursor:pointer;
}

h1.title {
	font-size:18px;
	font-weight:bold;
	margin:0 0 16px;
	padding:34px 20px 0;
}

#feat-prod-wrap a {
	border:none;
	color:#4E3878;
}

#feat-prod-wrap a:hover {
	border-bottom:1px dotted #666;
	*border-bottom:1px solid #ccc;
}

#downloads .tab-content-inner li {
	background:none;
	padding:0;
	margin:0 0 8px;
	font-size:11px;
}

#content-area table {
	border-color:#E5E4E4;
	border-collapse:collapse;
}

#content-area td {
	vertical-align:top;
	font-size:10px;
	line-height:15px;
	padding:4px 6px 5px;
}

#content-area td li,
#content-area td p {
	font-size:10px;
	line-height:15px;
	margin:0 0 4px;
}



/* Tab Content */
.ui-tabs-hide {
	display: none;
}
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin:0 0 30px;
    padding:0;
	/*background:transparent url("images/bg_product_nav.png") 0 0 no-repeat;*/
	width:433px;
	height:35px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	float:left;
}
* html #tab-content a {
	border:none;
}
.ui-tabs-nav a {
	display:block;
	color:#888;
	margin:0;
	padding:0;
	height:35px;
	border:none;
	text-decoration:none;
    white-space: nowrap; /* required in IE 6 */    
}

#t-overview {
	width:86px;
	background:transparent url('images/bg_product_nav_overview.png') no-repeat 0 0;
}

#t-features {
	width:83px;
	background:transparent url('images/bg_product_nav_features.png') no-repeat 0 0;
}

#t-specs {
	width:67px;
	background:transparent url('images/bg_product_nav_specs.png') no-repeat 0 0;
}

#t-applications {
	width:103px;
	background:transparent url('images/bg_product_nav_applications.png') no-repeat 0 0;
}

#t-downloads {
	width:94px;
	background:transparent url('images/bg_product_nav_downloads.png') no-repeat 0 0;
}

#t-overview:hover,
#t-features:hover,
#t-specs:hover,
#t-applications:hover,
#t-downloads:hover {
	background-position:0 -35px;
}

.ui-tabs-nav a:hover {
	color:#444;
}
.ui-tabs-nav a span {
	display:none;
}
.ui-tabs-nav .ui-tabs-selected #t-overview,
.ui-tabs-nav .ui-tabs-selected #t-features,
.ui-tabs-nav .ui-tabs-selected #t-specs,
.ui-tabs-nav .ui-tabs-selected #t-applications,
.ui-tabs-nav .ui-tabs-selected #t-downloads {
	background-position:0 -35px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {

}
.ui-tabs-nav .ui-tabs-selected a span {

}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {

}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {

}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	color:#444;
}
.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;
}

/* 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  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#tab-content-wrap {
	position:relative;
}

#tab-content {
	float:left;
	width:433px;
	overflow:hidden;
	_height:1%;
}

.tab-content-inner {
	padding:0 20px;
	margin:0 0 20px;
}

.tab-content-inner p {
	line-height:24px;
}

.tab-content-inner ul {
	list-style-type:none;
	margin:0 0 12px;
	padding:0 0 0 2px;
}

.tab-content-inner ul ul {
	padding:8px 0 0 2px;
}

.tab-content-inner li {
	background:transparent url("images/bg_prod_li.png") 0 7px no-repeat;
	padding:0 20px 0;
	margin:0 0 8px;
	font-size:11px;
}

.ui-tabs-panel {
    background:#fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

#content-area {
	overflow:hidden;
	_height:1%;
}

#prod-main-wrap {
	overflow:hidden;
	_height:1%;
	padding:0 0 20px;
}

#prod-image {
	margin:0 0 18px;
}

#image-sidebar .productImageCaption {
  font-size:11px;
  padding-bottom:2em;
	text-align:center;
}

#next-steps {
background:transparent url("images/bg_prod_next_steps.jpg") 0 0 no-repeat;
width:646px;
height:51px;
margin:0 0 12px;
}

#next-steps ul {
list-style-type:none;
margin:0 0 0 216px;
padding:0;
}

#next-steps li {
margin:0;
padding:0;
float:left;
height:51px;
width:215px;
vertical-align:middle;
text-align:center;
}

#next-steps li a {
	font-size:12px;
	color:#4e3878;
	position:relative;
}


/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:550px; width:734px; left:50%; top:12%; margin-left:-367px; background-color:#fff; border:3px solid #ccc;}
#modalContainer a.modalCloseImg { background:url("images/btn_modal_close.png") 99% 6px no-repeat; width:734px; height:550px; display:inline; z-index:3200; position:absolute; top:0px; left:0px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}


/* Related Products */

#block-block-2 .views-field-title {
	float:right;
	padding:0;
	margin:0;
	height:122px;
}

#block-block-2 .views-field-title-1 p strong {
	color:#4E3878;
}

#block-block-2 .views-field-view-node a {
	color:#4E3878;
	text-decoration:none;
}

#block-block-2 .views-field-view-node a:hover {
	text-decoration:underline;
}

/* Product Demos */

#block-block-17 .content {
	padding:0;
	background:#fff url("images/bg_demo_icon.jpg") 90% 20px no-repeat;
}

#block-block-17 .content-inner {
	margin:0;
	padding:10px 22px;
}

#block-block-17 p {
	font-size:12px;
	color:#9e85ac;
	padding-right:92px;
}

#block-block-17 h3 {
	font-size:13px;
	margin:0 0 4px;
	color:#4E3878;
	padding-right:92px;
}

#block-block-17 ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#block-block-17 li {
	text-transform:uppercase;
	font-size:11px;
	margin:0 0 2px;
}

#block-block-17 li a {
	color:#4E3878;
}


img.png
{
	_behavior: url(iepngfix.htc);
}

ul.jDrawer
{
	display: block;
	overflow: hidden;
	position: relative;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	font-family: "Lucida Grande", "Segoe UI", Arial, Helvetica, sans-serif;
	margin:0 0 12px;
}

ul.jDrawer a
{
	color: #5A9FC4;
	text-decoration: none;
}

ul.jDrawer li.jDrawer-active a
{
	color: #005596;
}

ul.jDrawer a:hover
{
	color: #009DE3 !important;
	text-decoration: underline;
}


ul.jDrawer-top
{
	width: 188px;
}

ul.jDrawer-left
{
	height: 188px;
}

ul.jDrawer li.jDrawer-item
{
	display: block;
	_overflow: hidden;
	position: absolute;
	top: 0pt;
	left: 0pt;
	z-index: 1;
}

ul.jDrawer-top li.jDrawer-item
{
	width: 100%;
}

ul.jDrawer-left li.jDrawer-item
{
	height: 100%;
}

ul.jDrawer li.jDrawer-active
{

}

ul.jDrawer-top .jDrawer-item-border-1
{
	background: transparent url(images/jDrawer/jDrawer-top-item-l.png) no-repeat scroll 0% 100%;
	_background: transparent url(images/jDrawer/jDrawer-top-item-l.gif) no-repeat scroll 0% 100%;
	padding: 0px 0px 0px 10px;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-item-border-1
{
	background: transparent url(images/jDrawer/jDrawer-top-item-l-active.png) no-repeat scroll 0% 100%;
	_background: transparent url(images/jDrawer/jDrawer-top-item-l-active.gif) no-repeat scroll 0% 100%;
}

ul.jDrawer-top .jDrawer-item-border-2
{
	background: transparent url(images/jDrawer/jDrawer-top-item-r.png) no-repeat scroll 100% 100%;
	_background: transparent url(images/jDrawer/jDrawer-top-item-r.gif) no-repeat scroll 100% 100%;
	padding: 0px 10px 0px 0px;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-item-border-2
{
	background: transparent url(images/jDrawer/jDrawer-top-item-r-active.png) no-repeat scroll 100% 100%;
	_background: transparent url(images/jDrawer/jDrawer-top-item-r-active.gif) no-repeat scroll 100% 100%;
}

ul.jDrawer-top .jDrawer-item-border-3
{
	background: transparent url(images/jDrawer/jDrawer-top-item-b.png) repeat-x scroll 0% 100%;
	_background: transparent url(images/jDrawer/jDrawer-top-item-b.gif) repeat-x scroll 0% 100%;
	padding: 0px 0px 10px 0px;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-item-border-3
{
	background: transparent url(images/jDrawer/jDrawer-top-item-b-active.png) repeat-x scroll 0% 100%;
	_background: transparent url(images/jDrawer/jDrawer-top-item-b-active.gif) repeat-x scroll 0% 100%;
}

ul.jDrawer-top .jDrawer-content
{
	color: #969696;
	padding: 10px;
	background: transparent url(images/jDrawer/jDrawer-top-item-bg.png) repeat-x scroll 0% 100%;
	_background: transparent url(images/jDrawer/jDrawer-top-item-bg.gif) repeat-x scroll 0% 100%;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-content
{
	color: #333;
	background: transparent url(images/jDrawer/jDrawer-top-item-bg-active.png) repeat-x scroll 0% 100%;
	_background: transparent url(images/jDrawer/jDrawer-top-item-bg-active.gif) repeat-x scroll 0% 100%;
}

ul.jDrawer-top .jDrawer-content h3
{
	font-size: 1.45em;
	font-weight: bold;
}

ul.jDrawer-left .jDrawer-item-border-1
{
	background: transparent url(images/jDrawer/jDrawer-left-item-t.png) no-repeat scroll 100% 0%;
	_background: transparent url(images/jDrawer/jDrawer-left-item-t.gif) no-repeat scroll 100% 0%;
	padding: 10px 0px 0px 0px;
}

ul.jDrawer-left li.jDrawer-active .jDrawer-item-border-1
{
	background: transparent url(images/jDrawer/jDrawer-left-item-t-active.png) no-repeat scroll 100% 0%;
	_background: transparent url(images/jDrawer/jDrawer-left-item-t-active.gif) no-repeat scroll 100% 0%;
}

ul.jDrawer-left .jDrawer-item-border-2
{
	background: transparent url(images/jDrawer/jDrawer-left-item-b.png) no-repeat scroll 100% 100%;
	_background: transparent url(images/jDrawer/jDrawer-left-item-b.gif) no-repeat scroll 100% 100%;
	padding: 0px 0px 10px 0px;
}

ul.jDrawer-left li.jDrawer-active .jDrawer-item-border-2
{
	background: transparent url(images/jDrawer/jDrawer-left-item-b-active.png) no-repeat scroll 100% 100%;
	_background: transparent url(images/jDrawer/jDrawer-left-item-b-active.gif) no-repeat scroll 100% 100%;
}

ul.jDrawer-left .jDrawer-item-border-3
{
	background: transparent url(images/jDrawer/jDrawer-left-item-r.png) repeat-y scroll 100% 0%;
	_background: transparent url(images/jDrawer/jDrawer-left-item-r.gif) repeat-y scroll 100% 0%;
	padding: 0px 10px 0px 0px;
}

/* IE7 fix */
html > body ul.jDrawer-left .jDrawer-item-border-3
{
	*overflow: hidden;
}

ul.jDrawer-left li.jDrawer-active .jDrawer-item-border-3
{
	background: transparent url(images/jDrawer/jDrawer-left-item-r-active.png) repeat-y scroll 100% 0%;
	_background: transparent url(images/jDrawer/jDrawer-left-item-r-active.gif) repeat-y scroll 100% 0%;
}

ul.jDrawer-left .jDrawer-content
{
	color: #969696;
	padding: 10px;
	background: transparent url(images/jDrawer/jDrawer-left-item-bg.png) repeat-y scroll 100% 0%;
	_background: transparent url(images/jDrawer/jDrawer-left-item-bg.gif) repeat-y scroll 100% 0%;
}

ul.jDrawer-left li.jDrawer-active .jDrawer-content
{
	color: #333;
	background: transparent url(images/jDrawer/jDrawer-left-item-bg-active.png) repeat-y scroll 100% 0%;
	_background: transparent url(images/jDrawer/jDrawer-left-item-bg-active.gif) repeat-y scroll 100% 0%;
}

ul.jDrawer-left .jDrawer-content h3
{
	font-size: 1.45em;
	font-weight: bold;
}

ul.jDrawer-top .jDrawer-handle
{
	padding-top: 5px;
}

ul.jDrawer-left .jDrawer-handle
{
	float: left;
}

ul.jDrawer .jDrawer-divider
{
	border-top: 1px solid #E0E0E0;
	margin: 5px 0px;
}

ul.jDrawer-top li.jDrawer-active .jDrawer-divider
{
	border-top: 1px solid #969696;
}