/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {display: block; width: 200px; height: 74px; background: url(../images/logo.gif) 0 0 no-repeat;text-indent: -999em;margin-top: 18px; margin-left:10px;}
#logo:hover {text-decoration: none;}
.logo-text {position: absolute;right: 3px;top: 15px;text-transform: uppercase;font-size: 13px;} 

/* Font Family Settings -- see each language css files */

/* Core Formatting */

html {height: 100%;margin-bottom: 1px;}
body {margin: 0;line-height: 135%; background: #eceded}
form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 10px 0 10px 0;font-weight: bold;line-height: 120%;}
h1 {font-size: 155%;line-height: 107%;}
h2 {font-size: 145%;line-height: 107%;}
h3 {font-size: 130%;line-height: 100%;}
h4 {font-size: 104%;line-height: 100%;}
h5 {font-size: 104%;text-transform: uppercase;}
a {text-decoration: none; outline:none; color: #8c2633;}
a:hover {text-decoration: underline;}
.clr {clear: both;}

#header {padding: 5px 0; height: 55px;}
.showcase-surround {position: relative;}

#showcase {
/*	background:url(../images/flashplaceholder.jpg) no-repeat scroll 0 0 transparent; */
	border: 1px solid #ccc;border-top: 0;
	border-color:-moz-use-text-color #CCCCCC #CCCCCC;
	border-style:none none solid solid;
	border-width:0 !important;
	height: 385px;
}
#showcase2 {
/*	background:url(../images/flashplaceholder.jpg) no-repeat scroll 0 0 transparent; */
	border: 1px solid #ccc;border-top: 0;
	border-color:-moz-use-text-color #CCCCCC #CCCCCC;
	border-style:none none solid solid;
	border-width:0 !important;
	height: 385px;
}
.showcase_bottom {
	min-height: 191px;
}
.sec-div {clear:both;height: 5px; display:none;}
#main-content {
	overflow: hidden;
	// background:transparent url(../images/bgArticleGradient.gif) repeat-x;
	border: 1px solid #dedede; border-radius: 5px;	
}
#main-content-surround {position: relative; // background: #ffffff url(../images/maincontent-btm-bg.gif) repeat-x 0 bottom; background: #fff; padding-bottom: 0px; border-radius:5px;}
#maincontent-block {padding: 0 13px;}

/* Rounded Corners */
.corner, .show-bl, .show-br, .bottom-tl, .bottom-tr {width:5px;height:5px;position:absolute;}
#bl.corner, .bottom-bl {bottom:0;left:0; background: url(../images/maincontent-bl.gif); height:15px; width: 15px;}
#br.corner, .bottom-br {bottom:0;right:0; background: url(../images/maincontent-br.gif); height:15px; width: 15px;}
#tl.corner, .bottom-tl {top:0;left:0; background: url(../images/maincontent-tl.gif);}
#tr.corner, .bottom-tr {top:0;right:0; background: url(../images/maincontent-tr.gif);}
.show-bl {bottom:0;left:0;background: url(../images/light/showcase-bl.png);}
.show-br {bottom:0;right:0;z-index:2;background: url(../images/light/showcase-br.png);}
/* .ad-module-top .moduletable {padding: 15px;} */
.ad-module-top {width: 450px; height: 18px; float: right;padding-right:10px;}
/* .ad-module-top_header .moduletable {  padding-top: 38px;
  width: 270px;
  padding-left: 254px;} */
.ad-module-top_header {width: 330px; height: 18px; float: right; clear:both;padding-top:10px;margin-right:-20px;}

