/* This is the Main template logo, Edit this to match the width and height of your new logo image */

#logo {width: 275px;height: 70px; margin-top:-10px;}

a{

	outline:none;

	border:none;

	}

/* Font Family Settings */



#ff-mynxx, a.mynxx, #ff-mynxx .componentheading {font-family: Verdana,Helvetica,Arial,sans-serif; color:#444;}

#ff-mynxx h1, #ff-mynxx h2 {font-family: "Calibri";}

#ff-optima, a.optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}

#ff-geneva, a.geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}

#ff-helvetica, a.helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;}

#ff-lucida, a.lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}

#ff-georgia, a.georgia {font-family: Georgia, sans-serif;}

#ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;}

#ff-palatino, a.palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}



/* Core Formatting */



html {height: 100%;margin-bottom: 1px;}

body {margin: 0;line-height: 135%;}

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: 12.5px;}

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: 25px 0 10px 0;font-weight: normal;line-height: 120%;}

h1 {font-size: 250%;line-height: 100%;}

h2 {font-size: 200%;line-height: 100%;}

h3 {font-size: 175%;}

h4 {font-size: 120%;line-height: 130%;}

h5 {font-size: 120%;text-transform: uppercase;}

a {text-decoration: none;}

a:hover {text-decoration: underline;}

.clr {clear: both;}



#logo {float: left;margin-left: 10px;position: relative;}

#logo:hover {text-decoration: none;}

.logo-text {position: absolute;right: 3px;top: 15px;text-transform: uppercase;font-size: 13px;}

#header {padding: 20px 0;}

.showcase-surround {position: relative;}

#showcase {background: #fff;position: relative;padding: 1px;}

#showcase2 {background: url(../images/main/showcase-bg.png) 0 0 repeat-x;}

.sec-div {clear:both;height: 5px;}

#main-content {background: #fff;overflow: hidden;}

#main-content-surround {position: relative;}

#maincontent-block {padding: 0 15px;}

.corner, .show-bl, .show-br, .bottom-bl, .bottom-br, .bottom-tl, .bottom-tr {width:5px;height:5px;position:absolute;}

#bl.corner, .bottom-bl {bottom:0;left:0;}

#br.corner, .bottom-br {bottom:0;right:0;}

#tl.corner, .bottom-tl {top:0;left:0;}

#tr.corner, .bottom-tr {top:0;right:0;}

.show-bl {bottom:0;left:0;}

.show-br {bottom:0;right:0;z-index:2;}

.ad-module-top .moduletable {padding: 15px;}



/* New CSS structure */

.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%;}

.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 .col1wrap {background: #fff url(../images/main/vert-line.png) 100% 0 repeat-y;}

.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;}

#topbar2 {margin-left: -5px;}

#topbar3 {height: 52px;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 {line-height: 50px;background: url(../images/main/topbar-div.png) 100% 50% no-repeat;position: absolute;left: 0;top: 0;}

a.home-button-desc {background: url(../images/main/home-icon-d.png) 0 50% no-repeat;padding: 2px 14px 2px 20px;margin-left: 16px;}

#login-button {float: right;line-height: 50px;background: url(../images/main/topbar-div.png) 0 50% no-repeat;}

a.login-button-desc, a.login-button-desc2 {background: url(../images/main/user-icon-d.png) 0 50% no-repeat;padding: 2px 14px 2px 20px;margin-left: 16px;}

#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;}

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: #666;padding: 4px;color: #fff;}

#cart-panel a.savedCart {margin: 0 auto;text-align: center;display: block;}



/* Top Main Menu */



#horiz-menu {padding: 8px 0;display: block;}

ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: right;cursor:pointer;}

#horiz-menu li, #horiz-menu li .link {position:relative;display: block;}

#horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;color: #fff;}

#horiz-menu .link {white-space: nowrap;display: block;float: left;height: 30px;line-height: 30px;font-weight: normal;font-size: 17px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;color: #fff;}

#horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {z-index: 100;cursor: pointer;margin: 0;color: #fff;}

#horiz-menu ul {list-style: none;padding: 0;margin: 0;}

#horiz-menu li {display: block;float: left;margin: 0  10px;padding: 0;font-weight: bold;}

#horiz-menu li .link span {display: block;padding: 0 10px;height: 30px;}



/* Top Main Menu Dropdowns */



#horiz-menu ul ul {margin: 0;border: 0;padding: 0 10px 15px 10px;}

#horiz-menu li li {margin: 0;}

#horiz-menu li li .link {text-indent:10px;font-weight: normal;padding: 0;margin: 0;height: 33px;font-size: 12px;display: block;}

#horiz-menu li li .link span {display: block;padding: 0;margin-left: 0;}

#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {height: 30px;}

/*#horiz-menu li.parent, #horiz-menu li.active li.parent {z-index: 600;}*/

