* {
font-size: 100.01%;
}
html {
font-size: 62.5%;
}
body {
background: #989a9d url(../images/bg-body.gif) repeat-x;
color: #7c7c7c;
font: 1.2em/18px Arial,Helvetica,sans-serif;
margin: 0;
min-width: 1000px;
}
img {
border-style: none;
}
a {
color: #eaeaea;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.none {
display: none !important;
}
#m1 {
background: url(../images/bg-body.gif) repeat-x;
overflow: hidden;
position: relative;
width: 100%;
}
#m2 {
float: left;
left: 50%;
position: relative;
width: 1050px;
}
#m3 {
float: left;
left: -50%;
position: relative;
width: 1050px;
}
#wrapper {
background: url(../images/bg-wrapper.gif) repeat-x;
border: 1px solid #89966c;
height: 848px;
margin: 3px auto 10px;
width: 1048px;
}
#header {
background: url(../images/bg-header.gif) no-repeat 0 43px;
height: 175px;
overflow: hidden;
width: 100%;
}
.logo {
margin: 44px 0 0 753px;
text-indent: -9999px;
}
.logo a {
background: url(../images/bg-logo.gif) no-repeat;
display: block;
height: 66px;
overflow: hidden;
width: 184px;
}
#main {
height: 606px;
overflow: hidden;
width: 100%;
}
#content {
width: 815px;
float: right;
height: 100%;
}

.content-t {
background: url(../images/bg-content-t.png) no-repeat;
width: 738px;
height: 262px;
overflow: hidden;
text-indent: -9999px;
}
.content-b {
background: url(../images/bg-content-b.png) no-repeat;
width: 738px;
height: 29px;
overflow: hidden;
text-indent: -9999px;
}
.content-c {
background: url(../images/bg-content-c.png) repeat-y;
width: 100%;
}
.content-c:after {
content: "";
display: block;
clear: both;
}


