html, body {
    margin: 0;
    padding: 0;
    background-color: #505050;
    color: #FFFFFF;
    text-align: center;
}

.header {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

.header .quickLinks {
    background: #FFFFFF left bottom repeat-x url(../images/quick_links_bg_middle.gif);
    font: 11px/34px Tahoma, sans-serif;
    color: #283640;
    border-bottom: 1px solid #FFFFFF;
}

.header .quickLinks div {
    background: left bottom no-repeat url(../images/quick_links_bg_left.gif);
    width: 100%;
    overflow: auto;
}

.header .quickLinks ul {
    margin: 0;
    padding: 0 30px 0 0;
    list-style: none;
    background: right bottom no-repeat url(../images/quick_links_bg_right.gif);
}

.header .quickLinks li {
    float: right;
}

.header .quickLinks a {
    display: block;
    padding: 0 27px 0 18px;
    color: #283640;
    text-decoration: none;
    background: left center no-repeat;
}

.header .quickLinks a:hover {
    text-decoration: underline;
}

.header .quickLinks .itmMyAccount a {
    background-image: url(../images/quick_links_ico_1.gif);
}

.header .quickLinks .itmContactUs a {
    background-image: url(../images/quick_links_ico_2.gif);
    padding-left: 23px;
}

.header .quickLinks .itmHome a {
    background-image: url(../images/quick_links_ico_3.gif);
}

.header .mainNav {
    border-top: 1px solid #000000;
    color: #D8D8D8;
}

.header .mainNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header .mainNav a {
    display: block;
    width: 100%;
    text-decoration: none;
    white-space: nowrap;
}

.header .mainNav .parentNav {
cursor:default;
}

/* Level boxes: */

.header .mainNav ul {
    position: static;
    width: 100%;
    height: 39px;
    background: #171818 repeat-x url(../images/main_nav_bg_middle.gif);
}

.header .mainNav ul ul {
    position: absolute;
    left: -10000px;
    top: 100%;
    width: 210px;
    height: auto;
    background: #484848 repeat-y url(../images/main_nav_subbg.gif);
    font: 12px/22px Tahoma, sans-serif;
}

.header .mainNav ul li:hover ul,
.header .mainNav ul li.hover ul {
    left: 0;
}

.header .mainNav ul ul ul {
    top: 0;
    width: 150px;
}

.header .mainNav ul ul ul,
.header .mainNav ul li:hover ul ul,
.header .mainNav ul li.hover ul ul {
    left: -10000px;
}

.header .mainNav ul li:hover ul li:hover ul,
.header .mainNav ul li.hover ul li.hover ul {
    left: 100%;
}

/* Items, level 1 */

.header .mainNav li {
    position: relative;
    float: left;
    clear: none;
    width: 16.6%;
    background: none;
}

.header .mainNav li:hover,
.header .mainNav li.hover {
    background: #353535 repeat-x url(../images/main_nav_bg_top.gif);
}

/* Items, level 2 */

.header .mainNav li li {
    clear: left;
    width: 100%;
    background: none;
}

.header .mainNav li li.separator {
    width: 70%;
    margin: 5px 0 0 0;
    left: 32px;
    border-top: 1px solid #606060;
    background: none;
    height: 5px;
    overflow: hidden;
}

.header .mainNav li li img {
    position: absolute;
    left: 2px;
    top: 3px;
    border: none;
}

/* Links, level 1 */

.header .mainNav li a {
    background: right top no-repeat url(../images/main_nav_bg_right.gif);
    color: #D8D8D8;
    text-align: center;
    font: bold 13px/39px Tahoma, sans-serif;
}

.header .mainNav li:hover a,
.header .mainNav li.hover a {
    background: left bottom repeat-x url(../images/main_nav_bg_bottom.gif);
}

.header .mainNav span {
    display: block;
    background: no-repeat url(../images/main_nav_bg_left.gif);
}

.header .mainNav .first span,
.header .mainNav .last a {
    background: none;
}

.header .mainNav li:hover span,
.header .mainNav li.hover span {
    background: repeat-x url(../images/main_nav_bg_top.gif);
    border-left: 2px solid #565757;
    border-right: 2px solid #040404;
}

.header .mainNav li.first:hover span,
.header .mainNav li.first.hover span {
    border-left-color: #353535;
}

.header .mainNav li.first:hover span,
.header .mainNav li.first.hover span {
    border-right-color: #353535;
}

/* Links, level 2 */

.header .mainNav li li a,
.header .mainNav li:hover li a,
.header .mainNav li.hover li a {
    text-indent: 30px;
    background: none;
    color: #D8D8D8;
    text-align: left;
    font: 12px/22px Tahoma, sans-serif;
}

.header .mainNav li:hover li:hover a,
.header .mainNav li.hover li.hover a {
    background-color: #595959;
    color: #FFFFFF;
}

.header .mainNav li li.hasChildren a {
    background-image: url(../images/main_nav_arr.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

/* Links, level 3 */

.header .mainNav li li li a,
.header .mainNav li:hover li li a,
.header .mainNav li.hover li li a,
.header .mainNav li:hover li:hover li a,
.header .mainNav li.hover li.hover li a {
    background: none;
    color: #D8D8D8;
}

.header .mainNav li:hover li:hover li:hover a,
.header .mainNav li.hover li.hover li.hover a {
    background-color: #595959;
    color: #FFFFFF;
}

.hpHeader .collage {
    background: #004A8F url(../images/hp_collage_bg1.jpg);
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

.hpHeader .collage div {
    background: url(../images/hp_collage_bg2.gif);
}

.hpHeader .collage div div {
    height: 220px;
    background: 592px 55px no-repeat url(../images/hp_collage_slogan.gif);
}

.hpHeader .collage p {
    margin: 0;
}

.hpHeader .collage img {
    vertical-align: bottom;
    border: none;
    color: #FFFFFF;
}

.hpHeader .collage .logo1 {
    float: left;
    padding: 50px 0 0 29px;
}

.hpHeader .collage .support {
    text-align: right;
    padding: 10px 1px 0 0;
}

.hpHeader .collage .logo2 {
    padding: 82px 0 0 372px;
}

.spHeader .collage {
    background: #004A8F url(../images/sp_collage_bg1.jpg);
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

.spHeader .collage div {
    background: url(../images/sp_collage_bg2.gif);
}

.spHeader .collage div div {
    height: 105px;
    background: 450px 21px no-repeat url(../images/hp_collage_slogan.gif);
}

.spHeader .collage p {
    margin: 0;
}

.spHeader .collage img {
    vertical-align: bottom;
    border: none;
    color: #FFFFFF;
}

.spHeader .collage .logo1 {
    float: left;
    padding: 18px 0 0 29px;
}

.spHeader .collage .support {
    text-align: right;
    padding: 10px 1px 0 0;
}

.content {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    background: #FFFFFF repeat-x;
    color: #000000;
}

.homepage .content {
    background-image: url(../images/content_bg1.gif);
}

.subpage .content {
    background-image: url(../images/content_bg3.gif);
}

.contentInner {
    background: left bottom repeat-x url(../images/content_bg2.gif);
}

.homepage .leftColumn {
    width: 200px;
    padding: 9px 0 47px 15px;
    float: left;
}

.homepage .rightColumn {
    width: 200px;
    padding: 9px 15px 47px 0;
    float: right;
}

.homepage .middleColumn {
    margin: 0 230px 0 235px;
    padding: 22px 0 47px 0;
}

.homepage .columnLimiter {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.subpage .leftColumn {
    width: 279px;
    padding: 0 0 39px 30px;
    float: left;
}

.subpage .rightColumn {
    width: 200px;
    padding: 0 28px 39px 0;
    float: right;
}

.subpage .middleColumn {
    margin: 0 243px 0 342px;
    padding: 22px 0 39px 0;
}

.subpage .columnLimiter {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.footer {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    border-top: 1px solid #FFFFFF;
    background-color: #2E2F2F;
    color: #D8D8D8;
    font: 13px/47px Tahoma, sans-serif;
}

.footer a {
    color: #D8D8D8;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.footer .nav {
    margin: 0;
    float: left;
    padding-left: 26px;
}

.footer .copy {
    margin: 0;
    text-align: right;
    padding-right: 18px;
}

.middleColumn h1 {
    margin: 0;
    padding: 4px 15px 10px 30px;
    font: 20px Arial, sans-serif;
    color: #343537;
}

.middleColumn p {
    margin: 0;
    padding: 0 17px 14px 32px;
    font: 12px/14px Tahoma, sans-serif;
    color: #4D555D;
}

.middleColumn a {
    font-weight: bold;
    color: #EF7C31;
}

.middleColumn em {
    color: #E42F00;
    font-style: normal;
}

/* Announcements {{{ */

.announcements {
    width: 200px;
    background: left bottom no-repeat url(../images/announ_bottom.gif);
    padding: 0 0 9px 0;
}

.announcementsInner {
    border: 1px #7EA4B8;
    border-style: none solid;
    padding: 0 0 25px 0;
    background-color: #FFFFFF;
    color: #818286;
}

.announcements .title {
    vertical-align: bottom;
    color: #E42F00;
}

.announcements dl {
    margin: 0;
    padding: 22px 28px 0 28px;
    font: 12px/15px Tahoma, sans-serif;
}

.announcements dt {
    padding: 2px 0 0 0;
    margin: 0;
    font-weight: bold;
}

.announcements dt a {
    color: #64617C;
    text-decoration: none;
}

.announcements dt small {
    display: block;
    font-weight: normal;
    font-size: 11px;
}

.announcements dd {
    margin: 0;
    padding: 4px 0 15px 0;
}

.announcements dd a {
    color: #818286;
    text-decoration: none;
}

.announcements .button {
    margin: 0;
    padding: 0 0 0 30px;
}

.announcements .button img {
    vertical-align: bottom;
    border: none;
}

/* }}} */
/* Testimonials {{{ */

.testimonials {
    width: 200px;
    background: left bottom no-repeat url(../images/test_bottom.gif);
    padding: 0 0 9px 0;
}

.testimonialsInner {
    border: 1px #7EA4B8;
    border-style: none solid;
    padding: 0 0 10px 0;
    background-color: #F1F7F9;
    color: #485F20;
    font: 12px/15px Tahoma, sans-serif;
}

.testimonials .title {
    vertical-align: bottom;
    color: #E42F00;
}

.testimonials p.quote {
    margin: 0 21px 0 29px;
    padding: 9px 0 7px 0;
    background: left bottom repeat-x url(../images/dots.gif);
}

.testimonials .author {
    margin: 0;
    padding: 6px 0 7px 30px;
    color: #1C4F62;
    font-weight: bold;
}

.testimonials .button {
    margin: 0;
    padding: 7px 0 0 29px;
}

.testimonials .button img {
    vertical-align: bottom;
    border: none;
}

/* }}} */
/* Mailing List {{{ */

.mailingList {
    width: 200px;
    background: left bottom no-repeat url(../images/mail_bottom.gif);
    padding: 20px 0 8px 0;
}

.mailingList .form {
    margin: 0;
    border: 1px #7EA4B8;
    border-style: none solid;
    padding: 10px 0 15px 0;
    background-color: #FFFFFF;
    color: #4D5C21;
    font: 12px/15px Tahoma, sans-serif;
}

.mailingList .title {
    vertical-align: bottom;
    color: #E42F00;
}

.mailingList .note {
    margin: 0;
    padding: 5px 0 0 32px;
    font: 12px/15px Tahoma, sans-serif;
}

.mailingList .privacy {
    margin: 12px 20px 0 31px;
    padding: 0 0 0 12px;
    background: 0 2px no-repeat url(../images/bul1.gif);
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}

.mailingList .privacy a {
    color: #EF7C31;
}

.mailingList .controls {
    margin: 0;
    padding: 6px 0 5px 30px;
}

.mailingList .controls .text {
    margin: 2px 0;
    padding: 3px 7px;
    font: 12px Tahoma, sans-serif;
    color: #000000;
    border: 1px solid #80ACC9;
    width: 128px;
}

.mailingList .controls .gray {
    color: #9A9A9A;
}

.mailingList .controls .radio {
    vertical-align: middle;
}

.mailingList .controls label {
    color: #000000;
}

.mailingList .button {
    clear: left;
    margin: 0;
    padding: 0 0 0 28px;
}

.mailingList .button img {
    vertical-align: bottom;
    border: none;
}

/* }}} */
/* Featured Product {{{ */

.featuredProduct {
    width: 509px;
    background: left bottom no-repeat url(../images/feat_bottom.gif);
    padding: 0 0 9px 0;
}

.featuredProductInner1 {
    border: 1px #7EA4B8;
    border-style: none solid;
    padding: 0 0 9px 26px;
    background-color: #FFFFFF;
    color: #000000;
}

.featuredProductInner2 {
    width: 100%;
    overflow: auto;
}

.featuredProduct .title {
    vertical-align: bottom;
    color: #E42F00;
}

.featuredProduct .name {
    margin: 15px 0 0 0;
    padding: 18px 0 18px 0;
    float: left;
    width: 144px;
    font: 17px Arial, sans-serif;
    background-color: #E8F2F8;
    color: #00397A;
    text-align: center;
}

.featuredProduct .name small {
    display: block;
    padding: 4px 0 0 0;
    font-size: 13px;
    color: #508C00;
}

.featuredProduct .pic {
    margin: 0;
    padding: 0;
    float: left;
}

.featuredProduct .pic img {
    vertical-align: bottom;
}

.featuredProduct .text {
    margin: 0;
    padding: 0;
    width: 170px;
    float: left;
    font: 11px/13px Tahoma, sans-serif;
    color: #4D555D;
}

.featuredProduct .text span {
    display: block;
    padding: 12px 0 11px 4px;
}

.featuredProduct .button {
    display: block;
    width: 170px;
    margin: 0;
    padding: 26px 0 7px 0;
    background: #EA551B url(../images/btn_learn_more.gif);
    color: #F9D2C2;
    text-decoration: none;
    font-size: 10px;
    text-align: center;
}

/* }}} */

h1.productPageTitle {
    margin: 0;
    padding: 19px 15px 18px 30px;
    font: 20px Arial, sans-serif;
    color: #343537;
}

.productScreenshot {
    margin: 0;
}

.productButtons {
    margin: 0;
    padding: 2px 0 0 0;
    text-align: center;
}

.productButtons img {
    vertical-align: bottom;
    border: none;
    margin-top: 10px;
}

.preTabs {
    width: 100%;
    background: left bottom repeat-x url(../images/pretabs_bg.gif);
}

.tabs {
    background: repeat-x url(../images/tabs_bg.gif);
    width: 100%;
    overflow: auto;
    padding: 0 0 50px 0;
}

.tabs .tabsLeft {
    margin: 0;
    padding: 0 0 0 17px;
    list-style: none;
}

.tabs .tabsLeft li {
    float: left;
}

.tabs .tabsLeft img {
    border: none;
    vertical-align: bottom;
}

.tabs .tabsRight {
    margin: 0;
    padding: 0 29px 0 0;
    list-style: none;
    height: 43px;
}

.tabs .tabsRight li {
    float: right;
}

.tabs .tabsRight img {
    border: none;
    vertical-align: bottom;
}

.tabs h2 {
    margin: 0;
    font: 20px Arial, sans-serif;
    color: #E42F00;
}

.tabs .keyFeatures {
    padding: 29px 0 0 45px;
    float: left;
    width: 34.1%;
    background: right top no-repeat url(../images/tabs_div.gif);
}

.keyFeatures ul {
    margin: 0;
    padding: 19px 0 0 1px;
    list-style: none;
    font: 12px/15px Tahoma, sans-serif;
    color: #3B7633;
}

.keyFeatures li {
    padding: 4px 0 5px 15px;
    background: 0 9px no-repeat url(../images/bul2.gif);
}

.tabs .videoExample {
    padding: 29px 0 0 42px;
    float: left;
    width: 28.7%;
    background: right top no-repeat url(../images/tabs_div.gif);
}

.tabs .videoExample p {
    margin: 0;
    padding: 25px 0 0 0;
    font: bold 12px Tahoma, sans-serif;
    color: #4D555D;
}

.tabs .videoExample img {
    display: block;
    border: none;
    margin: 9px 0 8px 0;
}

.tabs .videoExample small {
    font: 11px Tahoma, sans-serif;
    padding-left: 8px;
}

.tabs .pricing {
    margin: 0;
    padding: 29px 0 0 34px;
    float: left;
}

.tabs .pricing table {
    margin: 21px 0 0 0;
    border-collapse: collapse;
    font: 12px Tahoma, sans-serif;
    color: #4D555D;
}

.tabs .pricing td {
    padding: 3px 0;
    background: left bottom repeat-x url(../images/dots2.gif);
}

.tabs .pricing .info {
    padding-right: 2px;
}

.tabs .pricing .info a {
    display: block;
}

.tabs .pricing .info img {
    border: none;
    display: block;
}

.tabs .pricing .radio {
    padding-left: 2px;
    padding-right: 2px;
}

.tabs .pricing .price {
    padding-left: 1px;
    font-weight: bold;
}

.tabs .pricing .title {
    padding-left: 6px;
}

.tabs .pricing .buttons {
    margin: 0;
    padding: 30px 0 0 0;
}

/* PRICING B */
.pricingB {
    margin: 0;
    padding: 29px 0 0 34px;
    float: left;
}

.pricingB table {
    margin: 21px 0 0 0;
    border-collapse: collapse;
    font: 12px Tahoma, sans-serif;
    color: #4D555D;
}

.pricingB td {
    padding: 3px 0;
    background: left bottom repeat-x url(../images/dots2.gif);
}

.pricingB .info {
    padding-right: 2px;
}

.pricingB .info a {
    display: block;
}

.pricingB .info img {
    border: none;
    display: block;
}

.pricingB .radio {
    padding-left: 2px;
    padding-right: 2px;
}

.pricingB .price {
    padding-left: 1px;
    font-weight: bold;
}

.pricingB .title {
    padding-left: 6px;
}

.pricingB .buttons {
    margin: 0;
    padding: 30px 0 0 0;
}
/* END PRICING B */

.tip {
    position: absolute;
    visibility: hidden;
    cursor: default;
}

.leftColumn .tip .text {
    display: block;
    position: absolute;
    z-index: 99;
    left: 235px;
    top: -150px;
    width: 150px;
    overflow: hidden;
    background-color: #E0F0FF;
    color: #000000;
    border: 1px solid #000000;
    padding: 2px 4px;
    font: 12px/16px Verdana, sans-serif;
}

.tabs .tip .corner {
    display: block;
    position: absolute;
    z-index: 100;
    left: 24px;
    top: -4px;
    width: 14px;
    height: 15px;
    overflow: hidden;
    background: url(../images/tip_corner.gif);
}

.tabs .tip .text {
    display: block;
    position: absolute;
    z-index: 99;
    left: 14px;
    top: 10px;
    width: 150px;
    overflow: hidden;
    background-color: #E0F0FF;
    color: #000000;
    border: 1px solid #000000;
    padding: 2px 4px;
    font: 12px/16px Verdana, sans-serif;
}

.keyFeatures p {
    padding: 15px 0px 5px 0px;
    font: 12px/14px Tahoma, sans-serif;
    color: #4D555D;
}

.keyFeatures em {
    color: #E42F00;
    font-style: normal;
}

.highlight {
    background-color:Yellow;
}

/* fixed heights for the homepage */

.hpBody {
    height: 330px;
}

.homepage .announcementsInner {
    height: 467px;
}

.homepage .testimonialsInner {
    height: 255px;
}

.homepage .featuredProductInner1 {
    height: 140px;
}

.homepage .mailingList form {
    height: 140px;
}

.pagetext { padding-top: 10px; width:950px; }
.pagetext h1 {
    margin: 0;
    padding: 9px 15px 10px 30px;
    font: 20px Arial, sans-serif;
    color: #343537;
}
.pagetext h2 {
    margin: 0;
    padding: 9px 15px 10px 30px;
    font: 16px Arial, sans-serif;
    color: #343537;
    font-weight:bold;
}
.pagetext ul {
    margin:0 0 10px 32px;
    padding: 0 17px 14px 32px;
    font: 12px/14px Tahoma, sans-serif;
    color: #4D555D;
}
.pagetext li {
    margin-bottom:8px;
}

.pagetext p {
    margin: 0;
    padding: 0 17px 14px 32px;
    font: 12px/14px Tahoma, sans-serif;
    color: #4D555D;}

.contactform { width:505px; margin:15px auto 0px auto; text-align:left; line-height:16px; }
.contactform[class] p { margin:3px 0; line-height:16px; font: 12px/14px Tahoma, sans-serif; color: #4D555D; }
.contactform label { width:140px; margin-top:-4px; padding:8px 0 4px 14px; float:left; display:inline; position:relative; font-weight:bold; }
.contactform .RadioButtonList label { width:572px; float:none; margin-top:-4px; padding:8px 0 4px 14px; display:inline; position:relative; font-weight:bold; }
.contactform label.req { background:url(../images/req2.gif) no-repeat 0px 0px; padding:8px 0 4px 14px; }
.contactform .input-text, .contactform select, .contactform textarea { color:#000; background:#fff; border:1px solid #bfbfbf; vertical-align:middle; }
.contactform .input-text { width:312px; padding:3px 5px; }
.contactform .input-text.short { width:157px; }
.contactform select { width:324px; height:26px; padding:1px; }
.contactform textarea { width:312px; padding:2px 4px; }
.contactform .checkbox { margin:0 0 -1px -3px; }
.contactform[class] .checkbox { margin:0 3px 0 0; }
.contactform .radio { margin:-2px 0 -1px -3px; height:28px; vertical-align:middle; }
.contactform[class] .radio { margin:-2px 3px 0 0; }
.contactform .note { width:200px; margin:0 0 0 -200px; right:-202px; float:right; display:inline; position:relative; font-size:0.835em; line-height:1.1em; }

.contactform .buttons {padding: 10px 0 20px 0; }