/* Font Family Settings */

/*#ff-mynxx, a.mynxx, #ff-mynxx .componentheading
{
    font-family: Helvetica,Arial,sans-serif;
}
#ff-mynxx h1, #ff-mynxx h2
{
    font-family: Georgia, Times, sans-serif;
}
#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 */
div.wrapper, #main-body-bg
{
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
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: 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: 25px 0 10px 0;
    font-weight: normal;
    line-height: 120%;
}
h1
{
    font-size: 250%;
    line-height: 100%;
}
h2
{
    font-size: 185%;
    line-height: 100%;
    color: #0069AA;
}
h3
{
    font-size: 155%;
}
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;
}

.header-surround
{
    position: relative;
}
#header
{
    background: #fff;
    position: relative;
    padding: 1px;
}
#header2
{
    /*background: url(../images/main/showcase-bg.png) 0 0 repeat-x;*/
}
.sec-div
{
    clear: both;
    height: 0px;
}
#main-content
{
    background: #fff;
    overflow: hidden;
}
#main-content-surround
{
    position: relative;
    border-bottom: 5px solid #82848A;
}
#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: 0;
    margin-right: 0;
}
#topbar2
{
    margin-left: -5px;
}
#topbar3
{
    height: 52px; /*margin-right: -5px;*/
    position: relative;
    z-index: 1;
}
#topbar a, #botbar a
{
    color: #0069AA;
}
#topbar a:hover, #botbar a:hover
{
    color: #000000;
    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;
}
#news-ticker
{
    line-height: 50px;
    background: url(../images/main/topbar-div.png) 100% 50% no-repeat;
    position: absolute !important;
    left: 0;
    top: 0;
}
a.news-ticker
{
    /*margin-left:16px;     padding:2px 14px 2px 20px;*/
}
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: 14px;
    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 1px;
    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 .sfHover
{
    z-index: 700;
}
.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: 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: 110%;
    padding: 15px 10px;
}

#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
{
    /*height: 274px;*/
    color: #82848a;
}
.moduletable h2, h2.module-title
{
    margin-top: 0;
    font-size: 200%;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.moduletable h3, h3.module-title
{
    margin-top: 0;
    font-size: 120%;
    color: #0069aa;
    text-transform: uppercase;
}

/*.moduletable a
{
    color: #0069aa;
    font-weight: bold;
    background:transparent url('../images/content/rt-arrow-gray.png') no-repeat scroll 0 50%;
    margin-left:16px;
    padding: 0 14px 0 20px;
}
.moduletable a:hover
{
    color: #000;
    font-weight: bold;
    background:transparent url('../images/content/rt-arrow-gray.png') no-repeat scroll 0 50%;
    margin-left:16px;
    padding: 0 14px 0 20px;
}*/

#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: 15px 0 0;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #82848a;
}
#showmodules .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;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #EAEAEA;
}
#bottom
{
    background: #303030;
}
#footer
{
    background: #303030;
}
#footer3
{
    padding-bottom: 5px;
}
#mainmodules4
{
    color: #999;
}
#mainmodules4 a
{
    color: #ccc;
}
#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;
    padding: 25px 0;
    overflow: hidden;
}
#footerbar3
{
    height: 50px;
    margin-top: 3px;
}
#ql-button
{
    float: right;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 0;
}
a.ql-button-desc
{
    background: url(../images/content/info.png) 0 50% no-repeat;
    padding: 0 14px 0 20px;
    margin-left: 16px;
    color: #ccc;
}
#top-button
{
    float: right;
    line-height: 50px;
}
a.top-button-desc
{
    background: url(../images/content/top-button.png) 0 50% no-repeat;
    padding: 0 14px 0 20px;
    margin-left: 16px;
    color: #ccc;
}
#copyright
{
    float: right;
    color: #808080;
    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 20px;
    background: url(../images/main/menu-arrow.png) 5px 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) 5px 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;
}


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

/* Added */
a, legend, #main-body ul.menu li a:hover, #main-body ul.menu li.parent li a:hover, #main-body ul.menu li.parent ul li.parent ul li a:hover, #main-body ul.menu li.active a, #main-body ul.menu li.parent li.active a, #main-body ul.menu li.parent li.parent li.active a, #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 h3 span, #vmMainPage span.catbar-text h3, div.pathway a
{
    color: #CF230B;
}
#main-body ul.menu ul li.current-page
{
    padding-left: 20px;
    font-size: 100%;
    color: #0069AA;
}