@charset "UTF-8";
/* CSS Document */

body {
    background: url("images/bg_page.gif") repeat scroll 0 0 #AAAAAA;
    margin: 4px 0 10px;
    padding: 0;
}
H5 {
    margin: 0 0 6px;
}

.clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
.center {
    text-align: center;
}
.small90 {
    font-size: 90%;
}
.small80 {
    font-size: 80%;
}
.small70 {
    font-size: 70%;
}
.large110 {
    font-size: 110%;
}
.large120 {
    font-size: 120%;
}
.righthalf {
    float: right;
    width: 50%;
}
.lefthalf {
    float: left;
    width: 50%;
}
.boxblue {
    background: none repeat scroll 0 0 #E7EDF2;
    padding: 6px;
}
.bgblue {
    background: none repeat scroll 0 0 #E7EDF2;
}
.bgorange {
    background: none repeat scroll 0 0 #F5EBD6;
}
.bggray {
    background: none repeat scroll 0 0 #F6F6F6;
}
div.colLeft1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 349px;
}
div.colLeftSmall {
    background: none repeat scroll 0 0 #F5EBD6;
    float: left;
    margin: 0;
    padding: 0;
    width: 149px;
}
div.colMid1 {
    float: left;
    margin: 0 2px;
    padding: 0;
    width: 348px;
}
div.colRight1 {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    padding: 0;
    width: 349px;
}
div.colRight2 {
    float: right;
    margin: 0;
    padding: 0;
    width: 699px;
}
div.colRightLarge {
    margin: 0 0 0 152px;
    padding: 0;
}
div.colLeft2 {
    background: none repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    padding: 0;
    width: 699px;
}


div.homeRow1 {
    height: 230px;
    margin: 0;
    overflow: hidden;
    position: relative;
}
div.homeRow1 .prodLarge {
    height: 210px;
    margin-top: 10px;
}
div b.newDots {
    color: #999999;
    display: inline;
    float: right;
    margin-left: 20px;
}
div b.newDots a {
    color: #FFFFFF;
    display: inline;
    font: bold 20px/26px times;
    padding: 0 4px;
    text-decoration: none;
}
div b.newDots a.sel {
    color: #CC6600;
}
div.homeRow2 {
    margin: 0;
}
div.homeRow2 a {
    text-decoration: none;
}
div.homeRow2 ul {
    background: none repeat scroll 0 0 #F5EBD6;
    font-size: 90%;
    height: 300px;
    margin: 0;
    padding: 2px;
}
div.homeRow2 ul li {
    clear: both;
    height: 135px;
    list-style: none outside none;
    padding: 0 4px 0 0;
}
div.homeRow2 img {
    border: 0 none;
    float: left;
    height: 100px;
    margin: 5px 0 10px;
    width: 100px;
}
div.homeRow2 h4 {
    font-size: 120%;
    margin: 4px 0 0;
}
div.homeRow2 p {
    margin: 0;
}
div.homeRow2 p a {
    text-decoration: underline;
}

div.homeRow3 {
    margin: 0;
}
div.homeRow3 ul {
    font-size: 90%;
    height: 290px;
    margin: 0;
    padding: 5px;
}
div.homeRow3 ul li {
    clear: both;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
div.homeRow3 h4 {
    font-size: 120%;
    margin: 4px 0 0;
}
div.homeRow3 h4 a {
    text-decoration: none;
}


div.wrapper {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #999999 #999999 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 0 0 0;
    color: #000000;
    font: 12px/16px Arial,Helvetica,sans-serif;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    width: 1050px;
    padding: 2em 2px 2px;
}
div.wrapper h2 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #999999;
    border-style: none none solid;
    border-width: 0 0 0 0;
    color: #666666;
    font: 20px/1 Arial,Helvetica,sans-serif;
    margin: 0;
    text-align: left;
    padding-bottom: 10px;
    display: inline-block;
}


div.wrapper h3 small {
    color: #BBCCCC;
    font: bold 11px/25px Arial,Helvetica,sans-serif;
    text-decoration: none;
}
div.wrapper h3 span a:link, div.wrapper h3 span a:visited, div.wrapper h3 span a:hover, div.wrapper h3 span a:active, div.wrapper h3 small a {
    text-decoration: none;
}

div.wrapper p.pagenav a, div.wrapper p.pagenav a:visited {
    font-weight: bold;
    text-decoration: none;
}
div.content {
    color: #333333;
    margin-bottom: 6px;
    padding: 10px 12px;
}
div.content p {
    margin: 0 0 8px;
}
div.content ul {
    margin: 5px 5px 10px 20px;
}
div.content h4 {
    color: #105080;
    font: bold 14px/18px Arial,Helvetica,sans-serif;
    margin: 0 0 5px;
    padding: 0;
}