.colmask {clear:both;float:left;overflow:hidden;position:relative;width:100%;}
.leftmenu {background:#fff;}
.col1wrap {padding-bottom:2em;}

/* s-c-s (sidebar-content-sidebar) */
.s-c-s .colmid {float:left;position:relative;left:202px;;width:200%;}
.s-c-s .colright {float:left;left:50%;margin-left:-404px;position:relative;width:100%;}
.s-c-s .col1wrap {float:right;position:relative;right:100%;width:50%;padding-bottom:1em;}
.s-c-s .col1pad {margin:0 0 0 404px;overflow:hidden;}
.s-c-s .col1 {overflow:hidden;width:100%;}
.s-c-s .col2 {float:left;position:relative;overflow:hidden;left:202px;margin-left:-50%;width:202px;}
.s-c-s .col3 {float:left;position:relative;overflow:hidden;left:0;width:202px}
.s-c-s .colmask {background: #f0f0f0;}
.s-c-s .colmid {background: #fff url(../images/main/vert-line.png) 0 0 repeat-y;}
.s-c-s .colright {background: #fff url(../images/main/vert-line.png) 0 0 repeat-y;}
.s-c-s .maincol2-padding {padding-left:1px;padding-right:0px;}
.s-c-s #leftcol {padding-right:1px;}
.s-c-s #rightcol {padding-left:2px;}

/* s-c-x (sidebar-content) */
.s-c-x .colright {float:left;left:202px;position:relative;width:200%;}
.s-c-x .col1wrap {float:right;padding-bottom:1em;position:relative;right:202px;width:50%;}
.s-c-x .col1 {margin:0 0 0 202px;overflow:hidden;position:relative;right:100%;}
.s-c-x .col2 {float:left;position:relative;right:202px;width:202px;}
.s-c-x .colmask {background: #f0f0f0}
.s-c-x .colright {background: #fff url(../images/main/vert-line.png) 0 0 repeat-y;}
.s-c-x .maincol2-padding {padding-left:1px;padding-right:1px;}
.s-c-x #leftcol {padding-right:1px;}

/* x-c-s (content-sidebar) */
.x-c-s .colright {float:left;margin-left:-201px;position:relative;right:100%;width:200%;}
.x-c-s .col1wrap {float:left;left:50%;padding-bottom:1em;position:relative;width:50%;// background: #fff url(../images/main/vert-line.png) 100% 0 repeat-y;}
.x-c-s .col1 {margin:0 0 0 201px;overflow:hidden;}
.x-c-s .col3 {float:right;position:relative;left:201px;width:201px;}
.x-c-s .maincol2-padding {padding-left:0px;padding-right:0px;}
.x-c-s #rightcol {padding-left:1px;}

/* Top Bar */
#topbar {margin-left: 5px;margin-right: 5px; height: 48px;}
#topbar2 {margin-left: -5px;}
#topbar3 {height: 50px;margin-right: -5px;position: relative;z-index: 1;}
#topbar a, #botbar a {color: #ccc;}
#topbar a:hover, #botbar a:hover {color: #fff;text-decoration: none;}
#home-button {position: absolute;left: 0;bottom: 38px; height:74px; width: 200px;}
/* JK a.home-button-desc {background: url(../images/main/home-icon-d.png) 0 50% no-repeat;margin-left: 16px;} */
/* #login-button {float: right;line-height: 50px; margin-left: 10px; } */
.login-button-top {width:62px;height:18px;float:right;padding-top:3px;}
a.login-button-desc, a.login-button-desc2 {padding: 0 14px 0 0; padding-left: 10px; border-left: 1px solid #3b3b3b; color: #3b3b3b;}
#cart-button {float: right;line-height: 50px;background: url(../images/main/topbar-div.png) 0 50% no-repeat;}
a.cart-button-desc {background: url(../images/main/cart-icon-d.png) 0 -1px no-repeat;padding: 2px 14px 2px 20px;margin-left: 16px;}
a.cart-button-desc-full {background: url(../images/main/cart-icon-d-full.png) 0 -1px no-repeat;padding: 2px 14px 2px 20px;margin-left: 16px;}
#font-style-button {float: right;line-height: 50px;background: url(../images/main/topbar-div.png) 0 50% no-repeat;}
a.font-style {background: url(../images/main/font-icon.png) 0 50% no-repeat;padding: 0 14px 0 23px;margin-left: 16px;}
#accessibility {float: right;z-index: 5000;background: url(../images/main/topbar-div.png) 0 50% no-repeat;line-height: 50px;position: relative;padding-left: 15px;width: 122px;}
#accessibility span {background-repeat: no-repeat;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {position: absolute;left: 10px;top: 17px;width: 40px;}
#accessibility .button {display: block;float: right;width: 15px;height: 15px;}
#accessibility a.small .button {margin-right: 5px;}
#user-menu #jflanguageselection {margin-top: 0;}
a.large .button {background: url(../images/main/font-lg.png) 0 0 no-repeat;}
a.small .button {background: url(../images/main/font-sm.png) 0 0 no-repeat;}
.textsizer-desc {padding: 0 15px 0 42px;float: left;color: #ccc;display: block;}
#newsflash-mod {position: absolute;left: 0;top: 0;width: 50%;padding: 8px 10px;color: #ccc;}
#newsflash-mod a {color: #fff;}

/* Shopping Cart Panel */

#main-body-surround {position: relative;overflow: hidden;}
#cart-panel-surround, #font-panel-surround, #login-panel-surround {margin-bottom: 5px;padding: 0 4px;width: 320px;position: absolute;right: 0;top: 0;z-index: 10;visibility:hidden;overflow:hidden;}
#cart-panel, #font-panel, #login-panel {background: url(../images/main/cart-drop.png) 0 100% no-repeat;padding: 15px 30px 30px 30px;color: #ccc;}
#cart-panel a, #font-panel a, #login-panel a {color: #fff;}
#font-panel a {display: block;margin: 8px;}
#font-panel .left, #font-panel .right {float: left; width: 125px;text-align: center;font-size: 1.3em;}
#cart-panel-surround {right: 215px;}
#login-panel-surround {right: 120px;}
#cart-panel .show-cart-button a {background: url(../images/main/login-button.png) 0 0 no-repeat;border: 0;width: 77px;height: 16px;color: #ccc;display: block;padding: 4px 0;text-align: center;margin: 0 auto;}
#cart-panel .show-cart-button a:hover {text-decoration: none;color: #fff;}
#cart-panel .cart-qty {float: left;}
#cart-panel .cart-price {float: right;}
#cart-panel .cart-listings {overflow: hidden;border-bottom: 1px solid #606060;margin-bottom: 5px;padding-bottom: 5px;padding-left: 4px;padding-right: 4px;}
#cart-panel .cart-totals {overflow: hidden;margin-bottom: 15px;background: #666666;padding: 4px;color: #fff;}
#cart-panel a.savedCart {margin: 0 auto;text-align: center;display: block;}

/* Main Nav Wrapper */

#menu-wrapper {margin: 0; position:absolute; right: 0; top: 0; background: transparent url(../images/main/nav-end.png) no-repeat right 0; padding: 0 5px 0 0;  width: 735px;}
#horiz-menu, 
.search-wrapper {
	background: transparent url(../images/main/nav-bg.gif) repeat-x 0 0; 	
	height: 47px;
	float: right;
	display:inline;
}
.search-wrapper { width: 162px; padding-right: 9px; }
.search-wrapper #searchmod-surround {background: transparent url(../images/main/nav-border.gif) no-repeat scroll 0 0;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;cursor:pointer; }

/* Main Nav Menu Items */
#horiz-menu li {float: left; display: inline; margin: 0; padding: 0;}
#horiz-menu li .topdaddy {white-space: normal; display: block; float: left; height: 38px; line-height: 36px; font-size: 14px; text-decoration: none; z-index: 100; cursor: pointer; padding: 0; color: #fff; font-weight: bold;}
#horiz-menu li .topdaddy span {float: left; display: inline; height: 36px; margin: 0; padding: 0 20px;  text-shadow: 0 1px 0 #444444;
background: transparent url(../images/main/nav-border.gif) no-repeat 0 0;}

/* Main Nav Hover */
#horiz-menu li:hover .topdaddy, 
#horiz-menu li.sfHover .topdaddy, 
#horiz-menu li#current .topdaddy, 
#horiz-menu li.active .topdaddy {z-index: 100; cursor: pointer; margin: 0; color: #fff; background: url(../images/main/nav-bg-item.gif) repeat-x right -52px;}
#horiz-menu li:hover .topdaddy span,
#horiz-menu li.sfHover .topdaddy span, 
#horiz-menu li#current .topdaddy span,
#horiz-menu li.active .topdaddy span {background: transparent url(../images/main/nav-border-left-s.gif) no-repeat 0 0; margin: 0;}


/* First Menu Item  */
#horiz-menu li.item2 .topdaddy span {background: transparent url(../images/main/nav-bg-item.gif) no-repeat 0 0; margin: 0; height:47px; border: 0;text-shadow: 0 1px 0 #444444;}

#horiz-menu li#current.item2 .topdaddy span,
#horiz-menu li.active.item2 .topdaddy span {background: transparent url(../images/main/nav-bg-item.gif) no-repeat 0 -52px;}


#horiz-menu li.item2:hover .topdaddy span,
#horiz-menu li.item2-sfHover .topdaddy span,
#horiz-menu li#current.item2:hover .topdaddy span,
#horiz-menu li#current.item2-sfHover .topdaddy span {background: transparent url(../images/main/nav-bg-item.gif) no-repeat 0 -104px;}



/* Top Main Menu Dropdowns */
#horiz-menu ul ul {margin: 0;border: 0; padding: 0 0 14px 0; background: transparent url(../images/main/nav-dropdown-btm.png) no-repeat 0 bottom; }
#horiz-menu ul ul ul {margin-left: 20px;}
#horiz-menu ul ul .drop-wrap {background: transparent url(../images/main/nav-dropdown-top.gif) no-repeat right 0; margin-top: 7px;}
#horiz-menu li li {margin: 0; padding: 0; }

#horiz-menu li li .link {text-indent:16px; font-weight: normal; padding: 0; margin: 0; height: 30px; font-size: 13px;display: block; line-height: 30px; }
#horiz-menu li li .link span {display: block;padding: 0; margin-left: 0; height: 30px; line-height: 30px;}

#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {}
#horiz-menu .sfHover {z-index: 999999999;}
.menutop li:hover ul, .menutop li.sfHover ul {left: -4px;top:0;}
#horiz-menu .drop-wrap.columns-1{padding-bottom: 15px; }
#horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 208px;}
#horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2 {width: 370px;}
#horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3 {width: 555px;}
#horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4 {width: 740px;}
.menutop .drop-wrap {float:none; left:-999em; position:absolute; z-index:999999999; width: 100%;}
.menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: -3px; top:38px;}
.menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap {top:-999em;}
.menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap {left:169px;top: 0;}
.menutop .submenu-animation-left {height: 100%;}
#horiz-menu li.parent:hover li .link, #horiz-menu li.parent.sfHover li .link, #horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: transparent;}

#horiz-menu li.parent:hover li .link, 
#horiz-menu li.parent.sfHover li .link,
#horiz-menu li.item2:hover li .link, 
#horiz-menu li.item2.sfHover li .link { background: transparent url(../images/main/nav-dropdown-bg.png) repeat-y 0 0; height: 31px;}
#horiz-menu li.parent:hover li .link span, 
#horiz-menu li.parent.sfHover li .link  span,
#horiz-menu li.item2:hover li .link span, 
#horiz-menu li.item2.sfHover li .link span {margin-left: 7px; width: 194px;text-shadow:0 1px #000;}

#horiz-menu li.parent:hover li .link:hover span, 
#horiz-menu li.parent.sfHover li .link:hover span,
#horiz-menu li.item2:hover li .link:hover span, 
#horiz-menu li.item2.sfHover li .link:hover span{ background: transparent url(../images/main/nav-dropdown-hover.png) repeat 0 0; cursor:pointer}

#Kunena img.hideshow {z-index: 0 !important;}

#horiz-menu li li .link span { border-bottom: 1px solid #666666; margin: 0; padding: 0;}
#horiz-menu li li.item47 .link span,
#horiz-menu li li.item40 .link span,
#horiz-menu li li.item25 .link span,
#horiz-menu li li.item17 .link span {border-bottom: 0;}

.menutop li ul, .menutop li ul li, .menutop li ul li a, .menutop li ul li a span {z-index: 99999999999999 !important;}

/* Search Structure */
#menu-wrapper #searchmod-surround {padding: 7px 0;}
#menu-wrapper .searchsearch-wrapper label {display: none;}
#menu-wrapper .searchsearch-wrapper input {width: 90px; border: 0; height:16px; margin: 5px 0 0; background:transparent; color: #999999; font-size: 11px;}
#searchmod {background: url(../images/main/searchmod-m.png) 0 0 repeat-x;margin: 0 10px 0 30px;}
#searchmod2 {background: url(../images/main/searchmod-l.png) 0 0 no-repeat;margin-left: -8px;}
#searchmod3 {background: url(../images/main/searchmod-r.png) 100% 0 no-repeat;margin-right: -10px;padding-left: 11px;height: 22px;}
#searchmod .inputbox {background: none;border: 0;padding-top: 2px;}
##menu-wrapper #searchmod-surround, #searchmod3, #searchmod {width:200px;}

/* Main Page Structure */

#leftcol {padding: 1px;}
#rightcol {padding: 1px;}
#inset-block-right {float: right;margin-left:15px;z-index: 1;position: relative;}
#inset-block-right .right-padding {padding:0;border-left: 1px solid #ccc;}
#inset-block-left {float: left;margin-right:15px;z-index: 1;position: relative;}
#inset-block-left .left-padding {padding: 0;border-right: 1px solid #ccc;}
#inset-block-left h3, #inset-block-right h3 {margin-top: 0;}
.inset-mod {border-bottom: 1px solid #ccc;padding: 1px;background: #fff;}
.inset-mod2 {background: #f4f4f4;}
.inset-mod .module {padding: 14px;}
table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;}

/* Main Body Items */

#breadcrumbs {margin: 0;display: block;padding: 10px 15px;border-bottom: 1px solid #ccc;position:relative;overflow: hidden;}
#breadcrumbs h3 {display: none;}
#breadcrumbs .spinner {float:right;background:url(../images/spinner.gif) center center no-repeat;width: 16px;height: 16px;right: 10px;top: 10px;position: absolute;}
span.breadcrumbs {display: block;font-size: 90%;line-height: 120%;}
span.breadcrumbs img {display: none;}
span.breadcrumbs a {float: none;font-weight: normal;padding: 0 4px;}
span.breadcrumbs a:hover {color: #000;text-decoration: none;}
#system-message {background:url("../images/bgTopBar.png") no-repeat scroll 0 0 transparent; padding-bottom: 10px; margin: 0;display: block;padding: 10px 15px;border-bottom: 1px solid #ccc;position:relative;overflow: hidden;}
.componentheading {font-size: 120%;text-transform: uppercase;font-weight: bold;line-height: 170%;margin: 0 -14px;padding: 9px 15px;background: none 0 100% repeat-x;}
.contentheading {font-size: 190%;font-weight: normal;line-height: 140%;margin: 0 -14px 14px -14px;padding: 6px 15px;background: url(../images/main/catbar-bg.png) 0 100% repeat-x;}
p.buttonheading {float: right;margin-left: 15px;}
.article-info-surround {background: #fff;padding: 1px 0;margin: -14px -14px 10px -14px;border-bottom: 1px solid #ccc;}
.article-info-surround2 {background: #f0f0f0;padding: 10px 14px;}
p.articleinfo {font-size: 90%;color: #444;margin: 0;}
p.iteminfo {margin: 0;}
span.modifydate, span.createdby, span.createdate {display: block;}
p.counter {text-indent: 5px;}
div.pagination {height: 21px;line-height: 21px;margin-top: 10px;margin-bottom: 15px;}
div.pagination div.tab {background: url(../images/main/page-tab-r.png) 100% 0 no-repeat;float: left;margin-right: 6px;}
div.pagination div.tab2 {background: url(../images/main/page-tab-l.png) 0 0 no-repeat;padding: 0 8px;}
div.pagination div.page-block {padding: 0 4px;float: left;margin-right: 6px;}
.cols1 {display: block;float: none;margin: 0;}
.cols2 {width: 49%;}
.cols3 {width: 30%;}
.column1, .column2 {margin: 0 5px 0 0;position: relative;}
.column2, .column1 {float: left;margin: 0;}
.column2 {float: right;margin: 0;width: 49%;}
.article_row {margin: 0 -14px;padding: 0 14px;overflow: hidden;}
.blog_more {padding-top: 15px;}
#page {padding-bottom: 15px;}

/* Side Column Modules */

#leftcol .side-mod h3 {background: url(../images/main/module-h3.png) 0 100% repeat-x;border-bottom: 1px solid #ccc;margin: 0;font-size: 140%;padding: 13px 15px;}
#rightcol .side-mod h3 {background: url(../images/main/module2-h3.png) 0 100% repeat-x;border-bottom: 1px solid #ccc;margin: 0;font-size: 140%;padding: 13px 15px;}
.side-mod .module {padding: 2px 15px 3px;}

/* Main Body Modules */

.moduletable h3, h3.module-title {margin: 5px 10px;font-size: 130%;}
#inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;}
#showmodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4 {overflow: hidden;}
#mainmodules, #mainmodules2 {background: url(../images/main/side-li-bg-w.png) 0 0 repeat-x;}
#mainmodules {border-bottom: 1px solid #ccc;}
#mainmodules2 {border-top: 1px solid #ccc;}
#mainmodules3 {padding-top: 15px;}
#showmodules .moduletable, #mainmodules3 .moduletable {margin-bottom: 15px;}
#showmodules.spacer .block, #mainmodules.spacer .block, #mainmodules2.spacer .block, #mainmodules3.spacer .block, #mainmodules4.spacer .block {float: left;}
#showmodules.spacer.w99 .block, #mainmodules.spacer.w99 .block, #mainmodules2.spacer.w99 .block, #mainmodules3.spacer.w99 .block, #mainmodules4.spacer.w99 .block {width: 99.8%;}
#showmodules.spacer.w49 .block, #mainmodules.spacer.w49 .block, #mainmodules2.spacer.w49 .block, #mainmodules3.spacer.w49 .block, #mainmodules4.spacer.w49 .block {width: 49.8%;}
#showmodules.spacer.w33 .block, #mainmodules.spacer.w33 .block, #mainmodules2.spacer.w33 .block, #mainmodules3.spacer.w33 .block, #mainmodules4.spacer.w33 .block {width: 33.3%;}
#mainmodules3 .block.first .moduletable {padding: 0 15px 10px 15px;}
#mainmodules3 .block.middle .moduletable {padding: 0 15px 10px 15px;}
#mainmodules3 .block.last .moduletable {padding: 0 15px 10px 15px;}
#showmodules .moduletable, #mainmodules4 .moduletable {padding: 15px;}
#main-body #showmodules .block.full .moduletable, .block.full .moduletable, #mainmodules .moduletable, #mainmodules2 .moduletable {padding-top: 5px;}
#mainmodules3 h3 {margin-top: 0;}
#showcase .showcase-hero {background: url(../images/content/home-show.png) 50% 0 no-repeat;height: 343px;margin: -55px 0 -30px 0;}


/* Bottom Section */

#botbar {margin-left: 5px;margin-right: 5px;}
#botbar2 {margin-left: -5px;}
#botbar3 {height: 50px;margin-right: -5px;position: relative;}
#footer {background: #303030;}
#footer3 {padding-bottom: 5px;}
#mainmodules4 {color: #999;}
#mainmodules4 a {color: #ccc;}
#bottom-logo {}
#bottom-menu {margin-right: 180px;padding: 25px 0;overflow: hidden;}
#footerbar3 {height: 50px;margin-top: 3px;}
#ql-button {float: right;line-height: 50px;background: url(../images/main/topbar-div.png) 100% 50% no-repeat;position: absolute;left: 0;top: 0;}
a.ql-button-desc {background: url(../images/main/ql-icon-d.png) 0 50% no-repeat;padding: 0 14px 0 20px;margin-left: 16px;color: #ccc;}
#top-button {float: right;line-height: 50px;background: url(../images/main/topbar-div.png) 0 50% no-repeat;}
a.top-button-desc {background: url(../images/main/top-icon-d.png) 0 50% no-repeat;padding: 0 14px 0 20px;margin-left: 16px;color: #ccc;}
#copyright {float: right;display: inline; margin:0;color: #777;padding: 0 15px 15px 15px;}
#bottom-menu ul {list-style: none;margin: 0;padding: 0;}
#bottom-menu ul li {float: left;}
#bottom-menu ul li a, #bottom-menu ul li .separator {padding: 0 15px;font-size: 120%;color: #666666;border-right: 1px solid #444;}
#bottom-menu ul li a:hover, #bottom-menu ul li .separator:hover {color: #ccc;text-decoration: none;}
#popup {display: none;padding: 15px;}
.copyright-block {width: 98%;height: 15px;float: left;padding: 0 10px; font-size: 10px; color: #000000;text-align:right;}
#debug-mod {padding: 15px;}

/* Extra Joomla Elements */

span.small, td.createdate, td.modifydate {font-size: 90%;}
table.blog td.createdate {padding-bottom: 5px;}
table.blog td.modifydate {padding-top: 10px;}
.sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;text-align: left;background:transparent url(../images/main/catbar-bg.png) 0 100% repeat-x;border-right: 1px solid #ccc;color:#333;}
.sectiontableheader a {color:#333;}
.sectiontablefooter {padding-bottom: 8px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 4px 5px 4px 5px;border-bottom: 1px solid #ddd;vertical-align: middle;}
tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;}
tr.sectiontableentry1 td, td.sectiontableentry1 {height: 30px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, tr.sectiontableentry1 td a, tr.sectiontableentry2 td a {color: #007c92}
.contentpane, .contentpaneopen {width: 100%;}
.module fieldset {border: 0;}
.module h4 {margin-top: 0;}
table.contenttoc {float: right;margin-left: 25px;}
.weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;}
.weblinks img {margin-right: 12px;margin-left: 0;}
.contact_email .inputbox {width: 45%;border: 1px solid #ccc;padding: 3px;}
.contact-name {font-weight: bold;font-size: 140%;display: block;padding: 15px 0 2px 0;}
.contact-position {display: block;padding-bottom: 15px;}

/* Side Menus */

#main-body ul.menu {margin: -15px -15px 0 -15px;padding: 0;}
/* jk */
#main-body ul.newsroom {margin: 0}
#main-body ul.menu.arrow {margin: -15px -15px 0 -15px;padding: 0; font-size: 13px;
line-height: 110%;}
/* end of jk */
#main-body ul.menu li {list-style: none;margin: 0;padding: 0;float: none;border-bottom: 1px solid #ccc;}
#main-body ul.menu span {display: block;}
#main-body ul.menu ul li a {padding-left: 20px;}
#main-body ul.menu ul li span.separator {padding-left: 20px !important;}
#main-body ul.menu ul li ul li a, #main-body ul.menu ul li ul li .separator {padding-left: 36px;background: none;}
#main-body ul.menu ul li ul li ul li a, #main-body ul.menu ul li ul li ul li .separator {padding-left: 56px;background: none;}
#main-body ul.menu li.active.parent li span, #main-body ul.menu li.parent li span {background: url(../images/typo/bullet-4.png) 0 6px no-repeat;padding-left: 12px;}
#main-body ul.menu li.active.parent ul li, #main-body ul.menu li.active.parent ul li.parent ul {background: none;border: 0;}
/* JK #main-body ul.menu li.active.parent ul {padding: 6px;margin: 0;border: 0;background: url(../images/main/side-li-bg2.png) 0 100% repeat-x;} */
#main-body ul.menu li.active.parent ul {padding: 6px;margin: 0;border: 0;background: none 0 100% repeat-x;}
/* end of JK */
#page-bg #main-body ul.menu ul.submenu {padding-bottom: 0;background: none;}
#main-body ul.menu .cat-bot-bg {background: url(../images/main/side-li-bg2.png) 0 100% repeat-x;}
#main-body ul.menu ul li.last {padding-bottom: 15px;}
#main-body ul.menu a, ul.menu .separator {display: block;text-indent: 0;overflow: hidden;font-size: 110%;float: none;}
#main-body ul.menu a span, #main-body ul.menu .separator {padding: 7px 28px;background: url(../images/main/menu-arrow.png) 15px 11px no-repeat;}
/*#main-body ul.menu li.active a span, #main-body ul.menu li:hover a span, #main-body ul.menu li.sfHover a span {background: url(../images/main/menu-arrow-over.png) 15px 11px no-repeat;} */
#main-body ul.menu li.active a span, #main-body ul.menu li:hover a span, #main-body ul.menu li.sfHover a span {background: none 15px 11px no-repeat;}
#leftcol ul.menu li.active a span, #leftcol ul.menu li.active .separator {background: url(../images/main/menu-arrow-over.png) 95% 11px no-repeat;}
#main-body ul.menu li.active a, #main-body ul.menu li:hover a, #main-body ul.menu li.active .separator {background: url(../images/main/side-li-bg.png) 0 0 repeat-x;}
#main-body ul.menu li:hover li a, #main-body ul.menu li:hover li .separator {background: none;}
#main-body ul.menu li.active a, #main-body ul.menu li.active li.active a, #main-body ul.menu li.active li.active li.active a, #main-body ul.menu li.active .separator, #main-body ul.menu li.active li.active .separator, #main-body ul.menu li#current.active a {color: #333;}
#main-body ul.menu li.active li a, #main-body ul.menu li.active li.active li a, #main-body ul.menu li.active li .separator, #main-body ul.menu li.active li.active li .separator, #main-body ul.menu li.active li.active li.active .separator {font-weight: normal;background: none;}
#main-body ul.menu ul ul {padding: 0; margin: 0;background: none;}
#main-body ul.menu li li {padding: 5px 0 0;margin: 0;background: none;font-size: 10px;}
#main-body ul.menu li li a span, #main-body ul.menu li li .separator span {padding: 0;}
#main-body ul.menu li.active a, #main-body ul.menu li.active a:hover, #main-body ul.menu li.active .separator, #main-body ul.menu li.active .separator:hover {text-decoration: none;}
#main-body ul.menu li a:hover, #main-body ul.menu li .separator:hover {text-decoration: none;}
#main-body ul.menu li.active.parent ul {margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 10px;}
#main-body ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;}
#main-body ul.menu ul {padding: 0;margin: 0;}
#main-body ul.menu ul a, #main-body ul.menu ul .separator {padding: 0;margin: 0;}
#main-body ul.menu li.active li a:hover, #main-body ul.menu li.active li .separator:hover, #main-body ul.menu li.active li a, #main-body ul.menu li.active li .separator {background: none;}
#main-body ul.menu .arrow-expand span, #main-body ul.menu .arrow-collapse span, #main-body ul.menu .arrow span {display: none;}
.rokvm_categories li.parent div.arrow, #main-body ul.menu li div.arrow {position:absolute;right: 10px;top: 7px;width: 15px;height: 15px;text-align: center; cursor: pointer;}
#main-body ul.menu li a, #main-body ul.menu li.parent li a, #main-body ul.menu li.parent li.parent li a, #main-body ul.menu li.parent li .separator, #main-body ul.menu li.parent li.parent li .separator, #main-body ul.menu li#current active a {color: #333;}
#main-body ul.menu li.active ul span.separator {background: none;}
#main-body div.home ul.menu .arrow-expand {display: none;}

/* RokVMCategories */

#main-body ul.rokvm_categories li.active a span {background-position: 15px 11px;}
#leftcol ul.menu li.cat-open a span {background: url(../images/main/menu-arrow-over.png) 15px 11px no-repeat;}
#main-body ul.menu li.cat-open li span, #main-body ul.menu li.parent li span {background: url(../images/typo/bullet-4.png) 0 6px no-repeat;padding-left: 12px;}
#main-body ul.menu li.cat-open ul li, #main-body ul.menu li.cat-open ul li.parent ul {background: none;border: 0;}
#main-body ul.menu li.cat-open ul {padding: 6px;margin: 0;border: 0;background: url(../images/main/side-li-bg2.png) 0 100% repeat-x;}
#main-body ul.menu li.cat-open a {background: url(../images/main/side-li-bg.png) 0 0 repeat-x;}
#main-body ul.menu li.cat-open a {font-weight: bold;}
#main-body ul.menu li.cat-open li a {font-weight: normal;background: none;}
#main-body ul.menu li.cat-open ul {margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 10px;}
#rightcol ul.menu li.cat-open {background: url(../images/main/side-li-bg-w.png) 0 0 repeat-x;}
#rightcol ul.menu li.cat-open ul {background: url(../images/main/side-li-bg-w2.png) 0 100% repeat-x;}
#rightcol ul.menu li.cat-open a {background: url(../images/main/side-li-bg-w.png) 0 0 repeat-x;}

/* Extra Content Styles */

a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
fieldset {margin:10px 0 20px 0; border-left: 0;border-right: 0;border-top: 0;border-bottom:1px solid #ddd;}
fieldset.input, a img, body .pollstableborder {border: 0;}
.rokvmscroller-container a img {width:50%;}
legend {font-size:120%;}
form.poll fieldset {margin: 0 0 10px 0;padding: 0;}
.side-mod form.poll {margin: 0 -15px;}
.side-mod .poll-line {border-bottom: 1px solid #ccc;padding: 4px 15px;}
#leftcol .side-mod .poll-line:hover {background: #fff;}
#rightcol .side-mod .poll-line:hover {background: #e7e7e7;}
.side-mod .poll-buttons {padding: 5px 15px 0 15px;overflow: hidden;width: 160px;margin: 0 auto;}
form.poll input.button {background: url(../images/main/form-input-w.png) 0 0 no-repeat;width:79px;height:24px;cursor:pointer;border: none;overflow:hidden;text-align: center;color: #333;padding: 0 0 4px 0;line-height: 24px;margin-bottom: 5px;float: left;}
#leftcol form.poll input.button {background: url(../images/main/form-input-g.png) 0 0 no-repeat;}
form.poll a.results {background: url(../images/main/form-input-w.png) 0 0 no-repeat;width:79px;height:24px;cursor:pointer;border: none;overflow:hidden;text-align: center;color: #333;padding: 0 0 4px 0;line-height: 24px;margin-bottom: 5px;display: none;float: right;}
form.poll a.results:hover {text-decoration: none;}
#leftcol form.poll a.results {background: url(../images/main/form-input-g.png) 0 0 no-repeat;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;z-index:5000;background:#fbf3ad;color:#333;border:2px solid #f8e639;font-size:90%;}
.bannergroup .clr {clear: none !important;}
dl.poll dt {border-bottom:solid 1px #ccc;font-weight: bold;}
dl.poll dd {padding:6px 0;margin-left: 0;}
.polls_color_1 {background:#000;}
.polls_color_2 {background:#999;}
.polls_color_3 {background:#93246F;}
.polls_color_4 {background:#000;}
.polls_color_5 {background:#ccc;}
.polls_color_6 {background:#93246F;}
#main-content .poll {padding-top: 15px;}

/* Form overrides */

#main-content form.editor {padding:0;margin:0;}
#main-content form.editor {color:#333;}
#main-content form.editor input, #main-content form.editor textarea {border:1px solid #ccc;}
#main-content form.editor fieldset a {color: #00c;}
#main-content form.editor fieldset {padding:10px; border: 1px solid #ccc;}
#main-content form.editor legend {font-size:120%;margin:15px 0;padding:0 10px;font-weight:bold;}
#main-content form.editor label {display:block;width: 120px;float:left;}
#main-content form.editor div.radio label {display:inline;width:auto;float:none;}

/* Login Styles */

form.form-login p {margin: 0;}
form.form-login .inputbox, form#login .inputbox {padding: 4px;line-height: 14px;width: 95%;}
form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;}
input.button {font-size: 100%;cursor: pointer;padding: 3px 5px;}
form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-left: 2px;}
#login-module h3 {margin-top: 0;color: #fff;}
#login-module .username-block {width: 125px;float: left;margin-right: 10px;overflow: hidden;}
#login-module .password-block {width: 125px;overflow: hidden;}
#login-module input#username_vmlogin.inputbox, #login-module input#mod_login_username.inputbox, #login-module input#password_vmlogin.inputbox, #login-module input#mod_login_password.inputbox {width: 120px;border: 1px solid #777;background: #555;padding: 3px 0;color: #fff;text-indent: 4px;}
#login-module form#login ul {margin: 10px 0 10px 0;padding-left: 20px;}
#login-module form#login input.button, #login-module .form-login input.button {background: url(../images/main/login-button.png) 0 0 no-repeat;border: 0;width: 77px;height: 24px;color: #ccc;}
#login-module .remember-me {margin-bottom: 10px;float: left;margin-right: 10px;}
#login-module form#login input.button:hover, #login-module .form-login input.button:hover {color: #fff;}
#login-module .login-extras {padding-top: 15px;}
#main-content input#mod_login_username.inputbox, #main-content input#mod_login_password.inputbox, #main-content input#username_vmlogin.inputbox, #main-content input#password_vmlogin.inputbox {border: 1px solid #ccc;margin-bottom: 10px;}
#main-content form.form-login input.button, #main-content form.log input.button, #main-content form#login input.button {background: url(../images/main/form-input-w.png) 0 0 no-repeat;width:79px;height:24px;cursor:pointer;border: none;overflow:hidden;text-align: center;color: #333;padding: 0 0 4px 0;line-height: 24px;margin-top: 10px;margin-bottom: 5px;}
#leftcol form.form-login input.button, #leftcol form.log input.button {background: url(../images/main/form-input-g.png) 0 0 no-repeat;}
.register-page .inputbox {border: 1px solid #ccc;padding: 3px;}
.register-page button.button {background: url(../images/main/form-input-w.png) 0 0 no-repeat;width:79px;height:24px;cursor:pointer;border: none;overflow:hidden;text-align: center;color: #333;padding: 0 0 4px 0;line-height: 24px;margin-top: 0;margin-bottom: 5px;}
.register-page div.name, .register-page div.user, .register-page div.email, .register-page div.pass, .register-page div.verify_pass {text-align: right;}
form#josForm.form-validate.user, .edit-user-form {float: left;overflow: hidden;padding-bottom: 15px; width:550px;}
.edit-user-form {padding-top: 15px;}
.register-page fieldset {margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;}
div.user_name {margin-bottom: 10px;}
div.user_name span {font-weight: bold;font-size: 110%;}
.user-params {margin-bottom: 20px;}
.user-params td.paramlist_key {width: auto;}
.edit-user-button {margin: 0 auto;width: 80px;}
#login_stretcher label {display:block;width:90px;float:left;}
#login_stretcher input {width:150px;}
#main-content form#login .login-extras ul {list-style: none;padding: 0;margin-left: 0;}


/* RokAjaxSearch */
#roksearch_search_str {width: 150px;}
#roksearch_results {z-index: 10000;position: absolute;width: 400px;float: right;margin-top: -1px;text-align: left;visibility: hidden;background: #fff;border: 1px solid #bbb;}
#roksearch_results a#roksearch_link {float: right;padding-right: 5px;margin-top: 4px;display: block;height: 16px;width: 16px;background: url(../images/main/search-close.png) 0 0 no-repeat;}
#roksearch_results h3 {margin-top: 0;margin-bottom: 0;line-height: 110%;font-size: 120%;padding-bottom: 0;color: #333;}
#roksearch_results span {display: block;line-height: 130%;font-size: 90%;color: #666666;}
#roksearch_results .container-wrapper {overflow: hidden;}
#roksearch_results .page {float: left;}
#roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {padding: 6px 15px;line-height: 100%;text-transform: uppercase;font-weight: normal;font-size: 100%;background: #fff url(../images/main/module2-h3.png) 0 0 repeat-x;border-bottom: 1px solid #ccc;color: #333;}
#roksearch_results .roksearch_row_btm {overflow: hidden;color: #333;border-bottom: 0;}
#roksearch_results .roksearch_row_btm span {line-height: 140%;}
#roksearch_results span.small {display: block;position: absolute;bottom: 6px;right: 10px;text-align: right;color: #666666;font-size: 80%;font-weight: normal;}
#roksearch_results span.highlight {display: inline;background: #777;color: #fff;}
#roksearch_results a.clr {font-size: 100%;}
#roksearch_results a:hover {text-decoration: none;color: #000;}
#roksearch_results .roksearch_odd {padding: 15px;position: relative;background: #EFEFEF url(../images/main/module-h3.png) 0 100% repeat-x;border-bottom: 1px solid #ccc;}
#roksearch_results .roksearch_even {padding: 15px;position: relative;background: #EFEFEF url(../images/main/module-h3.png) 0 100% repeat-x;border-bottom: 1px solid #ccc;}
#roksearch_results .roksearch_odd-hover, #roksearch_results .roksearch_even-hover {background: #fff url(../images/main/module2-h3.png) 0 100% repeat-x;}
#roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {padding-left: 12px;background: url(../images/main/menu-arrow.png) 0 4px no-repeat;}
.results ol.list {padding-left: 30px;margin-top: 0;}
.results ol.list h4 {border: 0;margin-top: 0;margin-bottom: 0;}
.results ol.list li {padding: 10px 5px;margin-bottom: 5px;}
.results ol.list li p {margin-top: 0;color: #333;}
#roksearch_results .container-arrows {height: 16px;width: 40px;float: left;margin-right: 10px;position: relative;}
#roksearch_results .arrow-left {width: 14px;height: 14px;position: absolute;bottom: 1px;left: 0;cursor: pointer;background: url(../images/main/search-arrow.png) 0 0 no-repeat;}
#roksearch_results .arrow-left-disabled {width: 14px;height: 14px;position: absolute;bottom: 1px;left: 0;background: url(../images/main/search-arrow.png) 0 -28px no-repeat;}
#roksearch_results .arrow-right {width: 14px;height: 14px;position: absolute;bottom: 1px;left: 20px;cursor: pointer;background: url(../images/main/search-arrow.png) 0 -14px no-repeat;}
#roksearch_results .arrow-right-disabled {width: 14px;height: 14px;position: absolute;bottom: 1px;left: 20px;background: url(../images/main/search-arrow.png) 0 -28px no-repeat;}
form.search_result .inputbox {border: 1px solid #ccc;}
fieldset.phrase, fieldset.word, fieldset.only {border-bottom: 1px solid #ccc;}

/* RokVirtuemartScroller */
#horizontal-rokvmscroller .scroll-item1, #vertical-rokvmscroller .scroll-item1 {padding: 0;border: 0;background: url(../images/main/scroller-item-m.png) 0 0 repeat-y;}
#horizontal-rokvmscroller .scroll-item2, #vertical-rokvmscroller .scroll-item2 {padding: 0;border: 0;background: url(../images/main/scroller-item-t.png) 50% 0 no-repeat;}
#horizontal-rokvmscroller .scroll-item3, #vertical-rokvmscroller .scroll-item3 {padding: 0;border: 0;background: url(../images/main/scroller-item-b.png) 50% 100% no-repeat;padding: 10px 0 28px 0;}
/* Horizontal */
#horizontal-rokvmscroller {width:5000px;}
.horizontal-scroller-bottom {position: relative;border-top: 1px solid #ccc;overflow: hidden;margin: -1px;}
.horizontal-rokvmscroller-container {background: url(../images/main/scroller-bg.png) 0 50% repeat-x;margin-left: 67px;border-left: 1px solid #ccc;margin-right: 67px;border-right: 1px solid #ccc;}
.horizontal-rokvmscroller-wrapper {overflow: hidden;margin: 0 auto;}
.horizontal-rokvmscroller-leftarrow {background: #ddd url(../images/main/scroller-ctrl-l.png) 0 50% no-repeat;position: absolute;top: 0;left: 0;height: 100%;width: 67px;cursor: pointer;}
.horizontal-rokvmscroller-rightarrow {background: #ddd url(../images/main/scroller-ctrl-r.png) 0 50% no-repeat;position: absolute;top: 0;right: 0;height: 100%;width: 67px;cursor: pointer;}
#horizontal-rokvmscroller div {width: 187px;margin: 0;padding: 10px 9px 0 9px;float: left;text-align: center;}
#horizontal-rokvmscroller div.first {padding-left: 10px;}
#horizontal-rokvmscroller div.last {border-right: none;margin-right: 0;padding-right: 0;}
/* No arrows exceptions */
.noarrows .horizontal-rokvmscroller-container {margin-left: 0;margin-right:0;}
.noarrows #horizontal-rokvmscroller {margin: 5px auto 0;}
.horizontal-rokvmscroller-container a img, .vertical-rokvmscroller-container a img {width:50%;}

/* Vertical */
.vertical-scroller-bottom {position: relative;border-top: 1px solid #ccc;overflow: hidden;margin: -16px;}
.vertical-rokvmscroller-container {background: #e7e7e7;}
.vertical-rokvmscroller-wrapper {overflow: hidden;}
.vertical-rokvmscroller-leftarrow {background: #ddd url(../images/main/scroller-ctrl-b.png) 50% 0 no-repeat;height: 67px;width: 100%;cursor: pointer;border-bottom: 1px solid #ccc;}
.vertical-rokvmscroller-rightarrow {background: #ddd url(../images/main/scroller-ctrl-t.png) 50% 0 no-repeat;height: 67px;width: 100%;cursor: pointer;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#vertical-rokvmscroller div {width: 187px;margin: 0;padding: 10px 5px 0 5px;float: left;text-align: center;}
#vertical-rokvmscroller div.last {border-right: none;margin-right: 0;padding-right: 0;}
/* No arrows exceptions */
.noarrows .vertical-rokvmscroller-container {margin-left: 0;margin-right:0;}
.noarrows #vertical-rokvmscroller {margin: 5px auto 0;overflow:hidden;}

div.featureprod {margin: -15px -15px 0 -15px; }
div.featureprod td {border-bottom: 1px solid #ccc;}
table.featureprod {width: 100%;}
.homeFeatureProd {position: relative;}
#mainmodules3 .homeFeatureProd h3 {margin-left: 15px; text-align:left;}
.homeFeatureProd span.product-name {
position:absolute;
right:30px;
top:1px;
font-size: 130%;
font-weight: normal;
}


/* Module Variations */

.faq h3 span, .cart h3 span, .user h3 span, .alert h3 span, .check h3 span, .info h3 span, .rss h3 span, .media h3 span, .attention h3 span, .download h3 span {padding-left: 21px;display: block;}
.arrow h3 span {padding-left: 20px;}
.arrow2 h3 span {padding-right: 22px;display: block;}
.faq h3 span {background: url(../images/main/faq-icon-l.png) 0 50% no-repeat;}
.cart h3 span {background: url(../images/main/cart-mod-h3.png) 0 50% no-repeat;}
.user h3 span {background: url(../images/main/user-icon-l.png) 0 50% no-repeat;}
.alert h3 span {background: url(../images/main/alert-mod-h3.png) 0 50% no-repeat;}
.check h3 span {background: url(../images/main/check-mod-h3.png) 0 50% no-repeat;}
.info h3 span {background: url(../images/main/info-mod-h3.png) 0 50% no-repeat;}
.rss h3 span {background: url(../images/main/rss-mod-h3.png) 0 50% no-repeat;}
.media h3 span {background: url(../images/main/special-4.png) 0 50% no-repeat;}
.attention h3 span {background: url(../images/main/special-11.png) 0 50% no-repeat;}
.download h3 span {background: url(../images/main/down-mod-h3.png) 0 50% no-repeat;}
.arrow h3 span {background: url(../images/main/moreinfo-desc.png) 0 50% no-repeat;}
.arrow2 h3 span {background: url(../images/main/moreinfo-desc.png) 100% 50% no-repeat;}

#leftcol .color1 .module, #rightcol .color1 .module, .inset-mod .color1 .module {background: #FEF9E9;border-bottom: 1px solid #ccc;}
#leftcol .color1 h3 {background: url(../images/main/module-color1-h3.png) 0 100% repeat-x;}
#rightcol .color1 h3 {background: url(../images/main/module2-color1-h3.png) 0 100% repeat-x;}
#leftcol .color2 .module, #rightcol .color2 .module, .inset-mod .color2 .module {background: #E6F1F8;border-bottom: 1px solid #ccc;}
#leftcol .color2 h3 {background: url(../images/main/module-color2-h3.png) 0 100% repeat-x;}
#rightcol .color2 h3 {background: url(../images/main/module2-color2-h3.png) 0 100% repeat-x;}
#leftcol .color3 .module, #rightcol .color3 .module, .inset-mod .color3 .module {background: #EBFDE7;border-bottom: 1px solid #ccc;}
#leftcol .color3 h3 {background: url(../images/main/module-color3-h3.png) 0 100% repeat-x;}
#rightcol .color3 h3 {background: url(../images/main/module2-color3-h3.png) 0 100% repeat-x;}

/* Typography */

.moreinfo-box {padding: 1px 0;margin: -1px -15px 0 -15px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.moreinfo-box2 {background: #f0f0f0;padding: 14px;}
.moreinfo-icon-1 {background: url(../images/main/moreinfo-icon-1.png) 0 0 no-repeat;padding-left: 42px;display: block;cursor: pointer;}
.moreinfo-icon-2 {background: url(../images/main/moreinfo-icon-2.png) 0 0 no-repeat;padding-left: 42px;display: block;cursor: pointer;}
.moreinfo-icon-3 {background: url(../images/main/moreinfo-icon-3.png) 0 0 no-repeat;padding-left: 42px;display: block;cursor: pointer;}
.moreinfo-desc {background: url(../images/main/moreinfo-desc.png) 100% 50% no-repeat;padding-right: 22px;display: block;}
.moreinfo-desc span {font-weight: bold;display: block;}

.readon-wrap1, .readon-wrap2 {margin-top: 15px;position:relative;float:left;}
.readon-wrap1 span, .readon-wrap2 span {display:block;height: 22px;line-height: 22px;}
a.readon-main {font-size: 12px;cursor: pointer;}
a.readon-main:hover {text-decoration: none;}
.readon1-l, .readon2-l {position:absolute;width: 6px;height: 22px;left:0;top:0;}
.readon1-m, .readon2-m {margin-right: 6px;text-align: center;padding-left:12px;}
.readon1-r, .readon2-r {margin-right: -6px;padding-right: 12px;}
.readon1-l {background: url(../images/main/readon1-l.png) 0 0 no-repeat;}
.readon1-m {background: url(../images/main/readon1-bg.png) 50% 0 repeat-x;}
.readon1-r {background: url(../images/main/readon1-r.png) 100% 0 no-repeat;}
.readon2-l {background: url(../images/main/readon2-l.png) 0 0 no-repeat;}
.readon2-m {background: url(../images/main/readon2-bg.png) 50% 0 repeat-x;}
.readon2-r {background: url(../images/main/readon2-r.png) 100% 0 no-repeat;}
.readon-wrap1 a.readon-main:hover {color: #333;}
.readon-wrap2 a.readon-main {color: #fff;}
.readon-wrap2 a.readon-main:hover {color: #ccc;}

#bottom ul {margin: 0;padding-left: 10px;list-style: none;}
#bottom ul li a {background: url(../images/main/bottom-arrow.png) 0 4px no-repeat;padding-left: 16px;padding-bottom: 5px;display: block;}
#bottom ul li:hover a {background: url(../images/main/bottom-arrow2.png) 0 4px no-repeat;color: #fff;text-decoration: none;}

/* @group Demo Content */

img.newsflash-image {float: left;margin-right: 30px;margin-left: 10px;}
.newsflash-header {display: block;font-size: 200%;margin-bottom: 15px;margin-top: 10px;}
.newsflash-desc {color: #555;font-size: 120%;line-height: 140%;}
#mainmodules .article_separator {display: none;}

/* Custom Modules Tutorial */
.rokmod-demo-block .parameters div {border-right:1px dotted #666666;padding-right:12px;}
.rokmod-demo-block .options div {border-right:1px dotted #666666; padding-right: 12px;}
.rokmod-demo-block .demo div {border-right:1px dotted #666666;padding-right: 12px;}
.rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;}
.rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;}
.rokmod-demo-block .demo-span1 {font-weight: bold;}

.slider-placeholder {width: 459px;height: 234px;background: url(../images/content/slide-test.jpg) 0 0 no-repeat;margin: 0 auto;}

/* Tutorials */

.tut-block {height: 100px; display: block;}
.tut-img {float: left; margin-right: 10px;}
.tut-title {font-size: 130%;font-weight: bold;margin-bottom: 15px;padding-top: 3px;}
pre {overflow: auto;}
/* @end */

/* Frontpage Tabs */

.fp-tabs-container { margin-bottom: 35px; border-bottom: 1px solid #ccc; float: left;}
.fp-tabs-img { float: left; width: 77px; margin-right: 25px; margin-left: 10px;}
.fp-tabs-content { float: left; width: 400px; }
.fp-tabs-content h2 { margin-top: 0px; }

/* Variation Chooser */

.variation-chooser {height:45px;line-height:25px;margin-top:15px;position:relative;}
.variation-chooser .controls {height:25px;}
.variation-chooser .control-prev, .variation-chooser .control-next {cursor:pointer;float:left;height:16px;margin-right:3px;margin-top:1px;width:16px;}
.variation-chooser .control-prev {background-position:0 0;margin-right:0.4em;}
.variation-chooser .control-prev:hover {background-position:0 -16px;}
.variation-chooser .control-next {background-position:0 -32px;margin-left:0.4em;}
.variation-chooser .control-next:hover {background-position:0 -48px;}
.variation-chooser .controls {left:13px;position:absolute;}
.variation-chooser input {background: url(../images/main/form-input-w.png) 0 0 no-repeat;border: 0;padding: 0 0 4px 0;line-height: 24px;width: 79px;text-align: center;height: 24px;position: absolute; margin-left: 45px; margin-top: 30px;overflow: hidden;}


#cart-panel .shop_tip {color: #888 !important;}




/*********************************/
/* INTERIOR PAGE STYLES */

div.wrapper, #main-body-bg {
	width:950px !important;
}

div.wrapper_header {
	width:950px !important;
	margin: 0 auto;
	padding: 0;
}

.x-c-s .colright {
	position:relative;
	margin-bottom:10px;
	margin-top:10px;
	padding-right:6px;
}
.x-c-s .rightColEnabled .colright {background:url(../images/borderVertical.png) repeat-y scroll top right transparent; 
	right:88%;
	width:176%;
	float:left;
	margin-left:-201px;	
}

#footerbar,#footerbar2,#footerbar3,#footer,#footer2,#footer3 {
	background:none !important;
	border-top:0px !important;
}

#botbar {
	display:none;
}

.x-c-s .col1 {
	margin:0 0 0 201px;
	overflow:hidden;
	/*width:600px;*/
	width: 100%;
}
.x-c-s .rightColEnabled .col1 {
	width: 640px
}

.leftmenu,#main-body ul.menu .cat-bot-bg,#rightcol ul.menu li.active a, #rightcol ul.menu li:hover a  {
	background:none;
}

.newsEvents {font-size: 11px;}
.newsEvents .more {margin: 29px 0 0; font-weight: bold;}

.greenleaf { background: transparent url(../images/leaf.png) no-repeat 90% 86% !important; 
	/*background: transparent url(../images/.png) no-repeat 90% 86% !important; */
}
.homeGreen {margin-right: 20px;}
.greenleaf p {font-size:11px;}
.greenleaf p.more {margin-top: 17px; margin-bottom: 0;}
.greenleaf p.more a {font-weight: bold;}

.greenleaf .side-mod .module {
	padding-bottom:35px;
}

/* Homepage */
#main-body .home #showmodules .home .block.full .moduletable, .home .block.full .moduletable, .home #mainmodules .moduletable, .home  #mainmodules2 .moduletable {padding: 15px 15px 0;}
#jflanguageselection ul.jflanguageselection li {margin-right: 8px;}
#main-content-surround.home #main-content {// background: url(../images/bgGradientGrey.gif) repeat-x 0 -44px; border-top: 1px solid #dedede;border-raidus:5px;}
#oziogallery.home {float: right; margin: 20px 10px 10px 50px;}
#bottom-main .cart h3 span {
	background:none;
	padding-left:0;
	display:inline;
}

#bottom-main { background:transparent url(../images/bgBottomBoxes-m.png) repeat-y 0 0; margin-top: 6px; border-radius: 6px;}
#bottom-main2 { // background:transparent url(../images/bgBottomBoxes-b.png) no-repeat 0 bottom;}
/* #bottom-main #mainmodules3 {background:transparent url(../images/bgBottomBoxes-t.png) no-repeat 0 top;} */
#bottom-main #mainmodules3 {background-color: transparent;}

#bottom-main2,div.featureprod td {
	border:0 none !important;
}

#mainmodules3 .first .productPrice {
	display:none;
}

#mainmodules3 .first .featureprod .imageThumb img {
	max-width:100px;
}

#mainmodules3 h3 {
	font-weight:bold;
	margin-top:0;
	text-align:center;
	color: #0a6d7d; /*animatics color*/
}

h3.module-title {
font-size: 140%;
}

.aboutus .moduletable h3 {
	font-size:18px;
	font-weight:bold;
	margin:auto;
	text-align:center;
	width:410px;
}

.aboutus .moduletable h4 {
	margin-bottom:0;
	padding-bottom:0;
	font-size:12px;
}
.aboutus .moduletable p {
	font-size:11px;
	margin-top:0;
}

/* Right Side Menu */

.x-c-s .col3 {
	float:right;
	left:317px;
	position:relative;
	width:318px;
}

#main-body ul.menu li.cat-open a, 
#main-body ul.menu li.parent li.cat-open a, 
#main-body ul.menu li.parent li.parent li.cat-open a, 
.roktabs-wrapper .roktabs-links ul li.active span {
	color:#333 !important;
	font-weight:normal;
	background:none;
}

#main-body #rightcol ul.menu li {
	position:relative;
}



#rightcol {
	padding-left:15px !important;
	padding-right:13px;
}
#rightcol .side-mod h3,.arrow h3 span {
	background:none;
	padding:0;
}
#rightcol .side-mod h3 {
	border-bottom:0px solid #e1e2e3;
	font-weight:bold;
	margin:0;
	padding:10px 3px 20px !important;
	text-align:center;
}
#rightcol .side-mod div.twtr-hd h3{
	border-bottom:0px solid #e1e2e3;
	font-weight:bold;
	margin:0;
	padding:0px 3px 0px !important;
	text-align:left;
}
#rightcol ul.menu li.cat-open {
	background:none;
}
/* JK #main-body ul.menu a span, #main-body ul.menu li:active a span:, #main-body ul.menu .separator {
	background:none;
	padding:7px 10px;
} */
#main-body ul.menu a span, #main-body ul.menu .separator {
	background:none;
	padding:7px 10px;
}
/* end of JK */
#main-body ul.menu li {
	border-bottom: 1px solid #e1e2e3;
}


#main-body ul.menu li:hover a span.menuitem,
#main-body ul.menu li.active a span{
	background:none;
}


#main-body ul.menu li.active.parent li span, 
#main-body ul.menu li.active.parent li span:hover, 
#main-body ul.menu li.parent li span,
#main-body ul.menu li.parent li span:hover,
#main-body ul.menu li:hover ul a span.menuitem  {
	background:url(../images/bulletBlue.png) no-repeat scroll 0 6px transparent;
}



/*#main-body ul.menu li.active a span {
	background:none;
}*/

#main-body ul.menu .arrow-expand, #main-body ul.menu .arrow {
	background:url(../images/arrowExpand.png) no-repeat;
}
#main-body ul.menu .arrow-collapse {
	background:url(../images/arrowCollapse.png) no-repeat;
}


/* Page */

#page h2,#page h2.contentheading  {
	font-size:17px;
	font-weight:bold;
	background:none;
	line-height:120%;
	margin:0 0 10px;
	padding:13px 0 0;
}

#page h3 {
	font-size:16px;
}

#page p,#page li, #bottom-main2 .moduletable li {
	font-size:12px;
	color:#333;
}

#page ul, #bottom-main2 .moduletable ul {
	list-style-type:none;
	margin-left:0;
	-moz-padding-start:0;
	margin: -8px 0 6px; 
	padding: 0;
}
#page ul li, #bottom-main2 .moduletable ul li {
	background:url(../images/bullet.png) no-repeat 10px 4px;
	padding-left:25px;
	margin: 5px 5px 0px 0px; 
}
#page ol {
	margin-left:0;
	margin: 16px 0px 5px; 
	padding: 0; 
	list-style-type: decimal;
}
#page ol li {
	padding-left:2px;
	margin: 5px 5px 0px 25px; 
	list-style-type: decimal;
}
#bottom-main2 .moduletable ul li {margin-bottom:0;}

#mainmodules, #mainmodules2 {
	background:none;
	border:0px !important;
}

#main-body #rightcol .home .side-mod .module ul.menu li {
	border-bottom:0;
	background:url(../images/bulletBlue.png) no-repeat scroll 0 12px transparent;
	padding:0 6px;
	margin-left:10px;
}

#mainmodules3 .block.last .moduletable {
	padding:0 15px 10px 25px;
}

#mainmodules3 .block.middle .homeGreen .moduletable {
	padding:0 0 24px 28px;
}

#main-body #showmodules .block.full .moduletable {
	padding:5px 0 0 0px;
}

/* Product Pages */
.home-featured-cartblock input.addtocart_button {left:400px;}
.browse-page-block-inner p span img {display:none;}
.productsOverview .smartmotors {padding: 0 10px 15px; background: transparent url(../images/borderHorizontal.png) repeat-x 0 bottom; margin-bottom: 8px;}
.productsOverview .smartmotors img {margin: 9px 0 0 40px;}
.productsOverview .row {display: block; height: auto; background: transparent url(../images/borderVertical.png) repeat-y 49.5% 0;}

.productsOverview .block, 
#page div.block {
	float: left; 
	display: inline;
	width: 44%;
	padding: 10px;
	background: transparent url(../images/borderHorizontal.png) repeat-x 0 0;	
}
#page div.block {background: none; }
.productsOverview .first .block, 
.first .block { background: none;}

.productsOverview .row .first,
.row .first {
	margin-right: 27px;
}
.productsOverview h3 {font-weight: bold; font-size: 12px;}
.read-more {margin-bottom: 0; font-weight: bold;}

/* Support */

#page ul.left {
	background:url(../images/borderVertical.png) repeat-y scroll right top transparent !important;
	padding-right:26px;
}

#page .support-links {
	width:47%;
	float:left;
}

#page .support-links li { 
	background:url(../images/borderHorizontal.png) repeat-x scroll 0px bottom transparent;
	font-size:12px;
	font-weight:bold;
	height:125px;
	margin:10px 10px 10px 26px;
	text-align:center;
	padding:10px 0 15px;
}
#page .support-links li.last {background: none; }
.left li {margin-left: 10px !important;}
.support-links li a {
	color:#000;
}
.support-links li img {
	padding-bottom:10px;
}
.support-links li a:hover img {
	padding-bottom:10px;
	text-decoration: none;
}

/* Applications Page */
.noText .gk_news_image_1_text {display: none;}
#main-content-surround.applications {background: #fcfcfc; margin-bottom: 0; padding-bottom: 0;}
#main-content-surround.applications .x-c-s .colright {margin-top: 0; margin-bottom: 0;}
#main-content-surround.applications #main-content {background: none; border: 0;}
#main-content-surround.applications #bl {background: none}
#main-content-surround.applications #br {background: none}
#main-content-surround.applications #tl {background: none}
#main-content-surround.applications #tr {background: none}
#main-content-surround.applications .appblock-surround #bl {background: transparent url(../images/maincontent-bl.gif) repeat scroll 0 0}
#main-content-surround.applications .appblock-surround #br {background: transparent url(../images/maincontent-br.gif) repeat scroll 0 0}
#main-content-surround.applications .appblock-surround #tl {background: transparent url(../images/maincontent-tl.gif) repeat scroll 0 0}
#main-content-surround.applications .appblock-surround #tr {background: transparent url(../images/maincontent-tr.gif) repeat scroll 0 0}
#main-content-surround.applications #maincontent-block #page,
#main-content-surround.applications .x-c-s .col1wrap {padding: 0;}
.appblock-surround {
	background:#FFFFFF url(../images/maincontent-btm-bg.gif) repeat-x scroll 0 bottom;
	padding-bottom:11px;
	position:relative;	
}
.appblock-surround .appblock {
	background: url(../images/bgGradientGrey.gif) repeat-x 0 -54px; 
	border-top: 1px solid #dedede;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	overflow:hidden;
	font-size: 12px;
	padding: 2px 15px;
	z-index: 1 !important;
}
.appblock-surround .article-rel-wrapper .buttonheading {display: none;}
#main-content-surround.applications #page.full-article p {margin: 0;}
#main-content-surround.applications #page.full-article #jwts_tab p {}
.appblock .appslides {float: right; display: inline; padding-left: 40px; margin-left: 40px; padding-top: 20px; background:transparent url(../images/borderVertical.png) repeat-y scroll left top; }

.appblock .appintro h2 { font-size: 17px; font-weight:bold;  margin: 0 0 10px; padding-bottom: 0;}
.appblock .appslides h2 {font-size: 12px; font-weight:bold;  margin: 0 0 10px; padding-bottom: 0; line-height:16px;}
.applications #page .jwts_tabbertab {padding: 6px 21px;}
#page .jwts_tabbertab {padding: 6px 0px;}
.applications #page .jwts_tabbertab .mceItemTable {width: 100%;}
.applications #page .jwts_tabbertab ul li { background:url(../images/bulletBlue.png) no-repeat 0px 5px;}
.appslides .readon {font-weight: bold; color: #fc843f !important;}
#main-body-surround {z-index: 0 !important;}
#topbar {z-index: 99999 !important;}
.applications .jwts_tabberlive {
	background:transparent url(../images/appTabBoxBtm.gif) no-repeat scroll 0 bottom;
	padding-bottom:14px;
	margin-bottom: 0;
}
#banner-mid {
	background:url("images/library/institute-banner.png") no-repeat scroll 0 0 transparent;
	height:65px;
	color:#333;
        padding: 10px;
        border: #bbb solid 1px;
}

.applications .jwts_tabberlive .jwts_tabbertab {border: 1px solid #dedede; border-bottom: none; background:#fff url(../images/bgTabsGradientMain.png) repeat-x top;}
.applications .jwts_tabberlive .jwts_tabbertab .corner,
.jwts_tabberlive .jwts_tabbertab .corner {display: block; position: absolute;  left: 0; background: transparent url(../images/appTabBoxTop) no-repeat 0 0; height: 5px; width: 5px; }
.applications .jwts_tabberlive .jwts_tabbertab .corner {top: 35px;}
.jwts_tabberlive .jwts_tabbertab .corner {top: 42px;}

.applications #gk_news_image_1-application2 div.gk_news_image_1_tb_next { background-image: url(../images/s_next.gif);}
.applications #gk_news_image_1-application2 div.gk_news_image_1_tb_prev {background-image: url(../images/s_prev.gif);}

/* Breadcrumbs */
.breadcrumbs-bar, #breadcrumbs {
	background:url("../images/bgTopBar.png") no-repeat scroll 0 0 transparent;
	height:30px;
	margin-top:10px;
	color:#333;
}
#breadcrumbs {border-bottom: none;}

.breadcrumbs-bar a,
.seperator, #breadcrumbs a {
	color:#808080;
}

.breadcrumbs-bar .moduletable span.breadcrumbs {
	padding:10px 17px;
}

/* Bottom */

#bottom {
	//background:url(../images/bgFooter.png) no-repeat;
	background:#fff no-repeat;
	height:75px;
	margin-top: 6px;
	border-radius: 5px;
}
#bottom h3 {
	display:none;
}
#bottom ul li {
	float:left;
	margin-right:21px;
	width:259px;
	padding:0px;
}
#bottom ul li.phone {
	margin-right:0;
}

#bottom ul li a {
	color:#000;
	font-size:14px;
	padding:0 0 0 57px;
	min-height: 48px; 
	height: auto !important;
	height: 48px;
	line-height: 48px;
}
#bottom ul li a:hover {
	color:#000;
	text-decoration: underline;
}
#bottom ul li.social a {background: none;
	margin-left:55px;
	margin-top:0px;
	color: #000000;}
#bottom ul li.social {background: none }


ul li.phone-tech, ul li.phone a,
ul li.phone:hover a{ 
	background:url(../images/phone.png) no-repeat scroll 3px 4px transparent;
	margin-left:14px;
	margin-top:0px;
	color: #000000;	
	font-size:14px;
	padding:0 0 0 57px;
	min-height: 48px; 
	height: auto !important;
	height: 48px;
	line-height: 48px;
	display: block;
}
ul li.phone {
	list-style: none outside none;
}	

ul li.phone-tech {font-size: 175%;
margin-left: -15px;
font-weight: bold;
list-style-type: none;
}

ul li.support-tech { 
	background:url(../images/support_form.png) no-repeat scroll 3px 4px transparent;
	margin-left:14px;
	margin-top:0px;
	color: #000000;	
	font-size:16px;
	padding:0 0 0 57px;
	min-height: 48px; 
	height: auto !important;
	height: 48px;
	line-height: 48px;
	display: block;
	margin-left: -15px;
	font-weight: bold;
	list-style-type: none;
}
ul li.support-tech a, ul li.support-tech a:hover {color: #000;}


	.footerlinks {float: left; display:inline; margin: 0; padding: 0;}
	.footerlinks li {float: left; display:inline; margin: 0; padding: 0;}
	.footerlinks li a {padding: 0 8px; border-left: 1px solid #999999;font-size: 10px; color: #000000}
	.footerlinks li.first a {border-left: none; padding-left: 0;}
		.footerlinks .clearfix{float: left; display:inline; margin: 0; padding: 0;}


       

.applications ul.jwts_tabbernav li,
.applications #page ul.jwts_tabbernav li {background: transparent url(../images/appTabTopRight.gif) no-repeat right 6px;}

.applications ul.jwts_tabbernav li a,
.applications ul.jwts_tabbernav li a:link {background: transparent url(../images/appTabTopLeft.gif) no-repeat left 6px;}
.applications ul.jwts_tabbernav li.jwts_tabberactive {height: 36px; background: transparent url(../images/appTabTopRightSelected.gif) no-repeat scroll right top !important}
.applications ul.jwts_tabbernav li.jwts_tabberactive a,
.applications ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:transparent url(../images/appTabTopLeftSelected.gif) no-repeat top left !important;
}

.tableCol2 {float: left; display: inline; width: 48%; margin-left:18px }
.tableCol2 td { width: 40%;}
.tableCol2 td.label { width: 50%;}

/* sorttable */
.sortable th {cursor: pointer;}
.datatable.sortable tr td, .datatable.sortable tr th {border:none}
.sortable thead tr{border-bottom: 8px solid #545454;}
.sortable tbody {border: none;}
.sortable tfoot tr{border-top: 8px solid #545454;}
.sortable th.pictures, .sortable td.pictures {border-bottom: none;}
.sortable th.sorttable_nosort {cursor: default;}
.datatable th.sorttable_nosort {cursor: default;}
/* end of sorttable */

.datatable tr.last {background: none;}
table.first {margin-left: 0 !important;}

/* Data Table */
.datatable td strong,.datatable td b {
	color:#fff;
}
.datatable td,.datatable th {
	border: 1px solid #ccc;
}
.datatable, .spectable {background: transparent; border-collapse:collapse; text-align: center; width:604px; font-size: 80%;}
.datatable tr td, .datatable tr th {padding: 10px 2px; border:5px double #eeeeee; color: #333333; font-size: 12px; border-collapse: collapse;}
.datatable tr td{font-size: 11px;}
.datatable tr td.label {border-top: none; border-left: none; font-size: 12px; font-weight: bold;}
/*JK 100730 */
.spectable tr td, .spectable tr th {padding: 1px; border:5px double #eeeeee; color: #333333; font-size: 11px; border-collapse: collapse;}
.spectable tr td.label {border-top: none; border-left: none; font-size: 12px; font-weight: bold;}
.spectable tr:hover td, .datatable tr:hover td, .videotable tr:hover td  {
background-color: #fbfbfb;
}
.spectable tr:hover th, .datatable tr:hover th, .videotable tr:hover th, 
.spectable tr th, .videotable tr th{background-color: #c6dbde;}
.spectable tr:hover td.modelnumber{
background-color:#888888;	
}
.spectable tr:hover td.picture , .datatable tr:hover td.picture, .videotable tr:hover td.picture {
background-color: transparent;
}

/* JK 100719 */
.downloadtable {
background: transparent; border-collapse:collapse; text-align: left; width:604px; font-size: 80%;
font-family: arial, sans-serif; font-size: 10px;
}
.downloadtable tr td, .downloadtable tr th {padding: 10px 2px 10px 6px; border:1px solid #eeeeee; color: #333333; border-collapse: collapse;}
.downloadtable th.modelnumber {
text-align: center;
}

.datatable th.pictures, .datatable td.pictures {
        width: 200px;
        text-align:center;
        }
.spectable th.modelnumber, .spectable td.modelnumber {
        width: 100%;
		background: #888888;
		color: #ffffff;
		font-size: 125%;
		font-weight: bold;
		border: 0px #888888;
		border-bottom: none;
		text-align: left;
		line-height: 105%;
		padding: 6px;
        }    
.align-left, .datatable td.align-left , .spectable td.align-left {text-align: left; padding-left: 10px;}
.align-center , .datatable td.align-center , .spectable td.align-center {text-align: center;}
.align-right , .datatable td.align-right , .spectable td.align-right {text-align: right;  padding-right: 10px;}

/* video play button added 100726 */
.cableconfig-table {width:606px}
.videotable {width: 100%}
.play, .videotable tr td a.more span.play, .cableconfig-table tr td a.more span.play {background: url("/images/library/play_icon_thumb.png") no-repeat scroll 0 0 transparent;
	display: block;
	position: absolute;
	top: 57px;
	left: 69px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	width: 45px;
	height: 45px;
	}
a.more span.play1{background: url("/images/library/play_icon.png") no-repeat scroll 0 0 transparent;
	display: block;
	position: absolute;
	top: 117px;
	left: 690px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	width: 70px;
	height: 64px;
	}	
a.more:hover span.play1 {
opacity: 1;
filter: alpha(opacity=100);
text-decoration: none;
}	
.videotable tr td a.more span.videobutton {background: url("/images/library/video-box-197x146.png") no-repeat scroll 0 0 transparent;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	width: 197px;
	height: 146px;
	}
	
.videotable tr td a.more, .cableconfig-table tr td a.more, .trainingtable tr td a.more {
background: none repeat scroll 0 0 transparent;
position: absolute;
display: block;
}
.videotable tr td a.more:hover span.play, .trainingtable tr td a.more:hover span.play{
opacity: 1;
filter: alpha(opacity=100);
text-decoration: none;
}
.trainingtable tr td a.more span.trainingconfig {background: url("/images/library/box-197x146.png") no-repeat scroll 0 0 transparent;
	display: block;
	position: absolute;
	opacity: 0.7;
	filter: alpha(opacity=70);
	width: 197px;
	height: 146px;
	text-align: center;
	float: left;
	}
	
.trainingtable tr td a.more  span.picturein197box {background: url("/images/library/box-197x146.png") no-repeat scroll 0 0 transparent;
	display: block;
	position: absolute;
	opacity: 1;
	filter: alpha(opacity=100);
	width: 197px;
	height: 146px;
	text-align: center;
	vertical-align: top;
	}
.trainingtable tr td.trainingconfig, .trainingtable tr.trainingconfig 	{
	width: 199px;
	height: 148px;
	text-align: center;
	vertical-align: top;
	}
	
.cableconfig-table tr td a.more:hover  span.cableconfig  {
opacity: 1;
filter: alpha(opacity=100);
}
.cableconfig-table tr td a.more span.cableconfig {
	opacity: 0.9;
	filter: alpha(opacity=90);
	}
.videotable tr td a.more span.videotablebox {
display: block;
position: absolute;
height: 146px;
width: 197px;
float: left;
}
.cableconfig-table tr td a.more span.cableconfig, .videotable tr td a.more span.videotablebox-lg {
display: block;
position: absolute;
height: 219px;
width: 294px;
float: left;
}
.trainingtable tr td a.more span.cableconfig {
display: block;
position: absolute;
height: 147px;
width: 197px;
float: left;
}
.cableconfig-table tr td a.more span.cableconfig-title {
display: block;
position: relative;
height: 36px;
width: 290px;
margin: 10px 4px 5px;
color: #444444;
text-align: center;
font-weight: bold;
font-size: 90%;
}
.trainingtable tr td a.more span.cableconfig-title {
display: block;
position: relative;
height: 36px;
width: 190px;
margin: 0px 0px 0px;
color: #444444;
text-align: center;
font-weight: bold;
font-size: 90%;
}
.videotable tr td a.more span.video-title {
display: block;
position: relative;
height: 47px;
width: 284px;
margin: 8px 4px 5px;
color: #444444;
text-align: center;
font-weight: bold;
font-size: 90%;
}
.videotable tr td a.more:hover {
text-decoration: none;
}


/* jk 2-col in tab */
.jwts_tabbertab .block {
	float: left; 
	display: inline;
	width: 45%;
	padding: 10px;
	background: none;	
}
.jwts_tabbertab .first .block { background: none;}
.jwts_tabbertab .row {display: block; height: auto; background: none}

.jwts_tabbertab .row .first {
	margin-right: 10px;
}
#page ul li.nobullet {background: none;}
#page ul.noindent, #page  ul.noindent li {background: none;
margin-left: 0px;
padding-left: 0px;
font-size: 10px;
list-style-type: disc;
list-style-position: inside;
}
/* end of jk 2-col */

/* JK KB menu control */
div.module ul.menukb {
font-size: 13px;
padding: 0px 5px 3px 2px;
margin-top: -5px;
}
#main-body ul.menukb span {
display: block;
}
#main-body ul.menukb li {
border-bottom: 1px solid #E1E2E3;
}
div.module ul.menukb li.menukb {
font-size: 13px;
list-style: none;
line-height: 135%;
}
#main-body ul.menukb .arrow-expand {
	background:url(../images/arrowExpand.png) no-repeat scroll 0 0 transparent;
}
#main-body ul.menukb .arrow-expand span, #main-body ul.menukb .arrow-collapse span {
display: none;
}
#main-body ul.menukb li a, #main-body ul.menukb li.parent li a, #main-body ul.menukb li.parent li.parent li a, #main-body ul.menu li.parent li .separator, #main-body ul.menu li.parent li.parent li .separator, #main-body ul.menukb li#current active a {
color: #333333;
}
#main-body ul.menukb li:hover a span.menuitem, #main-body ul.menukb li.active a span {
background: none repeat scroll 0 0 transparent;
color: #FC843F;
text-decoration: none;
}
#main-body ul.menukb a, ul.menukb .separator {
display: block;
float: none;
font-size: 110%;
overflow: hidden;
text-indent: 0;
}

#main-body ul.menukb a span, #main-body ul.menukb .separator {
background: none repeat scroll 0 0 transparent;
padding: 7px 10px;
}

div.module ul.menukb li.menukb div.arrow {position:absolute;right: 10px;top: 7px;width: 15px;height: 15px;text-align: center; cursor: pointer;}
#main-body ul.menukb {
margin: -15px -15px 0;
padding: 0;
}
#main-body #rightcol ul.menukb li {
position: relative;
}

