/* CSS Document */ /* basic elements * ------------------------------------------------------------------------------------- */ * { margin: 0px; padding: 0px; } html { min-height: 100%; margin-bottom: 1px; } body { font-family: arial, verdana, sans-serif; font-size: 12px; color: #000; text-align: center; } table, th, td { font-family: arial, verdana, sans-serif; font-size: 12px; color: #000; } #skip { display: none; } a img, :link img, :visited img { border: none; } a:link { color: #4F6499; text-decoration: none; } a:visited { color: #4F6499; text-decoration: none; } a:hover, a:active { color: #D65238; text-decoration: underline; } /* messages */ .info, .confirm, .warning, .alert {border-style:solid;border-width:1px;color:#000;font-weight:bold;margin:0 0 15px 0;padding:6px 10px;text-align:left;} .info ul, .confirm ul, .warning ul, .alert ul {font-weight:normal;list-style:none;margin:0;padding:0;} .info li, .confirm li, .warning li, .alert li {list-style:none;padding:4px 0 4px 22px;} .info {background:#f8fafc;border-color:#3892d2;} .info li {background:url(/images/checkout/icon-info.gif) 0 4px no-repeat;} .confirm {background:#dfd;border-color:#9f9;} .confirm li {background:url(/images/checkout/icon-confirm.gif) 0 4px no-repeat;} .warning {background:#fff6bf;border-color:#ffd324;} .warning li {background:url(/images/checkout/icon-alert.gif) 0 4px no-repeat;} .alert {background:#fee;border-color:Red;color:Red;} .alert li {background:url(/images/checkout/icon-warning.gif) 0 4px no-repeat;} /* Header ------------------------------------------------------------------------------------- */ #outer1 { background: url(/images/v_bg_top_none.gif) no-repeat 50% 0; } #outer2 { position: relative; background: url(/images/v_bg_middle.gif) repeat-y 50% 0; } #outer3 { position: relative; height: 11px; background: url(/images/v_bg_bottom.gif) no-repeat 50% 0; } .container { position: relative; width: 726px; margin: 0 auto; text-align: left;} #header { position: relative; height: 20px;} .phone { position: absolute; top: 0; right: 0px; } #main {/*\*/ height: 100%;/**/ border: 1px solid #000; background: #ffffff url(/images/v_main_back.gif) no-repeat 0px 117px;} #main2 {/*\*/ height: 100%;/**/ border: 1px solid #000; background: #ffffff url(/images/v_main_back.gif) no-repeat 0px 171px;} /* navigation -------------------------------------------- */ #nav-vhs { position: relative; height: 26px; } #nav-vhs li { position: relative; height: 26px; list-style: none; float: left; border-right: 1px solid #000;} #nav-vhs li a:link, #nav-vhs li a:visited { position: relative; height: 26px; line-height: 26px; display:block; text-decoration:none; color: #eee; font-size: 12px; font-weight: bold; background: url(/images/nav_back.gif);cursor: pointer; text-align: center;} #nav-vhs li.five { border: 0px;} #nav-vhs li.one a:link, #nav-vhs li.one a:visited { width: 166px;} #nav-vhs li.two a:link, #nav-vhs li.two a:visited { width: 96px;} #nav-vhs li.three a:link, #nav-vhs li.three a:visited { width: 113px;} #nav-vhs li.four a:link, #nav-vhs li.four a:visited { width: 160px;} #nav-vhs li.five a:link, #nav-vhs li.five a:visited { width: 185px;} #nav-vhs li a:hover { background: url(/images/nav_back_hover.gif); } /* navigation agent -------------------------------------------- */ #nav-agent { position: relative; height: 26px; } #nav-agent li { position: relative; height: 26px; list-style: none; float: left; border-right: 1px solid #000;} #nav-agent li a:link, #nav-agent li a:visited { position: relative; height: 26px; line-height: 26px; display:block; text-decoration:none; color: #eee; font-size: 12px; font-weight: bold; background: url(/images/nav_back.gif);cursor: pointer; text-align: center;} #nav-agent li.five { border: 0px;} #nav-agent li.one a:link, #nav-agent li.one a:visited { width: 166px;} #nav-agent li.two a:link, #nav-agent li.two a:visited { width: 210px;} #nav-agent li.three a:link, #nav-agent li.three a:visited { width: 118px;} #nav-agent li.four a:link, #nav-agent li.four a:visited { width: 105px;} #nav-agent li.five a:link, #nav-agent li.five a:visited { width: 121px;} #nav-agent li a:hover { background: url(/images/nav_back_hover.gif); } /* navigation group -------------------------------------------- */ #nav-group { position: relative; height: 26px; } #nav-group li { position: relative; height: 26px; list-style: none; float: left; border-right: 1px solid #000;} #nav-group li a:link, #nav-group li a:visited { position: relative; height: 26px; line-height: 26px; display:block; text-decoration:none; color: #eee; font-size: 12px; font-weight: bold; background: url(/images/nav_back.gif);cursor: pointer; text-align: center;} #nav-group li.five { border: 0px;} #nav-group li.one a:link, #nav-group li.one a:visited { width: 124px;} #nav-group li.two a:link, #nav-group li.two a:visited { width: 186px;} #nav-group li.three a:link, #nav-group li.three a:visited { width: 140px;} #nav-group li.four a:link, #nav-group li.four a:visited { width: 133px;} #nav-group li.five a:link, #nav-group li.five a:visited { width: 137px;} #nav-group li a:hover { background: url(/images/nav_back_hover.gif); } /* homepage elements ===============================*/ #content { position: relative; padding: 15px 15px 15px 15px; } #content p { padding: 0 0 15px;} #content ul { padding: 15px 15px 15px 45px; font-weight: normal; list-style: square; } #content td { padding: 3px 5px;} #subnav { position: relative; float: right; width: 200px; margin-top: -7px; font-size: 11px; } #subnav1 { height: 128px; background: url(/images/subnav1_back.gif) no-repeat; list-style: none;} #subnav1 ul { padding: 10px; list-style: none;} #subnav1 li a { display: block; text-decoration: none; color: #fff; font-weight: bold; background: url(/images/arrow_white.gif) no-repeat 8px 11px; height: 1%; line-height: 14px;} #subnav1 li.one a { padding: 6px 20px; } #subnav1 li.two a { padding: 7px 20px 6px; } #subnav1 li.three a { padding: 7px 20px;} #subnav1 li a:hover { color: #ddd; text-decoration: underline;} #subnav2 { height: 112px; background: url(/images/subnav2_back.gif) no-repeat; list-style: none;} #subnav2 ul { padding: 10px; list-style: none;} #subnav2 li a { display: block; text-decoration: none; color: #1AA6CA; font-weight: bold; background: url(/images/arrow_blue.gif) no-repeat 8px 11px; height: 1%; line-height: 14px;} #subnav2 li.one a { padding: 6px 20px; } #subnav2 li.two a { padding: 6px 20px; } #subnav2 li a:hover { color: #999; text-decoration: underline;} /* onstate ===============================*/ #subnav2 li.oneon { background: url(/images/subnav2_one_on.gif) no-repeat; } #subnav2 li.twoon { background: url(/images/subnav2_two_on.gif) no-repeat; } #subnav2 li div { padding: 6px 20px; background: url(/images/arrow_gray.gif) no-repeat 8px 11px; height: 1%; line-height: 14px; color: #666;} #footer { text-align: center; font-size: 11px;} #footer p { position: relative; width: 270px; height: 30px; line-height: 30px; margin: 10px auto 20px; background: url(/images/footer_back.gif); clear: both; } #footer a { color: #fff; font-weight: bold; text-decoration: none;} #footer a:hover { text-decoration: underline;} #footer img { display: inline; margin: 0 2px; margin-top: 7px;} /* MISC Elements ===========================*/ h1 { font-size: 14px; color: #444; padding: 0 0 10px;} h2 { font-size: 13px;} .imgdisp { display: inline; margin-top: 7px; margin-left: 7px; margin-right: 7px; margin-bottom: 7px;} .searchBox {background-color:#ffffff; font-weight:normal; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;} .searchSelect {background-color:#ffffff; font-weight:normal; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px;} .formButton {font-weight:bold; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;} .requiredField {COLOR: #cc0000; font-weight:bold; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; FONT-SIZE: 13px;} .nav_top {COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold;} .nav_bottom {COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold;} .nav_tag {COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold;} .subnav {COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold;} .subnav_box {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;} .side_text {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;} .titleTop {COLOR: #C90000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 16px; FONT-WEIGHT: bold;} .title {COLOR: #C90000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 16px; FONT-WEIGHT: bold;} .subtitle {COLOR: #0000cc; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 16px; FONT-WEIGHT: bold;} .titleBody {COLOR: #0000cc; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 15px; FONT-WEIGHT: bold;} .bodyText {COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: normal;} .bodyText2 {COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: normal;} .states {COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;} .teaser {COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold;} .small {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal;} .smallBold {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold;} .xsmall {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: normal;} .benefit {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;} .big1 {COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 20px; FONT-WEIGHT: bold;} .big2 {COLOR: #D65238; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 23px; FONT-WEIGHT: bold;} .big3 {COLOR: #4F6499; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 22px; FONT-WEIGHT: bold;} .bigTitleProg {COLOR: #D65238; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 24px; FONT-WEIGHT: bold;} .bigTitle {COLOR: #D65238; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 28px; FONT-WEIGHT: bold;} .big1a {COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 20px; FONT-WEIGHT: bold;} .big2a {COLOR: #4F6499; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 26px; FONT-WEIGHT: bold;} .copyright {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal;} .formOption {COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold;} .formOptionUnder {COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal;} .formInstructions {COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal;} .formHeader {COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold;} .product {COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-WEIGHT: bold;} a.link_white:link { color: #ffffff; text-decoration: none; } a.link_white:visited { color: #ffffff; text-decoration: none; } a.link_white:hover, a.link_white:active { color: #ffffff; text-decoration: underline; } .productTitleShort { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 15px; FONT-WEIGHT: bold; COLOR: #fff; } .productShort {COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold;} a.link_white_Short:link { color: #ffffff; text-decoration: none; } a.link_white_Short:visited { color: #ffffff; text-decoration: none; } a.link_white_Short:hover, a.link_white:active { color: #ffffff; text-decoration: underline; } .cat_benefit {COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;} .cat_name {COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px; text-decoration : underline;} .cat_price {COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;} .cat_info {COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: normal; padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;} .cat_total {COLOR: #D65238; FONT-SIZE: 14px; FONT-WEIGHT: bold; padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;} .cat_totalprice {COLOR: #D65238; FONT-SIZE: 14px; FONT-WEIGHT: bold; padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;} .pageTitle { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 22px; FONT-WEIGHT: bold; color: #4F6499; } .pageTitle2 { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 18px; FONT-WEIGHT: bold; COLOR: #fff; } .pageTitle3 { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 22px; FONT-WEIGHT: bold; color: #FFFFFF; } .pageText { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #000; } .pageTextBold { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #000; } .pageHeading { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 15px; FONT-WEIGHT: bold; } .breadcrumbs { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; } .arrows { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 21px; FONT-WEIGHT: bold; } .toolbar { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; } .toolbarSmall { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; } .date { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; } .dateNumber { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 16px; FONT-WEIGHT: bold; } .sectionToolbarCategory { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; } .sectionToolbarCategoryUnder { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; } .sideTitle { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; } .sideText { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; } .sideBoxTitle { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; } .sideBoxText { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; } .sideTopTitle { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 18px; FONT-WEIGHT: bold; } .sideTopSub { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; } .sideTopText { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; } .sideTopLink { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; } .orderToolbarNumber { COLOR: 000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 17px; FONT-WEIGHT: bold; } .orderToolbarText { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; } .order { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; } .orderToolbarTitle { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 15px; FONT-WEIGHT: bold; } .formName { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal; } .formDisclaimer { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal; } .formPurchase { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal; } .formProductColumn { COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; } .footer { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; } .footerName { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; } .errorText { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal; }