.red {
    color: red;
}
.blue {
    color: blue;
}
.green {
    color: green;
}
.gold {
    color: gold;
}



a:visited, a:link {
    color: #336699;
    text-decoration: underline;
}
a:hover {
    color: #6699CC;
}
div#globalnav a:link, div#globalnav a:visited {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
div#footernav a:link, div#footernav a:visited {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
}

div#mainnav a#mnStore {
    border: 0 none;
}
div#globalnav a:hover, div#footernav a:hover {
    color: #6699CC;
}
div.mhHidden form a:hover, div.mhHidden form a:active, div#mainnav a:hover, div#mainnav a:active {
    background: url("/images/bg_mainnav_over.gif") no-repeat scroll center center transparent;
    color: #FF9933;
}
div H3 a:link, div H3 a:visited {
    color: white;
}
div H3 a:hover {
    color: #6699CC;
}


div#logo {
    background: url("images/bg_logo.gif") no-repeat scroll center center transparent;
    border: 0 none;
    height: 100px;
    left: auto;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 21px;
    width: 122px;
    z-index: 99;
}
div#logo h1 {
    left: 0;
    position: absolute;
    top: -999px;
}

div#masthead {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("images/bg_masthead.gif") repeat-x scroll center center #000000;
    border-color: #FFFFFF #FFFFFF -moz-use-text-color;
    border-style: solid solid none;
    border-width: 2px 2px 0;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1050px;
}
div#mastheadWide {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #999999 #999999 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 10px 10px 0;
    padding: 2px;
    width: auto;
}
div#masthead h1 {
    background: url("images/logo_trisynergy2.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 80px;
    left: 15px;
    margin: -40px 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 350px;
}
div#masthead h1 span {
    visibility: hidden;
}
div#masthead h2 {
    color: white;
    font-family: arial;
    padding: 20px;
    text-align: right;
}
ul.mainnav {
    background: none repeat scroll 0 0 transparent;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
}
ul#mn01 {
    left: 470px;
}
ul#mn02 {
    left: 656px;
}
ul#mn03 {
    left: 842px;
}
ul.mainnav li {
    margin: 0;
    padding: 0;
}
ul.mainnav li a:link, ul.mainnav li a:visited {
    background: none repeat scroll 0 0 transparent;
    border-left: 2px solid #1A2633;
    color: #6699CC;
    display: block;
    font: bold 14px/20px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 0 10px;
    text-decoration: none;
    width: 166px;
}
ul.mainnav li a:hover, ul.mainnav li a:active {
    border-left: 2px solid #99CCFF;
    color: #99CCFF;
}
#searchBar {
    background: none repeat scroll 0 0 #CC9933;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-top: 0 none;
    display: none;
    margin: 0 auto;
    padding: 7px 10px 2px;
    position: relative;
    text-align: left;
    width: 1030px;
}
#searchBar form {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #000000;
    font: 11px arial,helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
#searchBar form input, #searchBar form select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #663300;
    color: #999999;
    font: 11px arial,helvetica,sans-serif;
    margin: 0 5px;
    padding: 2px 4px;
    vertical-align: baseline;
}
#searchBar form select {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 1px;
}
#searchBar span {
    color: #996600;
    padding: 0 3px;
}
#searchBar a:link, #searchBar a:visited {
    color: #663300;
    text-decoration: none;
}
#searchBar a:hover, #searchBar a:active {
    color: #FFFFFF;
}
div#slogan {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("images/bg_slogan.gif") repeat-x scroll center top #333333;
    border-color: -moz-use-text-color #FFFFFF #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-style: none solid solid;
    border-width: 0 2px 2px;
    margin: 0 auto;
    padding: 5px 10px 0;
    position: relative;
    width: 1030px;
}
div#slogan h2 {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #EEEEEE;
    font: bold 11px/31px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
div#slogan p {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #999999;
    float: right;
    font: 11px/31px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
div#bookmark {
    height: 20px;
    margin: 0 auto;
    text-align: right;
    width: 1050px;
}
div#actionbar {
    background: url("images/bg_slogan.gif") repeat-x scroll center top #333333;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-top: 0 none;
    margin: 0 auto;
    padding: 5px 10px 0;
    position: relative;
    width: 1030px;
}
div#actionbar a.facebook {
    background: url("images/widgets.gif") repeat scroll 0 -64px transparent;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
