/* CSS Document */ /******************************************************************************** RESETS ********************************************************************************/ body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, label, p, strong, em, table, td { margin: 0; padding: 0;} ul, ol { list-style: none;} h1, h2, h3, h4, h5, h6 { font-size: 100%;} img { border: 0;} /******************************************************************************** GLOBAL STYLES ********************************************************************************/ body { background: url(../images/bg-repeat.gif) 50% top; font-family: Arial, Helvetica, sans-serif;} a { color: #147eb7; text-decoration: underline;} p { margin-bottom: 1em;} h1 { font-size: 20px; color: #007cc2; margin-bottom: 15px; line-height: 24px} h2 { font-size: 16px; color: #007cc2; margin-bottom: 15px; line-height: 20px} .center { text-align: center; margin-left: auto; margin-right: auto;} .footnote, .content .footnote { font-size: 80%; line-height: 110%;} .small {font-size: 10px;} hr { height: 1px; border: 0; border-top: #a7ceef solid 1px; margin-bottom: 15px;} .phone { font-size: 18px; font-weight: bold; color: #d4491c;} br.clearfix { display: block; height: 1px; clear: both;} sup, sub { position: relative; height: 0; font-size: 70%; line-height: 1; vertical-align: baseline !important; vertical-align: bottom;} sup { bottom: .75ex;} sub { top: .5ex;} /******************************************************************************** WRAPPERS ********************************************************************************/ #wrapper { width: 920px; margin: 0 auto;} #content-wrapper { width: 920px; margin-top: 10px;} #left-column { display: inline; float: left; width: 194px; margin: 0 5px 0 16px;} #right-column { display: inline; float: right; width: 688px; margin-right: 17px;} /******************************************************************************** HEADER ********************************************************************************/ #header { background: url(../images/header.jpg) no-repeat; width: 920px; height: 168px; position: relative;} #header-nav { font: normal normal 12px Arial, Helvetica, sans-serif; color: #000000; position: absolute; left: 25px; top: 20px;} #header-nav a { font-size: 11px; color: #007cc2; text-decoration: none;} #header-nav a:hover { text-decoration: underline;} #logo-link { width: 260px; height: 65px; position: absolute; left: 55px; top: 75px;} #header-cta { font: normal bold 16px/105% Arial, Helvetica, sans-serif; color: #0e6aa4; text-align: right; position: absolute; right: 40px; top: 75px;} #call-now { font-size: 25px; line-height: 125%;} #header-cta .phone { font-size: 40px; color: #d4491c;} #promo { display: block; font-size: 15px; margin: 0 0 8px 0; background: #F3F8FC; padding: 3px 5px 3px 3px;} #promo span.promo2 { color:#D4491C !important; } /******************************************************************************** OPEN / CLOSED BEAM URGENCY BANNERS ********************************************************************************/ .banner { width: 685px; height: 90px; background: #da0c00; font-size: 18px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin: 10px 0 0 0; } .banner p { margin: 0; text-align: center; font-size: 22px; line-height: 38px; font-weight: bold; color: #fff; } .banner .header { padding-top: 5px; font-size: 26px; font-weight: bold; color: #ffffff; } .banner .yellow { color: #fae052; } .banner .counter { font-size: 22px; color: #2d2d2d; font-weight: bold; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #8f1107; padding: 1px 5px 0 5px; } .yellow { color: #fee262; } .beam_banner_number { background: url(../images/banner_num_bg.gif) no-repeat; background-position: center center; padding: 0 5px 0 5px; width: 18px; font-weight: bold; color: #333333; } #clsd_urg_banner { background: url(../images/clsd_beam_banner_bg.gif) no-repeat; width: 589px; height: 112px; margin: 10px 0 0 0; padding: 20px 0 0 99px; } #clsd_urg_banner p { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color: #ffffff; text-align: center; margin: 0 0 10px 0; } #clsd_urg_banner .header { font-weight: bold; font-size: 24px; color: #ffffff; margin: 0 0 15px 0; } #open_urg_banner { background: url(../images/open_beam_banner_bg.gif) no-repeat; width: 688px; height: 120px; margin: 10px 0 0 0; padding: 15px 0 0 0; } #open_urg_banner p { font-weight: bold; font-size: 24px; color: #ffffff; text-align: center; margin: 0 0 16px 0; } #open_urg_banner p .header { font-weight: bold; font-size: 24px; color: #ffffff; text-align: center; margin: 0 0 15px 0; } #notavailable_urg_banner { background: url(../images/open_beam_banner_bg.gif) no-repeat; width: 688px; height: 115px; margin: 10px 0 0 0; padding: 20px 0 0 0; } #notavailable_urg_banner p { font-weight: normal; font-size: 22px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; margin: 0 0 20px 0; } #notavailable_urg_banner .phone { font-weight: bold; font-size: 24px; color: #ffffff; text-align: center; margin: 0 0 15px 0; } /******************************************************************************** MAIN NAV (IN CONTENT AREA) ********************************************************************************/ #main-nav { width: 688px; height: 48px;} #nav1 { display: block; float: left; background: url(../images/nav1.gif) no-repeat; width: 70px; height: 48px; overflow: hidden;} #nav1:hover { background: url(../images/nav1.gif) left 48px;} #nav2 { display: block; float: left; background: url(../images/nav2.gif) no-repeat; width: 115px; height: 48px; overflow: hidden;} #nav2:hover { background: url(../images/nav2.gif) left 48px;} #nav3 { display: block; float: left; background: url(../images/nav3.gif) no-repeat; width: 71px; height: 48px; overflow: hidden;} #nav3:hover { background: url(../images/nav3.gif) left 48px;} #nav4 { display: block; float: left; background: url(../images/nav4.gif) no-repeat; width: 163px; height: 48px; overflow: hidden;} #nav4:hover { background: url(../images/nav4.gif) left 48px;} #nav5 { display: block; float: left; background: url(../images/nav5.gif) no-repeat; width: 107px; height: 48px; overflow: hidden;} #nav5:hover { background: url(../images/nav5.gif) left 48px;} #nav6 { display: block; float: left; background: url(../images/nav6.gif) no-repeat; width: 59px; height: 48px; overflow: hidden;} #nav6:hover { background: url(../images/nav6.gif) left 48px;} #nav7 { display: block; float: left; background: url(../images/nav7.gif) no-repeat; width: 103px; height: 48px; overflow: hidden;} #nav7:hover { background: url(../images/nav7.gif) left 48px;} /******************************************************************************** HERO IMAGE (IN CONTENT AREA) ********************************************************************************/ #hero-image { background: url(../images/hero-image-740.jpg) no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} #hero-image-cta { width: 425px; position: absolute; left: 25px; top: 195px;} #top-line { font: normal bold 22px/30px Arial, Helvetica, sans-serif; color: #034f69;} #top-line .phone { color: #d4491c;} #middle-line, #zip-error { font: normal bold 13px/30px Arial, Helvetica, sans-serif; color: #034f69; clear: both; padding-top: 10px;} .zip-alert { font: bold 13px Arial, Helvetica, sans-serif; color: #d4491c; margin-bottom: 10px; } #zip-search-form label { font: normal bold 13px Arial, Helvetica, sans-serif; color: #333333;} #zip-search-form input { background: #ffffff; width: 148px; border: 0; padding: 5px; margin: 0;} #zip-search-form .submit { background: url(../images/zip-search-form-submit.png) no-repeat; width: 123px; height: 26px; border: 0; margin-left: 5px;} /* spotlight banner with countdown */ .spotlightnum { background-image:url(/images/spotlight_date_bg.gif); background-repeat:no-repeat; display:inline-block; color:#333; width:41px; padding:3px 0 3px 0;} /* additional hero images */ #hero-image-729 { background: url('/images/hero-image-729.jpg') no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} #hero-image-731 { background: url('/images/hero-image-731.jpg') no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} #hero-image-731 #hero-image-cta { width: 425px; position: absolute; left: 35px; top: 205px; margin: 0 0 15px; } #hero-image-733 { background: url('/images/hero-image-733.jpg') no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} #hero-image-733 #hero-image-cta { width: 425px; position: absolute; left: 35px; top: 205px; margin: 0 0 15px; } #hero-image-740 { background: url('/images/hero-image-740.jpg') no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} #hero-image-741 { background: url('/images/hero-image-741.jpg') no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} #hero-image-741 #hero-image-cta { width: 425px; position: absolute; left: 35px; top: 205px; margin: 0 0 15px; } #hero-image-742 { background: url('/images/hero-image-742-3.jpg') no-repeat; width: 688px; height: 365px; margin: 10px 0 15px 0; position: relative;} #hero-image-742 #hero-image-cta { width: 425px; position: absolute; left: 35px; top: 195px; margin: 0 0 15px; } #hero-image-742 p.hero_legal { margin: 40px 0 0 -20px !important; } #hero-image-743 { background: url('/images/hero-image-743.jpg') no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} #hero-image-743 #hero-image-cta { width: 425px; position: absolute; left: 35px; top: 195px;} #hero-image-744 { background: url('/images/hero-image-744-4.jpg') no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} #hero-image-744 #hero-image-cta { width: 425px; position: absolute; left: 35px; top: 195px;} #hero-image-746 { background: url('/images/hero-image-746.jpg') no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} #hero-image-746 #hero-image-cta { width: 425px; position: absolute; left: 35px; top: 205px; margin: 0 0 15px; } #hero-image-750 { background: url('/images/hero-image-750-3.jpg') no-repeat; width: 688px; height: 320px; margin: 10px 0 15px 0; position: relative;} p.hero_legal { font-size: 10px; color: #565656; width: 688px; margin: 20px 0 0 -17px; } /* BLACK FRIDAY 2010 */ #hero-image-black-friday { background: url('/images/hero_BlackFriday.jpg') no-repeat; width: 688px; height: 427px; margin: 10px 0 5px 0; position: relative;} #hero-image-black-friday p { float: right; margin: 388px 30px 0 0; font-size: 24px; color:#c4090a; } #black-friday-form { background: url('/images/zip-form-bg.jpg') no-repeat; width: 688px; height: 99px; margin: 0 0 30px 0; padding: 0;} #black-friday-form #zip-search-form { padding: 45px 0 0 190px; } #black-friday-form #zip-search-form #zip { height: 25px; width: 170px; color: #344978; font-size: 23px; display: inline; float: left; } #black-friday-form #submit { background: url('/images/zip-form-btn.jpg') no-repeat top; cursor: pointer; display: inline; width: 262px; height: 38px; float: right; margin: 0 32px 0 0; padding:0; } #black-friday-form #submit:hover { background: url('/images/zip-form-btn.jpg') no-repeat bottom; width: 262px; height: 38px; } /* black friday 2011 */ .banner_black_friday { margin-top:10px; } /* LP 748 (faux mobile) */ #748_submit { background: url(/images/hero-748_form-btn.jpg) no-repeat; } #hero-image-748 a { color:#fff; text-decoration: none; } /* compare speed animation */ .compare_speeds { border:1px solid #000; margin:0 auto 20px auto; position:relative; width:455px; } .compare_speeds .title, .compare_speeds .subtitle { background:#017dc3; color:#fff; font-family:'Droid Sans',sans-serif; font-size:20px; font-weight:bold; margin:0; padding-top:5px; text-align:center; } .compare_speeds .subtitle { font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; padding:0 0 5px 0; } .compare_speeds .load_time { color:#7f7f7f; font-size:9px; position:absolute; right:30px; top:65px; } .compare_anim { height:30px; margin:20px 0; overflow:hidden; } .compare_anim .label { color:#13576d; float:left; font-family:'Droid Sans',sans-serif; font-size:18px; font-weight:bold; line-height:30px; margin:0; padding-left:20px; width:90px; } .compare_anim .anim_bar { background:#017dc3; float:left; line-height:30px; margin:0; text-indent:-9999px; width:0; } .compare_anim .total_time { color:#13576d; float:right; font-family:'Droid Sans',sans-serif; font-size:12px; font-weight:bold; line-height:30px; margin:0; padding-right:10px; width:80px; } .compare_anim .total_time span { font-size:16px; } .dial_up .anim_bar { background:#c00; } .dial_up .total_time { color:#c00; } /******************************************************************************** SIDEBAR ********************************************************************************/ /* social box */ .social { width: 190px; height: 101px; background: url(/images/promo_bg.jpg); margin: 0 0 10px; padding: 8px 0 0; text-align: center;} .social h2 { margin: 0 0 5px; font-size: 16px; color: #ffffff;} .facebook-like-button iframe { width: 55px !important; overflow: hidden;} .fb_edge_comment_widget iframe { width: 401px !important;} #___plusone_0 { margin-left: 5px !important; position: relative; top: 3px;} #call-now-box { background: url(../images/call-now-box.jpg) no-repeat; width: 194px; height: 140px; position: relative;} #call-now-box span { width: 194px; font: normal bold 24px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; position: absolute; left: 0; bottom: 10px;} #promo_box { background: url(../images/promo_bg.jpg) no-repeat; width: 190px; height: 94px; padding: 15px 4px 0 0; margin: 10px 0 10px 0; text-align: center; } #promo_box p { font-size: 16px; color:#680801; font-family: Arial; font-weight: normal; margin: 0px; line-height: 19px; } #promo_box p.prompt { font-weight: bold; text-transform: uppercase; } #promo_box p.promo { font-size: 41px; color:#ffffff; font-weight: bold; line-height: 43px; } #lead-gen-form-wrapper { margin-top: 5px; font-family: Arial, Helvetica, sans-serif; color: #ffffff;} #lead-gen-form-repeat { background: url(../images/lead-gen-form-repeat.png) repeat-y;} #lead-gen-form-gradient { background: url(../images/lead-gen-form-gradient.png) no-repeat; padding: 0 15px 0 10px;} #instructions { font-size: 11px; line-height: 13px;} #instructions span { font-size: 20px; font-style: italic; font-weight: bold; height: 0; line-height: 1; vertical-align: baseline; position: relative;} #lead-gen-form { margin-top: 5px;} #lead-gen-form label { font-size: 14px; font-weight: bold; margin-top: 5px;} #lead-gen-form input { background: #ffffff; width: 148px; border: 0; padding: 5px; margin: 2px 0 5px 5px;} #lead-gen-form .submit { display: block; background: url(../images/lead-gen-form-submit.png) no-repeat; width: 159px; height: 31px; border: 0; margin: 5px 0 0 5px;} #lead-gen-form .form-error { background: #ffffff; font-size: 12px; color: #034f69; padding: 5px; border: #034f69 solid 1px; margin-bottom: 10px;} #required-field { font-size: 11px; text-align: right; margin: 5px 7px 0 0;} /******************************************************************************** CONTENT ********************************************************************************/ #content { font: normal normal 14px/19px Arial, Helvetica, sans-serif; color: #333333; padding-left: 10px;} #packages { font-size: 12px;} #packages td { padding: 45px 10px 0; position: relative;} #packages #value { background: url(../images/packages-value.png) no-repeat;} #packages #select { background: url(../images/packages-select.png) no-repeat;} #packages #pro { background: url(../images/packages-pro.png) no-repeat;} #packages .more-info { display: block; font-size: 10px; text-align: right; position: relative; right: 5px; bottom: 5px;} #computer-requirements { margin-bottom: 5px;} #computer-requirements td { font-size: 12px; padding: 3px 20px 3px 3px;} #computer-requirements .blue { background: #97ccfc;} #zip-code-search-wrapper { margin-bottom: 15px;} #zip-code-search { background: #bad7f7; width: 657px; text-align: center; padding: 10px;} #zip-code-search #top-line { font: normal bold 14px/30px Arial, Helvetica, sans-serif; color: #034f69;} #bottom-line, #zip-error { font: normal bold 14px/30px Arial, Helvetica, sans-serif; color: #034f69; text-align: center;} #bottom-line .phone, #zip-error { color: #d4491c;} #price-chart { font-size: 11px; line-height: 13px; margin-bottom: 5px;} #price-chart { padding-bottom: 0;} #price-chart td { padding: 10px; border-bottom: #a7ceef solid 1px;} #price-chart tr { border-bottom: #a7ceef solid 1px;} #price-chart .peach { background: #ffe4db;} .value-package-price { font-size: 16px; font-weight: bold; color: #d3491b;} #price-chart .green { background: #e9f7d6;} .select-package-price { font-size: 16px; font-weight: bold; color: #5d8626;} #price-chart .blue { background: #dfeffc;} .pro-package-price { font-size: 16px; font-weight: bold; color: #639ad0;} #price-chart .col-span { padding-left: 50px;} #lead-gen-form-horizontal {} #lead-gen-form-horizontal label { display: block; float: left; width: 150px; font-size: 12px; text-align: left; margin: 0 30px 15px 0;} #lead-gen-form-horizontal input { background: #ffffff; width: 148px; border: inset 1px; padding: 5px;} #lead-gen-form-horizontal .submit { display: block; background: url(../images/lead-gen-form-horizontal-submit.png) no-repeat; width: 123px; height: 26px; border: 0;} #lead-gen-form-horizontal .form-error { background: #ffffff; width: 33%; font-size: 12px; color: #d4491c; padding: 5px; border: #d4491c solid 1px; margin-bottom: 10px;} #content ul { list-style: disc; margin: 15px 0 15px 25px;} #content ol { list-style: decimal; margin: 15px 0 15px 25px;} #content li { padding-bottom: 10px;} table#faq td { padding: 5px;} table#faq p { margin-bottom: 0;} .back-to-top { display: block; font-size: 12px; text-align: right;} #rap-attention {background: url("/images/rap-attention.png") top left no-repeat; width: 547px; height: 123px; margin: 20px 0 25px 50px; color: #fdfdfd;} #rap-attention p {padding: 22px 15px 0 130px; font-size: 12px;} #phone-notice {background: #eef7fe; border: 1px solid #b5bec5; padding: 10px; margin: 5px 15px 10px; font-size: 18px; color: #253b87; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} #phone-notice p {margin: 0; text-align: center;} #phone-notice span {color: #fc810a; font-weight: bold; font-size: 22px;} /******************************************************************************** GEONATOR ********************************************************************************/ #geoTable { font-size: 11px; line-height: 20px; margin-bottom: 5px; } /******************************************************************************** FOOTER ********************************************************************************/ #footer { text-align: center; padding: 50px 0 20px; clear: both;} #footer p { font: normal bold 16px/20px Arial, Helvetica, sans-serif; color: #007cc2;} #footer #cta { font-size: 20px;} #footer .phone { font-size: 22px; color: #d4491c;} #footer #footer-nav { font-size: 11px;} #footer #copyright { font-size: 11px; line-height: 25px;font-weight: normal; color: #000000;} #footer .altSearch, #footer .legal p { font-size: 11px; color:#777777; line-height: 13px; font-weight: normal;} #footer .legal, #footer .altSearch {padding: 0 16px;} /******************************************************************************** CLEARING FLOATS HACK! ********************************************************************************/ .clearFloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearFloat { display: inline-block;} /* Hides from IE-mac \*/ * html .clearFloat { height: 1%;} .clearFloat { display: block;} /* End hide from IE-mac */ /* price comparison table */ .price_comp { border-bottom:1px solid #c4c4c4; margin:0 auto 30px auto; position:relative; width:555px; } .packages, .packages ul, .packages p { font-size:11px; line-height:1.5; } .packages p { margin:0; } #content .packages ul { list-style-type:none; margin:10px 0 0 0; padding:0; } #content .packages li { background:url(/images/exp_760/bullet.png) no-repeat; margin:3px 0; padding:0 0 0 18px; } .packages td { border-right:1px solid #fff; vertical-align:baseline; } .packages tr.no_border td { border-bottom:none; } .packages tr.vert_align td { vertical-align:middle; } .packages td { padding:5px; text-align:center; } .packages td:first-child { border-left:none; color:#005381; font-weight:bold; font-size:12px; vertical-align:middle; } .packages th:last-child, .packages td:last-child { border-right:none; } .packages tr.left_align td { text-align:left; } .packages tr.left_align td:first-child { text-align:center; } .packages tr:first-child td:first-child { text-align:center; } .packages td.highlight { font-size:12px; font-weight:bold; } .packages td.features { background:#e5e5e5; } .packages tr.zebra td.features { background:#f1f1f1; } .packages td.pkg_val { background:#f4d1c6; } .packages tr.zebra td.pkg_val { background:#f8e4dd; } .pkg_lb td.pkg_val { background:#e5e5e5; } .pkg_lb tr.zebra td.pkg_val { background:#f1f1f1; } .packages td.pkg_sel { background:#d6e1c9; } .packages tr.zebra td.pkg_sel { background:#e7eddf; } .packages td.pkg_pro { background:#d9e7f4; } .packages tr.zebra td.pkg_pro { background:#e8f1f8; } .col_span td { border:none; border-top:1px solid #c4c4c4; font-size:12px; vertical-align:middle; } .packages th span { background:url(/images/exp_760/sprite-pricing.png) no-repeat; display:block; height:30px; text-indent:-9999px; width:151px; } .packages .th_sel span { background-position:-151px 0; } .packages .th_pro span { background-position:-302px 0; } .pkg_hb th span { height:100px; } .pkg_lb th span { height:175px; } .th_val { width:152px; } .th_sel { width:152px; } .th_pro { width:151px; } .pkg_lb .th_val span { background-position:0 -100px; } .pkg_lb .th_sel span { background-position:-151px -100px; width:152px; } .pkg_lb .th_pro span { background-position:-303px -100px; width:151px; } .pkg_lb td.lb_shadow { background:#e5e5e5 url(/images/exp_760/table-shadow-zebra.png) repeat-y 142px 0; border-right:none; } .pkg_lb tr.zebra td.lb_shadow { background:#f1f1f1 url(/images/exp_760/table-shadow.png) repeat-y 142px 0; border-right:none; } .pro_plus_btm { position:relative; } .pro_plus_btm img { display:none; left:-15px; position:absolute; top:32px; } .pkg_lb td.pkg_val, .pkg_lb td.pkg_sel { color:#666; } .pkg_lb td.pkg_val li, .pkg_lb td.pkg_sel li { background-image:url(/images/exp_760/bullet-lb.png); } .acc_setup td { padding:10px 0; } .acc_setup strike { display:block; font-size:10px; } p.best_val { background:url(/images/exp_760/best-value.png) no-repeat; display:none; height:31px; position:absolute; right:46px; text-indent:-9999px; top:37px; width:110px; } p.discount_tag { background:url(/images/exp_760/discount-tag.png) no-repeat; display:none; height:90px; position:absolute; right:-50px; text-indent:-9999px; top:0px; width:90px; } .pkg_lb p.best_val, .pkg_lb p.discount_tag, .pkg_lb .pro_plus_btm img { display:block; } /* NEW price comparison table */ .pricing_plan {text-align:center; font: 12px/14px Arial, Helvetica, sans-serif normal; position: relative; margin-top:50px; margin-bottom:25px; width: 540px;} .pricing_plan th {vertical-align: top;} .pricing_plan th img {padding-top:25px;} /* plan headings */ .pricing_plan th .top {display:block;padding:5px 25px;background-color:#fff;margin-bottom: 25px;} .pricing_plan th.plan {background: #8ec6db; background: -moz-linear-gradient(top, #8ec6db 0%, #1c84c9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ec6db), color-stop(100%,#1c84c9)); background: -webkit-linear-gradient(top, #8ec6db 0%,#1c84c9 100%); background: -o-linear-gradient(top, #8ec6db 0%,#1c84c9 100%); background: -ms-linear-gradient(top, #8ec6db 0%,#1c84c9 100%); background: linear-gradient(top, #8ec6db 0%,#1c84c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec6db', endColorstr='#1c84c9',GradientType=0 );} .pricing_plan th .name { text-transform:uppercase; font-size: 14px; display:block; margin-bottom: 15px;} .pricing_plan th .name sup {font-weight: normal; font-size: 8px;} .pricing_plan th .dollar { font-size: 50px; color: #fff; text-shadow:1px 1px 2px #000;} .pricing_plan th .cents { color: #fff; position: relative; bottom: 20px; left: 1px; font-size: 18px;text-shadow:1px 1px 2px #000;} .pricing_plan th .month {display:block;margin: 5px 0 25px 0; padding:5px; color: #fff; font-size: 20px; font-weight:normal;text-shadow:1px 1px 2px #000;} .pricing_plan th .old_price { display:block; font-size: 30px; color: #fff; text-shadow:1px 1px 2px #000; margin-bottom: 10px;} .pricing_plan th.popular {background: #ffa84c; background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); background: linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );} th.popular .top {background-color:#C00; color:#FFF;} /* basic plan table cell */ .pricing_plan td {background-color: #D9E7F4; padding: 12px; color: #666;} .pricing_plan .odd td {background-color: #E8F1F8;} .pricing_plan td strong {font-size: 14px;} /* highlighted plan table cell */ .pricing_plan td.popular {background-color:#FEAD4B; color:#600} .pricing_plan .odd td.popular {background-color:#FEC278;} /* feature table cell */ .pricing_plan .odd td.feature {background-color: #EEE;} .pricing_plan td.feature {background-color: #E5E5E5; color:#369; font-weight:bold;} .pricing_plan td.feature span {font-size: 10px;} .pricing_plan td .alert {color:#C00; font-weight:bold;} /* 490 width */ .pkg_490 .packages { width:490px; } .pkg_490 .th_val { width:130px; } .pkg_490 .th_sel { width:130px; } .pkg_490 .th_pro { width:129px; } .pkg_490 .packages th span { width:129px; } .pkg_490 .packages .th_val span { background-position:0 -250px; } .pkg_490 .packages .th_sel span { background-position:-129px -250px; } .pkg_490 .packages .th_pro span { background-position:-258px -250px; } .pkg_490 .pkg_lb .th_val span { background-position:0 -350px; } .pkg_490 .pkg_lb .th_sel span { background-position:-129px -350px; width:130px; } .pkg_490 .pkg_lb .th_pro span { background-position:-259px -350px; width:129px; } .pkg_490 p.best_val { right:61px; } .pkg_490 p.discount_tag { right:173px; } .pkg_490 .pkg_lb td.lb_shadow { background-position:120px 0; } .pkg_490 .pkg_lb tr.zebra td.lb_shadow { background-position:120px 0; } .pkg_490 .pro_plus_btm img { display:none; } .packages .highlight { color:#b82420; }