/* end of JK KB menu */


/*end of JK 100719 */
        



.clearfix:after,
.jwts_tabbernav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix,
.jwts_tabbernav {
	display: inline-block;
}
 
html[xmlns] .clearfix,
html[xmlns] .jwts_tabbernav {
	display: block;
	width: 100%;
}
html[xmlns] .footerlinks {width: 70%;}
 
* html .clearfix,
* html .jwts_tabbernav{
	height: 1%;
}

/* LIGHT STYLES */
/* Top Bar */
#topbar {}
#topbar2 {}
#topbar3 {}

/* Bottom Section */
#botbar {background: url(../images/light/topbar-m.png) 0 0 repeat-x;}
#botbar2 {background: url(../images/light/topbar-l.png) 0 0 no-repeat;}
#botbar3 {background: url(../images/light/topbar-r.png) 100% 0 no-repeat;}
#footer2 {background: url(../images/light/footer-bl.png) 0 100% no-repeat;}
#footer3 {background: url(../images/light/footer-br.png) 100% 100% no-repeat;border-top:  1px solid #000;}
#footerbar {background: url(../images/light/footerbar-m.png) 0 0 repeat-x;}
#footerbar2 {background: url(../images/light/footerbar-l.png) 0 0 no-repeat;}
#footerbar3 {background: url(../images/light/footerbar-r.png) 100% 0 no-repeat;}
#rocket {background: url(../images/light/rocket.png) 0 0 no-repeat;}