div#actionbar a.twitter {
    background: url("images/widgets.gif") repeat scroll 0 -48px transparent;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
div#actionbar a.rss {
    background: url("images/widgets.gif") repeat scroll 0 -80px transparent;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
div#actionbar a.blog {
    background: url("images/widgets.gif") repeat scroll 0 -16px transparent;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
div#actionbar a.youtube {
    background: url("images/widgets.gif") repeat scroll 0 -32px transparent;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
div#actionbar a.print {
    background: url("images/widgets.gif") repeat scroll 0 -96px transparent;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
div#actionbar a.email {
    background: url("images/widgets.gif") repeat scroll 0 -112px transparent;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
div#actionbar a.cart {
    background: url("images/widgets.gif") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
div#actionbar a.globe {
    background: url("images/widgets.gif") repeat scroll 0 -128px transparent;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
div#actionnav p {
    float: right;
}
div#actionnav {
    border: 0 none;
    margin: 0;
    padding: 5px 10px;
}
div#actionnav p {
    color: #DDDDDD;
    font: 11px/15px Arial,Helvetica,sans-serif;
    margin: 0;
    text-align: left;
}
div#actionnav p.breadcrumb {
    float: none;
}
div#actionnav p span {
    color: #666666;
}
div#actionnav p a {
    color: #CC9933;
    text-transform: lowercase;
}
div#actionnav p a.linkEmail {
    background: url("images/icon_email.gif") no-repeat scroll 2px center transparent;
    padding-left: 20px;
}
div#actionnav p a.linkPrint {
    background: url("images/icon_print.gif") no-repeat scroll 2px center transparent;
    padding-left: 20px;
}
div#footer {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    margin: 0 auto 10px;
    padding: 0 2px 2px;
    width: 1050px;
}
div.copyright {
    background: none repeat scroll 0 0 #333333;
    border: 0 none;
    margin: 0;
    padding: 15px;
}
div#footer p {
    background: none repeat scroll 0 0 #333333;
    border: 0 none;
    color: #999999;
    font: 11px/15px Arial,Helvetica,sans-serif;
    margin: 0;
    text-align: center;
}
div#footer p a:link, div#footer p a:visited {
    color: #CCCCCC;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
}
div#footer p a:hover, div#footer p a:active {
    color: #FFFFFF;
}
div#footer p.nav {
    background: none repeat scroll 0 0 #000000;
    border-bottom: 5px solid #CC9933;
    color: #666666;
    font: 11px/31px Arial,Helvetica,sans-serif;
    margin: 0;
}
div#footer p.nav a:link, div#footer p.nav a:visited {
    color: #6699CC;
}
div#footer p.nav a:hover, div#footer p.nav a:active {
    color: #99CCFF;
}
#bannerContained {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F0F0F0;
    border-color: #999999 #999999 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: auto;
    padding: 6px 2px;
    text-align: center;
    width: 1050px;
}
div.grid {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
}
div.grid ul {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
div.grid ul li {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    height: 160px;
    margin: 0 10px 0 15px;
    padding: 10px;
    text-align: center;
    width: 164px;
}
div.grid ul li p {
    color: #333333;
    font: 11px/15px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}
div.grid ul li p div {
    height: 124px;
}
.sliderGallery {
    background: url("images/site_gallery_bg2.gif") repeat-x scroll 0 0 #F5EBD6;
    height: 130px;
    overflow: hidden;
    padding: 2px 5px 12px;
    position: relative;
    width: 99%;
}
.sliderGallery TABLE {
    border-collapse: collapse;
    left: 0;
    margin: 0 6px;
    position: absolute;
    top: 0;
}
.sliderGallery A {
    display: block;
    width: 104px;
}
.sliderGallery A:hover {
    background: url("images/box_selected.gif") no-repeat scroll 0 0 transparent;
}
.sliderGallery IMG {
    height: 120px;
    width: 93px;
}
.slider {
    height: 8px;
    margin: 0 5px 0;
    padding: 0;
    position: relative;
    top: 124px;
    width: 1024px;
}
div.slider .ui-slider-handle {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #666666;
    cursor: pointer;
}
div.slider .ui-slider-handle:hover {
    background: none repeat scroll 0 0 #AAAAAA;
    cursor: pointer;
}
.sliderGallery .moveleft {
    background: none repeat scroll 0 0 grey;
    height: 122px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}
.sliderGallery .moveright {
    background: none repeat scroll 0 0 grey;
    height: 122px;
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
}
.storeGallery {
    background: url("images/site_gallery_bg2.gif") repeat-x scroll 0 0 #F5EBD6;
    height: 130px;
    overflow: hidden;
    padding: 2px 5px 12px;
    position: relative;
    width: 99%;
}
.storeGallery TABLE {
    border-collapse: collapse;
    left: 0;
    margin: 0 6px;
    position: absolute;
    top: 0;
}
.storeGallery A {
    display: block;
    text-align: center;
    width: 104px;
}
.storeGallery A:hover {
    background: url("images/box_selected.gif") no-repeat scroll 2px 0 transparent;
}
.storeGallery IMG {
    height: 120px;
    width: 93px;
}
#boxPad {
    padding: 5px;
}
.table1, .table2 {
    font-size: 12px;
}
.table1sm, .table2sm {
    font-size: 11px;
}
.table1 .title, .table1sm .title, .table2 .title, .table2sm .title {
    background: none repeat scroll 0 0 #F0E8E0;
}
.table1 TD, .table1 TH, .table1sm TD, .table1sm TH {
    border-bottom: 1px solid #DDDDDD;
    padding: 2px 4px;
}
.table2 TD, .table2 TH, .table2sm TD, .table2sm TH {
    border: medium none;
}
.table1 TR:hover, .table1sm TR:hover {
    background: none repeat scroll 0 0 #F4F4F4;
}
.actions {
    border: 1px solid #D0D0D0;
    height: 372px;
    margin: 2px 0 0 2px;
    overflow: auto;
    padding: 5px;
}
.action {
    border-top: 1px solid #D0D0D0;
    padding: 5px 0 8px 2px;
}
.action SMALL {
    font-weight: bold;
    line-height: 20px;
}
.table {
    background: none repeat scroll 0 0 #336699;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    font-family: verdana;
    font-size: 1em;
    width: 100%;
}
.table a {
    color: #000000;
}
.table .title {
    background: url("images/bg_h3.jpg") repeat scroll 0 0 #336699;
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
}
.table .category, .tTitle {
    background: none repeat scroll 0 0 #738FBF;
    color: #000000;
    font-size: 1em;
}
.table .category a {
    color: #E1E1E1;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}
.table .category a:hover {
    text-decoration: underline;
}
.table .forum, .table .tRow {
    background: none repeat scroll 0 0 #E1E1E1;
}
.table .tMiddle {
    background: none repeat scroll 0 0 #D8D8DB;
}
.table a.forum-name {
    font-size: 1.1em;
    font-weight: bold;
}
.table .forum .sub_forums {
    padding-top: 6px;
}
.table .smText, .table .forum .desc, .table .forum .sub_forums, .table .forum .sub_forums a {
    font-size: 1em;
}
.buttons a, .buttons-simple a {
    background: url("images/icon_goto.gif") no-repeat scroll 5px center #D8D8DB;
    border: 1px solid #738FBF;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    font-weight: bold;
    margin: 0;
    padding: 3px 5px 3px 23px;
    text-decoration: none;
}
.buttons-simple a {
    background-image: none;
    padding-left: 5px;
}
.buttons a:hover, .buttons-simple a:hover {
    background-color: #EBEBEB;
    color: #738FBF;
}
.buttons a.disabled, .buttons a.disabled:hover {
    background-color: #D8D8DB;
    color: #000000;
    opacity: 0.5;
}
.pageTitle {
    background: url("images/icon_forum.gif") no-repeat scroll left center transparent;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 20px;
}
a.thread-title {
    font-size: 1em;
    font-weight: bold;
}

.core-body-window .core-section-header {
    background: none repeat scroll 0 0 #333333;
    border: 0 none;
    color: #ffffff;
    font: 18px arial,helvetica,sans-serif;
    margin: 0;
    padding: 4px 10px;
    width: 100%;
}

.core-form-field-group-header, .store-product-list-item-title {
    font-size: 13px;
    font-weight: normal;
    margin-left: 1em;
    text-transform: uppercase;
}

.store-decorate-button .store-page-navigation .store-action-command, .store-decorate-button .store-product-list-item-action-list .store-action-command {
    background-color: #666666;
    border-color: #EEEEEE #DEDEDE #DEDEDE #EEEEEE;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
}

.store-product-detail-pricing {
    display: inline;
    font-size: 16px;
}

.core-section-body {
    margin: 1em;
    padding-top: 1em;
}

/* indent forms */
.core-form-field-area-left {
    margin-left: 3em;
}

.store-section-payment-details-cc .core-form-field-group-body {
    margin-left: 1.5em;
}

#ccShippingAddressDisplay {
    margin-left: 1.5em;
}

/* make option font larger */
.store-product-option-group-body {
    font-size: 13px;
}