.menutop li:hover ul, .menutop li.sfHover ul {left: -4px;top:0;}

#horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3 {float: left;width: 173px;padding: 0;}

#horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 195px;}

#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:700;width: 100%;}

.menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: -1px;top:30px;}

.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: none;}



/* 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;}

.componentheading {font-size: 120%;text-transform: uppercase;font-weight: bold;line-height: 170%;margin: 0 -14px;padding: 9px 15px;background: url(../images/main/catbar-bg.png) 0 100% repeat-x;}

.contentheading {font-size: 200%;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: 15px;}



/* Main Body Modules */



.moduletable h3, h3.module-title {margin-top: 0;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: 15px;}

#mainmodules3 h3 {margin-top: 0;}

#showcase .showcase-hero {background: url(../images/content/home-hero.jpg) 50% 0 no-repeat;height: 343px;margin: -15px 0 -30px 0;}

#vmMainPage {margin:0 -15px;}

#bottom-main {background: #fff;position: relative;}



/* Bottom Section */



#botbar {margin-left: 5px;margin-right: 5px;}

#botbar2 {margin-left: -5px;}

#botbar3 {height: 52px;margin-right: -5px;position: relative;}

#bottom {background: #352E4D;}

#footer {background: #303030;}

#footer3 {padding-bottom: 5px;}

#mainmodules4 {color: #999;}

#mainmodules4 a {color: #999;}

#bottom-logo {background: url(../images/main/bot-logo.png) 0 0 no-repeat;width: 105px;height: 30px;float: right;margin-top: 22px;margin-right: 15px;}

#bottom-menu {/*margin-right: 180px;*/margin-right: 20px;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;color: #666;padding: 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: #666;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;}

#rocket {width: 111px;height: 15px;float: left;margin-top: 15px;margin-left: 15px;}

#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;}

.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;}

.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;}

#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;}

#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;}

#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;}

#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 {font-weight: bold;}

#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;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 li.active {background: url(../images/main/side-li-bg.png) 0 0 repeat-x;}*/

#main-body ul.menu .arrow-expand {background: url(../images/main/menu-expand.png) 0 0 no-repeat;cursor: pointer;}

#main-body ul.menu .arrow-collapse {background: url(../images/main/menu-collapse.png) 0 0 no-repeat;cursor: pointer;}

#main-body ul.menu .arrow-expand span, #main-body ul.menu .arrow-collapse span {display: none;}

.rokvm_categories li.parent div.arrow {position:absolute;right: 10px;top: 7px;width: 15px;height: 15px;text-align: center;}

#rightcol ul.menu li.active {background: url(../images/main/side-li-bg-w.png) 0 0 repeat-x;}

#rightcol ul.menu li.active.parent ul {background: url(../images/main/side-li-bg-w2.png) 0 100% repeat-x;}

#rightcol ul.menu li.active a, #rightcol ul.menu li:hover a {background: url(../images/main/side-li-bg-w.png) 0 0 repeat-x;}

#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 {color: #333;}

#main-body ul.menu li.active ul span.separator {background: 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: block;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;}

.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;}



/* RokTabs */



.roktabs-wrapper {padding: 0;position: relative;margin: -15px;}

.roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;}

.roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;}

.roktabs-wrapper .roktabs-container-wrapper div {float: left;}

.roktabs-wrapper .roktabs-container-wrapper div.wrapper {padding: 14px;width: auto;}

.roktabs-wrapper .roktabs-links {margin: 0;background: #fff url(../images/main/roktabs-links.png) 0 0 repeat-x;padding: 0;height: 63px;overflow: hidden;}

.tabs-bottom .roktabs-links {background: #fff url(../images/main/roktabs-links-b.png) 0 0 repeat-x;}

.roktabs-wrapper .active-arrows .roktabs-links {margin: 0 32px;background: #fff url(../images/main/roktabs-links.png) 0 0 repeat-x;padding: 0;height: 63px;}

.tabs-bottom .active-arrows .roktabs-links {background: #fff url(../images/main/roktabs-links-b.png) 0 0 repeat-x;}

.roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;padding: 0 10px;overflow:hidden;margin: 0;height: 63px;}

.roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 63px;line-height: 48px;}

.tabs-bottom .roktabs-links ul li {line-height: 80px;}

.roktabs-wrapper .roktabs-links ul li span {padding: 7px 11px;}

.roktabs-wrapper .roktabs-links ul.roktabs-top li.active {background: url(../images/main/roktabs-active.png) 50% 0 no-repeat;margin: 0;}

.tabs-bottom .roktabs-links ul.roktabs-bottom li.active {background: url(../images/main/roktabs-active-b.png) 50% 0 no-repeat;}

.roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 29px;}

.roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 46px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:63px;width: 32px;}

.roktabs-wrapper .arrow-next {background: url(../images/main/roktabs-next.png) 0 0 no-repeat;right: 0;}

