@import "rounded_corners.css";
@import "forms.css";
@import "nav.css";

* {margin:0;padding:0;}

p {margin-bottom:12px;}
p.firstp {margin-top:12px;}

#preLoadImages {position: absolute; left: 0; top: -5000px}

body {
	font-size:75%;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#333;
	background-color:#fff;
	margin:0;
	background: url('/images/background.gif') repeat-x;
	min-width:639px;
    width:639px;
}

.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr6 {margin-right:6px;}
.mr7 {margin-right:7px;}
.mr9 {margin-right:9px;}
.mr10 {margin-right:10px;}
.mr14 {margin-right:14px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}

.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}

.ml5 {margin-left:5px;}
.ml7 {margin-left:7px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}

.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt25 {margin-top:25px;}

.p5 {padding:5px;}
.p7 {padding:7px;}
.p8 {padding:8px;}
.p10 {padding:10px;}

.pb3 {padding-bottom:3px;}
.pb5 {padding-bottom:5px;}
.pb7 {padding-bottom:7px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}

.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}

.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt7 {padding-top:7px;}
.pt10 {padding-top:10px;}
.pt12 {padding-top:12px;}
.pt15 {padding-top:15px;}

/*text*/
.boldHead {font-size:100%;font-weight:700;}

.errorDot {font-size:11px;font-weight:bold;color:red;}

#content {
	width:771px;	
}

/*header*/

#header {background: transparent url(/images/top.gif) no-repeat 0 0;width:764px;clear:both;display:none;}

#search {width:337px;position:absolute;z-index:2;top:5px;left:230px;}
#tagline {position:absolute;z-index:2;top:67px;left:179px;color:white;font-weight:700;font-size:120%;min-width:300px;}
#nameBox {width:186px;position:absolute;z-index:2;top:3px;left:599px;}
.hello {font-size:18px;font-weight:800;}
#greeting {margin-top:12px;}

/*end header*/

#leftNav {display:none;}

#storeNav {display:none;}
#lineupHead {display:none;}
#lineupTop {display:none;}
#lineupCreator {display:none;}
#footer {display:none;}
#tpcl_banner {display:none;}
#main {	clear:both;}

#content {float:left;width:592px;}

#mainHome {width:592px;}
.subHeadImage {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;background-color:white;margin-top:3-px !ie}

/*table layouts*/
#featureTable .row {float:left;width:280px;border-bottom:1px solid #d5dade;padding:5px;}
#featureTable .tableHead {float:left;width:280px;padding:5px;font-weight:bold;border-bottom:1px solid #d5dade;background-color:#eef2f3;}

#speedTable .head {font-weight:bold;}
#speedTable .btsolid {border-top:1px solid #ccc;text-align:center;}
#speedTable .btdashed {border-top:1px dashed #ccc;text-align:center;}
#speedTable .lastRow {border-top:1px dashed #ccc;border-bottom:1px solid #ccc;text-align:center;}
#speedTable .bbsolid {border-bottom:1px solid #ccc;text-align:center;}

#busPricing {width:570px;margin-top:15px;}
#busPricing td {padding:5px;}
#busPricing th {padding:5px;font-weight:bold;text-align:left;}

#compareMain th {padding:5px;font-weight:bold;color:#fff;background-color:#426ad9;width:190px;}
#compareMain td {width:192px;}
#compareMain {width:576px;margin-top:15px;}
#compareCol td {padding:5px;}
#copmareCol {width:192px;}

#ovTopTen {width:273px;}
#ovTopTen td {padding:5px;border-left:1px solid #ccd6fa;border-right:1px solid #ccd6fa;}

#oolCompare th {padding:5px 0 5px 0;font-weight:bold;}
#oolCompare td {padding:5px 0 5px 0;text-align:center;}
#oolCompare td.left {border-left:1px solid #bec99e;text-align:left;}
#oolCompare td.right {border-right:1px solid #bec99e;text-align:left;}

#always th {font-weight:bold;text-align:center;padding:5px;border-bottom:1px solid #e2e2e2;}
#always th.x {width:70px;}
#always td {border-bottom:1px solid #e2e2e2;padding:5px;}
#always td.check {text-align:center;}
#always td.x {text-align:center;width:70px;}
#always td.desc {width:160px;}

#faster {margin-top:15px;}
#faster th {padding:5px;background-color:#02c0f5;color:#fff;font-weight:bold;}
#faster td {padding:5px;text-align:center;}
#faster td.subth {border-bottom:1px solid #e2e2e2;text-align:center;}
#faster td.desc {border-bottom:1px dashed #e2e2e2;}
#faster td.first {text-align:left;}

