/* STYLES */
html { font-family: 'Montserrat', sans-serif; margin: 0px; padding: 0px; }
body { font-family: 'Montserrat', sans-serif; width: 100%; height: 100%; margin: 0px; padding: 0px; min-width: 320px; background-color: #FFFFFF; }
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a { text-decoration: none; }
.width-5 { width: 5%; }
.width-10 { width: 10%; }
.width-15 { width: 15%; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }
.width-30 { width: 30%; }
.width-35 { width: 35%; }
.width-40 { width: 40%; }
.width-45 { width: 45%; }
.width-50 { width: 50%; }
.width-55 { width: 55%; }
.width-60 { width: 60%; }
.width-65 { width: 65%; }
.width-70 { width: 70%; }
.width-75 { width: 75%; }
.width-80 { width: 80%; }
.width-85 { width: 85%; }
.width-90 { width: 90%; }
.width-95 { width: 95%; }
.width-100 { width: 100%; }
.highlight { background-color: #FFFF00; }
.border { border: 1px solid #999999; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }
.nowrap { white-space: nowrap; }
.pointer { cursor: pointer; }
.float-left { float: left; }
.float-right { float: right; }
.display-block { display: block !important; }
.display-none { display: none !important; }
.nopadding { margin: 0px; padding: 0px; border-spacing: 0px; }
.nopaddingwide { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; }
.image-horizontal { width: 300px; height: 115px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.image-vertical { width: 150px; height: 210px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.image-left { margin: 5px 20px 15px 0px; padding: 0px; float: left; }
.image-left-full { width: 50%; margin: 5px 20px 15px 0px; padding: 0px; float: left; }
.image-center { width: 100%; display: block; margin-left: auto; margin-right: auto; }
.image-right { margin: 5px 0px 15px 20px; padding: 0px; float: right; }
.image-right-full { width: 50%; margin: 5px 0px 15px 20px; padding: 0px; float: right; }
.addthis { float: right; margin-right: 5px; white-space: nowrap; }
.show-xs { display: none; }
.productlogo { margin: 0px; padding: 4px 8px 30px 0px; float: left; }
.downloadlogo { margin: 0px; padding: 0px 20px 20px 0px; float: left; }
.thumbnail { margin: 0px 15px 15px 0px; border: 1px solid #999999; float: left; }
.bio { margin: 0px; padding: 0px 20px 0px 0px; }
.chart { margin: 0px; padding: 5px; float: right; }
.checkmark { width: 200px; height: 200px; margin: 10px 0px 10px 10px; padding: 0px; float: right; }
.featureicon { margin: 0px 15px 40px 0px; padding: 0px; float: left; }
.screenshot { width: 100%; display: block; margin-left: auto; margin-right: auto; }
.button-margin { margin: 8px 2px 10px 2px; }
.button-green { font-size: 12px; color: #FFFFFF; background-color: #007F18; padding: 8px 10px 8px 10px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; -webkit-box-shadow: 0px 0px 1px #666666; }
.padding { padding: 10px 5px 10px 15px; }
a img { border: 0; }
sup { vertical-align: text-top; }
@media (max-width: 991px) {
.image-left-full { width: 100%; margin-left: auto; margin-right: auto; float: none; }
.image-right-full { width: 100%; margin-left: auto; margin-right: auto; float: none; }
.padding { padding: 10px 15px 10px 15px; }
.hide-l { display: none; }
}
@media (max-width: 767px) {
.chart { padding: 5px 5px 10px 5px; display: block; margin-left: auto; margin-right: auto; float: none; }
.hide-m { display: none; }
}
@media (max-width: 639px) {
.padding { padding: 10px 10px 10px 10px; }
.chart { width: 95%; padding: 5px 5px 10px 5px; display: block; margin-left: auto; margin-right: auto; float: none; }
.checkmark { width: 100px; height: 100px; margin: 10px 0px 10px 10px; padding: 0px; float: right; }
.featureicon { margin: 0px 15px 55px 0px; padding: 0px; float: left; }
}
@media (max-width: 639px) {
.image-horizontal { width: 225px; height: 86px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.hide-s { display: none; }
}
@media (max-width: 479px) {
.image-horizontal { width: 150px; height: 58px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.image-vertical { width: 113px; height: 158px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.featureicon { display: none; }
.hide-xs { display: none; }
.show-xs { display: inline-block; }
}
/* FORM ELEMENTS */
input, textarea, select, submit, button { font-family: 'Montserrat', sans-serif; font-size: 15px; color: #333333; }
input[type="text"] { width: 95%; margin: 1px; padding: 2px 2px 2px 2px; background-color: #FFFFFF; border: 1px solid #DEDEDE; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="text"]:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #FFB240; }
input[type="text"]:disabled { background-color: #EEEEEE; cursor: not-allowed; }
input[type="password"] { width: 95%; margin: 1px; padding: 2px 2px 2px 2px; background-color: #FFFFFF; border: 1px solid #DEDEDE; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="password"]:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #FFB240; }
input[type="password"]:disabled { background-color: #EEEEEE; cursor: not-allowed; }
textarea { width: 95%; margin: 1px; padding: 2px 2px 2px 2px; background-color: #FFFFFF; border: 1px solid #DEDEDE; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
textarea:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #FFB240; }
textarea:disabled { background-color: #EEEEEE; cursor: not-allowed; }
select { width: 95%; margin: 1px; padding: 2px 2px 2px 2px; background-color: #FFFFFF; border: 1px solid #DEDEDE; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
select:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #FFB240; }
select:disabled { background-color: #EEEEEE; cursor: not-allowed; }
input[type="submit"] { min-width: 90px; margin: 2px; padding: 2px 8px 2px 8px; background-color: #FEFEFE; border: 1px solid #DEDEDE; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="submit"]:hover { background-color: #FAFAFA; box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #FFB240; }
input[type="submit"]:focus { background-color: #FAFAFA; box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #FFB240; }
input[type="submit"]:disabled { background-color: #EEEEEE; border: 1px solid #DEDEDE; cursor: not-allowed; }
input[type="button"] { min-width: 90px; margin: 2px; padding: 2px 8px 2px 8px; background-color: #FEFEFE; border: 1px solid #DEDEDE; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="button"]:hover { background-color: #FAFAFA; box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #FFB240; }
input[type="button"]:focus { background-color: #FAFAFA; box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #FFB240; }
input[type="button"]:disabled { background-color: #EEEEEE; border: 1px solid #DEDEDE; cursor: not-allowed; }
/* HEADER */
.header-wrap { width: 100%; height: 80px; min-width: 320px; background-color: #FFFFFF; border-bottom: 2px solid #FFB240; position: fixed; top: 0px; left: 0px; overflow: visible; z-index: 1000; }
.header { max-width: 960px; height: auto; margin: auto; background-color: #FFFFFF; overflow: visible; }
.header .logocontainer { width: 135px; height: 80px; display: block; position: relative; top: 0px; left: 0px; float: left; }
.header .logo { width: 135px; height: 80px; }
.header .navigation { display: block; position: relative; top: 20px; left: 30px; float: left; }
.header .search { display: block; position: relative; top: 20px; left: 60px; float: left; }
.header .altnav { display: none; position: relative; top: 10px; right: 10px; float: right; cursor: pointer; }
.header .menuitem { font-size: 16px; color: #333333; display: inline-block; padding: 10px 15px 11px 15px; cursor: pointer; }
.header .menuitem a { color: #333333; text-decoration: none; }
.header .menuitem a:hover { text-decoration: none; }
.header .navigation .active { color: #333333; background-color: #FCFCFC; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .active a { color: #333333; }
.header .navigation .software-sub { width: 400px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; -moz-border-radius: 0px 8px 8px 8px; -webkit-border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .services-sub { width: 400px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; -moz-border-radius: 0px 8px 8px 8px; -webkit-border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .download-sub { width: 400px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; -moz-border-radius: 0px 8px 8px 8px; -webkit-border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .support-sub { width: 400px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; -moz-border-radius: 0px 8px 8px 8px; -webkit-border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .news-sub { width: 200px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; -moz-border-radius: 0px 8px 8px 8px; -webkit-border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .customers-sub { width: 200px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; -moz-border-radius: 0px 8px 8px 8px; -webkit-border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .contact-sub { width: 200px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; -moz-border-radius: 0px 8px 8px 8px; -webkit-border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .sub-left { width: 190px; display: inline-block; position: relative; padding: 10px 0px 10px 10px; top: 0px; left: 0px; vertical-align: top; float: left; }
.header .navigation .sub-right { width: 190px; display: inline-block; position: relative; padding: 10px 10px 10px 0px; top: 0px; left: 0px; vertical-align: top; float: right; }
.header .navigation .sub-center { width: 180px; display: inline-block; position: relative; padding: 10px 10px 10px 10px; top: 0px; left: 0px; vertical-align: top; }
.header .navigation .sub-bottom { width: 380px; display: inline-block; position: relative; padding: 0px 10px 10px 10px; top: 0px; left: 0px; vertical-align: top; }
.header .navigation .sub-spacer { width: 10px; height: 10px; }
.header .navigation .nav { margin: 0px; padding: 0px; list-style: none; }
.header .navigation .top { font-size: 14px; color: #378ACC; margin: 0px; padding: 0px 0px 10px 0px; list-style: none; }
.header .navigation .top a { color: #378ACC; text-decoration: none; }
.header .navigation .top a:hover { color: #378ACC; text-decoration: underline; }
.header .navigation .sub { font-size: 14px; color: #333333; margin: 0px; padding: 0px; list-style: none; }
.header .navigation .sub a { color: #333333; text-decoration: none; }
.header .navigation .sub a:hover { color: #333333; text-decoration: underline; }
.header .mobilenav { width: 100%; display: none; position: relative; top: 2px; background-color: #FCFCFC; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); float: right; z-index: 7008; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.header .mobilenav .nav { margin: 0px; padding: 0px; list-style: none; }
.header .mobilenav .nav ul { margin: 0px; padding: 0px; }
.header .mobilenav .nav li { list-style: none; }
.header .mobilenav .top { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 6px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .top:hover { background-color: #EAEAEA; }
.header .mobilenav .toptop { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 26px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .toptop:hover { background-color: #EAEAEA; }
.header .mobilenav .toptoptop { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 46px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .toptoptop:hover { background-color: #EAEAEA; }
.header .mobilenav .sub { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 26px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .sub:hover { background-color: #EAEAEA; }
.header .mobilenav .subsub { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 46px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .subsub:hover { background-color: #EAEAEA; }
.header .mobilenav .subsubsub { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 66px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .subsubsub:hover { background-color: #EAEAEA; }
.header .mobilenav .menu { display: none; }
.header .mobilenav .closed { background-image: url("/images/icon_mobilearrowright_black.png"); background-position: right; background-repeat: no-repeat; }
.header .mobilenav .open { background-image: url("/images/icon_mobilearrowdown_black.png"); background-position: right; background-repeat: no-repeat; }
.header .mobilenav .search { width: 100%; margin: 0px; padding: 7px 5px 7px 5px; border-spacing: 0px; display: table; position: relative; top: 0px; left: 0px; }
.header .mobilenav .leftcol { width: 99%; display: table-cell; }
.header .mobilenav .rightcol { width: 1%; display: table-cell; }
.header .mobilenav .searchinput { width: 100%; }
@media (max-width: 991px) {
.header-wrap { height: 60px; }
.header { max-width: 750px; }
.header .logocontainer { width: 101px; height: 60px; }
.header .logo { width: 101px; height: 60px; }
.header .navigation { top: 10px; left: 10px; }
.header .menuitem { padding: 10px 6px 11px 6px; }
.header .search { top: 10px; left: 20px; }
}
@media (max-width: 767px) {
.header-wrap { height: 40px; }
.header { max-width: 630px; height: 40px; }
.header .logocontainer { width: 68px; height: 40px; }
.header .logo { width: 68px; height: 40px; }
.header .navigation { top: 2px; left: 10px; }
.header .menuitem { padding: 10px 8px 11px 8px; }
.header #customers { display: none; }
.header .search { top: 2px; left: 15px; }
}
@media (max-width: 639px) {
.header .navigation { display: none; }
.header .search { display: none; }
.header .altnav { display: block; }
}
/* SPLASH */
.splash-wrap { width: 100%; height: auto; min-width: 320px; background-color: #FFFFFF; overflow: hidden; }
.splash { width: 100%; height: auto; background-color: #FFFFFF; overflow: hidden; padding-top: 82px; }
.splash #images { margin: 0px; padding: 0px; list-style: none; }
@media (max-width: 991px) {
.splash { padding-top: 62px; }
}
@media (max-width: 767px) {
.splash { padding-top: 42px; }
}
/* MAIN CONTENT */
.content-wrap { width: 100%; height: auto; min-width: 320px; background-color: #FFFFFF; overflow: visible; }
.content { max-width: 960px; height: auto; margin: auto; padding-top: 20px; background-color: #FFFFFF; overflow: visible; }
.content .column { width: 33.33333333%; float: left; }
.content .column .padding { padding: 0px 10px 0px 10px; }
.content .column .productimage { display: block; position: relative; top: 0px; left: 0px; padding: 20px 84px 20px 64px; float: left; }
.content h3 { font-size: 21px; color: #378ACC; font-weight: normal; margin: 2px 2px 10px 2px; padding: 0px; }
.content h3 a { color: #378ACC; text-decoration: none; }
.content h3 a:hover { text-decoration: none; }
.content h6 { font-size: 16px; color: #378ACC; font-weight: normal; margin: 0px; padding: 0px; text-align: center; }
.content h6 a { color: #FFFFFF; text-decoration: none; }
.content h6 a:hover { text-decoration: none; }
.content p { font-size: 16px; color: #333333; font-weight: normal; margin: 0px 2px 0px 2px; padding: 0px; line-height: 22px; }
.content p a { color: #378ACC; text-decoration: none; }
.content p a:hover { text-decoration: underline; }
.content p.more { margin: 18px 2px 18px 2px; }
.content p.more a { color: #378ACC; text-decoration: none; }
.content p.more a:hover { text-decoration: underline; }
@media (max-width: 991px) {
.content { max-width: 750px; }
.content .column { width: 100%; clear: both; }
.content .column .productimage { padding: 10px 20px 10px 0px; }
.content h3 { margin: 2px 2px 18px 2px; }
}
@media (max-width: 767px) {
.content { max-width: 630px; }
}
@media (max-width: 639px) {
.content .column .productimage { width: 80px; height: 50px; padding: 10px 10px 10px 20px; float: right; }
.content .column .pi { width: 80px; height: 50px; }
.content h3 { font-size: 19px; }
.content h6 { font-size: 14px; }
.content p { font-size: 14px; }
.content p.more { font-size: 14px; }
}
/* LATEST NEWS */
.content .tabs { width: 100%; height: 40px; display: block; position: relative; margin: 0px; padding: 20px 0px 0px 0px; overflow: hidden; }
.content .tabs-one { width: 25%; height: 40px; display: block; position: relative; margin: 2px 2px 0px 2px; padding: 9px 0px 0px 0px; overflow: hidden; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; -webkit-box-shadow: 0px 0px 1px #666666; float: left; cursor: pointer; }
.content .tabs-two { width: 25%; height: 40px; display: block; position: relative; margin: 2px 2px 0px 2px; padding: 9px 0px 0px 0px; overflow: hidden; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; -webkit-box-shadow: 0px 0px 1px #666666; float: left; cursor: pointer; }
.content .tabs-three { width: 25%; height: 40px; display: block; position: relative; margin: 2px 2px 0px 2px; padding: 9px 0px 0px 0px; overflow: hidden; background-color: #378ACC; border: 1px solid #DDDDDD; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; box-shadow: 0px 0px 1px #666666; -moz-box-shadow: 0px 0px 1px #666666; -webkit-box-shadow: 0px 0px 1px #666666; float: left; cursor: pointer; }
.content .tabs-one.selected { background-color: #F0F3F7; }
.content .tabs-two.selected { background-color: #F0F3F7; }
.content .tabs-strip { width: 100%; height: 1px; display: block; position: relative; margin: 0px 0px 20px 0px; background-color: #DDDDDD; box-shadow: 0px 0px 1px #D9D9D9; -moz-box-shadow: 0px 0px 1px #D9D9D9; -webkit-box-shadow: 0px 0px 1px #D9D9D9; }
.content #news-snippets { margin: 0px; padding: 0px; list-style: none; }
.content #support-snippets { margin: 0px; padding: 0px; list-style: none; }
.content .news { width: 100%; height: 130px; display: block; position: relative; margin: 0px; padding: 0px; }
.content .news .news-prev { width: 30px; height: 59px; display: block; position: absolute; top: 13px; left: -39px; background-image: url("/images/smallprev.png"); background-repeat: no-repeat; cursor: pointer; }
.content .news .news-next { width: 30px; height: 59px; display: block; position: absolute; top: 13px; right: -39px; background-image: url("/images/smallnext.png"); background-repeat: no-repeat; cursor: pointer; }
.content .support { width: 100%; height: 130px; display: none; position: relative; margin: 0px; padding: 0px; }
.content .support .support-prev { width: 30px; height: 59px; display: block; position: absolute; top: 13px; left: -39px; background-image: url("/images/smallprev.png"); background-repeat: no-repeat; cursor: pointer; }
.content .support .support-next { width: 30px; height: 59px; display: block; position: absolute; top: 13px; right: -39px; background-image: url("/images/smallnext.png"); background-repeat: no-repeat; cursor: pointer; }
.content .thumbtable { width: 310px; height: 86px; margin: 0px; padding: 0px; border-spacing: 0px; }
.content .thumbsupport { width: 310px; height: 86px; margin: 0px; padding: 0px; border-spacing: 0px; }
.content .thumbtable-left { width: 100px; height: 86px; margin: 0px; padding: 0px; }
.content .thumbtable-right { width: 210px; height: 86px; margin: 0px; padding: 0px 0px 0px 10px; }
.content .thumbframe { width: 98px; height: 86px; margin: 0px; padding: 0px; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.content .thumbimage { width: 82px; height: 70px; margin: 8px; padding: 0px; background-color: #FFFFFF; }
.content .thumbheadline { font-size: 12px; color: #378ACC; line-height: 18px; }
.content .thumbheadline a { color: #378ACC; }
.content .thumbposted { font-size: 12px; color: #999999; margin-top: 13px; line-height: 18px; }
.content .thumbdescription { font-size: 12px; color: #333333; line-height: 18px; }
.content .thumbheader { font-size: 12px; color: #378ACC; background-color: #378ACC; padding: 1px 4px 1px 4px; line-height: 18px; }
.content .thumbheader a { color: #FFFFFF; }
.content .thumbsubject { font-size: 12px; color: #378ACC; background-color: #FAFAFA; padding: 2px 4px 2px 4px; line-height: 18px; }
.content .thumbsubject a { color: #378ACC; }
.content .thumbsender { font-size: 12px; color: #333333; background-color: #FAFAFA; padding: 2px 4px 2px 4px; line-height: 18px; }
.content .thumbdate { font-size: 12px; color: #999999; background-color: #FAFAFA; padding: 2px 4px 2px 4px; line-height: 18px; }
.content .contacttable { width: 640px; height: 88px; margin: 0px; padding: 8px; border-spacing: 0px; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.content .contactrow { background-color: #F0F3F7; margin: 0px; padding: 0px; }
.content .contactcell { background-color: #F0F3F7; margin: 0px; padding: 0px 8px 0px 8px; }
.content .supporttable { width: 100%; height: auto; min-height: 88px; margin: 0px; padding: 0px; overflow: visible; }
.content .messages { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
.content .spinner { position: relative; padding-top: 15px; }
@media (max-width: 1120px) {
.content .news .news-prev { width: 20px; height: 20px; position: relative; top: 5px; left: 2px; float: left; background-image: url("/images/xsmallprev.png"); cursor: pointer; }
.content .news .news-next { width: 20px; height: 20px; position: relative; top: 5px; right: 2px; float: right; background-image: url("/images/xsmallnext.png"); cursor: pointer; }
.content .support .support-prev { width: 20px; height: 20px; position: relative; top: 5px; left: 2px; float: left; background-image: url("/images/xsmallprev.png"); cursor: pointer; }
.content .support .support-next { width: 20px; height: 20px; position: relative; top: 5px; right: 2px; float: right; background-image: url("/images/xsmallnext.png"); cursor: pointer; }
}
@media (max-width: 991px) {
.content .contacttable { width: 367px; }
}
@media (max-width: 767px) {
.content .contacttable { width: 100%; }
.content .thumbsupport { display: none; }
}
@media (max-width: 639px) {
.content .tabs-one { width: auto; padding: 8px 10px 0px 10px; }
.content .tabs-two { width: auto; padding: 8px 10px 0px 10px; }
.content .tabs-three { width: auto; padding: 8px 10px 0px 10px; }
.content .thumbheader:nth-child(2n) { display: none; }
.content .thumbdate { display: none; }
.content .thumbsender { display: none; }
}
/* INTERIOR CONTAINER */
.container { position: relative; margin-left: auto; margin-right: auto; }
@media (min-width: 640px) {
.container { width: 630px; }
}
@media (min-width: 768px) {
.container { width: 750px; }
}
@media (min-width: 992px) {
.container { width: 960px; }
}
/* INTERIOR STRUCTURE */
#incontent { width: 100%; background-color: #FFFFFF; display: block; position: relative; padding-top: 82px; }
#insidebar { width: 200px; display: block; position: relative; top: 0px; right: 0px; float: right; background-image: url("/images/sidebar.png"); background-repeat: repeat-y; border-right: 1px solid #DDDDDD; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#insidebar div.sidenavon { width: 200px; height: 38px; background-image: url("/images/arrow.png"); background-repeat: no-repeat; font-size: 14px; color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 22px; line-height: 38px; }
#insidebar div.sidenavon a { color: #FFFFFF; }
#insidebar div.sidenavoff { width: 178px; height: 38px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #DDDDDD; font-size: 14px; color: #333333; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; line-height: 38px; }
#insidebar div.sidenavoff a { color: #333333; }
#insidebar div.sidenavspacer { width: 178px; height: 38px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #DDDDDD; font-size: 14px; color: #333333; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; line-height: 38px; }
#insidebar div.button { padding: 20px 0px 0px 42px; }
#insidebar div.solutionfinder { padding: 20px 0px 0px 52px; }
#mobileinsidebar { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); display: none; }
@media (max-width: 991px) {
#incontent { padding-top: 62px; }
#insidebar { width: 200px; display: none; position: absolute; top: 77px; right: 15px; float: none; background-image: none; background-color: #FCFCFC; border: 1px solid #DDDDDD; }
#insidebar .sidebartop { display: none; }
#insidebar div.sidenavon { width: 180px; height: auto; background-image: none; background-color: #378ACC; margin: 0px; padding: 0px 10px 0px 10px; border-top: none; border-bottom: 1px solid #DDDDDD; line-height: 30px; }
#insidebar div.sidenavon a { color: #FFFFFF; text-decoration: none; }
#insidebar div.sidenavoff { width: 180px; height: auto; background-image: none; background-color: #FCFCFC; margin: 0px; padding: 0px 10px 0px 10px; border-top: none; border-bottom: 1px solid #DDDDDD; line-height: 30px; }
#insidebar div.sidenavoff:hover { background-color: #EAEAEA; }
#insidebar div.sidenavoff a { color: #333333; text-decoration: none; }
#insidebar div.sidenavspacer { width: 175px; height: auto; background-image: none; background-color: #FCFCFC; margin: 0px; padding: 0px 10px 0px 10px; border-top: none; border-bottom: 1px solid #DDDDDD; line-height: 30px; }
#insidebar div.button { display: none; }
#insidebar div.solutionfinder { display: none; }
#mobileinsidebar { display: block; position: absolute; top: 53px; right: 15px; background-color: #FCFCFC; border: 1px solid #DDDDDD; font-size: 14px; color: #333333; background-image: url("/images/icon_altsubnav.png"); background-position: left; background-repeat: no-repeat; cursor: pointer; margin: 0px; padding: 2px 12px 3px 38px; }
}
@media (max-width: 767px) {
#incontent { padding-top: 42px; }
#insidebar { top: 37px; }
#mobileinsidebar { top: 13px; }
}
@media (max-width: 639px) {
#insidebar { top: 28px; }
#mobileinsidebar { display: none; }
}
/* MAIN CONTENT */
#inmainarea { width: 757px; background-color: #FFFFFF; border-left: 1px solid #FFFFFF; display: block; position: relative; top: 0px; left: 0px; float: left; max-height: 100000px; overflow: hidden; }
#inmainarea hr { width: 100%; height: 1px; color: #D9D9D9; border-style: dotted; border-color: #D9D9D9; border-width: 1px 0px 0px 0px; }
#inmainarea h1 { font-size: 20px; color: #333333; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; }
#inmainarea h1.product { font-size: 20px; color: #333333; font-weight: normal; margin: 0px 0px 8px 0px; padding: 0px; }
#inmainarea h2 { font-size: 16px; color: #999999; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; }
#inmainarea h3 { font-size: 18px; color: #333333; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: 1px dotted #333333; }
#inmainarea h3.noline { font-size: 18px; color: #333333; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: 0px; }
#inmainarea h4 { font-size: 16px; color: #FFFFFF; font-weight: normal; margin: 0px; padding: 0px; }
#inmainarea h4 a { color: #FFFFFF; }
#inmainarea h5 { font-size: 16px; color: #FFFFFF; font-weight: normal; margin: 0px; padding: 0px; }
#inmainarea h5 a { color: #FFFFFF; }
#inmainarea p { font-size: 16px; color: #333333; margin: 0px 0px 16px 0px; padding: 0px; line-height: 22px; }
#inmainarea p a { color: #378ACC; }
#inmainarea p.item { font-size: 16px; color: #333333; margin: 0px; padding: 0px; }
#inmainarea p.item a { color: #378ACC; }
#inmainarea p.smallitem { font-size: 16px; color: #333333; margin: 0px; padding: 0px; }
#inmainarea p.smallitem a { color: #378ACC; }
#inmainarea p.toc { font-size: 16px; color: #333333; margin: 0px 0px 16px 0px; padding: 0px; }
#inmainarea p.toc a { color: #378ACC; }
#inmainarea p.error { font-size: 16px; color: #D9534F; margin: 0px 0px 16px 0px; padding: 0px; }
#inmainarea p.error a { color: #D9534F; }
#inmainarea span.error { color: #D9534F; }
#inmainarea .error { color: #D9534F; }
#inmainarea span.example { color: #CCCCCC; font-style: italic; }
#inmainarea p.status { font-size: 16px; color: #378ACC; margin: 0px; padding: 0px; }
#inmainarea p.status a { color: #378ACC; }
#inmainarea p.note { font-size: 14px; color: #333333; margin: 0px; padding: 0px; }
#inmainarea p.note a { color: #378ACC; }
#inmainarea p.caption { font-size: 14px; color: #666666; font-style: italwic; margin: 2px; padding: 0px; }
#inmainarea p.caption a { color: #378ACC; }
#inmainarea p.customerlist { font-size: 12px; color: #333333; margin: 0px; padding: 0px; }
#inmainarea p.bigquote { font-size: 16px; color: #378ACC; font-style: italic; text-align: center; }
#inmainarea p.quote { font-size: 16px; color: #378ACC; font-style: italic; text-align: center; }
#inmainarea p.quotesource { font-size: 16px; color: #333333; font-style: italic; text-align: center; }
#inmainarea p.menuopt { font-size: 16px; color: #333333; margin: 0px; padding: 0px; text-align: center; }
#inmainarea p.menuopt a { color: #378ACC; }
#inmainarea p.breadcrumbs { font-size: 14px; color: #333333; margin: 0px; padding: 3px 0px 0px 0px; text-transform: uppercase; }
#inmainarea p.breadcrumbs a { color: #378ACC; }
#inmainarea p.boilerplate { font-size: 14px; color: #333333; font-style: italic; margin: 2px 0px 2px 0px; }
#inmainarea p.boilerplate a { color: #378ACC; }
#inmainarea ul { list-style-type: square; }
#inmainarea li { font-size: 16px; color: #333333; margin: 0px 0px 16px 0px; padding: 0px; line-height: 22px; }
#inmainarea li a { color: #378ACC; }
#inmainarea li.item { font-size: 16px; color: #333333; margin: 0px; padding: 0px; }
#inmainarea li.item a { color: #378ACC; }
#inmainarea li.error { font-size: 16px; color: #D9534F; margin: 0px; padding: 0px; }
#inmainarea li.error a { color: #D9534F; }
#inmainarea .error { font-size: 16px; color: #D9534F; }
#inmainarea li.status { font-size: 16px; color: #378ACC; margin: 0px; padding: 0px; }
#inmainarea li.status a { color: #378ACC; }
#inmainarea div.indent { margin: 0px 25px 25px 25px; }
#inmainarea div.toc { margin: 0px 0px 25px 0px; }
#inmainarea div.bigquote { width: 300px; padding: 10px 10px 10px 10px; float: right; }
#inmainarea .spinner { padding: 20px 0px 20px 0px; }
#inmainarea .latestnews-item { width: 368px; height: 110px; margin: 0px; padding: 0px; float: left; }
#inmainarea .latestnews-thumbnail { width: 368px; height: 88px; margin: 0px; padding: 0px; float: left; }
#inmainarea .latestnews-thumbframe { width: 98px; height: 86px; background-color: #FFFFFF; margin: 0px 12px 0px 0px; border: 1px solid #DDDDDD; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position: relative; top: 0px; left: 0px; float: left; }
#inmainarea .latestnews-thumbimage { width: 82px; height: 70px; background-color: #FFFFFF; margin: 8px; }
#inmainarea .latestnews-thumbcontent { width: 244px; height: 86px; display: table-cell; vertical-align: middle; }
#inmainarea .latestnews-thumbheadline { font-size: 14px; color: #378ACC; width: 245px; height: auto; position: relative; top: 0px; left: 0px; margin: 0px 0px 10px 0px; line-height: 20px; float: left; }
#inmainarea .latestnews-thumbheadline a { color: #378ACC; }
#inmainarea .latestnews-thumbdescription { font-size: 14px; color: #333333; width: 245px; height: auto; position: relative; top: 0px; left: 0px; line-height: 20px; float: left; }
#inmainarea .latestnews-thumbdescription a { color: #378ACC; }
#inmainarea .latestnews-thumbposted { font-size: 14px; color: #999999; width: 245px; height: auto; position: relative; top: 0px; left: 0px; line-height: 20px; float: left; }
#inmainarea table.highlight-listserv { width: 100%; height: 375px; margin: 0px; padding: 0px; border-spacing: 0px; background-image: url('/images/listserv_highlights.jpg'); border: 1px solid #999999; }
#inmainarea table.highlight-maestro { width: 100%; height: 375px; margin: 0px; padding: 0px; border-spacing: 0px; background-image: url('/images/maestro_highlights.jpg'); border: 1px solid #999999; }
#inmainarea table.highlight-listplex { width: 100%; height: 375px; margin: 0px; padding: 0px; border-spacing: 0px; background-image: url('/images/listplex_highlights.jpg'); border: 1px solid #999999; }
#inmainarea table.highlight-listplex-maestro { width: 100%; height: 375px; margin: 0px; padding: 0px; border-spacing: 0px; background-image: url('/images/listplex_maestro_highlights.jpg'); border: 1px solid #999999; }
#inmainarea table.highlight-ease { width: 100%; height: 375px; margin: 0px; padding: 0px; border-spacing: 0px; background-image: url('/images/ease_highlight.jpg'); border: 1px solid #999999; }
#inmainarea table.download-listserv { width: 100%; height: 200px; margin: 0px; padding: 10px; border-spacing: 0px; background-image: url('/images/download_listserv.jpg'); border: 1px solid #999999; }
#inmainarea table.download-maestro { width: 100%; height: 200px; margin: 0px; padding: 10px; border-spacing: 0px; background-image: url('/images/download_maestro.jpg'); border: 1px solid #999999; }
#inmainarea p.highlight-header { font-size: 22px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 10px; padding: 0px; display: block; position: relative; top: 32px; }
#inmainarea p.highlight-nheader { font-size: 22px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 10px; padding: 0px; display: block; position: relative; top: 67px; }
#inmainarea p.highlight-subheader { font-size: 15px; color: #FFFFFF; font-weight: normal; margin: 0px 0px 0px 50px; padding: 0px; display: block; position: relative; top: 35px; }
#inmainarea p.highlight-nsubheader { font-size: 15px; color: #FFFFFF; font-weight: normal; margin: 0px 0px 0px 50px; padding: 0px; display: block; position: relative; top: 75px; }
#inmainarea p.highlight-bullet1 { font-size: 15px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 30px; padding: 0px; display: block; position: relative; top: 55px; }
#inmainarea p.highlight-bullet2 { font-size: 15px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 30px; padding: 0px; display: block; position: relative; top: 55px; }
#inmainarea p.highlight-bullet3 { font-size: 15px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 30px; padding: 0px; display: block; position: relative; top: 55px; }
#inmainarea p.highlight-links { font-size: 15px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 10px; padding: 0px 30px 0px 0px; display: inline-block; position: relative; top: 89px; }
#inmainarea p.highlight-links a { color: #FFFFFF; }
#inmainarea p.highlight-nlinks { font-size: 15px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 0px 15px; padding: 0px 25px 0px 0px; display: inline-block; position: relative; top: 120px; }
#inmainarea p.highlight-nlinks a { color: #FFFFFF; }
#inmainarea table.menuopt { width: 100%; margin: 0px 0px 20px 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.optinopt { width: 100%; margin: 0px 0px 20px 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea td.menuactive { background-color: #F1F4FA; height: 30px; }
#inmainarea td.menuinactive { background-color: #FFFFFF; height: 30px; }
#inmainarea td.menuactive-left { background-color: #F1F4FA; height: 30px; background-image: url('../images/arrow_partial_left.png'); background-repeat: no-repeat; background-position: right; }
#inmainarea td.menuinactive-left { background-color: #FFFFFF; height: 30px; background-image: url('../images/arrow_partial_left.png'); background-repeat: no-repeat; background-position: right; }
#inmainarea td.menuactive-right { background-color: #F1F4FA; height: 30px; background-image: url('../images/arrow_partial_right.png'); background-repeat: no-repeat; background-position: left; }
#inmainarea td.menuinactive-right { background-color: #FFFFFF; height: 30px; background-image: url('../images/arrow_partial_right.png'); background-repeat: no-repeat; background-position: left; }
#inmainarea td.menuactive-middle { background-color: #F1F4FA; height: 30px; background-image: url('../images/arrow_partial_middle.png'); background-repeat: no-repeat; background-position: left; }
#inmainarea td.menuinactive-middle { background-color: #FFFFFF; height: 30px; background-image: url('../images/arrow_partial_middle.png'); background-repeat: no-repeat; background-position: left; }
#inmainarea .pill { width: 112px; color: #378ACC; text-align: center; padding: 6px 0px 8px 0px; margin: 0px 5px 20px 5px; background-color: #F1F4FA; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 2px #666666; -webkit-box-shadow: 0px 0px 2px #666666; box-shadow: 0px 0px 2px #666666; }
#inmainarea .pill.selected { color: #FFFFFF; background-color: #378ACC; }
#inmainarea table.tableframe { margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.fulltable { width: 100%; margin: 0px; padding: 1px; border-spacing: 0px; }
#inmainarea table.fulltableframe { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.optintableframe { width: 95%; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.customertable { width: 100%; margin: 0px; padding: 0px; border-spacing: 4px 0px 4px 0px; }
#inmainarea table.optintable { width: 100%; margin: 0px; padding: 0px; border-spacing: 4px; }
#inmainarea table.manualtable { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; }
#inmainarea table.manualtable td { padding: 2px 10px 2px 10px; }
#inmainarea table.techtiptable { width: 100%; margin: 0px; padding: 0px; border-spacing: 8px; }
#inmainarea table.messages { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.messagetable { width: 475px; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; box-shadow: 8px 8px 8px rgba(50, 50, 50, 0.5); -moz-box-shadow: 8px 8px 8px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 8px 8px 8px rgba(50, 50, 50, 0.5); }
#inmainarea table.contacttable { margin: 0px; padding: 0px; border-spacing: 0px; }
#inmainarea table.features { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
#inmainarea tr.featurerow:nth-child(even) { background-color: #FFFFFF; }
#inmainarea tr.featurerow:nth-child(odd) { background-color: #F1F4FA; }
#inmainarea td.featuredesc { font-size: 16px; color: #378ACC; margin: 0px; padding: 6px 6px 6px 12px; border: 1px solid #DDDDDD; background-image: url("../images/bullet_1.png"); background-repeat: no-repeat; text-align: left; vertical-align: top; line-height: 22px; cursor: pointer; }
#inmainarea td.featurestatus { font-size: 16px; color: #333333; margin: 0px; padding: 6px; border: 1px solid #DDDDDD; text-align: center; vertical-align: top; line-height: 22px; white-space: nowrap; }
#inmainarea td.featurebg { font-size: 16px; width: 10%; color: #FFFFFF; margin: 0px; padding: 6px; border: 1px solid #DDDDDD; background-color: #378ACC; text-align: center; line-height: 22px; white-space: nowrap; }
#inmainarea td.featurenobg { font-size: 16px; width: 80%; color: #378ACC; margin: 0px; padding: 6px 6px 6px 14px; border-left: 1px solid #FFFFFF; background-color: #FFFFFF; text-align: left; line-height: 22px; cursor: pointer; }
#inmainarea td.featuredesc .desc { font-size: 16px; line-height: 22px; color: #333333; }
#inmainarea td.messagetabletop { background-color: #378ACC; margin: 0px; padding: 6px; }
#inmainarea td.messagetop { background-color: #378ACC; margin: 0px; padding: 6px; }
#inmainarea td.downloadtop { background-color: #378ACC; margin: 0px; padding: 6px; }
#inmainarea td.downloadmanualtop { background-color: #378ACC; margin: 0px; padding: 6px; }
#inmainarea td.blueboxtop { background-color: #378ACC; margin: 0px; padding: 6px; }
#inmainarea td.messagetablebody { background-color: #FAFAFA; margin: 0px; padding: 6px; }
#inmainarea td.messagebody { background-color: #FAFAFA; margin: 0px; padding: 6px; border: 1px solid #DDDDDD; }
#inmainarea td.messagebody-nosender { background-color: #FAFAFA; margin: 0px; padding: 6px; border: 1px solid #DDDDDD; }
#inmainarea td.download { background-color: #FAFAFA; margin: 0px; padding: 6px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#inmainarea td.downloadmanual { background-color: #FAFAFA; margin: 0px; padding: 6px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#inmainarea td.frequent { background-color: #FAFAFA; margin: 0px; padding: 6px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#inmainarea td.contactbox { background-color: #FAFAFA; margin: 0px; padding: 6px; }
#inmainarea td.boxcontent { background-color: #FAFAFA; margin: 0px; padding: 6px; border: 1px solid #DDDDDD; }
#inmainarea td.boxback { background-image: url("/images/boxback.jpg"); background-position: bottom; background-repeat: repeat-x; background-color: #FFFFFF; border: 1px solid #DDDDDD; }
#inmainarea .show { width: 13px; height: 13px; background-image: url("../images/icon_show.png"); background-repeat: no-repeat; cursor: pointer; float: right; margin: 4px; }
#inmainarea .hide { width: 13px; height: 13px; background-image: url("../images/icon_hide.png"); background-repeat: no-repeat; cursor: pointer; float: right; margin: 4px; }
#inmainarea .showall { float: left; }
#inmainarea span.boilerplate-spacer { display: inline-block; width: 15px; }
#inmainarea span.boilerplate-spacer:before { content: "|"; }
#inmainarea .anchor:before { display: inline-block; content: " "; height: 150px; margin: -150px 0px 0px 0px; visibility: hidden; }
@media (max-width: 991px) {
#inmainarea { width: 750px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
#inmainarea h1 { margin: 0px 100px 20px 0px; }
#inmainarea h1.product { margin: 0px 100px 8px 0px; }
#inmainarea .latestnews-item { width: 360px; height: 110px; }
#inmainarea .latestnews-thumbnail { width: 360px; height: 88px; }
#inmainarea .latestnews-thumbcontent { width: 236px; height: 86px; }
#inmainarea .latestnews-thumbheadline { width: 236px; }
#inmainarea .latestnews-thumbdescription { width: 236px; }
#inmainarea .latestnews-thumbposted { width: 236px; }
#inmainarea .anchor:before { height: 90px; margin: -90px 0px 0px 0px; }
}
@media (max-width: 767px) {
#inmainarea { width: 630px; }
#inmainarea h1 { margin: 0px 100px 20px 0px; }
#inmainarea h1.product { margin: 0px 100px 12px 0px; }
#inmainarea .latestnews-item { width: 300px; height: 110px; }
#inmainarea .latestnews-thumbnail { width: 300px; height: 88px; }
#inmainarea .latestnews-thumbcontent { width: 185px; height: 86px; }
#inmainarea .latestnews-thumbheadline { font-size: 13px; width: 185px; }
#inmainarea .latestnews-thumbdescription { font-size: 13px; width: 185px; }
#inmainarea .latestnews-thumbposted { font-size: 13px; width: 185px; }
#inmainarea .pill { width: 90px; }
#inmainarea .anchor:before { display: none; }
#inmainarea #breadcrumbs { display: none; }
}
@media (max-width: 639px) {
#inmainarea { width: 100%; border: none; }
#inmainarea h1 { font-size: 18px; margin: 0px 0px 18px 0px; }
#inmainarea h1.product { font-size: 18px; margin: 0px 0px 20px 0px; }
#inmainarea h2 { display: none; }
#inmainarea h3 { font-size: 16px; margin: 0px 0px 16px 0px; }
#inmainarea h4 { font-size: 14px; }
#inmainarea h5 { font-size: 14px; }
#inmainarea p { font-size: 14px; margin: 0px 0px 14px 0px; }
#inmainarea p.item { font-size: 14px; }
#inmainarea p.smallitem { font-size: 13px; }
#inmainarea p.toc { font-size: 14px; margin: 0px 0px 14px 0px; }
#inmainarea p.error { font-size: 14px; margin: 0px 0px 14px 0px; }
#inmainarea p.status { font-size: 14px; }
#inmainarea p.note { font-size: 12px; }
#inmainarea p.caption { font-size: 12px; }
#inmainarea p.customerlist { font-size: 11px; }
#inmainarea p.bigquote { font-size: 15px; }
#inmainarea p.quote { font-size: 14px; }
#inmainarea p.quotesource { font-size: 14px; }
#inmainarea li { font-size: 14px; margin: 0px 0px 14px 0px; }
#inmainarea li.item { font-size: 14px; }
#inmainarea li.error { font-size: 14px; }
#inmainarea .error { font-size: 14px; }
#inmainarea li.status { font-size: 14px; }
#inmainarea p.highlight-links { top: 79px; }
#inmainarea table.menuopt { display: none; }
#inmainarea .pilldivider { clear: left; }
#inmainarea table.messagetable { width: 275px; }
#inmainarea td.downloadtop:nth-child(3n) { display: none; }
#inmainarea td.downloadmanualtop:nth-child(2n) { display: none; }
#inmainarea td.download:nth-child(3n) { display: none; }
#inmainarea td.downloadmanual:nth-child(2n) { display: none; }
#inmainarea td.messagetop:nth-child(2n) { display: none; }
#inmainarea td.messagebody:nth-child(3n) { display: none; }
#inmainarea td.messagebody-nosender:nth-child(2n) { display: none; }
#inmainarea td.featuredesc { font-size: 14px; }
#inmainarea td.featurestatus { font-size: 14px; }
#inmainarea td.featurebg { font-size: 14px; }
#inmainarea td.featurenobg { font-size: 14px; }
#inmainarea td.featuredesc .desc { font-size: 14px; }
#inmainarea p.boilerplate { margin: 2px 0px 14px 0px; }
}
@media (max-width: 479px) {
#inmainarea div.bigquote { float: none; margin-left: auto; margin-right: auto; }
#inmainarea p.highlight-header { font-size: 15px; margin: 0px 0px 0px 10px; }
#inmainarea p.highlight-nheader { font-size: 15px; margin: 0px 0px 0px 10px; }
#inmainarea p.highlight-subheader { font-size: 12px; margin: 0px 0px 0px 10px; }
#inmainarea p.highlight-nsubheader { font-size: 12px; margin: 0px 0px 0px 10px; top: 70px; }
#inmainarea p.highlight-bullet1 { font-size: 12px; margin: 0px 0px 0px 10px; }
#inmainarea p.highlight-bullet2 { font-size: 12px; margin: 0px 0px 0px 10px; }
#inmainarea p.highlight-bullet3 { font-size: 12px; margin: 0px 0px 0px 10px; }
#inmainarea p.highlight-links { font-size: 12px; margin: 0px 0px 0px 10px; padding: 0px; top: 89px; }
#inmainarea p.highlight-nlinks { font-size: 12px; margin: 0px 0px 0px 10px; padding: 0px; top: 100px; }
#inmainarea span.boilerplate-spacer { display: block; }
#inmainarea span.boilerplate-spacer:before { content: "" }
}
/* FOOTER */
.footer-wrap { width: 100%; height: auto; min-width: 320px; background-color: #378ACC; border-top: 6px solid #FFB240; overflow: hidden; }
.footer { max-width: 960px; height: auto; margin: auto; background-color: #378ACC; overflow: hidden; }
.footer .cell-s { width: 17%; margin: 15px 0px 15px 0px; float: left; }
.footer .cell-l { width: 32%; margin: 15px 0px 15px 0px; float: left; }
.footer .footer-header { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: left; margin: 0px 5px 20px 5px; }
.footer .footer-header a { color: #FFFFFF; text-decoration: none; }
.footer .footer-header a:hover { text-decoration: underline; }
.footer .footer-links { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: normal; text-align: left; margin: 0px 5px 0px 5px; }
.footer .footer-links a { color: #FFFFFF; text-decoration: none; }
.footer .footer-links a:hover { text-decoration: underline; }
.footer .footer-subscribe { margin: 20px 5px 20px 5px; }
.footer .footer-social { margin: 0px 5px 0px 5px; }
@media (max-width: 991px) {
.footer { max-width: 750px; }
.footer .cell-s { width: 25% !important; }
.footer .cell-l { width: 100% !important; }
}
@media (max-width: 767px) {
.footer { max-width: 630px; }
.footer .cell-s { width: 50% !important; }
.footer .cell-l { width: 100% !important; }
}
/* STATS */
#lsvtoday table.lsvtoday { width: 100%; border: 1px solid #DDDDDD; border-collapse: collapse; }
#lsvtoday table.lsvtodayup { width: 100%; }
#lsvtoday table.lsvtoday2 { width: 100%; border: 1px solid #DDDDDD; border-collapse: collapse; }
#lsvtoday table.lsvtodayup2 { width: 100%; }
#lsvtoday td.lsvtodayhead { background-color: #378ACC; margin: 0px; padding: 6px; vertical-align: top; border: 1px solid #DDDDDD; }
#lsvtoday td.lsvtodaybody { background-color: #FAFAFA; margin: 0px; padding: 6px; vertical-align: top; border: 1px solid #DDDDDD; }
#lsvtoday p.lsvtodayhead { font-size: 15px; color: #FFFFFF; margin: 0px; }
#lsvtoday p.lsvtoday { font-size: 15px; color: #333333; margin: 0px; }
#lsvtoday p.lsvtoday a { color: #378ACC; }
#lsvtoday li.lsvtoday { font-size: 15px; color: #333333; margin: 0px; }
#lsvtoday li.lsvtoday a { color: #378ACC; }
@media (max-width: 639px) {
#lsvtoday p.lsvtodayhead { font-size: 13px; }
#lsvtoday p.lsvtoday { font-size: 13px; }
#lsvtoday li.lsvtoday { font-size: 13px; }
}
/* LIGHTBOX */
.lightboxOverlay { top: 0px; left: 0px; z-index: 9999; position: absolute; background-color: #333333; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.5; display: none; }
.lightbox { width: 100%; left: 0px; z-index: 10000; position: absolute; text-align: center; }
.lightbox .lb-image { display: block; height: auto; border: 1px solid #999999; }
.lb-outerContainer { width: 100%; height: 100%; position: relative; margin: auto; background-color: #FFFFFF; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; }
.lb-container { padding: 12px; }
.lb-loader { position: absolute; top: 43%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-cancel { width: 50px; height: 50px; display: block; margin: auto; background: url("images/spinner.gif") no-repeat; }
.lb-nav { top: 0px; left: 0px; position: absolute; height: 100%; width: 100%; z-index: 10; }
.lb-nav a { outline: none; }
.lb-prev { width: 50%; height: 99%; cursor: pointer; display: block; left: 0px; float: left; background: url("images/prev.png") left 49% no-repeat; margin-left: -48px; }
.lb-next { width: 50%; height: 99%; cursor: pointer; display: block; right: 0px; float: right; background: url("images/next.png") right 49% no-repeat; margin-right: -48px; }
.lb-dataContainer { width: 100%; height: 40px; position: relative; top: -1px; margin: auto; }
.lb-data { height: 40px; background-color: #ffffff; padding: 0px 12px 0px 12px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }
.lb-data .lb-details { font-size: 14px; line-height: 16px; color: #333333; text-align: left; width: 85%; float: left; }
.lb-data .lb-number { font-size: 14px; line-height: 16px; color: #333333; text-align: left; display: block; clear: left; }
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url("images/close.png") top right no-repeat; text-align: right; outline: none; cursor: pointer; }
/* LIVE CHAT */
#livechat div.Q { margin: 25px 0px 25px 0px; }
#livechat div.A { margin: 25px 0px 25px 0px; }
#livechat span.Q { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 40px; color: #378ACC; margin: 0px 10px 10px 10px; float: left; }
#livechat span.A { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 40px; color: #84C742; margin: 0px 10px 10px 10px; float: left; }
#livechat p.name { font-weight: bold; }
#livechat p.text { color: #333333; }
#livechat p.date { color: #999999; font-style: italic; }
/* DEMO */
#demo { position: absolute; z-index: 99999999; display: none; }
#tip { position: fixed; z-index: 99999999; }
/* CLEARFIX */
.clearfix:before, .clearfix:after, .container:before, .container:after { display: table; content: " "; }
.clearfix:after, .container:after { clear: both; }