/* -------------------------------------------------------------- * Resets default browser CSS. Based on work by Eric Meyer: * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* firefox dotted line removal */ a { outline: none; } /* -------------------------------------------------------------- */ /* --- GLOBAL --- */ html, body { width: 100%; height: 100%; margin: 0 auto; text-align: center; } body { background: #036; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; } em { font-style: italic; } #wrap { } #wrap-pop { } #hdr { width: 100%; background: #fff; } #logo { float: left; width: 220px; } #logo a { text-indent: -9999px; width: 220px; height: 110px; display: block; background: url(../imgs/global/BLTV-Logo.gif) no-repeat; } .noFloat { float: none !important; } #special { float: right; padding: 10px 0; } #nav { clear: both; background: #900; height: 30px; border-bottom: 1px solid #80a0be; } #nav ol { list-style: none; padding: 0 12px; } #nav li { display: inline; line-height: 30px; color: #fff; } #nav li a { font-weight: bold; color: #fff; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; line-height: 30px; padding: 8px 12px; } #nav li a:hover { background: #73101f; } .page { width: 940px; margin: 0 auto; text-align: left; } #wrap-pop .page { width: 700px; } #page { float: left; width: 100%; padding: 20px 0; background: url(../imgs/global/bg.gif); } .box { float: left; background: #8099b3; } .threeCol { width: 930px; padding: 5px; } .twoCol { width: 920px; padding: 10px; } .oneCol { width: 920px; padding: 10px; } #wrap-pop .oneCol { width: 700px; padding: 10px; } .lCol { float: left; width: 620px; background: #1a5287; padding-bottom: 20px; } .rCol { float: right; width: 290px; background: #fff; padding-bottom: 20px; } .split-lCol { float: left; width: 310px; } .noBrdr { border: none !important; } .noPadTop { padding-top: 0 !important; } .row { float: left; width: 940px; padding-bottom: 20px; } #wrap-pop .row { float: left; width: 720px; padding-bottom: 20px; } .right { float: right !important; } .lCol img { float: left; padding: 20px 20px 7px; } .split-lCol img { padding: 0 20px 10px !important; } .imgRow { width: 620px; background: #fff; } .imgRow img { float: none; padding: 0; } .lCol h1 { padding: 20px 20px 10px 20px; font-size: 21px; font-weight: bold; color: #fff; } .lCol h2 { padding: 0 20px 10px 20px; font-size: 16px; font-weight: bold; color: #fff; } .lCol h3 { padding: 20px; font-size: 16px; font-weight: bold; color: #fff; } .lCol p { padding: 0 20px 10px 20px; font-family: Georgia, Serif; font-size: 16px; line-height: 28px; color: #fff; } .lCol h6 { padding: 20px; font-family: Georgia, Serif; font-size: 14px; font-weight: bold; color: #fff; border: 1px solid #cddded; } .lCol h6 a { color: #cddded; } .lCol h6 a:hover { text-decoration: none; } .lCol p a, .lCol li a { color: #fff; } .lCol p a:hover, .lCol li a:hover { text-decoration: none; } .small { font-size: 13px !important; line-height: 18px !important; } .chan-note { clear: both; text-align: center; font-size: 12px !important; line-height: 18px !important; padding: 0 20px 18px !important; } .chan-list-note { font-weight: bold !important; font-style: italic; padding-bottom: 20px !important; } .callout { padding: 10px 20px; } .callout p { border: 1px solid #cddded; background: #900; padding: 10px; text-align: center; font-family: Georgia, Serif !important; font-size: 16px !important; line-height: 28px !important; color: #fff !important; } .lCol ul { padding: 0 40px 10px; font-family: Georgia, Serif; font-size: 13px; line-height: 18px; color: #fff; } .lCol li { padding: 0 0 9px; font-family: Georgia, Serif; font-size: 13px; line-height: 18px; color: #fff; } .avail { padding: 10px 20px; font-family: Georgia, Serif; font-size: 16px; line-height: 28px; color: #fff; text-align: center; } .avail form { padding: 10px 10px 20px; border: 1px solid #cddded; } .avail input { width: 220px; font-size: 12px; line-height: 14px; color: #666; } .avail-submit { width: auto !important; padding: 5px !important; font-size: 14px !important; line-height: 24px !important; color: #000 !important; } .avail form p { padding-bottom: 0 !important; } #past-clips { margin: 0 0 0 20px; padding: 0; list-style: none; width: 580px; } #past-clips li { float: left; padding: 5px; line-height: 60px; } #past-clips li a { display: block; padding: 5px 30px 5px 75px; height: 60px; color: #fff; font-size: 14px; background: #8099b3 url(../imgs/icons/Past-Show-Preview.gif) 5px 5px no-repeat; white-space: nowrap; } #past-clips li a:hover { background: #fff url(../imgs/icons/Past-Show-Preview.gif) 5px 5px no-repeat; color: #036; } #qt { float: left; width: 580px; padding: 20px; } #qt p { border-top: 1px solid #8099b3; padding: 20px 0; text-align: center; font-size: 12px; } #pop { background: #1a5287; padding-bottom: 20px; } #pop h1 { padding: 20px 20px 10px 20px; font-size: 21px; font-weight: bold; color: #fff; } #pop h3 { padding: 20px; font-size: 16px; font-weight: bold; color: #fff; } #pop p { padding: 0 20px 10px 20px; font-family: Georgia, Serif; font-size: 16px; line-height: 28px; color: #fff; } #pop p a { color: #fff; } #pop p a:hover { text-decoration: none; } #pop ul { padding: 0 40px 10px; font-family: Georgia, Serif; font-size: 13px; line-height: 18px; color: #fff; } #pop li { padding: 0 0 9px; font-family: Georgia, Serif; font-size: 13px; line-height: 18px; color: #fff; } .icons { padding: 10px 40px !important; list-style: none; line-height: 30px !important; } .icons li { float: left; width: 500px; } .icons li img { padding: 0 10px 10px 0 !important; } .rCol h3 { padding: 21px 10px 10px; font-family: Georgia, Serif; font-size: 14px; line-height: 21px; color: #036; } .rCol h4 { padding: 8px 10px 0; font-size: 12px; font-weight: bold; line-height: 18px; color: #900; } .rCol h5 { padding: 0 20px 10px 10px; font-size: 12px; line-height: 18px; color: #666; font-weight: bold; } .rCol p { padding: 0 20px 10px 10px; font-size: 12px; line-height: 18px; color: #666; } .rCol a { color: #369; } .rCol a:hover { color: #900; text-decoration: none; } .rColNote { padding: 10px 0 20px; } .getStarted { padding: 10px 10px 0 !important; text-align: center; } .getStarted a { padding: 10px; display: block; background: #1a5287; text-transform: uppercase; font-family: Georgia, Serif; font-size: 14px; font-weight: bold; line-height: 30px; color: #fff; text-decoration: none; } .getStarted a:hover { color: #fff; background: #73101f; text-decoration: underline; } .rCol form { padding: 0 20px 10px; font-size: 12px; line-height: 18px; color: #666; } .rCol form ol { list-style: none; } .rCol form li { } .rCol form label { font-weight: bold; font-size: 11px; } .input { padding: 0 0 6px 10px; } .submit { clear: both; padding: 6px 0; text-align: center; } .check { padding-bottom: 6px; } .input input { width: 220px; font-size: 12px; line-height: 14px; color: #666; } .rCol textarea { width: 220px; font-size: 12px; line-height: 18px; min-height: 54px; color: #666; font-family: Helvetica, Arial, Sans-Serif; } .submit input { padding: 5px; font-size: 14px !important; line-height: 24px !important; } .check input { padding: 5px; } .serviceChecks { float: left; padding: 6px 0 6px 10px; } .serviceChecks div { float: left; width: 95px; padding: 10px; background: #efefef; } .human { display: none; } .msg { display: none; float: left; width: 220px; padding: 5px 0 0 10px; } .msg div { background: #efefef; padding: 5px; } .msg p { font-weight: bold; font-size: 12px; line-height: 18px; color: #666; padding: 3px !important; } #homeThree { } #homeThree div { float: left; padding: 5px; } #homeThree h1 { border: 1px solid #900; border-top: none; background: #900; text-indent: 10px; color: #fff; font-size: 18px; font-weight: bold; line-height: 40px; } #homeThree h1 a { display: block; width: 298px; color: #fff; text-decoration: none; } #homeThree h1 a:hover { background: #73101f; } #homeThree a img { border: 1px solid #900; } #welcomeMsg { float: left; width: 620px; } #welcomeMsg p { padding: 0 20px 20px; color: #fff; font-family: Georgia, Serif; font-size: 16px; line-height: 28px; } #homeFeature { width: 300px; padding: 5px; } #homeFeature h3 { text-indent: -9999px; line-height: 0; padding: 4px; } #homeFeature h3 a { width: 288px; height: 98px; display: block; border: 1px solid #900; background: url(../imgs/home/Customer-Support.gif) no-repeat; } #modules { float: left; width: 920px; padding: 10px; } .module { float: left; width: 280px; padding: 10px 10px 18px; background: #1a5287; line-height: 18px; } /*.module:hover { background: #73101f; }*/ .module a { } .module a img { border: 2px solid #cddded; } .module a:hover img { border: 2px solid #fff; } .module img { float: left; } .module h2 { float: right; width: 204px; padding-top: 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; } .module h2 a,.module p a{ color: #cddded; } .module h2 a:hover,.module p a:hover { text-decoration: none; } .module p { float: right; width: 204px; padding-top: 4px; font-size: 11px; font-weight: bold; color: #fff; } .modSep { float: left; display: block; width: 10px; height: 10px; } /* NEWS */ .news-entry { clear: both; padding: 12px 0; border-top: 1px solid #537da5; } .news-entry h3 { padding-bottom: 9px !important; } .news-entry h3 a { color: #fff; } .news-entry h3 a:hover { text-decoration: none !important; } .date { font-size: 12px !important; font-weight: bold !important; color: #cddded !important; } .news-entry p { } .read-more a { float: right; padding: 0 20px 10px 20px; font-family: Georgia, Serif; font-size: 16px; line-height: 28px; color: #fff; } .re-collapse a { float: right; padding: 0 20px 10px 20px; font-family: Georgia, Serif; font-size: 16px; line-height: 28px; color: #fff; } /* PROGRAM SCHEDULE */ #progSched { float: left; width: 920px; background: #1a5287; padding-bottom: 20px; } #progSched h1 { padding: 20px 20px 10px 20px; font-size: 18px; font-weight: bold; color: #fff; } #progSched h3 { padding: 20px 20px 10px 20px; font-size: 16px; font-weight: bold; color: #fff; } #progSched p { padding: 0 20px 10px 20px; font-family: Georgia, Serif; font-size: 16px; line-height: 28px; color: #fff; } .prog { float: left; width: 880px; padding: 10px 20px; } .progImg { float: left; width: 280px; } .progTxt { float: left; width: 600px; } /* inDemand */ #inDemand { background: #1a5287; padding: 20px; } #inDemand h1 { padding: 0 20px 10px 20px; font-size: 21px; font-weight: bold; color: #fff; } #inDemand-list { padding: 20px; font-family: Georgia, Serif; font-size: 12px; line-height: 18px; color: #fff; } #inDemand-list a { color: #fff; font-weight: bold; } #inDemand-list table{ width: 880px; } #inDemand-list td { padding: 0 10px 20px 0; } /* CHANNELS */ #channels-info { background: #1a5287; /*padding: 20px;*/ } #channels-info h1 { padding: 20px 20px 10px 20px; font-size: 21px; font-weight: bold; color: #fff; } #channels-info p { padding: 0 40px 10px 20px; font-family: Georgia, Serif; font-size: 16px; line-height: 28px; color: #fff; } #channels-info p a { color: #cddded; } #channels-info p a:hover{ text-decoration: none; } #channels-list { } .listBox { float: left; width: 455px; background: #1a5287; padding: 80px 0 20px; border-bottom: 10px solid #8099b3; } .listBox h2 { padding-bottom: 20px; font-size: 18px; font-weight: bold; } .listBox h2 a { background: #900; padding: 10px 20px; color: #fff; text-decoration: none; } .listBox h2 a:hover { background: #1a5287; } .listBox h3 { clear: both; padding: 10px 0 20px; font-size: 14px; font-weight: bold; text-align: left; } .listBox h3 a { padding: 10px 20px; background: #900; color: #fff; text-decoration: none; } .listBox h3 a:hover { background: #73101f; } .listBox h3 span { font-size: 10px; background: #900; color: #fff; padding: 10px 5px; } .listBox ol { list-style: none; font-size: 11px; font-weight: bold; line-height: 18px; color: #fff; padding: 9px 20px; } .listBox li { } .listBox li span { width: 10px; padding-right: 2px; text-align: right; } .listBox li p { font-size: 9px; line-height: 12px; padding-bottom: 6px; } .listNote { font-size: 9px; line-height: 12px; font-style: italic; font-weight: normal; padding: 20px; color: #fff; } .list-lCol { float: left; width: 220px; } .list-rCol { float: right; width: 220px; border-left: 1px solid #537da5; } .half-oneCol { float: left; width: 50%; } .listBox-si { } .listBox-si ol { list-style: none; padding: 0 20px 18px; } .listBox-si li { font-family: Helvetica, Arial, Sans-Serif !important; font-size: 11px !important; font-weight: bold; line-height: 18px !important; color: #fff; padding-bottom: 3px !important; } .listBox-si li span { width: 10px; padding-right: 2px; text-align: right; } /* CHANNEL LIST DIV BGs */ #expandedDigitalBasic { background: #1a5287 url(../imgs/channel-list-bgs/expandedDigitalBasic.jpg) no-repeat; } #digitalBasic { background: #1a5287 url(../imgs/channel-list-bgs/digitalBasic.jpg) no-repeat; } #familyTier { background: #1a5287 url(../imgs/channel-list-bgs/familyTier.jpg) no-repeat; } #premiumChannels { background: #1a5287 url(../imgs/channel-list-bgs/premiumChannels.jpg) no-repeat; } #musicChoiceDigitalAudio{ background: #1a5287 url(../imgs/channel-list-bgs/musicChoiceDigitalAudio.jpg) no-repeat; } #highDefinitionChannels { background: #1a5287 url(../imgs/channel-list-bgs/highDefinitionChannels.jpg) no-repeat; } #hispanicTier { background: #1a5287 url(../imgs/channel-list-bgs/hispanicTier.jpg) no-repeat; } #payPerView { background: #1a5287 url(../imgs/channel-list-bgs/payPerView.jpg) no-repeat; } #ftr { float: left; width: 100%; padding: 20px 0 40px; background: #036; border-top: 1px solid #80a0be; font-size: 10px; font-weight: bold; color: #fff; } #ftr ol { float: left; list-style: none; padding-left: 20px; } #ftr li { display: inline; } #ftr li a { color: #fff; text-decoration: none; padding: 0 3px; } #ftr li a:hover { text-decoration: underline; } #copy { float: right; padding-right: 20px; }