#iconbar {
float: left;
position: absolute;
left: 105px;
top: 676px;
}
.paraforce {
width: "100%";
clear: both;
}
.pull-down {
padding: 28px 0 0 7px;
}
.spacer {
height: 20%;
}
.download-link {
color: #334D21;
font-size: 120%;
padding: 1.2em 0 0 3em;
font-weight: bold;
}
.fullcolumn {
width: 100%;
float: right;
margin: 0 0 -34px 0;
padding: 0;
}
.fullcolumn-extra {
width: 100%;
float: right;
margin: 0 0 -50px 0;
padding: 0;
}
.black {
background-color: #000000;
vertical-align: bottom;
overflow: hidden;
}
.copyright-slug {
font-size: 70%;
font-weight: bold;
}
.right {
float: right;
margin: 6px 20px 20px 40px;
}
.right-callout {
float: right;
padding: 4px 20px 20px 40px;
}
.right-callout-pull-down {
float: right;
padding: 16px 20px 20px 40px;
}
.divider {
color: #FFFFFF;
font-size: 120%;
position: relative;
top: 2px;
font-weight: thin;
}
.image-down {
padding-top: 12px;
}
.image-padding-bottom {
padding-bottom: 120px;
}
.image-no-padding-bottom {
margin-bottom: -10px;
}
.q {
color: #424242;
font-size: 120%;
font-weight: bold;
margin-top: 4px;
margin-bottom: -10px;
}
.sectionbreak {
color: #535353;
font-size: 130%;
font-weight: bold;
}
p,ul {
font: Helvetica,Arial,sans-serif;
line-height: 170%;
font-style: normal;
}
h1 {
color: #334D21;
font-size: 160%;
}
h2 {
color: #334D21;
font-size: 140%;
padding: 1.2em 0 0 0;
}
h3 {
color: #334D21;
font-size: 110%;
padding: 1.2em 0 0 0;
}
.pr-date {
font-weight: bold;
font-size: 120%;
color: #535353;
margin: -1em 0 0 0;
}
.pr-leader {
font-weight: bold;
font-size: 140%;
color: #334D21;
padding: 6px 0 0 0;
}
.boilerplate-lead {
font-weight: bold;
font-size: 120%;
color: #334D21;
}
.readmore,.readmore a, .readmore span {
font-style: italic;
font-size: 90%;
color: #334D21;
padding: 0 0 0 2px;
}
.insetbox {
float: right;
width: 80%;
padding: 20px;
margin-right: 40px;
margin-bottom: 20px;
text-align: left;
background-color: #FFFFFF;
border: 2px solid #B7B7B7;/* Do rounding (native in Opera,Firefox and Safari) */
border-radius:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.quote {
color: #334D21;
font-size: 120%;
width: 90%;
font-style: italic;
margin: auto;
margin-top: 2em;
margin-bottom: 1em;
}
.quoter {
text-align: right;
padding: 0px 36px 20px 0;
margin: -8px 0 0 0;
font-weight: bold;
}
.green-link {
font-weight: bold;
color: #334D21;
}

.center {
  padding-left: 40px;
}

.centered-image {
width: 95%;
margin: 0 2% 0 2%;
}
.gray-left {
font-size: 160%;
text-align: left;
padding-left: 50px;
font-weight: bold;
}
.callout-center {
float: center;
width: 90%;
padding: 20px;
margin-bottom: 20px;
text-align: left;
background-color: #B1B1B1;/* Do rounding (native in Opera,Firefox and Safari) */
border-radius:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.var-url {
font-weight: bold;
}
.var-breaker {
clear: both;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 20px;
}
.var-breaker a {
color: #535554;
}
.callout-dark {
float: center;
width: 90%;
padding: 20px;
margin-right: 40px;
margin-bottom: 20px;
text-align: left;
background-color: #B1B1B1;/* Do rounding (native in Opera,Firefox and Safari) */
border-radius:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.callout-dark-single {
margin-left: auto;
margin-right: auto;
width: 60%;
padding: 20px;
margin-bottom: 20px;
text-align: center;
background-color: #B1B1B1;/* Do rounding (native in Opera,Firefox and Safari) */
border-radius:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.callout-dark-double {
float: right;
padding: 10px 20px 10px 20px;
text-align: left;
color: #4C4E4E;
background-color: #B1B1B1;
width: 250px;/* Do rounding (native in Opera,Firefox and Safari) */
border-radius:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.callout-dark-multi {
float: right;
width: 85%;
padding: 10px;
margin-right: 30px;
margin-bottom: 20px;
text-align: left;
background-color: #B1B1B1;/* Do rounding (native in Opera,Firefox and Safari) */
border-radius:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.callout-dark-multi td {
font-size: 90%;
}
.callout-dark-multi .feature {
color: #000000;
}
.white-gray {
font-size: 95%;
}
.callout-dark-multi .benefit {
font-size: 90%;
color: #656565;
}
.callout-dark-multi th {
font-size: 110%;
font-weight: bold;
color: #000000;
padding: 20px 0 10px 10px;
}

/* Forms */
.fieldset-scroll {
margin: 0 90px 0 40px;
padding: 0 0 1em 2em;
}
.field-group {
margin: 1.3em;
clear: both;
overflow: hidden;
}
.form-label {
display: block;
margin: .3em 0;
line-height: 1em;
font-weight: bold;
}
.form-input {
margin-right: 1.5em;
padding: .2em .3em;
width: 90%;
float: left;
z-index: 999;
}
.form-submit {
clear: both;
float: right;
width: auto;
display: block;
margin: 1em 6em 1em 5%;
}
.form-button {
float: right;
margin-right: 50px;
}
.form-response {
display: none;
margin: 1em 0;
padding: 1em .5em .5em 0;
font-weight: bold;
float: left;
top: -1.5em;
z-index: 1;
width: 80%;
background: #000000;
color: #529214;
}
.form-mce-responses {
float: left;
top: -1.4em;
padding: 0em .5em 0em .5em;
overflow: hidden;
width: 90%;
margin: 0 5%;
clear: both;
}
.form-response {
display: none;
margin: 1em 0;
padding: 1em .5em .5em 0;
font-weight: bold;
float: left;
top: -1.5em;
z-index: 1;
width: 80%;
background: #FFEEEE;
color: #FF0000;
}
.feature {
text-align: right;
color: #656565;
font-weight: bold;
padding: 10px;
font-size: 120%;
}
.single-center {
width: 100%;
text-align: center;
color: #656565;
font-weight: bold;
padding: 10px;
font-size: 120%;
}
.benefit {
text-align: left;
padding: 10px;
font-size: 120%;
color: #000000;
}
.separated {
padding: 20px 0 0 0;
}
.office-table {
font-size: 120%;
width: 100%;
margin-bottom: 20px;
clear: both;
text-align: left;
}
.office-table h2 {
margin-top: -20px;
}
.insetbox table {
width: 100%;
}
.insetbox a {
color: #626263;
}
.insetbox td {
padding: 2px 0 6px 0;
font-size: 120%;
}
.insetbox h2 {
font-size: 110%;
margin: 0 0 0 0;
padding: 4px 40px 12px 0;
}
.table-footer {
margin: 16px 0 0 0;
font-size: 120%;
text-align: center;
}
.table-footer a {
color: #334D21;
font: bold;
}
.symbol-phone {
background: url(../images/Symbol_phone.png) left center no-repeat;
padding: 4px 0 4px 26px;
}
.symbol-fax {
background: url(../images/Symbol_fax.png) left center no-repeat;
padding: 4px 0 4px 26px;
}
.symbol-link {
background: url(../images/Symbol_link.png) left center no-repeat;
padding: 4px 0 4px 26px;
}
.symbol-skype {
background: url(../images/Symbol_skype.png) left center no-repeat;
padding: 4px 0 4px 26px;
}
.symbol-mail {
background: url(../images/Symbol_email.png) left center no-repeat;
padding: 4px 0 4px 26px;
}

/* Sections */
/* Sidebar */
#sidebar {
width: 199px;
height: 100%;
float: left;
background: url(../images/bg-sidebar.gif) no-repeat 100% 0;
}
#sidebar ul {
margin: 0;
padding: 56px 0 0;
list-style: none;
width: 177px;
overflow: hidden;
}
#sidebar ul li {
width: 100%;
height: 26px;
padding: 0 0 30px;
vertical-align: top;
overflow: hidden;
position: relative;
}
#sidebar ul li a {
float: right;
height: 13px;
overflow: hidden;
text-indent: -9999px;
outline: none;
position: relative !important;
}
#sidebar ul li a:hover, #sidebar ul li.active a {
height: 26px;
position: relative;
}
#sidebar ul li a.products {
width: 117px;
background: url(../images/buttons_menu_products.gif) no-repeat;
}
#sidebar ul li a.products:hover, #sidebar ul li.active .products {
background-position: 0 -13px;
}
#sidebar ul li a.solutions {
width: 117px;
background: url(../images/buttons_menu_solutions.gif) no-repeat;
}
#sidebar ul li a.solutions:hover, #sidebar ul li.active .solutions {
background-position: 0 -13px;
}
#sidebar ul li a.whyactive {
width: 117px;
background: url(../images/buttons_menu_whyactive.gif) no-repeat;
}
#sidebar ul li a.whyactive:hover, #sidebar ul li.active .whyactive {
background-position: 0 -13px;
}
#sidebar ul li a.where-to-buy {
width: 117px;
background: url(../images/buttons_menu_wheretobuy.gif) no-repeat ;
}
#sidebar ul li a.where-to-buy:hover, #sidebar ul li.active .where-to-buy {
background-position: 0 -13px;
}
#sidebar ul li a.company {
width: 117px;
background: url(../images/buttons_menu_company.gif) no-repeat;
}
#sidebar ul li a.company:hover, #sidebar ul li.active .company {
background-position: 0 -13px;
}
#sidebar ul li a.support {
width: 117px;
background: url(../images/buttons_menu_support.gif) no-repeat;
}
#sidebar ul li a.support:hover, #sidebar ul li.active .support {
background-position: 0 -13px;
}
#sidebar ul li a.videos {
width: 117px;
background: url(../images/buttons_menu_videos.gif) no-repeat;
}
#sidebar ul li a.videos:hover, #sidebar ul li.active .videos {
background-position: 0 -13px;
}
#sidebar ul li a.contact {
width: 117px;
background: url(../images/buttons_menu_contact.gif) no-repeat;
}
#sidebar ul li a.contact:hover, #sidebar ul li.active .contact {
background-position: 0 -13px;
}
#main .sidebar-inner ul {
padding: 81px 0 0;
}

