/* This is the Main template logo, Edit this to match the width and height of your new logo image */ #logo {width: 380px;height: 58px;} /* Font Family Settings */ body#ff-akiraka, body#ff-akiraka td {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;} body#ff-optima, #ff-optima td {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;} body#ff-geneva, #ff-geneva td {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;} body#ff-helvetica, #ff-helvetica td {font-family: Helvetica, Arial, FreeSans, sans-serif;} body#ff-lucida, #ff-lucida td {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;} body#ff-georgia, #ff-georgia td {font-family: Georgia, sans-serif;} body#ff-trebuchet, #ff-trebuchet td {font-family: "Trebuchet MS", sans-serif;} body#ff-palatino, #ff-palatino td {font-family: "Myriad", Helvetica,Verdana,sans-serif;} body#ff-akiraka #horiz-menu, body#ff-akiraka #bottom-block ul.menu, body#ff-akiraka #breadcrumbs {font-family: Helvetica, Arial, FreeSans, sans-serif;} /* NEW MENU */ /* Core Formatting */ html {height: 100%;margin-bottom: 1px;} body {margin: 0;line-height: 135%;} .wrapper {position: relative;} 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: 200%;line-height: 100%;} h2 {font-size: 175%;line-height: 100%;} h3 {font-size: 150%;} h4 {font-size: 120%;line-height: 130%;} h5 {font-size: 120%;text-transform: uppercase;} a {text-decoration: none;} a:hover { text-decoration: none; } .clr {clear: both;} legend {padding:0;margin:10px 0 4px;font-weight:bold;} /* Form overrides */ #section2 form.editor {background:#f3f3f3;border: 4px solid #ccc;padding:10px;} #section2 form.editor {color:#333;} #section2 form.editor input, #section2 form.editor textarea {border:1px solid #ccc;} #section2 form.editor fieldset a {color: #00c; } #section2 form.editor fieldset {border-bottom:1px solid #ccc;} #section2 form.editor legend {font-size:120%;margin:15px 0;font-weight:bold;background:#ddd;padding: 4px;} #section2 form.editor label {display:block;width: 120px;float:left;} #section2 form.editor div.radio label {display:inline;width:auto;float:none;} /* Top Header Bar */ #top-bar {overflow: hidden;} #top-left {padding: 10px 10px 10px 0;float: left;width: 47%;} #top-right {padding: 10px 0 10px 10px;float: right;width: 47%;text-align: right;} #top-bar h3 {margin-top: 0;} /* Main Header */ #logo {background: url(../images/logo.png) 0 0 no-repeat;float: left;overflow: hidden;position: relative;} .logo-desc {text-transform: uppercase;font-size: 14px;position: absolute;bottom: 4px;left: 63px;text-decoration: none;} #logo:hover {text-decoration: none;} .logo-module {width: 50%;float: left;} #header-main {position: relative;z-index: 10;padding-bottom: 1px;} #header-main .wrapper {position: relative;} #header-top {padding: 12px 10px 14px 10px;overflow: hidden;} /* Search Bar */ #searchmod {padding: 0;float: right;text-align: right;} #searchmod .search, #searchmod .rokajaxsearch {border: 0;padding: 14px 0 0 0;} #searchmod .inputbox {padding: 4px 0 4px 6px;font-size: 100%;float: left;width: 240px;background: url(../images/search-icon.png) 98% 50% no-repeat;border: 0px;color: #999;} #roksearch_results {background: #333;border: 0;} #roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {padding: 6px 15px;line-height: 100%;text-transform: uppercase;font-weight: normal;font-size: 100%;} #roksearch_results .roksearch_row_btm {overflow: hidden;} #roksearch_results .roksearch_odd {padding: 15px 15px 5px 15px;border: 0;position: relative;} #roksearch_results .roksearch_even {border: 0;padding: 15px 15px 5px 15px;position: relative;} #roksearch_results a:hover {text-decoration: none;color: #fff;} a#roksearch_link {margin-top: 4px;background: url(../images/header/close.png) 0 0 no-repeat;display: block;height: 16px;width: 16px;} #roksearch_results span {color: #999;display: block;line-height: 120%;font-size: 90%;} #roksearch_results h3 {color: #ccc;margin-top: 0;margin-bottom: 0;line-height: 110%;font-size: 120%;padding-bottom: 0;} #roksearch_results .roksearch_row_btm span {color: #999;line-height: 140%;} #roksearch_results span.small {display: block;position: absolute;bottom: 6px;right: 10px;text-align: right;color: #666;} #roksearch_results a.clr {font-size: 100%;} #roksearch_results span.highlight {background: #111; color: #fff; display: inline;} .results ol.list {padding-left: 20px;} .results ol.list h4 {border: 0;margin-top: 0;} .results ol.list li {background: url(../images/main-body-bg.png) 0 0;padding: 15px;margin-bottom: 5px;} form.search_result fieldset.word {border: 0;background: url(../images/main-body-bg.png) 0 0;margin-bottom: 15px;} .b-light .results ol.list li, .b-light form.search_result fieldset.word {background: url(../images/mainbody/light/main-body-bg.png) 0 0;} form.search_result fieldset.phrase, form.search_result fieldset.only {border: 0;} #roksearch_results .container-arrows {height: 16px;width: 40px;float: left;margin-right: 10px;position: relative;} #roksearch_results .arrow-left {width: 16px;height: 16px;position: absolute;bottom: 0;left: 0;cursor: pointer;background: url(../images/roksearch-arrow.png) 0 0 no-repeat;} #roksearch_results .arrow-left-disabled {width: 16px;height: 16px;position: absolute;bottom: 0;left: 0;background: url(../images/roksearch-arrow.png) 0 -16px no-repeat;} #roksearch_results .arrow-right {width: 16px;height: 16px;position: absolute;bottom: 0;left: 22px;cursor: pointer;background: url(../images/roksearch-arrow.png) -16px 0 no-repeat;} #roksearch_results .arrow-right-disabled {width: 16px;height: 16px;position: absolute;bottom: 0;left: 22px;background: url(../images/roksearch-arrow.png) -16px -16px no-repeat;} /* Top Main Menu */ #horiz-menu {height: 44px;} ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;position: relative;z-index:120;height: 44px;} #horiz-menu li, #horiz-menu li a, #horiz-menu li .separator {z-index:200;position:relative;display: block;height: 44px;} #horiz-menu a, #horiz-menu .separator {white-space: nowrap;display: block;float: left;height: 58px;line-height: 44px;font-weight: normal;font-size: 13px;text-decoration: none;z-index: 100;cursor: pointer;color: #aaa;text-transform: uppercase;padding: 0;} #horiz-menu li.active a, #horiz-menu li.active .separator {z-index: 100;cursor: pointer;} #horiz-menu ul {list-style: none;padding: 0;margin: 0;} #horiz-menu li {display: block;float: left;margin: 0;padding: 0;font-weight: bold;} #horiz-menu li a span, #horiz-menu li .separator span, #horiz-menu li a:hover span, #horiz-menu li .separator:hover span {display: block;padding: 0 12px;width: auto;} #horiz-menu li.active a, #horiz-menu li.active .separator, #horiz-menu li:hover a, #horiz-menu li:hover .separator, #horiz-menu li.sfHover a, #horiz-menu li.sfHover .separator {color: #fff;} /* Top Main Menu Dropdowns */ #horiz-menu li li.active, #horiz-menu li.active li a, #horiz-menu li.active li a:hover, #horiz-menu li.active li a.sfHover, #horiz-menu li li a:hover, #horiz-menu li li a.sfHover, #horiz-menu ul li.active.parent ul a, #horiz-menu li.active li .separator, #horiz-menu li.active li .separator:hover, #horiz-menu li li .separator:hover, #horiz-menu ul li.active.parent ul .separator {border: 0;margin: 0;} #horiz-menu li li.active {background: url(../images/span-bg.png) 0 0;} .h-light #horiz-menu li li.active {background: url(../images/mainbody/light/span-bg.png) 0 0;} #horiz-menu li li a, #horiz-menu li li .separator {text-indent:10px;font-weight: normal;padding: 0;margin: 0;height: 33px;} #horiz-menu li li, #horiz-menu li li a span, #horiz-menu li li .separator span {padding: 0;margin: 0;height: 33px;} #horiz-menu li li a span, #horiz-menu li li .separator span, #horiz-menu li li:hover a span, #horiz-menu li li:hover .separator span {margin: 0;} #horiz-menu li li a span, #horiz-menu li li .separator span {background: none;height: 33px;} #horiz-menu li li:hover a span, #horiz-menu li li.sfHover a span, #horiz-menu li.sfHover li a, #horiz-menu li:hover li a, #horiz-menu ul li.active ul li.active li a, #horiz-menu ul li.active.parent ul li a, #horiz-menu li li a:hover span, #horiz-menu li li a.sfHover span {background: none;} #horiz-menu li.active li a, #horiz-menu li.active.parent li a, #horiz-menu li.active li .separator, #horiz-menu li.active.parent li .separator {font-weight: normal;font-size: 100%;background: none;} #horiz-menu ul ul {margin: 0;border: 0;padding: 0 5px 5px 5px;} #horiz-menu ul ul li, #horiz-menu ul ul li.active {height: 33px;} #horiz-menu ul ul li a span, #horiz-menu ul ul li:hover a span, #horiz-menu ul ul li.sfHover a span, #horiz-menu ul ul li .separator span, #horiz-menu ul ul li.sfHover .separator span {padding: 0;} #horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a, #horiz-menu ul li.active.parent ul a span, #horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator, #horiz-menu ul li.active.parent ul .separator span {text-transform: none;background: none;} #horiz-menu ul ul li a.daddy, #horiz-menu ul li.parent.active:hover li a.daddy, #horiz-menu ul li.parent.active.sfHover li a.daddy, #horiz-menu ul ul li .separator.daddy, #horiz-menu ul li.parent.active:hover li .separator.daddy, #horiz-menu ul li.parent.active.sfHover li .separator.daddy {background: url(../images/header/drop-arrow.png) 95% 9px no-repeat;} #horiz-menu li.parent, #horiz-menu li.active li.parent {z-index: 600;} .menutop li:hover ul, .menutop li.sfHover ul {left: 0;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.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 175px;} #horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2 {width: 350px;} #horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3 {width: 525px;} #horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4 {width: 700px;} .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: 0;top:45px;} .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:174px;top: 0;} .menutop .submenu-animation-left {height: 100%;background-color: #000;} .h-light .menutop .submenu-animation-left {background-color: #fff;} #horiz-menu.suckerfish li li:hover, #horiz-menu.suckerfish li li.sfHover, #horiz-menu.splitmenu li li:hover, #horiz-menu.splitmenu li li.sfHover {background: url(../images/span-bg.png) 0 0;} .h-light #horiz-menu.suckerfish li li:hover, .h-light #horiz-menu.suckerfish li li.sfHover, .h-light #horiz-menu.splitmenu li li:hover, .h-light #horiz-menu.splitmenu li li.sfHover {background: url(../images/mainbody/light/span-bg.png) 0 0;} /* Main Page Structure */ #main-body {position: relative;z-index: 1;} #section1-block1 {position: relative;} #section1-block1 .padding, #section1-block2 .padding {padding: 30px 0 20px 0;} #section2-bottom {overflow: hidden;padding-top: 1px;} #section2 .padding {padding: 0 15px;} .main-body-surround {background: url(../images/main-body-bg.png) 0 0;overflow: hidden;padding: 15px 0 0 0;} .b-light .main-body-surround {background: url(../images/mainbody/light/main-body-bg.png) 0 0;} .ad .main-body-surround {background: none;margin: 0;} #maincol, #leftcol, #rightcol {float: left;} #leftcol .padding {padding: 0 0 0 15px;} #maincol .padding {padding: 0 15px;} #rightcol .padding {padding: 0 15px 0 0;} #inset-block-right {float: right;} #inset-block-right .right-padding {padding-left: 10px;} #inset-block-left {float: left;} #inset-block-left .left-padding {padding-right: 10px;} table.mainbody, table.blog {width: 100%;border: 0;padding: 0;} #section2 .main-mods-block .padding {padding: 25px 15px;} #section2 .main-mods-block.top .padding {padding-bottom: 0;} #showmodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4 {overflow: hidden;} .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.99%;} #showmodules.spacer.w49 .block, #mainmodules.spacer.w49 .block, #mainmodules2.spacer.w49 .block, #mainmodules3.spacer.w49 .block, #mainmodules4.spacer.w49 .block {width: 49.99%;} #showmodules.spacer.w33 .block, #mainmodules.spacer.w33 .block, #mainmodules2.spacer.w33 .block, #mainmodules3.spacer.w33 .block, #mainmodules4.spacer.w33 .block {width: 33.33%;} #showmodules .block.first .moduletable, #mainmodules .block.first .moduletable, #mainmodules2 .block.first .moduletable, #mainmodules3 .block.first .moduletable, #mainmodules4 .block.first .moduletable {padding: 0 15px 15px 0;} #showmodules .block.middle .moduletable, #mainmodules .block.middle .moduletable, #mainmodules2 .block.middle .moduletable, #mainmodules3 .block.middle .moduletable, #mainmodules4 .block.middle .moduletable {padding: 0 8px 15px 8px;} #showmodules .block.last .moduletable, #mainmodules .block.last .moduletable, #mainmodules2 .block.last .moduletable, #mainmodules3 .block.last .moduletable, #mainmodules4 .block.last .moduletable {padding: 0 0 15px 15px;} /* Main Body Items */ #breadcrumbs {height: 53px;margin: 0;display: block;padding: 0 10px;line-height: 53px;} #breadcrumbs h3, .pathway img {display: none;} .breadcrumbs {display: block;font-size: 100%;height: 53px;line-height: 53px;text-transform: uppercase;} #breadcrumbs-footer {height: 53px;margin: 0;display: block;padding: 0 10px;line-height: 53px;} #breadcrumbs-footer h3, .pathway img {display: none;} .breadcrumbs-footer {display: block;font-size: 100%;height: 53px;line-height: 53px;text-transform: uppercase;} .breadcrumbs-separator { float: left; display: block; padding-right: 12px;} a.pathway {float: left;padding: 0 12px 0 0;font-weight: normal;height: 53px;display: block;} .componentheading {font-size: 130%;text-transform: uppercase;line-height: 170%;margin-bottom: 8px;margin-top: 0;padding-left: 5px;} .contentheading {margin: 0 0 15px 0;padding: 0 0 0 5px;font-size: 160%;font-weight: normal;line-height: 100%;} .content-header {position: relative;} .buttonheading {margin: 5px 5px 10px 10px;float: right;} .iteminfo {margin-top: 0;background: url(../images/main-body-bg.png) 0 0;padding: 6px 10px;} .modifydate, .createdby, .createdate {display: block;font-size: 90%;} .readon-wrap {display: block;margin-top: 15px;} a.readon {font-size: 12px;cursor: pointer;} a.readon:hover {text-decoration: none;} .readon1 {background: url(../images/submit-button-m.png) 50% 0 repeat-x;margin-right: 7px;text-align: center;display: inline-block;} .readon2 {background: url(../images/submit-button-l.png) 0 0 no-repeat;width: 7px;height: 22px;float: left;} .readon3 {background: url(../images/submit-button-r.png) 100% 0 no-repeat;margin-right: -7px;height: 22px;line-height: 22px;display: inline-block;padding: 0 10px 0 3px;} div.pagination {height: 21px;line-height: 21px;margin-top: 10px;margin-bottom: 15px;} div.pagination div.tab {background: url(../images/span-bg.png) 0 0;float: left;margin-right: 6px;padding: 0 8px;} .b-light div.pagination div.tab {background: url(../images/mainbody/light/span-bg.png) 0 0;} 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: 0px 0 0px 0;padding: 0;overflow: hidden;} .blog_more {padding-top: 15px;} /* Main Body Modules */ .content-item-block {padding: 15px;} #mainbanner, #mainbanner2 {margin-bottom: 15px;} #mainmodules h3, #mainmodules2 h3, #mainmodules3 h3, #inset-block-left h3, #inset-block-right h3 {margin-top: 0;} #mainbanner h3, #mainbanner2 h3 {margin-top: 10px;margin-bottom: 0;} #mainbanner .module, #mainbanner2 .module {padding-top: 10px;} #mainbanner .module, #mainbanner2 .module, #inset-block-left .module, #inset-block-right .module {margin-bottom: 10px;} /* Side Column Modules */ .side-mod {background: url(../images/side-bg.png) 50% 0;margin: 0 0 15px 0;overflow: hidden;} .side-mod .module {padding: 15px;} .dark .side-mod {background: url(../images/side-bg.png) 50% 0;} .light .side-mod {background: url(../images/side-bg.png) 50% 0;} .b-light .side-mod {background: url(../images/mainbody/light/side-bg.png) 50% 0;} .b-light .dark .side-mod {background: url(../images/mainbody/light/mod-dark/side-bg.png) 50% 0;} .b-light .light .side-mod {background: url(../images/mainbody/light/mod-light/side-bg.png) 50% 0;} .side-mod h3 {margin: 0 0 15px 0;padding: 0;line-height: 24px;} .side-mod h3.module-title {text-transform: uppercase;font-size: 120%;line-height: 24px;padding: 0;width: auto;} .ad .side-mod {background: none;} .ad .side-h3 {position: static;height: auto;} .ad .side-h3 h3 {padding-left: 0;font-size: 100%;line-height: 100%;display: block;margin-bottom: 5px;} /* Bottom Section */ #bottom-bar {height: 53px;} #bottom-bar-footer {height: 120px;} #bottom-section {padding: 20px 0;} #bottom-section h3 {margin-top: 0;} #footer {position: relative;z-index: 20000;} #footer2 {background: url(../images/bottom/dark/footer-bg.png) 0 0 repeat-x;} .bt-light #footer2 {background: url(../images/bottom/light/footer-bg.png) 0 0 repeat-x;} #footer .wrapper {position: relative;} .footer-mod {padding: 15px 0;} .advertisement-mod {padding: 0 75px 0 15px;} .advertisement-mod h3 {padding-top: 25px;margin-top: 0;} #rocket {width: 165px;height: 22px;background: url(../images/bottom/dark/rocket.png) 0 0 no-repeat;float: left;margin-right: 30px;} .bt-light #rocket {background: url(../images/bottom/light/rocket.png) 0 0 no-repeat;} .copyright-block {padding: 25px 0;} #copyright {line-height: 24px;} #top-scroll {width: 37px;height: 37px;display: block;background: url(../images/top-scroll.png) 0 0;position: absolute;right: 0;top: 18px;cursor: pointer;} #top-scroll:hover {background-position: -37px 0;} a#clear-cookies {float: right;margin-right: 90px;margin-top: 30px;font-size: 90%;} /* Extra Joomla Elements */ span.small {font-size: 90%;} .sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;background: url(../images/main-body-bg.png) 0 0;} .sectiontablefooter {padding-bottom: 8px;background: url(../images/main-body-bg.png) 0 0;} tr.sectiontableentry1, tr.sectiontableentry2 {background: url(../images/side-menu-bg.png) 0 100% repeat-x;} .b-light .sectiontableheader, .b-light .sectiontablefooter {background: url(../images/mainbody/light/main-body-bg.png) 0 0;} .b-light tr.sectiontableentry1, .b-light tr.sectiontableentry2 {background: url(../images/mainbody/light/side-menu-bg.png) 0 100% repeat-x;} tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 2px 0 0px 5px;} tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;} tr.sectiontableentry1 td, td.sectiontableentry1 {height: 30px;} .filter input.inputbox {background: url(../images/main-body-bg.png) 0 0;border: 0;color: #fff;padding: 4px;} .b-light .filter input.inputbox {background: url(../images/mainbody/light/main-body-bg.png) 0 0;color: #ccc;} .contentpane, .contentpaneopen {width: 100%;margin-bottom: 15px;} .module fieldset {border: 0;} table.contenttoc {float: right;margin-left: 25px;} p.articleinfo {font-size: 90%;margin-top: 0;padding: 6px 10px;background: url(../images/main-body-bg.png) 0 0;} .b-light p.articleinfo {background: url(../images/mainbody/light/main-body-bg.png) 0 0;} span.row_separator, span.article_separator{display:none;} /* Side Menus */ #main-body ul.menu, #main-body ul.menu ul, #main-body ul.menu ul ul {margin:0;padding:0;} #main-body ul.menu li {list-style: none;margin: 0 -14px 2px -14px;padding: 0;float: none;background: url(../images/side-menu-bg.png) 0 100% repeat-x;} .s-light #main-body ul.menu li, .b-light #main-body ul.menu li {background: url(../images/mainbody/light/side-menu-bg.png) 0 100% repeat-x;} #main-body ul.menu span {display: block;line-height: 110%;padding: 8px 0 12px 35px;background: url(../images/side-menu-arrow.png) 13px 9px no-repeat;} .s-light #main-body ul.menu span, .b-light #main-body ul.menu span {background: url(../images/mainbody/light/side-menu-arrow.png) 13px 9px no-repeat;} #main-body ul.menu li a {padding: 0; text-decoration: none;} .b-light #main-body ul.menu li a, .b-light #main-body ul.menu li .separator {background: url(../images/side-menu-arrow.png) 13px 9px no-repeat; text-decoration: none;} #main-body ul.menu ul li ul li ul li a, #main-body ul.menu ul li ul li ul li .separator {text-indent: 65px;} #main-body ul.menu li.parent ul li span, #main-body ul.menu li.active.parent li span {background: none;} #main-body ul.menu li.active.parent ul {padding: 6px 0;} #main-body ul.menu a, ul.menu .separator {display: block;overflow: hidden;font-size: 110%;float: none; text-decoration: none;} #main-body ul.menu li.active a, #main-body ul.menu li.active li.active a, #main-body ul.menu li.active li.active li.active a, #main-body ul.menu li.active .separator, #main-body ul.menu li.active li.active .separator, #main-body ul.menu li.active li.active li.active .separator {font-weight: bold; text-decoration: none;} #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; text-decoration: none;} #main-body ul.menu li li {padding: 0;margin: 0;border: 0;background: none;font-size: 90%;} #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, #main-body ul.menu li a:hover, #main-body ul.menu li .separator:hover {text-decoration: none; background-color: #222222;} #main-body li.menu-on a { background-color: #222222; } #main-body li.menu-on ul a { background: none; } #main-body ul.menu li ul span { padding-top: 8px; padding-bottom: 8px; padding-left: 40px; padding-right: 20px; } #main-body ul li ul { visibility:hidden; position:absolute; height:0; overflow:hidden; left:175px; } #main-body ul.menu li:hover ul, #main-body ul.menu ul li a:hover ul { visibility:visible; position:absolute; height:auto; line-height: 20px; border:1px solid #282828; background:#303030; overflow:visible; padding-top: 8px; padding-bottom: 8px; font-size: 12px; } /* Extra Content Styles */ fieldset {border-left: 0;border-right: 0;border-top: 0;} fieldset.input, a img, body .pollstableborder {border: 0;} form.poll fieldset {margin: 0 0 10px 0;} 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;} #accessibility {height: 16px;float: right;z-index: 5000;margin-left: 15px;} .textsizer-desc {display: block;float: right;text-align: right;text-transform: uppercase;font-size: 11px;margin-right: 8px;} #accessibility span {background-repeat: no-repeat;} #accessibility a {text-decoration: none; cursor: pointer;} #accessibility #buttons {float: right;width: 40px;} #accessibility .button {display: block;float: right;width: 16px;height: 16px;} #accessibility a.small .button {margin-right: 5px;} a.large .button {background: url(../images/header/dark/textsizer-button.png) 0 0 no-repeat;} a.small .button {background: url(../images/header/dark/textsizer-button.png) -16px 0 no-repeat;} .h-light a.large .button {background: url(../images/header/light/textsizer-button.png) 0 0 no-repeat;} .h-light a.small .button {background: url(../images/header/light/textsizer-button.png) -16px 0 no-repeat;} #lock-button {background: url(../images/header/lock2.png) 100% 0 no-repeat;height: 16px;float: right;margin-left: 20px;display: block;padding-right: 24px;text-align: right;} #lock-button.login {background: url(../images/header/lock.png) 100% 0 no-repeat;} #lock-button span {text-transform: uppercase;font-size: 11px;} #lock-button:hover {text-decoration: none;} /* Login Styles */ .module .main-body-bottom4 {margin-bottom: 0;} form.form-login {padding: 0 15px;} form.form-login p {margin: 0;} form.form-login .inputbox {padding: 4px 0;line-height: 16px;width: 100%;background: url(../images/span-bg.png) 0 0;border: 0;text-indent: 6px;} form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;} input.button {font-size: 100%;cursor: pointer;padding: 1px 0 0 0;background: none;border: 0;color: #fff;text-transform: uppercase;font-size: 12px;} form.form-login .login-username, form.form-login .login-password {margin-bottom: 10px;} form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-left: 2px;} .submit-m {background: url(../images/submit-button-m.png) 0 0 repeat-x;margin-right: 7px;margin-left: 7px;display: inherit;width: 56px;text-align: center;} .submit-l {background: url(../images/submit-button-l.png) 0 0 no-repeat;margin-left: -7px;} .submit-r {background: url(../images/submit-button-r.png) 100% 0 no-repeat;margin-right: -7px;height: 22px;} .remember-me {float: right;padding-top: 3px;} #login-module {display: none;} #login-module h3 {margin-top: 0;padding-left: 22px;background: url(../images/header/lock.png) 0 2px no-repeat;} #login-module a {color: #fff;} a#rokbox-close {float: right;background: url(../images/header/close.png) 0 0 no-repeat;width: 16px;height: 16px;} /* RokTabs */ #mainbanner .roktabs .module, #mainbanner2 .roktabs .module {padding-top: 0;margin-bottom: 0;} #main-body .roktabs .module {padding: 0;} .roktabs-wrapper {padding: 0;position: relative;} .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;padding: 0;height: 29px;overflow: hidden;} .roktabs-wrapper .active-arrows .roktabs-links {margin: 0 22px;padding: 0;height: 29px;} .roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;padding: 0;overflow:hidden;margin: 0;height: 29px;} .roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 29px;line-height: 29px;} .roktabs-wrapper .roktabs-links ul li span {padding: 0 10px;} .roktabs-wrapper .roktabs-links ul.roktabs-top li.active, .roktabs-wrapper .roktabs-links ul.roktabs-bottom li.active {margin: 0;} .roktabs-wrapper .roktabs-links ul.roktabs-top li.active span, .roktabs-wrapper .roktabs-links ul.roktabs-bottom li.active span {text-decoration: underline;} .roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 29px;} .roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 29px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:29px;width: 22px;} .roktabs-wrapper .arrow-next {background: url(../images/roktabs-next.png) 0 0 no-repeat;right: 0;} .roktabs-wrapper .arrow-prev {background: url(../images/roktabs-prev.png) 0 0 no-repeat;left: 0;} .b-light .roktabs-wrapper .arrow-next {background: url(../images/mainbody/light/roktabs-next.png) 0 0 no-repeat;} .b-light .roktabs-wrapper .arrow-prev {background: url(../images/mainbody/light/roktabs-prev.png) 0 0 no-repeat;} .roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;} .clear {clear: both;} /* Typography */ .b-dark pre {background: url(../images/main-body-bg.png) 0 0;border: 0;} .b-light pre {background: url(../images/mainbody/light/main-body-bg.png) 0 0;border: 0;} .b-dark blockquote {background: url(../images/main-body-bg.png) 0 0;border: 0;} .b-light blockquote {background: url(../images/mainbody/light/main-body-bg.png) 0 0;border: 0;} .b-dark span.highlight {background: url(../images/span-bg.png) 0 0;} .b-light span.highlight {background: url(../images/mainbody/light/span-bg.png) 0 0;} span.important-title {background: #333 !important;} span.important-title-blue {background: #0D507A !important;} span.important-title-red {background: #D12E2E !important;} span.important-title-green {background: #74A824 !important;} span.important-title-purple {background: #9E0E87 !important;} span.important-title-orange {background: #CC8300 !important;} span.important-title-brown {background: #8B6846 !important;} span.important-title-grey {background: #666 !important;} /* @group Demo Content */ /* Frontpage Modules */ .featured-block {width: 316px;height: 218px;float: left;position: relative;} #section1 .featured-block .padding {padding: 6px;} .featured-image {width: 306px;height: 206px;position: relative;} img.featured {margin-top: 4px;margin-left: 4px;width: 297px;height: 198px;} .featured-desc {position: absolute;width: 200px;bottom: 25px;left: 20px;padding-bottom: 5px;} .line1 {display: block;text-transform: uppercase;font-size: 14px;margin-bottom: 5px;} .line2 {color: #fff;font-size: 22px;} .article-block {width: 267px;height: 136px;float: left;position: relative; margin-right: 10px;} #section2 .article-block .padding {padding: 4px;} .article-image {width: 255px;height: 124px;} img.article {margin-top: 4px;margin-left: 4px;width: 246px;height: 116px;} .article-desc {position: absolute;width: 200px;bottom: 15px;left: 15px;padding-bottom: 5px;} #front-showcase {position: absolute;top: 0;right: 0;z-index: 1;} #front-showcase2 {position: relative;z-index: 2;} .front-showcase-desc {padding: 22px 280px 30px 0;font-size: 150%;line-height: 145%;} .front-showcase-desc em {padding: 1px 4px;font-style: normal;} .fp-sitemap, .fp-sitemap-last {float: left;width: auto;margin-right: 50px;font-size: 110%;line-height:170%;margin-left: 10px;} .fp-sitemap-last {margin-right: 0;} .variation-chooser {height:25px;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.5em;} .variation-chooser .control-prev:hover {background-position:0 -16px;} .variation-chooser .control-next {background-position:0 -32px;margin-left:0.5em;} .variation-chooser .control-next:hover {background-position:0 -48px;} .variation-chooser .controls {left:5px;position:absolute;} .variation-chooser input.button {line-height: 22px;} form.poll input.button {color: #fff;} .b-light form.poll input.button {color: #333;} /* 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;} /* Custom Modules Tutorial */ .rokmod-demo-block {font-size: 10px;} .rokmod-demo-block .parameters div, .rokmod-demo-block .options div, .rokmod-demo-block .demo div { padding-right: 12px;} .rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo { width: 120px; overflow: auto; white-space: nowrap;} .rokmod-demo-block .description { width: 180px; overflow: auto; white-space: nowrap;} .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;} /* Using Typography Tutorial */ .typo-left {float:left;width:48%;margin-right:15px;margin-bottom:15px;} .typo-right {float:left;width:48%;margin-bottom:15px;} /* @end */ .border {padding:0px;border:4px solid #777;} .menutop,.menutop *{margin:0;padding:0;} #horiznav{position:relative;z-index:1000;} #horiz-menu{z-index:50;} #horiz-menu li li{margin:0;} .menutop{line-height:1.0;float:left;margin-bottom:1.5em;position:relative;} .menutop ul{background:#fff;/*IE6 needs this*/ padding:0;} .menutop li{float:left;list-style:none;position:relative;} .menutop li#current {z-index: 199;} #horiz-menu li li a, #horiz-menu li.active li a, #horiz-menu li li .separator, #horiz-menu li.active li .separator {display:block;margin:0;text-decoration:none;float:none;height:33px;line-height: 33px;width:100%;} .menutop li ul{float:none;left:-999em;position:absolute;z-index:500;} .menutop li:hover li ul, .menutop li.sfHover li ul, .menutop li li:hover li ul, .menutop li li.sfHover li ul, .menutop li li li:hover li ul, .menutop li li li.sfHover li ul{top:-999em;} .menutop li li:hover ul, .menutop li li.sfHover ul, .menutop li li li:hover ul, .menutop li li li.sfHover ul, .menutop li li li li:hover ul, .menutop li li li li.sfHover ul{left: 0;top: 0;} .menutop li li{position:relative;float:none;width:100%;} /* Typography Styles */ ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;} ul.bullet-1 li, ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 10px !important;} ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 22px !important;} ul.bullet-1 li {background: url(../images/typo/bullet-1.png) 0 5px no-repeat !important;} ul.bullet-2 li {background: url(../images/typo/bullet-2.png) 0 5px no-repeat !important;} ul.bullet-3 li {background: url(../images/typo/bullet-3.png) 0 5px no-repeat !important;} ul.bullet-4 li {background: url(../images/typo/bullet-4.png) 0 5px no-repeat !important;} ul.bullet-5 li {background: url(../images/typo/bullet-5.png) 0 5px no-repeat !important;} ul.bullet-6 li {background: url(../images/typo/bullet-6.png) 0 2px no-repeat !important;} ul.bullet-7 li {background: url(../images/typo/bullet-7.png) 0 2px no-repeat !important;} ul.bullet-8 li {background: url(../images/typo/bullet-8.png) 0 3px no-repeat !important;} pre {padding: 10px;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} blockquote {display: block;font-size: 120%;line-height: 150%;width: auto;padding: 10px 20px 10px 20px;margin: 15px 0;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.brown, blockquote.grey {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 0px 20px;margin: 15px 0;border: 0;background: 0;} blockquote.blue{color: #0D507A;} blockquote.red{color: #D12E2E;} blockquote.green{color: #74A824;} blockquote.purple{color: #9E0E87;} blockquote.orange{color: #CC8300;} blockquote.brown{color: #8B6846;} blockquote.grey {color: #666;} blockquote.quotes {display: block;background: url(../images/typo/quote-start.png) 0 5px no-repeat;padding: 0px 20px 0 38px;margin: 20px 0;font-size: 120%;line-height: 150%;width: auto;color: #666;border: 0;} blockquote.quotes p {padding: 0 38px 0 0;margin-top: 0;background: url(../images/typo/quote-end.png) 100% 100% no-repeat;} .important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;} span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;} .important {border: 1px solid #333;} .important-blue {border: 1px solid #0D507A;} .important-red {border: 1px solid #D12E2E;} .important-green {border: 1px solid #74A824;} .important-purple {border: 1px solid #9E0E87;} .important-orange {border: 1px solid #CC8300;} .important-brown {border: 1px solid #8B6846;} .important-grey {border: 1px solid #666;} span.important-title {color: #333;} span.important-title-blue {color: #0D507A;} span.important-title-red {color: #D12E2E;} span.important-title-green {color: #74A824;} span.important-title-purple {color: #9E0E87;} span.important-title-orange {color: #CC8300;} span.important-title-brown {color: #8B6846;} span.important-title-grey {color: #666;} span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;} span.number {color: #333;} span.number-blue {color: #0D507A;} span.number-red {color: #D12E2E;} span.number-green {color: #74A824;} span.number-purple {color: #9E0E87;} span.number-orange {color: #CC8300;} span.number-brown {color: #8B6846;} span.number-grey {color: #666;} span.highlight {background: #FFFBD5;padding: 1px 2px;} span.highlight-blue {color: #0D507A;} span.highlight-red {color: #D12E2E;} span.highlight-green {color: #74A824;} span.highlight-purple {color: #9E0E87;} span.highlight-orange {color: #CC8300;} span.highlight-brown {color: #8B6846;} span.highlight-grey {color: #666;} span.highlight-bold {font-weight: bold;font-size: 120%;} span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 260%;float: left;margin: 0px 4px 0 0;line-height: 100%;} span.dropcap {color: #333;} span.dropcap-blue {color: #0D507A;} span.dropcap-red {color: #D12E2E;} span.dropcap-green {color: #74A824;} span.dropcap-purple {color: #9E0E87;} span.dropcap-orange {color: #CC8300;} span.dropcap-brown {color: #8B6846;} span.dropcap-grey {color: #666;} span.inset-left {display: block;color: #000;padding: 15px;float: left;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;} span.inset-right {display: block;color: #000;padding: 15px;float: right;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;} span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;} span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/attention.png) 10px 50% no-repeat;} span.attention a {color: #B79000 !important;font-weight: bold !important;font-style: italic !important;} span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../images/typo/notice.png) 10px 50% no-repeat;} span.notice a {color: #648434 !important;font-weight: bold !important;font-style: italic !important;} span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../images/typo/alert.png) 10px 50% no-repeat;} span.alert a {color: #CF3738 !important;font-weight: bold !important;font-style: italic !important;} span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../images/typo/download.png) 10px 50% no-repeat;} span.download a {color: #1C6B8B !important;font-weight: bold !important;font-style: italic !important;} span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../images/typo/approved.png) 10px 50% no-repeat;} span.approved a {color: #666 !important;font-weight: bold !important;font-style: italic !important;} span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/media.png) 10px 50% no-repeat;} span.media a {color: #C76E34 !important;font-weight: bold !important;font-style: italic !important;} span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/note.png) 10px 50% no-repeat;} span.note a {color: #B79000 !important;font-weight: bold !important;font-style: italic !important;} span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/cart.png) 10px 50% no-repeat;} span.cart a {color: #666 !important;font-weight: bold !important;font-style: italic !important;} span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/camera.png) 10px 50% no-repeat;} span.camera a {color: #666 !important;font-weight: bold !important;font-style: italic !important;} span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/doc.png) 10px 50% no-repeat;} span.doc a {color: #C76E34 !important;font-weight: bold !important;font-style: italic !important;} div.number-block1, div.number-block2, div.number-block3 {padding-left: 50px;} div.number-block1 {background: url(../images/typo/number-1.png) 0 0 no-repeat;} div.number-block2 {background: url(../images/typo/number-2.png) 0 0 no-repeat;} div.number-block3 {background: url(../images/typo/number-3.png) 0 0 no-repeat;} span.subline {display: block;font-size: 90%;margin-bottom: 5px;padding: 0px;margin-top: -15px;font-weight: bold;text-transform:uppercase;} div.wrapper { margin: 0 auto; width: 950px;padding:0;} div.wrapper-content { margin: 0 auto; width: auto ;padding:0;} #leftcol { width:200px;padding:0;} #rightcol { width:0px;padding:0;} #inset-block-left { width:0px;padding:0;} #inset-block-right { width:0px;padding:0;} #maincontent-block { margin-right:0px;margin-left:0px;padding:0;} #header-main, #searchmod .inputbox, #roksearch_results .roksearch_odd {background-color: #121212;} #section1 {background: #494949;} #section2 {background: #333333;} #bottom-bar {background: #000000;} #bottom-bar-footer {background: #000000;} #bottom-section {background: #191919;} body, #footer {background: #262626;} .line1, .logo-desc, #roksearch_results a {color: #999999;} .featured-image {background: #999999;} .article-image {background: #f5f5f5;} .article-image .line1 {color: #f5f5f5;} .rokbox-images img {border: 3px solid #f5f5f5;} body, #horiz-menu a, #horiz-menu .separator, .logo-module, #top-bar {color: #cccccc;} #top-bar a, .logo-module a {color: #ffffff;} #section1 {color: #ffffff;} #section1 a, #section1 h3, #section1 ul.menu li a, #section1 ul.menu li .separator, #section1 ul.menu li.active li a, #section1 ul.menu li.active li .separator, #section1 ul.menu li.active li.active li a, #section1 ul.menu li.active li.active li .separator span {color: #cccccc;} .front-showcase-desc em {background: #63a500;color: #ffffff;} #section2 h3 span, .contentheading,h4 {color: #bdbbbb;} #section2, .roktabs-wrapper .dark .roktabs-links ul li, #section2 ul.menu li a, #section2 ul.menu li .separator, #section2 ul.menu li.active li a, #section2 ul.menu li.active li .separator, #section2 ul.menu li.active li.active li a, #section2 ul.menu li.active li.active li .separator {color: #f5f5f5; } h4 {border-bottom: 1px solid #f5f5f5;} #section2 a, #section2 legend, form.form-login .inputbox, #section2 h3, #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, #main-body ul.menu li.active li.active a, #main-body ul.menu li.active li.active .separator, #main-body ul.menu li.active li.active li.active a, #main-body ul.menu li.active li.active li.active .separator, #main-body ul.menu li a:hover, #main-body ul.menu li .separator:hover, .roktabs-wrapper .dark .roktabs-links ul li.hover, .roktabs-wrapper .dark .roktabs-links ul.roktabs-top li.active, .roktabs-wrapper .dark .roktabs-links ul.roktabs-bottom li.active, span.number, span.inset-left, span.inset-right, span.dropcap, span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {color: #ebebeb; text-decoration: none;} #bottom-bar { color: #666666; } #bottom-bar a {color: #cccccc;} #bottom-bar-footer { color: #666666; height: 110px; } #bottom-bar-footer a {color: #cccccc;} #bottom-bar-footer a:hover {color: #999999;} #bottom-section, #copyright, #bottom-section h3 span {color: #666666;} #bottom-section a, #bottom-section h3 {color: #cccccc;} #footer, #footer a#clear-cookies {color: #666666;} #footer a {color: #999999;} #horiz-menu li.active, .menutop .animated-bg, #horiz-menu.suckerfish li:hover, #horiz-menu.suckerfish li.sfHover, #horiz-menu.splitmenu li:hover, #horiz-menu.splitmenu li.sfHover, .h-light #horiz-menu.suckerfish li:hover, .h-light #horiz-menu.suckerfish li.sfHover, .h-light #horiz-menu.splitmenu li:hover, .h-light #horiz-menu.splitmenu li.sfHover, #horiz-menu.suckerfish li li:hover, #horiz-menu.suckerfish li li.sfHover, #horiz-menu.splitmenu li li:hover, #horiz-menu.splitmenu li li.sfHover, .h-light #horiz-menu.suckerfish li li:hover, .h-light #horiz-menu.suckerfish li li.sfHover, .h-light #horiz-menu.splitmenu li li:hover, .h-light #horiz-menu.splitmenu li li.sfHover {background: #121212;} #top-bar, .h-light #top-bar, #horiz-menu, #horiz-menu ul ul, #roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm, #roksearch_results .roksearch_even {background: #262626;} #searchmod .inputbox {background-color: #262626;} .style2 {color: #CCCCCC; font-size: 18px;} .style4 { font-size: 14px; color: #999999; } /* Store Styles */ .privatemessages { font-family: Arial, Helvitica, sans-serif; font-size: 10px; background-color: transparent; font-weight: bold; color: #ff0000; text-align: center; border-left: 1px solid #ff0000; border-right: 1px solid #ff0000; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px;} .boxText { font-family: Arial, helvitica, sans-serif; font-size: 12px; } .errorBox { font-family : Arial, helvitica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Arial, helvitica, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Arial, helvitica, sans-serif; font-size : 10px; color: orange; text-decoration: none; } .pmsg {background: #f2f2f2;} A.categorie_top { color: #000000; font-weight: bold; text-decoration: none; } A.categorie_top_on { font-weight : bold; font-style: italic; color : #2684FE; text-decoration: none; } A.categorie { color: #000000; text-decoration: none; } A.categorie:hover { color: #2684FE; text-decoration: none; } A.categorie_on { font-style: italic; color: #0C14FA; text-decoration: none; } A.categorie_top:hover { font-weight: bold; color : #2684FE; text-decoration: none; } LI.list1 {list-style: circle outside; color:red;} LI.list1 a {color: #777777; text-decoration: none;} LI.list1 a:hover {color: #000000; text-decoration: none;} FORM {display: inline;} .header1 {height: 25px; background:#222 url('images/bg_h1.gif') repeat-x top left;} TR.header {background:#111 url('images/bg_h2.gif') repeat-x top left; color:#fff; font-size:18px} .header a {color:#fff; text-decoration:underline;} .header a:hover {color:#fff; text-decoration:none; color:#ccc;} TR.headerNavigation { background:#ccc url('images/bg_h3.gif') repeat-x top left; height:30px; color:#222} TD.headerNavigation {font-family:arial, verdana; font-size: 12px; font-weight : bold;} A.headerNavigation {color: #222;} A.headerNavigation:hover {color: #777777;} TR.headerError { background: #e80000; } TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #e80000; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; } TR.footer { background:#ccc url('images/bg_h3.gif') repeat-x top left; height:20px; color:#222} TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #656565; font-weight: bold; } .infoBox { background: #252525; } .infoBoxContents { background: #292929; font-family: Arial, helvitica; font-size: 10px; } .infoBoxContents2 { background: #282828; font-family: Arial, helvitica; font-size: 10px; } .infoBoxNotice { background: #ff0000; } .infoBoxNoticeContents { background: #444; font-weight: bold; font-size: 10px; } TD.infoBoxHeading { font-family:arial, verdana; font-size:10px; background-color:#888888; color: #111111; text-transform:uppercase; font-weight:bold; padding:2px; } TD.infoBoxHeading2 {font-family:arial, verdana; font-size:10px; background-color:#ddd; color: #222; text-transform:uppercase; font-weight:bold; padding:2px} TD.infoBox, SPAN.infoBox {font-family:arial, verdana; font-size: 12px;} TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { } TABLE.productListing { border: 0px; border-style: solid; border-color: #FFFFFF; border-spacing: 2px; } .productListing-heading {font-family:arial, verdana; font-size: 10px; background: #cccccc url('tab_bg.gif') repeat-x center; color: #222; font-weight: bold; padding:3px} TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; } A.pageResults { color: #777; } A.pageResults:hover { color: #333; background: #e9e9e9; } TD.pageHeading, DIV.pageHeading { font-family: Arial, helvitica; font-size: 14px; font-weight: bold; color: #9a9a9a; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } TD.main, P.main { font-family: Arial, Helvitica, sans-serif; font-size: 11px; line-height: 1.5; } TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.smallText-subcat { font-size: 12px; padding: 10px; } TD.smallText-subcat a:hover { font-size: 12px; background-color: #222222; padding: 10px; } TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; } TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 14px; } TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 14px; } TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #e80000; } CHECKBOX, RADIO, INPUT { font-family: Verdana, Arial, sans-serif; font-size: 14px; } SELECT { border: 1px solid #343434; background: #666666; font-family: Verdana, Arial, sans-serif; font-size: 12px; padding: 4px; margin-left: 2px; color: #FFFFFF; } input[type=text] { border: 1px solid #444; background: #eeeeee; font-family: Verdana, Arial, sans-serif; font-size: 14px; padding: 4px; margin-left: 3px; } input.text { border: 1px solid #444; background: #eeeeee; font-family: Verdana, Arial, sans-serif; font-size: 14px; padding: 4px; margin-left: 3px; } input[type=password] { border: 1px solid #444; background: #eeeeee; font-family: Verdana, Arial, sans-serif; font-size: 14px; padding: 4px; margin-left: 3px; } input.password { border: 1px solid #444; background: #eeeeee; font-family: Verdana, Arial, sans-serif; font-size: 14px; padding: 4px; margin-left: 3px; } TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; } SPAN.greetUser { font-family: Arial, sans-serif; font-size: 12px; color: #aaa47e; font-weight: bold; padding-left: 1px; padding-right: 1px; } TABLE.formArea { background: #383838; border-color: #ddd; border-style: solid; border-width: 0px; } TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: Arial, helvitica; font-size: 12px; color: #f8955a; } SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #e80000; } .moduleRow { } .moduleRowOver { background-color: #666666; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #555555; } .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #222222; padding: 6px; } .messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #222; padding: 6px; } /* input requirement */ .inputRequirement { font-family: Arial, sans-serif; font-size: 10px; color: orange; } #header1 {font-size:10px; font-family: Arial, sans-serif; color:#e80000; text-align:right;} #header1 p {color: #ccc; text-align:right; padding: 5px 20px 0 0;} #header1 a {color: #ccc; font-weight:bold; padding: 0 10px 0 10px; text-decoration:none;} #header1 a:hover {color: #e80000; font-weight:bold; padding: 0 10px 0 10px; text-decoration:underline;} .inputform {font-size: 14px; color: #777; padding: 4px; border-top: 1px solid #999; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #999999; width:98%;background-color: #eeeeee;} .button {width: 97px;} .main a { color: #cc0000; text-decoration: underline; font-weight: normal;} .main a:hover { color: #888888; text-decoration: none; font-weight: normal; } .star-product-title { font-family: Verdana, Arial, sans-serif; text-align : center; font-size: 16px; font-weight: bold; color: #000000; } .star-product { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } .star-product-price{ font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #e80000; } .PriceList { font-family: Verdana, Arial, sans-serif; color: #9a9a9a; font-size: 12px; font-weight: bold } .oldPrice { text-decoration: line-through } #headerbar a { color: #d8d8d8; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } TD.noborderbox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } .horbar { /* Color of main horizontal menubar and border */ color: black; background-color: #e6e7e6; border: 1px outset #525252; } .horizitem { /* Behaviour of main horizontal menu items, leave as is for proper operation */ float: left; white-space: nowrap; } .horizitem a { /* Font style, size of submenu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; } .horizitem a:link, .horizitem a:visited { /* Font style & color of main menu items */ color: #000000; text-decoration: none; } .horizitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */ color: #ffffff; background-color: #21459c; text-decoration: none; } .horizitem a:active { /* Font style & color, background menu color of main menu item when clicked */ color: #ffff00; background-color: #666666; text-decoration: none; } .horizsubmenu { /* Behaviour of sub-menu items - leave as is for proper operation of submenus */ position: absolute; left: 0; top: 0; visibility: hidden; } .horizsubframe { /* Color of submenu item and border */ background-color: #e6e7e6; border: 2px outset #fdfefd; position: relative; display: block; } .horizsubitem { /* Behaviour of sub-menu items - leave as is for proper operation of submenus */ text-align: left; white-space: nowrap; } .horizsubitem a { /* Font style, size of submenu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; } .horizsubitem a:link, .horizsubitem a:visited { /* Font color, style of submenu items */ color: #000000; font-size: 12px; text-decoration: none; } .horizsubitem a:hover { /* Font color, style, background submenu color of submenu item when hovered over */ color: #ffffff; background-color: #21459c; text-decoration: none; } .horizsubitem a:active { /* Font color, style, background submenu color of submenu item when clicked */ color: #ffff00; background-color: #666666; text-decoration: none; } .horizsubitem .horizfwdarr, .horizitem .horizfwdarr { /* Positioning of right arrow for submenus */ position: absolute; top: 5px; right: 8px; } .dmselected { /* Style override for selected category tree */ background-color: #ccc; font-weight: bold; } .horbar .dmselected { /* Style override for selected root category */ background-color: #999; } hr {border:0px none; color:#ccc; height:1px; background-color:#ccc} /* **************************************************************** TAB **************************************************************** */ TD.productListing-data1 { padding-top: 8px; padding-bottom: 10px; font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #414141; border: 2px solid #282828; } TD.productPriceInListing { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #d2e9fb; } TD.productPriceInBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; border:0px #eeeeee; } TD.productPriceInProdInfo { font-family: Verdana, Arial, sans-serif; font-size: 12px; background: #ccffcc; } TD.product_price { font-family: Arial, helvitica; font-size: 14px; font-weight: bold; color: #e7e7e7; } table.options { background: #444444; width: 100%; border: 0px solid #222222; padding-left: 5px; padding-bottom: 10px; } TD.relatedBoxHeading { padding-bottom: 5px; font-family: Arial, helvitica; font-size: 14px; font-weight: bold; color: #999999; } table.relatedBox1 { border-top:2px solid #111111; font-family: Verdana, Arial, sans-serif; font-size: 10px; } table.relatedBox { background: #f5f5f5; border: 2px solid #e9e9e9; font-family: Verdana, Arial, sans-serif; font-size: 10px; } .related_image { background: #f5f5f5; border: 3px solid #303030; font-family: Verdana, Arial, sans-serif; font-size: 10px; } .related_image2{ background: #f5f5f5; border: 2px solid #e9e9e9; font-family: Verdana, Arial, sans-serif; font-size: 10px; } .pri { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #e4e4e4; font-weight: bold; text-align:center; } .pri a { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #b73504; font-weight: bold; text-decoration:none; text-align:center; } .pri a:hover { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #b73504; font-weight: bold; text-decoration:underline; text-align:center; } .mod { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #354c52; text-align:center; } .mod a { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #354c52; text-decoration:none; text-align:center; } .mod a:hover { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #354c52; text-decoration:underline; text-align:center; } TABLE.promo { border: 2px; border-style: dashed; border-color: #e80000; border-spacing: 2px; } A.articlelink{ color:#0000FF; text-decoration: none; } TABLE.linkListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px; } .linkListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #e6e6e6; color: #FFFFFF; text-align: center; } A.linkListing-heading { color: #444; } A.linkListing-heading:hover { color: #777; } TD.linkListing-data { border-right: 1px solid #b6b7cb; border-bottom: 1px solid #b6b7cb; padding: 4px; font-family: Verdana, Arial, sans-serif; font-size: 10px; } TR.linkListing-odd { background: #f8f8f9; } TR.linkListing-even { background: #F5F5F5; } .linkFeatured { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #dbd6d6; color: #FFFFFF; text-align: center; border: 1px solid black; } .linkFeaturedHeading { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; background: #dbd6d6; color: #FFFFFF; text-align: center; } .linkFeaturedMain { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #dbd6d6; color: #444; text-align: center; } .linkListingMain { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #444; } A.linkListingMain { color: #777; } A.linkListingMain:hover { color: #e80000; } .linkListingCats { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: center; } A.linkListingCats { color: #000; line-height: 1.5; } A.linkListingCats:hover { color: #e80000; } .linkListingSubCats { font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; text-align: center; } A.linkListingSubCats { color: #000; line-height: 1.5; } A.linkListingSubCats:hover { color: #e80000; } /*---------------------------*/ /* CATEGORY MENU */ /*---------------------------*/ .treemenudiv { /* Behaviour of tree/plain menu item - leave as is for proper performance */ display: block; white-space: nowrap; } .phplmbodytable { /* Class of table cells containing plain menus */ } .phplmnormal { /* Font size & color of unlinked menu items */ color: #222; font-size: 13px; text-decoration: none; } a.phplm:link, a.phplm:visited { /* Font color, style of linked & visited menu items */ font-size: 13px; text-decoration: none; } a.phplm:hover { /* Font color, style of menu items when hovered over */ color: #fff; background-color: #e80000; font-size: 13px; text-decoration: none; } a.phplm:active { /* Font size & color of menu items when clicked */ color: #222; font-size: 13px; text-decoration: none; } .dmselected { /* Style overide for selected category tree */ background-color: #e9e9e9; font-weight: normal; color: #222; } #thecategories a:hover { background-color: #151515; } .catwithsubs, .catwithnosubs { padding-right: 5px; } #thecategories { position: relative; top: -9px; margin-bottom: -16px; } .activelink { display: block; font-weight: bold; color: #e80000; } #thecategories a { display: block; padding-bottom: 7px; padding-top: 3px; width: 100%; } /*mozilla fix*/ html>body #thecategories a { width: auto; } /*end of mozilla fix*/ #topcat a { padding-left: 5px; } #secondcat a { padding-left: 20px; } #thirdcat a { padding-left: 35px; } #fourthcat a { padding-left: 50px; } #fifthcat a { padding-left: 65px; } /* OTF contrib begins */ /* DDB - 041031 - Form Field Progress Bar */ .progress{ width: 1px; height: 14px; color: white; font-size: 12px; overflow: hidden; background-color: navy; padding-left: 5px;} } /* OTF contrib ends */ #popImage { background:#F0F0F0; width: 240px; } .popName { font-family: arial; font-size: 11px; font-weight: bold; color:#ffffff; padding:5px; } .PI { padding:5px; text-align:center; } .popPrice { font-family: arial;padding-left:15px;padding-right:10px; font-size: 11px; font-weight: bold; color:#FFFFFF; } .popDescr { color:#c3c3c3; font-family: arial;padding-left:15px;padding-right:15px; font-size: 10px; } .popupProductBox{padding: 14px 0;margin:0 auto; text-align:center;background: #4A4A4A url(gradient.png) repeat-x} .tooltip img { margin: 0px; padding: 0px; } .tooltip td { font-size: 1px; line-height: 1px; text-align: left; padding: 0px; } .tooltip { position: absolute; overflow: 'visible'; z-index: 21000; /* hide from view, this fixes an Opera bug, and is harmless in other browsers */ left: -1000px; top: -1000px; } .tooltip #tooltipContent, .tooltip #tooltipContent td{ font-size: 14px; line-height: normal; color: #FFF; } .starTitle{ font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #c3c3c3; font-weight : normal; } .starName{ font-family: Tahoma, Verdana, Arial; line-height: 30px; font-size: 22px; font-weight: normal; color: #1f79b6; } .starProdDesc { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #808080; } .starPrice{ font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #ffffff; } .box_outline3 { margin-top:3px; border-top-width: 0px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 0px; border-style: solid; border-color: #232323; } #menucss UL { margin: 0px; padding: 0px; } #menucss UL LI { list-style-type: none; margin: 0px; padding: 8px; } #menucss UL UL { padding-bottom: 0px; } #menucss A { display: block; } #menucss UL LI.categorie_top A { font-weight: normal; color: #e8e8e8; } #menucss UL LI.categorie_top_on A { font-weight: bold; font-style: italic; color: #ab9b7d; } #menucss UL UL LI.categorie A { padding-left: 8px; font-weight: normal; font-style: normal; color: #e8e8e8;} #menucss UL UL LI.categorie_on A { margin-left: 8px; font-weight: normal; font-style: italic; color: #ab9b7d; } #menucss UL LI A:hover { background-color: #151515; text-decoration: none; } #menucss UL UL LI A:hover { background-color: #151515; text-decoration: none; } table.shipping_tables { border-color: #202020; border-style: solid; border-width: 1px; } .shipping_tables td { border-color: #202020; border-style: solid; border-width: 1px; }