#elJuegoE,
#elJuegoS {width:325px;}
#elJuegoE th,
#elJuegoS th {color:white;background-color:#000;font-size:110%;padding:5px 20px 5px 5px;font-family:verdana,arial,helvetica,sans-serif;text-align:left;}
#elJuegoE .month,#elJuegoS .month {font-weight:bold;padding:5px;font-size:105%;}

table#page_rates{width:100%;}
table#page_rates td {padding:5px;}

/*basic page layouts*/
.twoColFirst {float:left;margin-right:14px;width:281px;}
.twoColSecond {float:left;width:281px;}
.threeColumns div {float:left;width:31%;margin-right:15px;}
.threeColumns div.last {margin-right:0;}

.threeCol p img {margin-right:5px;}
.threeCol p.head {margin:0 0 10px 10px;}
.threeCol div {float:left;width:29%;margin-left:15px;}

/*support page layouts*/
.supportColFirst {float:left;width:305px;margin-right:14px;}
.supportColSecond {float:left;width:257px;}
.listColFirst {float:left;width:124px;margin-right:10px;}
.listColSecond {float:left;width:123px;}
.contactUsIcon {float:left;width:40px;}
.contactUsLink {float:left;padding-top:7px;width:143px;}
.elJuegoColOne {float:left;width:240px;margin-right:11px;}
.elJuegoColTwo {float:left;width:325px;}