/* JK add for VM layout control */

td#vmPicture {
  width: 60%;
}

td#vmcatPicture {
background: #f2f2f2 url(../../../images/stories/slide_bg.png) repeat-x scroll 0 0;
text-align:center;
border-color: #d6e9ec #E5E5E5 #E5E5E5 #E5E5E5;
border-style: outset;
border-width: 2px; 
}
/* end of VM layout control */

/* VM product box display */
.box-vmnobgimg     { width: 100%; text-align: center; background: #e5e5e5; border: 1px solid #534515; position: relative; margin: 10px 0;}
.box-vmnobgimg .tl { position: absolute; width: 14px; height: 14px; background: url(../images/box-vm-tl.gif); top: -1px; left: -1px;}
.box-vmnobgimg .tr { width: 14px; height: 14px; background: url(../images/box-vm-tr.gif); position: absolute; top: -1px; right: -1px; }
.box-vmnobgimg .bl { position: absolute; width: 14px; height: 14px; background: url(../images/box-vm-bl.gif); position: absolute; bottom: -1px; left: -1px; }
.box-vmnobgimg .br { position: absolute; width: 14px; height: 14px; background: url(../images/box-vm-br.gif); position: absolute; bottom: -1px; right: -1px; }
.box-vmnobgimg .inside	{ padding: 20px;}

/* end of VM product box */

/* JK apply shadow to the image */
.box-vm-content a img{
  float:left;
/*  background: url(../images/shadowAlpha.png) no-repeat bottom right !important; */
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.box-vm-content .img-shadow a img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
/* end of shadow */

/* JK added 100720 */

/* for VM control */
.jwts_tabbertab div.story {font-size: 9px;}
/* end of VM Control */

#main-body #showmodules .block.full.3dshow.moduletable {
float: left;
margin-left: -15px;
margin-top: -56px;
outline: 0 none;
width: 950px;
	padding:15px 0 0 15px;
}

#main-body ul.menu li a span.menuitem {
margin-left: 20px;
}
a.glossarylink {
color: #007c92;
position: relative;
text-decoration: none;
z-index: 24;
}