/* Tabs */
#content ul.tabset-new, #content ul.tabset, #content ul.tabset-left {
margin: 0 61px 0 0;
padding: 0;
list-style: none;
float: right;
display: inline;
}
#content ul.tabset-left {
float: left;
}
ul.tabset-new li, ul.tabset-left li, .tabset li {
float: left;
background: url(../images/separator-tabset.gif) repeat-y;
padding: 0 11px 0 14px;
}
ul.tabset-new li:first-child, .tabset-left li:first-child, .tabset-new li:first-child {
background: none;
}
ul.tabset-new li a, .tabset-left li a, .tabset li a {
text-decoration: none;
color: #fff;
position: relative;
cursor: pointer;
}
ul.tabset-new li a:hover, .tabset-left li a:hover, .tabset li a:hover, ul.tabset-new li a.active, .tabset li a.active {
color: #546535;
}
#content .sub-frame {
padding-top: 18px;
background: url(../images/bg-sub-frame.jpg) no-repeat;
}
.tab-content {
width: 644px;
overflow: hidden;
padding: 15px 0 0;
clear: right;
line-height: 140%;
}
#main .tabs-holder {
overflow: hidden;
width: 100%;
}

/* Video Frame */
.video-holder {
width: 713px;
height: 446px;
overflow: hidden;
border: 1px solid #fff;
position: relative;
margin: 36px 0 0;
}
.video-holder img {
display: block;
}
.btn-play {
display: block;
width: 56px;
height: 54px;
text-indent: -9999px;
position: absolute;
left: 17px;
bottom: 11px;
}
.btn-play a {
width: 56px;
height: 54px;
display: block;
overflow: hidden;
background: url(../images/btn-play.png) no-repeat;
cursor: pointer;
}