.roktabs-wrapper .arrow-prev {background: url(../images/main/roktabs-prev.png) -3px 0 no-repeat;left: 0;}

.tabs-bottom .arrow-next {background: url(../images/main/roktabs-next-b.png) 0 0 no-repeat;right: 0;}

.tabs-bottom .arrow-prev {background: url(../images/main/roktabs-prev-b.png) -3px 0 no-repeat;left: 0;}

.roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;}

.clear {clear: both;}



/* RokAjaxSearch */



#searchmod-surround {padding: 13px 10px;background: url(../images/main/searchmod-surround.png) 0 100% repeat-x;margin-bottom: 3px;border-bottom: 1px solid #bbb;}

#leftcol #searchmod-surround {background: url(../images/main/searchmod-surround-l.png) 0 100% repeat-x;}

#searchmod {background: url(../images/main/searchmod-m.png) 0 0 repeat-x;margin: 0 10px 0 22px;}

#searchmod2 {background: url(../images/main/searchmod-l.png) 0 0 no-repeat;margin-left: -22px;}

#searchmod3 {background: url(../images/main/searchmod-r.png) 100% 0 no-repeat;margin-right: -10px;padding-left: 22px;height: 20px;}

#searchmod .inputbox {background: none;border: 0;padding-top: 2px;}

#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: #666;}

#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: #666;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%;}



/* 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 #666;padding-right:12px;}

.rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;}

.rokmod-demo-block .demo div {border-right:1px dotted #666;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;}



img.article-left {

    border: 4px solid #DADADA;

    float: left;

    margin: 10px;

    padding: 1px;

}
.left-right-0 .module{
	padding:15px 0px;
	font-size:11px;
	}
.left-right-0 h1{
	margin-top:5px;
	margin-bottom:8px;
	}
.half-right{
	width:50%;
	float:right;
	}
.half-left{
	float:left;
	width:48%;
	}
.half-left h3{
	text-align:right;
	}
#page h3{
	color:#4F466D;
	padding-bottom:5px;
	border-bottom:1px solid #dadada;
	font-family:'Economica', sans-serif;
	}
.width-100{
	width:100%;
	float:left;
	}	
.box1{
	float:left;
	background:#f3f3f3;
	padding:10px;
	margin:5px 0px;
	}	
.box1 .image{
	float:left;
	width:135px;
	}	
.box1 .content{
	float:left;
	margin-left:10px;
	width:550px;
	}
.img-left{
	float:left;
	margin:0px 10px 5px 0px;
	padding:1px;
	background:#fff;
	border:2px solid #ccc;
	}
	
span.blue{
	color:#584B84;
	font-weight:bold;
		}
span.blue2{
	color:#584B84;
		}
.right-pdf-link{
	padding:3px 3px 3px 25px; 
	border-left:3px solid #dadada;
	background:url(../images/pdf-icon.png) no-repeat #f5f5f5;
	float:right;
	margin:5px;
	}
#accordionMenu .separator{
	font-weight:bold;
	color:#fff;
	font-size:12px;
	}
#accordionMenu a{
	color:#4F466D;
	} 
#accordionMenu  ul li{
	font-size:11px !important;
	}
.green{
	background:#6B9C4C;
	color:#fff;
	}
.green h3{
	background:url("../images/main/module-h3-green.png") repeat-x 0 100% !important;
	}
.green #accordionMenu a{
	color:#fff !important;
	padding-left:15px !important;
	}
.green span.separator{
	background:none !important;
	padding-left:10px !important;
	}
table.table-4 {
    width: 100%;
}
table.table-4 td {
    border: 1px solid #DADADA;
    height: 22px;
    padding: 3px;
	background:#F7F7F7;
}
table.table-4 th{
    border: 1px solid #4C7830;
    height: 22px;
	color:#fff;
    padding: 3px;
	background:#6B9C4C;
}
.green a{
	color:#fff;
	float:left;
	background:url("../images/main/menu-arrow2.png") no-repeat 1px 4px;
	font-size:12px;
	margin:7px 0px;
	line-height:normal;
	border-bottom:1px solid #84B864;
	padding:0px 0px 4px 14px;
	width:93%;
	}
#avatar_skitter_module{
box-shadow:0px 0px 6px 3px #999;
-moz-box-shadow:0px 0px 6px 3px #999;
-webkit-box-shadow:0px 0px 6px 3px #999;
} 
#leftcol .menu{padding:0px 10px 0px 10px !important;}
#leftcol .menu  span{color:#fff; font-size:12px;}
#leftcol .menu  span:hover{color:#fff; text-decoration:underline;}
#inset-block-right{margin-top:-30px; width:380px !important;}
div.jwts_toggleControlContainer a.jwts_toggleControl {
    background: none repeat scroll 0 0 #AFA1DD;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 1px;
    padding: 4px;
    text-decoration: none;
}







/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}