.newstar {
margin-top: -300px;
margin-left: -50px;
}

/* Featured Produdcts Module */
.featureProdHome {position: relative; height: 240px;}
.featureProdHome span.product-name {font-size: 130%; font-weight: normal;}
.featureProdHome span.btn-learnmore, span.btn-learnmore {
position: absolute;
bottom: 20px;
left: 30%;
display: block;
background:transparent url(/images/library/btn_pink.png) no-repeat scroll 0 0;
border: none;
color:#FFFFFF;
cursor:pointer;
margin: 0;
overflow:hidden;
padding:0 0 5px;
width:128px;
height: 37px;
line-height: 29px;
text-align:center;
font-size: 14px;
font-weight: bold;
z-index: 1;
}
.articlecss {background-color:#333333;}
table.category a {color: #007c92;} /* controls the color on article links */
#tableOrdering a, #tableOrdering2 a {color: #333;}
.codetype {font-family: "Lucida Sans Typewriter"}
/* end of JK add 100720 */

/* Typography Styles css */

ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;}
ul.bullet-1 li,  ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 10px !important;}
ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 22px !important;}

ul.bullet-1 li {background: url(../images/typo/bullet-1.png) 0 5px no-repeat !important;}
ul.bullet-2 li {background: url(../images/typo/bullet-2.png) 0 5px no-repeat !important;}
ul.bullet-3 li {background: url(../images/typo/bullet-3.png) 0 5px no-repeat !important;}
ul.bullet-4 li {background: url(../images/typo/bullet-4.png) 0 5px no-repeat !important;}
ul.bullet-5 li {background: url(../images/typo/bullet-5.png) 0 5px no-repeat !important;}
ul.bullet-6 li {background: url(../images/typo/bullet-6.png) 0 2px no-repeat !important;}
ul.bullet-7 li {background: url(../images/typo/bullet-7.png) 0 2px no-repeat !important;}
ul.bullet-8 li {background: url(../images/typo/bullet-8.png) 0 3px no-repeat !important;}