/* Footer */
#footer {
width: 100%;
height: 43px;
overflow: hidden;
background: url(../images/bg-footer.gif) no-repeat;
color: #c2c7b9;
text-align: center;
padding: 24px 0 0;
}
#footer ul {
width: 100%;
overflow: hidden;
margin: 0 0 0 0;
padding: 0 0 0 28px;
list-style: none;
}
#footer ul li {
padding: 0 4px 0 7px;
line-height: 140%;
display: inline;
background: url(../images/separator-01.gif) no-repeat;
}
#footer ul li:first-child {
background: none;
}

/* Footer Scrollable */
#footer_scrollable {
margin: -484px 0 0;
height: 484px;
width: 100%;
color: #e0e1de;
font-size: 9px;
line-height: 11px;
overflow: hidden;
background: url(../images/bg-body-b.jpg) no-repeat 50% 0;
}
#footer_scrollable a {
color: #e0e1de;
}
.footer-holder {
margin: 0 -60px 0 -85px;
}
.footer-frame_scrollable {
width: 905px;
margin: 0 auto;
padding: 440px 0 0;
height: 44px;
}
#footer_scrollable ul {
position: relative;
padding: 0 0 0 82px;
margin: 0;
list-style: none;
text-align: center;
}
#footer_scrollable li {
display: inline;
background: url(../images/separator-footer-list.gif) no-repeat 0 1px;
padding: 0 5px 0 9px;
}
#footer_scrollable li:first-child {
background-image: none;
}


/* Scroll Holder */
.frame .scroll-holder {
width: 644px;
height: 359px;
position: relative;
overflow: hidden;
}
.frame .scroll-holder img {
display: block;
}
.frame .scroll-holder strong {
display: block;
color: #52924c;
font-size: 1.334em;
padding: 11px 15px 18px 0;
}
.frame .scroll-holder strong span {
display: block;
color: #7c7c7c;
font-size: 1.084em;
margin: 0 0 3px;
}

/* Scrollable */
.scrollable {
height: 359px;
overflow: hidden;
}
.vscroll-bar {
background: url(../images/bg-vscroll-bar.gif) no-repeat;
}
.vscroll-up, .vscroll-down {
display: none;
}
.vscroll-slider {
background: url(../images/bg-vscroll-slider.png) no-repeat;
width: 22px !important;
height: 20px !important ;
overflow: hidden;
cursor: pointer;
}

/* products page */
/* product-box */
.product-box,.overview-box {
width: 716spx;
height: 447px;
overflow: hidden;
margin: 36px 0 0;
}
.product-box ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden;
background: url(../images/bg-product-box.gif) repeat-y;
}
.product-box a:hover {
font-weight: bold;
text-decoration: none;
}
.overview-box ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden;
}
.overview-box ul li {
float: left;
width: 356px;
height: 220px;
border: 1px solid #bfbfbf;
}
.product-box ul li {
float: left;
width: 236px;
height: 147px;
border: 1px solid #bfbfbf;
}
.product-box ul li:hover, .product-box ul li.hover {
position: relative;
}
.product-box ul li:hover .drop-down, .product-box ul li.hover .drop-down {
display: block;
}
.product-box,.overview-box ul li img {
display: block;
overflow: hidden;
}
.product-box ul li span {
display: block;
color: #d3d4d6;
padding: 0px;
line-height: 140%;
}
.product-box ul li span strong {
display: block;
color: #fff;
line-height: 14px;
}
.product-box ul li span span {
padding: 0;
}
.product-box ul .box-active span {
padding: 88px 0px 0px 7px;
}
.product-box ul .box-active span span {
padding: 0;
}
.product-box ul .top-right span {
padding: 0;
text-align: right;
}
.product-box ul .top-right span span {
padding: 0;
}
.product-box ul .top-left span {
padding: 0;
}
.product-box ul .top-left span span {
padding: 0;
}
.product-box ul .bottom-left span {
padding: 0;
}
.product-box ul .bottom-left span span {
padding: 0;
}
.product-box ul .bottom-left {
padding: 0px;
}
.product-box ul .bottom-right span {
padding: 0;
text-align: right;
}
.product-box ul .bottom-right span span {
padding: 0;
}