.elJuegoBoxBlue {padding:7px;border:1px solid #039;background-color:#9cf;margin-bottom:10px;}
.elJuegoBoxGreen {padding:7px;border:1px solid #090;background-color:#9f9;}

/*tutorial features*/
.featureGray {padding:5px;background-color:#f2f2f2;}
.featureName {float:left;width:140px;}
.featureDemo {float:left;width:80px;}

/*channel lineup*/
#lineup li {list-style-type:none;font-size:90%;}
#lineup ul {margin:0;padding:0;}
.cNumber {font-weight:bold;margin-right:3px;}
.cName {margin-right:7px;}
.cPrice {}
.cListing {padding:2px;border-bottom:1px solid black;}
.cOne {float:left;border-right:1px solid black;width:287px;}
.cTwo {float:left;width:287px;}

/*business layouts*/
.bHomeLeft {float:left;width:300px;margin-top:10px;}
.bHomeRight {float:left;width:200px;margin:10px 0 0 10px;padding-bottom:5px;}
.ctcLeft {float:left;width:63px;text-align:center;}
.ctcRight {float:left;width:227px;margin-top:5px;}

.testBorder {border-bottom:1px solid #e2e2e2;margin-top:15px;}
.testImage {float:left;width:214px;}
.testBlurb {float:left;width:350px;}

.contactIconHome {float:left;width:43px;}
.contactLinkHome {float:left;width:90px;}

/*advisor*/
.articleSubImage {width:48px;border:1px solid #b0aba5;margin-right:3px;float:left;}
.articleSubText {float:left;width:200px;}
div.advisorLine {border-top:1px solid #b0aba5;padding-top:7px;}
.articleBorder {border-bottom:1px solid #b0aba5;}

/*borders*/
#rlborders {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding:5px 3px 0 3px;	background-color:#fff;margin:-3px 0 0 0 !ie;}
#surroundBorders {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:15px 3px 0 3px;background-color:#fff;width:584px;margin:-3px 0 0 0 !ie;}
.padBorders {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:15px 7px 15px 7px;background-color:#fff;width:576px;margin:-3px 0 0 0 !ie;}
.bb {border-bottom:1px solid #e2e2e2;}
.br {border-right:1px solid #e2e2e2;}
.bt {border-top:1px solid #e2e2e2;}
.bl {border-left:1px solid #e2e2e2;}
.b {border:1px solid #e2e2e2;}

/*minimum heights*/
.minHeight100 {height:111px;width:1px;float:right;}
.bump {padding-bottom:1px !ie;}
.bump2 {padding-bottom:2px !ie;}

#feature {width:582px;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.previousFeature {float:left;border-left:1px solid #e2e2e2;font-size:0.8em;}
.nextFeature {float:right;padding:0 10px 0 0;border-right:1px solid #e2e2e2;font-size:0.8em;}

#availabilityHome {width:589px;position:relative;top:-3px;height:80px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;clear:both;}
#availability {width:576px;margin:0 4px 0 4px;padding:7px 0 7px 0;position:relative;top:-3px;height:62px;border-bottom:1px solid #e2e2e2;clear:both;}
#checkAvail {float:left;width:275px;padding:10px 10px 10px 10px;}
#businessHome {width:589px;position:relative;top:-3px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;clear:both;}
.divider {float:left;width:1px;margin:10px 0 0 0;}

#availForm {float:left;width:260px;margin:0;padding:15px 0 0 10px;}

#middle {clear:both;margin-top:10px;}

.grayBoxes {float:left;width:383px;margin-right:9px;}

.clearBox {width:185px;float:left;margin:5px 5px 0 0;}

.contentBox {clear:both;border-bottom:1px solid #ccc;position:relative;overflow:auto;margin:0 10px 0 10px;padding:7px 0 7px 0;width:556px;}

.contentImage {float:left;width:200px;margin-right:5px;border: 1px solid #e1e1e1;}

.nospace {margin:0;padding:0;}

.contentImageSeventyFive {float:left;width:75px;margin-right:5px;border: 1px solid #e1e1e1;}

.contentImageNoBorder {float:left;width:200px;margin-right:5px;}

.contentBlurb {float:left;width:345px;}

.contentBlurb p {font-size:95%;}

.logo {float:left;width:150px;text-align:center;}

.description {margin:0 7px 0 7px;float:left;width:400px;}
.descriptionLong {margin:0 7px 0 7px;width:562px;}
.description a,
.descriptionLong a {font-size:100%;}

.ppvPhone {margin:10px 0 10px 0;padding:7px;border:1px solid #ccc;background-color:#e2e2e2;}

#copyright {clear:both;padding:10px 0 10px 0;font-size:85%;font-weight:700;}

.arrow {padding:0 0 1px 7px;}
.arrowBack {padding:0 7px 1px 0;}
.arrowBig {padding:5px 3px 0 0;}
.go {margin-top:8px;}
.clear {clear:both;}
.clearns {clear:both;padding:0;margin:0;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.bold {font-weight:bold;}
.floatLeft {float:left;}
.floatRight {float:right;}
.hide {display:none;}
.nospace {padding:0;margin:0;}
.relative {position:relative;}
.f90 {font-size:90%;}
.f100 {font-size:100%;}
.f110 {font-size:110%;}
.f120 {font-size:120%;}
.error {color:red;font-weight:bold;}
.errorIntro {font-weight:bold;font-size:110%;}
.errorBox {background-color:#e2e2e2;padding:7px;margin:7px 0 7px 0;width:400px;}
.qaBox {background-color:#e2e2e2;padding:10px;margin:10px 0 10px 0;}
.required {background-color:#e2e2e2;border-top:1px solid #333;padding:5px;margin:7px 0 7px 0;font-weight:bold;width:400px;}

.noborders {border:0;}
.disclaimer {font-size:85%;width:575px;}

.price {font-size:90%;padding-left:88px;margin:5px 0 5px 0;}

.learnOrder {padding-left:82px;}
.learnOrderBig {padding-left:375px;}

.intro {padding:0 9px 9px 9px;}

/*headers*/

h1,h2,h3,h4,h5,h6 {font-weight:700;}

h1 {font-size:1.3em;}

h2 {font-size:1.2em;}

h2 a {font-weight:700;color:#900;text-decoration:none;}
h2 a:hover {text-decoration:underline;}

h3 {font-size:1.1em;}

h4 {font-size:1.0em;}

.head {color:#900;margin-bottom:7px;position:relative;}

.clearBox h1,
.clearBox h2,
.clearBox h3,
.intro h2 {color:#900;}

 .promoBox h2,
 .clearBox h2 {
	margin-left:5px;
}

#availForm h3 {color:#333;margin-bottom:3px;}
#checkAvail h3 {color:#900;}

.searchBox h3 {
	font-size:14px;
	margin:0 6px 0 6px;
	color:#0175ac;
}

.promoBox .bdBlue h2,
.supportLeftBox .bdBlue h2 {color:#0175ac;}
.promoBox .bdBlue h2.head {color:#900;}
.promoBox .bdBlue h2.dark {color:#333;position:relative;margin-bottom:7px;}
.promoBox .bdGreen h2 {color:#6d961c;}
.promoBox .bdGreen h2.head {color:#900;}
.promoBox .bdGreen h2.dark {color:#333;position:relative;margin-bottom:7px;}
.promoBox .bdBlue h3 {color:#0175ac;}

/*end headers*/

/* lines */


div.line {border-top:1px solid #e2e2e2;width:93%;height:1px;text-align:left;}
div.line100 {border-top:1px solid #e2e2e2;width:100%;height:1px;text-align:left;}
div.boxLine {border-top:1px solid #e2e2e2;width:95%;height:1px;text-align:left;margin:0 7px 0 7px;}
div.lineBlue {border-top:1px solid #cad7fa;width:93%;height:1px;text-align:left;}
div.lineGreen {border-top:1px solid #d6e2be;width:93%;height:1px;text-align:left;}
div.cline {border-top:1px solid #e2e2e2;width:352px;height:1px;text-align:left;margin:5px 0 5px 0;}

.featureBox .bdBlue div.lineBlue,
.featureBox .bdGreen div.lineGreen,
.promoBox .bdGray div.line,
.clearBox div.line {margin-bottom:5px;}

.promoBox .bdWhite div.line {margin:7px 6px 7px 6px;}

.featureBox .bdBlue div.lineBlue,
.featureBox .bdGreen div.lineGreen,
.promoBox .bdBlue div.line,
.promoBox .bdGreen div.line {margin:7px 0 7px 0;}

.promoBox .bdGray div.line {margin:0 7px 0 7px;}
.promoBox .bdGrayShadow div.line {width:93%;margin:0 10px 5px 10px;}
.featureBox .bdGrayShadow div.line {width:93%;margin: 0 10px 5px 10px;}
.onDemandBox .bdGrayShadow div.line {width:96%;margin:0 10px 5px 10px;}

.normBox {position:relative;}

div.line hr,
div.line100 hr,
div.boxLine hr,
div.lineBlue hr,
div.lineGreen hr,
div.cline hr {display:none;}

/* end lines */

.channel {padding:3px;font-size:90%;background-color:#f5f8ed;border-bottom:1px solid #d6e0bb;}
.channelIo {padding:3px;font-size:90%;background-color:#f4f7ff;border-bottom:1px solid #cad7fa;}

/*movie page styles*/
.title {border-right:1px solid #e2e2e2;text-align:left;}
.category {font-size:90%;border-right:1px solid #e2e2e2;text-align:left;}
.rating {font-size:90%;border-right:1px solid #e2e2e2;text-align:left;}
.moviePrice {font-size:90%;text-align:left;}
#alsoFeatured p a {color:#0175ac;padding:0;margin:0;font-size:110%;}
#alsoFeatured {font-size:100%;}
#featuredMovie a {color:#0175ac;}
#featuredMovie {width:284px;}

/*iO International*/
#espanol_channels {margin-bottom:15px;}
#espanol_channels ul {float:left;width:33%;list-style-type:none;}
#espanol_channels ul li {font-size:95%;}

/*Online Why styles*/
.whyImage {width:93px;margin-right:5px;float:left;}
.whyText {float:left;width:171px;margin-right:5px;font-size:90%;}

/*My Account*/
.vodRank {width:40px;float:left;padding:3px;}
.vodTitle {width:220px;float:left;padding:3px;}
.vodGenre {width:100px;float:left;padding:3px;}
.vodRating {width:60px;float:left;padding:3px;}

/*sports styles*/
.sportsOrder {float:left;width:155px;}
.sportsOrder p {font-size:110%;}
.sportsLogo {float:left;width:100px;padding:7px 7px 0 13px;}
.orderArrow {float:left;width:20px;}
.orderText {float:left;font-size:120%;width:130px;}
.phoneNumber {font-weight:bold;font-size:120%;padding-top:5px;clear:both;}

/*channel list styles*/
.channelNumber {font-size:100%;font-weight:bold;float:left;margin-right:3px;}
.channelName {font-size:100%;}
.channelItem {list-style-type:none;border-bottom:1px solid #e2e2e2;margin-bottom:5px;}

/*style for main iO box text/images*/
.featurePhoto {float:left;width:80px;margin-left:5px;}
.featureText {float:left;width:189px;min-height:84px;font-size:90%;height:84px !ie;}
.advisor .featurePhoto {width:55px;}
.advisor .featureText {width:210px;min-height:59px;height:59px !ie;}

/*site index*/
#siteIndex a.main {font-size:120%;margin-top:10px;display:block;}
#siteIndex ul.primary li {margin-left:15px;margin-top:5px;list-style-type:none;font-size:100%;}
#siteIndex ul.secondary li {margin-left:15px;list-style-type:disc;font-size:11px;}
#siteIndex ul.tertiary li {margin-left:15px;list-style-type:circle;}
#siteIndex ul.quaternary li {margin-left:15px;list-style-type:square;}

/*order styles*/
.chat {background-color:#fcf6ea;border:1px solid #d7d9a7;padding:7px;margin:12px auto 10px auto;width:450px;}
.chat .icon {float:left;width:40px;}
.chat .link {float:left;margin-top:9px;font-size:100%;}

.orderLink {margin-top:12px;}
.orderLink .button {width:20px;float:left}
.orderLink .link {font-size:120%;float:left;color:#0175ac;}

/*list styles */
ul.arrows {margin:10px 0 10px 0;}
ul.arrows li {list-style-type:none;margin-bottom:7px;}
ul.quickLinks li {list-style-image: url(/images/arrows/blue.gif);margin:0 10px 6px 25px;font-size:90%;}
ul.linkList li {list-style-image: url(/images/arrows/blue.gif);margin:0 0 6px 25px;font-size:90%;}
ul.qaList li {list-style-image: url(/images/arrows/double_blue_graybg.gif);margin:0 0 6px 20px;font-size:100%;}
ul.list li {list-style-type:disc;margin-left:20px;font-size:90%;text-align:left;}
ul.advisorQa {background-color:#f0f0f0;padding:10px;}
ul.advisorQa li {list-style-image: url(/images/arrows/double_blue_graybg.gif);margin:0 0 5px 25px;}
ul.listSpace li {list-style-type:disc;margin-left:25px;font-size:100%;padding:5px 5px 5px 0;}
ul.circle li {list-style-type:circle;margin-left:25px;font-size:100%;padding:5px 5px 5px 0;}
ol.listSpace {margin-bottom:12px;}
ol.listSpace li {margin-left:25px;font-size:100%;padding:5px 5px 5px 0;}
ol.num li {list-style-type:decimal;margin:6px 0 6px 29px;}
ol.ua li {list-style-type:upper-alpha;margin:6px 0 6px 29px;}

ul.footer li a {font-size:95%;}
ul.boxes,
ul.fBoxes {padding:10px 0 10px 0;}

ul.boxes li,
ul.footer li,
ul.fBoxes li,
ul.horizontal li {display:inline;float:left;list-style-type:none;}
ul.boxes li {margin-right:9px;width:191px;}
ul.footer li {width:148px;}

/* customer support */
.phoneLeft {width:250px;float:left;font-size:90%;padding-bottom:5px;}
.phoneRight {width:100px;float:right;font-size:90%;margin-right:3px;padding-bottom:5px;}
.cuIcon {width:30px;margin-right:3px;float:left;}
.cuLink {padding-top:7px;}
#english {display:none;}
#espanolUG {display:none;}

/*OV Features*/
.callingFeature {clear:both;padding:5px;}
.callingFeatureGray {clear:both;padding:5px;background-color:#e2e2e2;position:relative;width:285px;}
.featureTitle {width:150px;float:left;}
.viewDemo {width:100px;float:right;}

/*rate card*/
.rateHead {background-color:#cad7fa;padding:5px;clear:both;}
.rateRow {padding:5px;border-bottom:1px solid #e2e2e2;width:560px;clear:both;}
.rateRowNoBorder {padding:5px;clear:both;}
.services {float:left;width:355px;}
.intServices {float:left;width:300px;}
.servicesOrder {float:left;width:355px;margin-top:5px;}
.rates {float:left;width:110px;margin-top:5px;}
.intRate {float:right;width:210px;}

.intRate {margin-top:0 !ie;}
.intServices {margin-top:0 !ie;}

/*bubble*/

#bubble_tooltip{
	width:200px;
	position:absolute;
	display:none;
	z-index:25;
}
#bubble_tooltip .bubble_top{
	background-image: url('/images/bubble_top.gif');
	background-repeat:no-repeat;
	height:14px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('/images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:10px;
	padding-right:10px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-5px;
	font-family: arial,verdana,helvetica, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('/images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:28px;
	position:relative;
	top:-6px;
}

/*pc mag*/
.pcMagRibbon {position:absolute;top:14px;left:500px;z-index:25;}

*html .pcMagRibbon {position:absolute;top:14px;left:210px;z-index:25;}

/*links*/

a.green {color:#6d961c;font-size:90%;}

a.blue {color:#0175ac;padding:0;margin:0;}

a {font-size:100%;color:#0175ac;font-weight:700;text-decoration:none;}

a.whats_this {font-size:90%;}

a:hover {text-decoration:underline;}

.smallBlue	{
	font-size:0.9em;
	color:#0175ac;
	font-weight:600;
	text-decoration:none;
}

.smallBlue:hover {
	text-decoration:underline;
}


.billExp {font-size:12px; padding:7px; background-color:#ff9999; visibility:hidden; display:none; width:250px;}