pre {padding: 10px;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

blockquote {display: block;font-style: normal;font-size: 120%;line-height: 150%;width: auto;padding: 10px 28px;margin: 15px 0;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; border-radius: 5px;}
.blue{color: #0D507A;}
.red{color: #D12E2E;}
.green{color: #74A824;}
.purple{color: #9E0E87;}
.orange{color: #CC8300;}
.brown{color: #8B6846;}
.grey {color: #333;}
blockquote.quotes {display: block;background: url(../images/typo/quote-start.png) 0 5px no-repeat;padding: 0px 20px 0 28px;margin: 5px 0;font-size: 120%;line-height: 150%;width: auto;color: #333;border: 0;}
blockquote.quotes p {padding: 0 38px 0 0;margin-top: 0;background: url(../images/typo/quote-end.png) 100% 100% no-repeat;}
blockquote span.quotes  {padding: 20px 25px 6px 0;margin-top: 0;background: url(../images/typo/quote-end.png) 100% 100% no-repeat;}
span.quote-start,.quote-start {background: url(../images/typo/quote-start.png) 0% 0% no-repeat;}
span.quote-end,.quote-end {background: url(../images/typo/quote-end.png) 100% 100% no-repeat;}
.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;}
.important {border: 1px solid #efefef; border-radius: 5px;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px solid #666;}
span.important-title {color: #333;}
span.important-title-blue {color: #0D507A;}
span.important-title-red {color: #D12E2E;}
span.important-title-green {color: #74A824;}
span.important-title-purple {color: #9E0E87;}
span.important-title-orange {color: #CC8300;}
span.important-title-brown {color: #8B6846;}
span.important-title-grey {color: #666;}

span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;}
span.number {color: #333;}
span.number-blue {color: #0D507A;}
span.number-red {color: #D12E2E;}
span.number-green {color: #74A824;}
span.number-purple {color: #9E0E87;}
span.number-orange {color: #CC8300;}
span.number-brown {color: #8B6846;}
span.number-grey {color: #666;}

span.highlight {background: #FFFBD5;padding: 1px 2px;}
span.highlight-blue {color: #0D507A;}
span.highlight-red {color: #D12E2E;}
span.highlight-green {color: #74A824;}
span.highlight-purple {color: #9E0E87;}
span.highlight-orange {color: #CC8300;}
span.highlight-brown {color: #8B6846;}
span.highlight-grey {color: #666;}
span.highlight-bold {font-weight: bold;font-size: 120%;}

span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 260%;float: left;margin: 0px 5px 0 0;line-height: 100%;}
span.dropcap {color: #333;}
span.dropcap-blue {color: #0D507A;}
span.dropcap-red {color: #D12E2E;}
span.dropcap-green {color: #74A824;}
span.dropcap-purple {color: #9E0E87;}
span.dropcap-orange {color: #CC8300;}
span.dropcap-brown {color: #8B6846;}
span.dropcap-grey {color: #666;}

span.inset-left {display: block;color: #000;padding: 0 30px 5px 0;float: left;width: 30%;font-size: 110%;font-weight: bold;font-style: italic;}
span.inset-right {display: block;color: #000;padding: 0 0 5px 30px;float: right;width: 30%;font-size: 110%;font-weight: bold;font-style: italic;}

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/attention.png) 10px 50% no-repeat;}
/*span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../images/typo/notice.png) 10px 50% no-repeat;}*/
span.notice {color: #648434;border: 1px solid #9BCC54;background: #fefefe url(../images/typo/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../images/typo/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../images/typo/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../images/typo/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/doc.png) 10px 50% no-repeat;}

div.number-block1, div.number-block2, div.number-block3 {padding-left: 50px;}
div.number-block1 {background: url(../images/typo/number-1.png) 0 0 no-repeat;}
div.number-block2 {background: url(../images/typo/number-2.png) 0 0 no-repeat;}
div.number-block3 {background: url(../images/typo/number-3.png) 0 0 no-repeat;}

span.subline {display: block;font-size: 90%;margin-bottom: 5px;padding: 0px;margin-top: -15px;font-weight: bold;text-transform:uppercase;}

ul.special-1, ul.special-2, ul.special-3, ul.special-4, ul.special-5, ul.special-6, ul.special-7, ul.special-8, ul.special-9, ul.special-10, ul.special-11, ul.special-12, ul.special-13, ul.special-14 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;}
ul.special-1 li,  ul.special-2 li, ul.special-3 li, ul.special-4 li, ul.special-5 li, ul.special-6 li, ul.special-7 li, ul.special-8 li, ul.special-9 li, ul.special-10 li, ul.special-11 li, ul.special-12 li, ul.special-13 li, ul.special-14 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 21px !important;}

ul.special-1 li {background: url(../images/main/special-1.png) 0 1px no-repeat !important;}
ul.special-2 li {background: url(../images/main/special-2.png) 0 1px no-repeat !important;}
ul.special-3 li {background: url(../images/main/special-3.png) 0 1px no-repeat !important;}
ul.special-4 li {background: url(../images/main/special-4.png) 0 1px no-repeat !important;}
ul.special-5 li {background: url(../images/main/special-5.png) 0 1px no-repeat !important;}
ul.special-6 li {background: url(../images/main/special-6.png) 0 1px no-repeat !important;}
ul.special-7 li {background: url(../images/main/special-7.png) 0 1px no-repeat !important;}
ul.special-8 li {background: url(../images/main/special-8.png) 0 1px no-repeat !important;}
ul.special-9 li {background: url(../images/main/special-9.png) 0 1px no-repeat !important;}
ul.special-10 li {background: url(../images/main/special-10.png) 0 1px no-repeat !important;}
ul.special-11 li {background: url(../images/main/special-11.png) 0 1px no-repeat !important;}
ul.special-12 li {background: url(../images/main/special-12.png) 0 1px no-repeat !important;}
ul.special-13 li {background: url(../images/main/special-13.png) 0 1px no-repeat !important;}
ul.special-14 li {background: url(../images/main/special-14.png) 0 1px no-repeat !important;}
/* end of typography */

/* rokmoomenu.css */
.menutop,.menutop *{margin:0;padding:0;}
#horiznav{position:relative;z-index:1000;}
#horiz-menu{z-index:50;}
#horiz-menu li li{margin:0;}
.menutop{line-height:1.0;float:left;margin-bottom:1.5em;position:relative;}
.menutop ul{background:#fff;/*IE6 needs this*/
padding:0;}
.menutop li{float:left;list-style:none;position:relative;}
.menutop li#current {z-index: 199;}
#horiz-menu li li a, #horiz-menu li.active li a, #horiz-menu li li .separator, #horiz-menu li.active li .separator {display:block;margin:0;text-decoration:none;float:none;height:33px;line-height: 33px;width:100%;}
.menutop li ul{float:none;left:-999em;position:absolute;z-index:500;}
.menutop li:hover li ul, .menutop li.sfHover li ul, .menutop li li:hover li ul, .menutop li li.sfHover li ul, .menutop li li li:hover li ul, .menutop li li li.sfHover li ul{top:-999em;}
.menutop li li:hover ul, .menutop li li.sfHover ul, .menutop li li li:hover ul, .menutop li li li.sfHover ul, .menutop li li li li:hover ul, .menutop li li li li.sfHover ul{left: 0;top: 0;}
.menutop li li{position:relative;float:none;width:100%;}
/* end of rokmoomenu.css */


/* jflanguageselection.css */
#jflanguageselection
{
    float: right;
/* 	margin: 2px 0px 10px 5px;    */
}

/* language lists with UL (names & images) */
#jflanguageselection ul.jflanguageselection
{
	list-style: none;
	padding: 0;
	margin-top: 3px;
	font-weight: normal;
}

#jflanguageselection ul.jflanguageselection li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 1px 1px 1px 1px;
	white-space: nowrap;
	border: none;
	font-size: 0.9em;
}

#jflanguageselection ul.jflanguageselection li#active_language
{
 	font-weight: bold;
	font-size: 1.0em;
}

#jflanguageselection ul.jflanguageselection li a
{
	display: block;
}

#jflanguageselection ul.jflanguageselection img
{
	border: none;
}

div#jflanguageselection img.langImg {
	float: left;
	border: none;
	margin-top: 3px;
}
div#jflanguageselection li img.langImg {
	float: left;
	border: none;
	margin: 0px 1px 0px 1px;
}

/** Styles for the drop down list */

#jflanguageselection select.jflanguageselection
{
	border: 1px solid #cccccc;
}

#jflanguageselection label.jflanguageselection
{
	position:absolute;
	left:-1000px;
}

/** Controls Raw Display of Images **/

.rawimages {
	text-align: center;
	margin-top: 3px;
}
.rawimages img {
	border: none;
	margin:2px;
}
.rawimages span#active_language img
{
	margin:2px;
	border: none;
}

div#jflanguageselection img.langImg{ float: left; border: none; margin-top: 3px; }
div#jflanguageselection li img.langImg{ float: left; border: none; margin: 1px 3px 0px 0px; }

#jflanguageselection .opaque{
	filter:alpha(opacity=30);
}
#jflanguageselection option.opaque{
	color:graytext;
}
/* end of jflanguageselection.css */

/* shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/* end of shadowbox */

/* signallogin.css */
/* Horizontal Login-Form Style */

#sl_horiz {
	height: 22px;
	width: 600px;
	margin-top: 17px;
	margin-left: 11px;
	float: left;
}

#sl_horiz #greeting {
	float: left;
	height: 22px;
	margin-right: 10px;
}

#sl_horiz .button {
	background-color: #131313;
	border: thin solid #212121;
	font-size: 100%;
	font-weight: normal;
	color: #777;
	height: 24px;
	line-height: 10px;
}

#sl_horiz #sl_username {
	float: left;
}

#sl_horiz #sl_username input {
	padding-left: 20px;
	overflow: hidden;
	width: 150px;
	font-size: 100%;
	font-weight: normal;
	border: thin solid #212121;
	color: #777;
	background-color: #131313;
	background-image: url(../images/user_bg.png);
	background-repeat: no-repeat;
	background-position: left;
}

#sl_horiz #sl_pass {
	margin-left: 10px;
	float: left;
}

#sl_horiz #sl_pass input {
	padding-left: 20px;
	overflow: hidden;
	width: 150px;
	font-size: 100%;
	font-weight: normal;
	border: thin solid #212121;
	color: #777;
	background-color: #131313;
	background-image: url(../images/pass_bg.png);
	background-repeat: no-repeat;
	background-position: left;
}

#sl_horiz #sl_rememberme {
	margin-left: 10px;
	float: left;
}

#sl_horiz #sl_submitbutton {
	margin-left: 10px;
	float: left;
}

#sl_horiz #sl_lostpass {
	margin-left: 10px;
	float: left;
}

#sl_horiz #sl_lostname {
	margin-left: 10px;
	float: left;
}

#sl_horiz #sl_register {
	margin-left: 10px;
	float: left;
}

#sl_horiz #sl_posttext {
	margin-left: 10px;
	float: left;
}

/* 
* Vertical Login-Form Style 
*/

#sl_vert {
	/*font-weight: bold;
	font-size: 110%;*/
}

#sl_vert #greeting {
	text-align: center;
	float: none;
	height: 22px;
	margin-bottom: 10px;
}

#sl_vert .button {
	background-color: #131313;
	border: thin solid #212121;
	font-size: 100%;
	font-weight: normal;
	color: #777;
	height: 22px;
	line-height: 10px;
}

#sl_vert #sl_username {
	margin-bottom: 5px;
}

#sl_vert #sl_username input {
	padding-left: 20px;
	overflow: hidden;
	width: 150px;
	font-size: 100%;
	font-weight: normal;
	border: thin solid #212121;
	color: #777;
	background-color: #131313;
	background-image: url(../images/user_bg.png);
	background-repeat: no-repeat;
	background-position: left;
}

#sl_vert #sl_pass {
	margin-bottom: 5px;
}

#sl_vert #sl_pass input {
	padding-left: 20px;
	overflow: hidden;
	width: 150px;
	font-size: 100%;
	font-weight: normal;
	border: thin solid #212121;
	color: #777;
	background-color: #131313;
	background-image: url(../images/pass_bg.png);
	background-repeat: no-repeat;
	background-position: left;
}

#sl_vert #sl_rememberme {
	margin-bottom: 5px;
}

#sl_vert #sl_submitbutton {
	margin-bottom: 5px;
	text-align: center;
}

#sl_vert #sl_lostpass {
	margin-bottom: 5px;
}

#sl_vert #sl_lostname {
	margin-bottom: 5px;
}

#sl_vert #sl_register {
	margin-bottom: 5px;
}

#sl_vert #sl_posttext {
	margin-bottom: 5px;
}
/* end of signallogin.css */

.gnewtonCareerBodyClass *, .gnewtonLandingAreaClass * {font-family:"Trebuchet MS ","Lucida Sans Unicode",arial,san-serif;}

img {-ms-interpolation-mode: bicubic;}

/* JK add 150902 */
.icon-hdd, .icon-autocad , .icon-swx, .icon-iges, .icon-cad, .icon-spec, .icon-fw {width:64px;height:64px; background-image: url('/images/library/icon-filetypes-sprite.png'); background-repeat:no-repeat;}
.icon-hdd {background-position: -5px -5px;} 
.icon-autocad {background-position: -5px -74px;} 
.icon-swx {background-position: -5px -145px;} 
.icon-iges {background-position: -5px -216px;} 
.icon-cad {background-position: -5px -294px;}
.icon-spec {background-position: -5px -366px;} 
.icon-fw {background-position: -5px -435px;} 

.icon-can, .icon-dn, .icon-pb, .icon-ecat, .icon-pnet, .icon-combitronic, .icon-eth, .icon-eip, .fblogobox  {padding:0 7px;width:60px;height:31px; background-image: url('/images/library/icon-fblogo-sprite-60.png'); background-repeat:no-repeat;}
.icon-can {background-position: -5px 5px;}
.icon-dn {background-position: -5px -28px;}
.icon-pb {background-position: -5px -65px;}
.icon-ecat {background-position: -3px -95px;}
.icon-pnet {background-position: -3px -208px;}
.icon-combitronic {height:15px;background-position: -5px -123px;}
.icon-eth {height:48px; background-position: -5px -150px;}
.icon-eip {background-position: -5px -236px;}

.connectorbox {width:125px;height:125px; background-image: url('/images/library/icon-connectors-sprite.jpg'); background-repeat:no-repeat;}
.connector-m12 {background-position: -5px 5px;}
.connector-m8 {background-position: -5px -148px;}
.connector-powerinput {background-position: -5px -291px;}
.connector-fbport {background-position: -5px -418px;}
.connector-de15m {background-position: 1px -518px;}

.sm23216mh-spec {background-image: url('/images/library/sprite-sm23216mh.jpg'); background-repeat:no-repeat;}
.sm23166mt-spec {background-image: url('/images/library/sprite-sm23166mt.jpg'); background-repeat:no-repeat;}
.sl17406d-spec {background-image: url('/images/library/sprite-sl17406d.jpg'); background-repeat:no-repeat;}
.powerchart-sm23216mh, .powerchart-sm23166mt{width:640px; height:331px;}
.powerchart-sm23216mh {background-position: -5px 5px;}
.powerchart-sm23166mt {background-position: -6px 5px;}
.powerchart-sl17406d {background-position: -6px -649px;}
.dimension-sm23216mh, .dimension-sm23166mt{width:640px; height:468px;}
.dimension-sm23216mh {background-position: -5px -323px;}
.dimension-sm23166mt {background-position: -2px -323px;}
.dimension-sl17406d {width:883px; height:620px;}
.powerchart-sl17406d {width:883px; height:500px;}
.dimension-sl17406d {background-position: 0px 0px;}


#bottom ul li.icon-phone a,
#bottom ul li.icon-phone:hover a, #bottom ul li.icon-email a,
#bottom ul li.icon-email:hover a {background-image: url('../images/3mk_sprite.png'); background-repeat:no repeat;}
#bottom ul li.icon-phone a, #bottom ul li.icon-phone:hover a {background-position: -5px -54px;}
#bottom ul li.icon-email a,#bottom ul li.icon-email:hover a {background-position: -2px -105px;}

#bottom ul li.socialmedia a,#bottom ul li.socialmedia:hover a 
{background: none; padding: 0; width: 19%; float:left;}
#bottom ul li.icon-phone, #bottom ul li.icon-email, #bottom ul li.socialmedia {float:left; margin: 0 20px 0 34px; width: 247px; padding: 0;}



#bottom ul li.icon-youtube a, #bottom ul li.icon-youtube:hover a,
#bottom ul li img.icon-youtube, #bottom ul li a.socialmedia img.icon-youtube, #bottom ul li img.icon-youtube:hover a,
#bottom ul li.icon-linkedin a, #bottom ul li.icon-linkedin:hover a,
#bottom ul li img.icon-linkedin, #bottom ul li a.socialmedia img.icon-linkedin, #bottom ul li img.icon-linkedin:hover a,
#bottom ul li.icon-twitter a, #bottom ul li.icon-twitter:hover a,
#bottom ul li img.icon-twitter, #bottom ul li a.socialmedia img.icon-twitter, #bottom ul li img.icon-twitter:hover a,
#bottom ul li.icon-facebook a, #bottom ul li.icon-facebook:hover a,
#bottom ul li img.icon-facebook, #bottom ul li a.socialmedia img.icon-facebook, #bottom ul li img.icon-facebook:hover a     
{width:60px; height:50px; background-image:url('../images/3mk_sprite.png'); background-repeat: no-repeat}
.icon-youtube {background-position: 0px -217px;}
.icon-linkedin {background-position: 0px -282px;}
.icon-twitter {background-position: 0px -346px;}
.icon-facebook {background-position: 0px 0px;}

.flag{width: 25px; height: 15px; background:url('/images/library/flags.png') no-repeat}	


.flag.flag-zh {background-position: -25px 0}
.flag.flag-de {background-position: -50px 0}
.flag.flag-fr {background-position: 0 -15px}
.flag.flag-ja {background-position: -25px -15px}
.flag.flag-ko {background-position: -50px -15px}
.flag.flag-tw {background-position: 0 -30px}
.flag.flag-en {background-position: -25px -30px}

.tabber_container_2_smstyle div.tabber_nav {margin-left: 100px;}

.smtypes
{width:114px; height:120px; background-image:url('/images/library/icon-SMtypes-sprite.jpg'); background-repeat: no-repeat}
.icon-sm17205d {background-position: -5px 5px;}
.icon-sm23165d {background-position: -5px -113px;}
.icon-sm23165dt {background-position: -5px -251px;}
.icon-sm23165mt-ip {background-position: -5px -379px;}
.icon-sm23205d {background-position: -7px -490px;}
.icon-sm23305d {background-position: -7px -593px;}
.icon-sm23405d {background-position: -7px -707px;}
.icon-sm23375d {background-position: -9px -813px;}
.icon-sm23375dt {background-position: -9px -916px;}
.icon-sm34165d {background-position: -8px -1035px;}
.icon-sm34165dt {background-position: -8px -1162px;}
.icon-sm34165mt-ip {background-position: -11px -1293px;}
.icon-sm34205d {background-position: -11px -1407px;}
.icon-sm34305d {background-position: -11px -1520px;}
.icon-sm34405d {background-position: -11px -1629px;}
.icon-sm34505d {background-position: -11px -1733px;}
.icon-sm23166mt {background-position: -18px -1838px;}
.icon-sm23216mh {background-position: -10px -1926px;}
.icon-sl17406d {background-position: -10px -2043px;}

.boxcontainer {width:294px; height:219px;background-color:#eee;border:1px solid #ddd;
background: -webkit-linear-gradient(#eee, #fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eee, #fff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eee, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#eee, #fff); /* Standard syntax */
border-radius:5px;
}
.boxtypes
{width:294px; height:190px; background-image:url('/images/library/icon-supportpage-sprite.png'); background-repeat: no-repeat;float:left;}
.class5-installation-startup {background-position: 3px -2388px;}
.smartmotor-developers-guide {background-position: 3px -2200px;}

.frontbox {background-image:url('/images/library/sprite-frontpage.jpg'); background-repeat: no-repeat;float:left;}
.frontbox-4 {width:267px; height:157px;background-position: -332px -522px;}
.frontbox-5 {width:282px; height:157px;background-position: -10px -1123px;}
.btn-learnmore {width:282px; height:60px;background-position: -10px -1353px;}

.frontshowcase-box {background-image:url('/images/library/home-showcasebox.png'); background-repeat: no-repeat;float:left;
width:956px; height:376px;background-position: -5px -5px;margin-left:10px;}
.frontshowcase-box-jp {background-image:url('/images/library/home-showcasebox-jp.png'); background-repeat: no-repeat;float:left;
width:956px; height:376px;background-position: -5px -5px;margin-left:10px;}
.frontshowcase-title{display: block;position: absolute;font-size: 21pt;height: 75px;width: 639px;margin: 38px 3px 5px 33px;color: #000;
    text-align: left;
    z-index: 1;
    line-height: 120%;
    font-weight: bolder;}
	
.frontshowcase-contents{display: block;position: absolute;font-size: 12.5pt;height: 75px;width: 514px;margin: 103px 3px 5px 12px;color: #000;
    text-align: left;
    font-weight: normal;
    z-index: 1;
    line-height: 140%;}

.homebox1-2{background-image:url('/images/library/home-newversion-bg-yellow.png'); background-repeat:no-repeat;float:left;width:588px;height:219px;background-position:-1px 0px;margin-left:0px;position:relative;}
.homebox1-2-1{background-image:url('/images/library/home-newwebinar-bg-gray.png'); background-repeat:no-repeat;float:left;width:588px;height:219px;background-position:-1px 0px;margin-left:0px;position:relative;}
.homebox1-2-title, .homebox1-2-subtitle, .homebox1-2-contents{display: block;position: absolute;left:27px;  line-height: 120%;}
.homebox1-2-title{top:21px;width: 432px;color: #000;font-size: 18pt;font-weight: bolder;}	
.homebox1-2-subtitle {color: #8c2633;font-size:12pt;font-weight:bold;top:53px;width: 443px;}	
.homebox1-2-contents{color: #000;
    font-size: 10pt;
    width: 448px;
    top: 84px;
	left:32px;
    line-height: 120%;}
.homebox1-2-contents ul li {margin-left:0px;}	

.homebox2{background-image:url('/images/library/290x534_AnimaticsDesignWorld_ad-1.png'); background-repeat:no-repeat;float:left;width:261px;height:480px;background-position:-1px 0px;margin-left:0px;position:relative;}
.homebox2-title, .homebox2-subtitle{display: block;position: absolute;top: 121px;left:31px; }
.homebox2-title{color: #fff;font-size: 16pt;font-weight: bolder;text-align: center;line-height: 106%;width: 211px;}
.homebox2-subtitle {color: #fff;font-size: 10pt;font-weight: bold;text-align: left;width: 208px;top:196px;left:53px;}
.homebox2-contents{    display: block;
    position: absolute;
    font-size: 10pt;
    height: 75px;
    width: 250px;
    margin: 10px 3px 5px 0px;
    color: #000;
    text-align: left;
    font-weight: normal;
    z-index: 1;
    line-height: 120%;}
	
.textshadow {text-shadow: 0 1px 0px #eee;}

#page div.tabber_nav li.tabber_tab a, #page div.tabber_nav li.tabber_tab a:link, #page div.tabber_nav li.tabber_tab a:visited, #page div.tabber_nav li.tabber_tab a:active, #page div.tabber_nav li.tabber_tab a:hover, div.tabber_nav li.tabber_tab a, div.tabber_nav li.tabber_tab a:link, div.tabber_nav li.tabber_tab a:visited, div.tabber_nav li.tabber_tab a:hover
{background: #eee; height:35px;border-radius:5px 5px 0 0; color:#222;}

		#page div.tabber_nav li.tabber_tab,
		div.tabber_nav li.tabber_tab {
			float: left;
			margin: 5px 2px 0 0 !important;
			padding: 0 !important;
			list-style: none;
			list-style-image: none;height: 35px;background: #eee;border-radius:5px 5px 0 0;
			/*JK replaced with the following background: none !important; */
/*			background: url("../images/tabTopRight.gif") no-repeat scroll right 6px transparent; 
*/

			
		}
#page div.tabber_nav li.tabber_tab.active, div.tabber_nav li.tabber_tab.active {background: #eee; border-left: 5px solid #007C92; border-radius: 5px 5px 0 0;}
			
			#page div.tabber_nav li.tabber_tab a,
			#page div.tabber_nav li.tabber_tab a:hover, 
			div.tabber_nav li.tabber_tab a,
			div.tabber_nav li.tabber_tab a:hover {
				display: block;
				width: auto;
				_width: 0%;
				/*JK padding: 5px 5px 0 5px;*/
				height: 20px;
				_height: 25px;
				/*JK font-size: 14px;
				line-height: 1em;
				font-weight: bold;*/
				white-space: nowrap;
				/*border: solid 1px #B4B4B4;*/
				border-bottom: none;
				/*JK background: transparent url(../images/gradient.png) repeat-x 0 -100px;*/
				text-decoration: none !important;
				/*JK add */
				font-size: 94%;
				line-height: 3em;
				padding: 5px 10px 0;
			}
			#page div.tabber_container.rounded div.tabber_nav li.tabber_tab a,
			#page div.tabber_container.rounded div.tabber_nav li.tabber_tab a:hover, 
			div.tabber_container.rounded div.tabber_nav li.tabber_tab a,
			div.tabber_container.rounded div.tabber_nav li.tabber_tab a:hover {
				-webkit-border-radius: 10px 10px 0 0;
				-moz-border-radius: 10px 10px 0 0;
				border-radius: 10px 10px 0 0;
			}
			#page div.tabber_nav li.tabber_tab.active a,
			#page div.tabber_nav li.tabber_tab.active a:hover, 
			div.tabber_nav li.tabber_tab.active a,
			div.tabber_nav li.tabber_tab.active a:hover {
				/*JK color: #FFFFFF;*/
				/*JK replaced with the following background-color: #222;*/
/*				background: url("../images/tabTopLeftSelected.gif") no-repeat scroll left top transparent !important;
*/
				/*JK Add*/
				background: #eee; color: #007C92;
				font-size: 98%;
				line-height: 27px;
			}
			#page div.tabber_nav li.tabber_tab.active a,
			div.tabber_nav li.tabber_tab.active a {
/*				padding-bottom: 10px;
*/
			}
			div.tabber_nav li.tabber_tab a:hover {
				/*JK color: #333333;
				background-color: #80BCFF;*/ /* 50% white */
				/* JK Add */
				color: #007c92;
			}
div.tabber_nav {
	display: block;
	clear: left;
	margin: 5px 0 0 0;
	padding: 0 10px;
	line-height: 1em;
	zoom: 1; /* Fix for IE height issue */
}
	div.tabber_nav ul.tabber_tabs {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
		list-style-image: none;
		background: none !important;
	}
#page .smartnews a , #page .smartnews ol li {color:#007C92;}
#page .smartnews ol  li {    padding-left: 16px;
    font-size: 1em;
    line-height: 133%;
	    border-bottom: 1px solid gray;}
.smartnews a {line-height:255%;}

.gg-cse-box {width:350px;}
.ad_button {min-width:600px;height:20px;float:right;}
.techsupport-button {background-color:#057587; color:#fff; float:right;width:173px;padding: 0 20px;margin:1px 5px;border:1px #057587 solid;border-radius:2px;}
.box294 {width: 32%; height:219px;border:1px #ddd solid;margin:4px;border-radius:5px;float:left;}
.box294-title {font-size:1.2em;}
.cofc{background:url('/images/library/cofc.png') no-repeat #eee}
.cofc-ul {background-position: 5px 45px;}
.cofc-ce {background-position: 5px -145px;}
.cofc-odva {background-position: 5px -382px;}	/* .vmCartContainer#addtocart_58980e9cac9c9.details-cart-form {display:none;} */.details-cart-form#addtocart_58980e9cac9c9{display:none;}
/* end of JK add 150902 */