/* products-innerpool page */
/* frame */
.frame {
width: 669px;
height: 459px;
overflow: hidden;
background: url(../images/bg-frame.jpg) no-repeat;
margin: 35px 0 0 -4px;
padding: 5px 0 0 67px;
line-height: 15px;
}
.data {
width: 90px;
display: block;
height: 25px;
overflow: hidden;
background: url(../images/bg-data.gif) no-repeat 0 6px;
color: #fff;
margin: 0 0 13px 510px;
padding: 6px 0 0;
font-size: 1em;
}
.data a {
display: block;
text-align: center;
letter-spacing: -1px;
padding: 5px 0;
color: #fff;
}
.data a.tab2 {
display: none;
}
.activeraid {
display: block;
margin: -7px 0 0 4px;
line-height: 18px;
position: relative;
}
.activeraid a {
float: left;
color: #fff;
}
.text-box {
width: 450px;
overflow: hidden;
font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif;
padding: 0 0 33px;
}
.text-box p {
margin: 0 0 19px;
line-height: 18px;
word-spacing: 1px;
}
.text-box h3 {
margin: 0;
font-size: 1.167em;
font-weight: bold;
color: #52924c;
line-height: 20px;
}
.text {
width: 599px;
overflow: hidden;
font-size: 1.167em;
padding: 0 0 25px;
}
.line {
width: 100%;
overflow: hidden;
padding: 0 0 16px;
}
.line img {
float: right;
}
.line p {
margin: 5px 0 0;
line-height: 18px;
width: 320px;
float: left;
text-align: justify;
word-spacing: -1px;
}
.line ul {
margin: 0;
padding: 3px 0 0;
list-style: none;
width: 320px;
float: left;
line-height: 18px;
text-align: justify;
word-spacing: -1px;
}
.line ul li {
height: 1%;
vertical-align: top;
overflow: hidden;
padding: 0 0 19px;
}
.line ul li a {
color: #7c7c7c;
background: url(../images/bullet-01.png) no-repeat 0 5px;
padding: 0 0 0 12px;
}
.text h3 {
margin: 0 0 19px;
color: #52924c;
font-weight: bold;
font-size: 1.167em;
line-height: 19px;
}
.text p {
margin: 0 0 20px;
text-align: justify;
line-height: 18px;
word-spacing: -1px;
}
.line .img {
float: left;
}
#content {
float: right;
height: 100%;
width: 815px;
}
h2 {
color: #334D21;
font-size: 140%;
font-weight: 700;
padding: 1.2em 0 0;
}
.paraforce {
clear: both;
width: "100%";
}
.pull-down {
padding: 28px 0 0 7px;
}
.spacer {
height: 20%;
}
.download-link {
color: #334D21;
font-size: 120%;
font-weight: 700;
padding: 1.2em 0 0 3em;
}
.fullcolumn {
float: right;
margin: 0 0 -34px;
padding: 0;
width: 100%;
}
.fullcolumn-extra {
float: right;
margin: 0 0 -50px;
padding: 0;
width: 100%;
}
.black {
background-color: #000;
overflow: hidden;
vertical-align: bottom;
}
.copyright-slug {
font-size: 70%;
font-weight: 700;
}
.right {
float: right;
margin: 6px 20px 20px 40px;
}
.right-callout {
float: right;
padding: 4px 20px 20px 40px;
}
.right-callout-pull-down {
float: right;
padding: 16px 20px 20px 40px;
}
.divider {
color: #FFF;
font-size: 120%;
font-weight: thin;
position: relative;
top: 2px;
}
.image-down {
padding-top: 12px;
}
.image-padding-bottom {
padding-bottom: 120px;
}
.image-no-padding-bottom {
margin-bottom: -10px;
}
.q {
color: #424242;
font-size: 120%;
font-weight: 700;
margin-bottom: -10px;
margin-top: 4px;
}
.sectionbreak {
color: #535353;
font-size: 130%;
font-weight: 700;
}
p,ul {
font: Helvetica,Arial,sans-serif;
font-style: normal;
line-height: 170%;
}
h1 {
color: #334D21;
font-size: 160%;
}
h3 {
color: #334D21;
font-size: 110%;
padding: 1.2em 0 0;
}
.pr-date {
color: #535353;
font-size: 120%;
font-weight: 700;
margin: -1em 0 0;
}
.pr-leader {
color: #334D21;
font-size: 140%;
font-weight: 700;
padding: 6px 0 0;
}
.boilerplate-lead {
color: #334D21;
font-size: 120%;
font-weight: 700;
}
.readmore,.readmore a,.readmore span {
color: #334D21;
font-size: 90%;
font-style: italic;
padding: 0 0 0 2px;
}
.insetbox {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color: #FFF;
border: 2px solid #B7B7B7;
border-radius: 20px;
float: right;
margin-bottom: 20px;
margin-right: 40px;
padding: 20px;
text-align: left;
width: 80%;
}
.quote {
color: #334D21;
font-size: 120%;
font-style: italic;
margin: 2em auto 1em;
width: 90%;
}
.quoter {
font-weight: 700;
margin: -8px 0 0;
padding: 0 36px 20px 0;
text-align: right;
}
.green-link {
color: #334D21;
font-weight: 700;
}
.centered-image {
margin: 0 2%;
width: 95%;
}
.gray-left {
font-size: 160%;
font-weight: 700;
padding-left: 50px;
text-align: left;
}
.callout-dark-single {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color: #B1B1B1;
border-radius: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-align: center;
width: 60%;
}
.callout-dark-multi {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color: #B1B1B1;
border-radius: 20px;
float: right;
margin-bottom: 20px;
margin-right: 30px;
padding: 10px;
text-align: left;
width: 92%;
}
.callout-dark-double p {
font-size: 90%;
line-height: 140%;
}
.header {
font-weight: bold;
font-size: 115%;
}
.contact {
font-size: 80%;
}
.callout-dark-multi td {
font-size: 90%;
}
.callout-dark-multi .feature {
color: #000;
}
.callout-dark-multi .benefit {
color: #656565;
font-size: 90%;
}
.callout-dark-multi th {
color: #000;
font-size: 110%;
font-weight: 700;
padding: 20px 0 10px 10px;
}
.feature {
color: #656565;
font-size: 120%;
font-weight: 700;
padding: 10px;
text-align: right;
}
.single-center {
color: #656565;
font-size: 120%;
font-weight: 700;
padding: 10px;
text-align: center;
width: 100%;
}
.benefit {
color: #000;
font-size: 120%;
padding: 10px;
text-align: left;
}
.separated {
padding: 20px 0 0;
}
.office-table {
clear: both;
font-size: 120%;
margin-bottom: 20px;
text-align: left;
width: 100%;
}
.office-table h2 {
margin-top: -20px;
}
.insetbox table {
width: 100%;
}
.insetbox a {
color: #626263;
}
.insetbox td {
font-size: 120%;
padding: 2px 0 6px;
}
.insetbox h2 {
font-size: 110%;
margin: 0;
padding: 4px 40px 12px 0;
}
.table-footer {
font-size: 120%;
margin: 16px 0 0;
text-align: center;
}
.table-footer a {
color: #334D21;
font: bold;
}
.symbol-phone {
background: url(../images/Symbol_phone.png) left center no-repeat;
padding: 4px 0 4px 26px;
}
.symbol-link {
background: url(../images/Symbol_link.png) left center no-repeat;
padding: 4px 0 4px 26px;
}
.symbol-skype {
background: url(../images/Symbol_skype.png) left center no-repeat;
padding: 4px 0 4px 26px;
}
.symbol-mail {
background: url(../images/Symbol_email.png) left center no-repeat;
padding: 4px 0 4px 26px;
}
#sidebar {
background: url(../images/bg-sidebar.gif) no-repeat 100% 0;
float: left;
height: 100%;
width: 199px;
}
#sidebar ul {
list-style: none;
margin: 0;
overflow: hidden;
padding: 56px 0 0;
width: 177px;
}
#sidebar ul li {
height: 26px;
overflow: hidden;
padding: 0 0 30px;
position: relative;
vertical-align: top;
width: 100%;
}
#sidebar ul li a {
float: right;
height: 13px;
outline: none;
overflow: hidden;
position: relative !important;
text-indent: -9999px;
}
#sidebar ul li a:hover,#sidebar ul li.active a {
height: 26px;
position: relative;
}
#sidebar ul li a.products {
background: url(../images/buttons_menu_products.gif) no-repeat;
width: 117px;
}
#sidebar ul li a.solutions {
background: url(../images/buttons_menu_solutions.gif) no-repeat;
width: 117px;
}
#sidebar ul li a.whyactive {
background: url(../images/buttons_menu_whyactive.gif) no-repeat;
width: 117px;
}
#sidebar ul li a.where-to-buy {
background: url(../images/buttons_menu_wheretobuy.gif) no-repeat;
width: 117px;
}
#sidebar ul li a.company {
background: url(../images/buttons_menu_company.gif) no-repeat;
width: 117px;
}
#sidebar ul li a.support {
background: url(../images/buttons_menu_support.gif) no-repeat;
width: 117px;
}
#sidebar ul li a.videos {
background: url(../images/buttons_menu_videos.gif) no-repeat;
width: 117px;
}
#sidebar ul li a.contact {
background: url(../images/buttons_menu_contact.gif) no-repeat;
width: 117px;
}
#main .sidebar-inner ul {
padding: 81px 0 0;
}
#content ul.tabset-new,#content ul.tabset,#content ul.tabset-left {
display: inline;
float: right;
list-style: none;
margin: 0 61px 0 0;
padding: 0;
}
ul.tabset-new li,ul.tabset-left li,.tabset li {
background: url(../images/separator-tabset.gif) repeat-y;
float: left;
padding: 0 11px 0 14px;
}
ul.tabset-new li a,.tabset-left li a,.tabset li a {
color: #fff;
cursor: pointer;
position: relative;
text-decoration: none;
}
ul.tabset-new li a:hover,.tabset-left li a:hover,.tabset li a:hover,ul.tabset-new li a.active,.tabset li a.active {
color: #546535;
}
#content .sub-frame {
background: url(../images/bg-sub-frame.jpg) no-repeat;
padding-top: 18px;
}
.tab-content {
clear: right;
line-height: 140%;
overflow: hidden;
padding: 15px 0 0;
width: 644px;
}
#main .tabs-holder {
overflow: hidden;
width: 100%;
}
.video-holder {
border: 1px solid #fff;
height: 446px;
margin: 36px 0 0;
overflow: hidden;
position: relative;
width: 713px;
}
.btn-play {
bottom: 11px;
display: block;
height: 54px;
left: 17px;
position: absolute;
text-indent: -9999px;
width: 56px;
}
.btn-play a {
background: url(../images/btn-play.png) no-repeat;
cursor: pointer;
display: block;
height: 54px;
overflow: hidden;
width: 56px;
}
#footer {
background: url(../images/bg-footer.gif) no-repeat;
color: #c2c7b9;
height: 43px;
overflow: hidden;
padding: 24px 0 0;
text-align: center;
width: 100%;
}
#footer ul {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0 0 0 28px;
width: 100%;
}
#footer ul li {
background: url(../images/separator-01.gif) no-repeat;
display: inline;
line-height: 160%;
padding: 0 4px 0 7px;
}
.frame .scroll-holder {
height: 359px;
overflow: hidden;
position: relative;
width: 644px;
}
.frame .scroll-holder strong {
color: #52924c;
display: block;
font-size: 1.334em;
line-height: 20px;
padding: 11px 15px 18px 0;
}
.frame .scroll-holder strong span {
color: #7c7c7c;
display: block;
font-size: 1.084em;
margin: 0 0 3px;
}
.scrollable {
height: 359px;
overflow: hidden;
}
.vscroll-bar {
background: url(../images/bg-vscroll-bar.gif) no-repeat;
}
.vscroll-slider {
background: url(../images/bg-vscroll-slider.png) no-repeat;
cursor: pointer;
height: 20px !important;
overflow: hidden;
width: 22px !important;
}
.product-box,overview-box {
height: 447px;
margin: 36px 0 0;
overflow: hidden;
width: 716px;
}
.product-box ul {
background: url(../images/bg-product-box.gif) repeat-y;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.product-box a:hover {
font-weight: 700;
text-decoration: none;
}
.overview-box ul {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.overview-box ul li {
border: 1px solid #bfbfbf;
float: left;
height: 220px;
width: 356px;
}
.product-box ul li {
border: 1px solid #bfbfbf;
float: left;
height: 147px;
width: 236px;
}
.product-box ul li:hover,.product-box ul li.hover {
position: relative;
}
.product-box,.overview-box ul li img {
display: block;
overflow: hidden;
}
.product-box ul li span {
color: #d3d4d6;
display: block;
line-height: 140%;
padding: 0;
}
.product-box ul li span strong {
color: #fff;
display: block;
line-height: 14px;
}
.product-box ul .box-active span {
padding: 88px 0 0 7px;
}
.frame {
background: url(../images/bg-frame.jpg) no-repeat;
height: 459px;
line-height: 15px;
margin: 35px 0 0 -4px;
overflow: hidden;
padding: 5px 0 0 67px;
width: 669px;
}
.data {
background: url(../images/bg-data.gif) no-repeat 0 6px;
color: #fff;
display: block;
font-size: 1em;
height: 25px;
margin: 0 0 13px 510px;
overflow: hidden;
padding: 6px 0 0;
width: 90px;
}
.data a {
color: #fff;
display: block;
letter-spacing: -1px;
padding: 5px 0;
text-align: center;
}
.activeraid {
display: block;
line-height: 18px;
margin: -7px 0 0 4px;
position: relative;
}
.activeraid a {
color: #fff;
float: left;
}
.text-box {
font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif;
overflow: hidden;
padding: 0 0 33px;
width: 450px;
}
.text-box p {
line-height: 18px;
margin: 0 0 19px;
word-spacing: 1px;
}
.text-box h3 {
color: #52924c;
font-size: 1.167em;
font-weight: 700;
line-height: 20px;
margin: 0;
}
.text {
font-size: 1.167em;
overflow: hidden;
padding: 0 0 25px;
width: 599px;
}
.line {
overflow: hidden;
padding: 0 0 16px;
width: 100%;
}
.line img {
float: right;
}
.line p {
float: left;
line-height: 18px;
margin: 5px 0 0;
text-align: justify;
width: 320px;
word-spacing: -1px;
}
.line ul {
float: left;
line-height: 18px;
list-style: none;
margin: 0;
padding: 3px 0 0;
text-align: justify;
width: 320px;
word-spacing: -1px;
}
.line ul li {
height: 1%;
overflow: hidden;
padding: 0 0 19px;
vertical-align: top;
}
.line ul li a {
background: url(../images/bullet-01.png) no-repeat 0 5px;
color: #7c7c7c;
padding: 0 0 0 12px;
}
.text h3 {
color: #52924c;
font-size: 1.167em;
font-weight: 700;
line-height: 19px;
margin: 0 0 19px;
}
.text p {
line-height: 18px;
margin: 0 0 20px;
text-align: justify;
word-spacing: -1px;
}
.callout-center,.callout-dark {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color: #B1B1B1;
border-radius: 20px;
float: center;
margin-bottom: 20px;
margin-right: 40px;
padding: 20px;
text-align: left;
width: 90%;
}
#sidebar ul li a.products:hover,#sidebar ul li.active .products,#sidebar ul li a.solutions:hover,#sidebar ul li.active .solutions,#sidebar ul li a.whyactive:hover,#sidebar ul li.active .whyactive,#sidebar ul li a.where-to-buy:hover,#sidebar ul li.active .where-to-buy,#sidebar ul li a.company:hover,#sidebar ul li.active .company,#sidebar ul li a.support:hover,#sidebar ul li.active .support,#sidebar ul li a.videos:hover,#sidebar ul li.active .videos,#sidebar ul li a.contact:hover,#sidebar ul li.active .contact {
background-position: 0 -13px;
}
#content ul.tabset-left,.line .img {
float: left;
}
ul.tabset-new li:first-child,.tabset-left li:first-child,.tabset-new li:first-child,#footer ul li:first-child {
background: none;
}
.video-holder img,.frame .scroll-holder img,.product-box ul li:hover .drop-down,.product-box ul li.hover .drop-down {
display: block;
}
.vscroll-up,.vscroll-down,.data a.tab2 {
display: none;
}
.product-box ul li span span,.product-box ul .box-active span span,.product-box ul .top-right span span,.product-box ul .top-left span,.product-box ul .top-left span span,.product-box ul .bottom-left span,.product-box ul .bottom-left span span,.product-box ul .bottom-left,.product-box ul .bottom-right span span {
padding: 0;
}
.product-box ul .top-right span,.product-box ul .bottom-right span {
padding: 0;
text-align: right;
}