body {background: #fff url("") repeat-x; font-family: Arial, sans-serif; font-size: 100%; color: #333;}

#main {width: 964px; margin: auto;}
#masthead {width:800px; height: 70px; margin: auto;}

/* =masthead logo */
#logo {display: block; float: center;}
#tagline {display: block; float: center;}

/* =masthead navigation */
#masthead ul#sectionNav {margin-top: 2px;}
#masthead ul {margin: 0; padding: 0 0 6px; list-style-type: none; float: right; clear: right;}
#masthead li {display: inline; padding: 0 0 6px; white-space: nowrap;}
#masthead li.current {background: url("../Images/arrowMastheadSelected.gif") no-repeat bottom center;}
#masthead li.first a {border-left: none;}
#masthead li a {font-size: 0.8em; color: #fff; text-decoration: none; line-height: 1;  padding: 0 11px; border-left: 1px solid #838383;}
#masthead li.current a {color: #fff; font-weight: bold;}

#topnav {width: 964px; height: 64px; margin: 0 auto 19px; position: relative; background: url("../Images/topBarBottom.gif") no-repeat bottom;}
#topnav ul {list-style-type: none; margin: 0; padding: 0;}

/* =topnav tabs */
#topnav li {height: 23px; width: 120px; text-align: center; float: left; background: url("../Images/tabTopInactive.gif") no-repeat; margin-right: 2px; padding-top: 3px;}
#topnav li a {display: block; background-color: #e8e8e8;color: #09e; text-decoration: none; font-size: 1em; font-weight: bold; line-height: 1.5;}
#topnav li.current {background: url("../Images/tabTopActive.gif") no-repeat;}
#topnav li.current a {background-color: #fff; color: #01347A;}

/* =topnav bar */
#topnav li ul {display: none;}
#topnav li.current ul {display: block; background: #fff url("/static/Images/Layout/TopNavigation/gradientTopMenu.gif") repeat-x bottom; position: absolute; width: 954px; height: 24px; left: 0; top: 26px; padding: 9px 5px 3px;}
#topnav li ul li {background: transparent; display: inline; border-left: 1px solid #8a8a8a; padding: 0px 13px 6px; margin: 0; width: auto; height: 16px;}
#topnav li ul li.first {border-left: none;}
#topnav li.current ul li a {display: inline; font-size: 0.75em; background-color: transparent; color: #09e;}
#topnav li.current ul li.current a {color: #cc0000;}
#topnav li ul li a:hover {text-decoration: underline;}

#topnav form {position: absolute; top: 0; right: 15px; color: #fff; font-size: 0.8em;}
#topnav label {color: #fff; margin: 0 1em;}
#q {border: 1px solid #9c9c9c; width: 97px;}

/* full-width content */
#content {width: 930px; margin: 0 auto 3em; font-size: 0.8em;}

/* =footer */
#footer {clear: both; text-align: center; font-size: 0.75em;}
#footer #cta {color: #bababa; font-size: 1.8em;}
#footer ul {margin: 1em 0; padding: 0; list-style-type: none; }
#footer li {display: inline; padding: 0 11px; border-right: 1px solid #838383;}
#footer li.last {border-right: none; padding-right: 0;}
#footer li a {color: #14b4f4; text-decoration: none; line-height: 1;}
#footer li.current a {color: #fff;}

/* Global text styles */
h1 {font-size: 1.75em; color: #b1b1b1; margin: 0 0 0.25em;}
h2 {font-size: 1.2em; color: #c00; margin: 0 0 0.25em;}
h3 {font-size: 1.1em; color: #c00; margin: 0 0 0.25em;}

h1.bbtv {font-size: 1.75em; color: #c00; margin: 0 0 0.25em;}
h2.bbtv {font-size: 1.5em; color: #c00; margin: 0 0 0.25em;}
h3.bbtv {font-size: 1.1em; color: #666; margin: 0 0 0.25em;}

h1.signup {font-size: 1.4em; color: #b1b1b1; margin: 0 0 0.25em;text-align: center;}

h1 a {color: #b1b1b1;}
h2 a, h3 a {color: #c00;}
a {color: #09e; text-decoration: none;}
a:hover {text-decoration: underline;}
table {border-collapse: collapse; empty-cells: show;}
td {vertical-align: top;}
p {margin: 0 0 1em;}
.disclaimer {font-size: 0.85em;}
.flashheader {margin-bottom: 20px;}

/* Links with arrows */
.targetlink a, a.targetlink {padding-left: 10px; background: url("/static/Images/Layout/Content/arrowTargetLink.gif") no-repeat 0 0.25em;}
.backlink a, a.backlink {padding-left: 10px; background: url("/static/Images/Layout/Content/arrowBackLink.gif") no-repeat 0 0.25em;}
.uplink a, a.uplink {padding-left: 10px;background: url("/static/Images/Layout/Content/arrowUp.gif") no-repeat 0 0.25em;}

ul.toc, .toc ul {list-style-type: none;}
img.cybertrust {float: right;border: 0;}
hr.divider {height: 1px;color: #666;background-color: #666;border: none;}

/**********************
page body - white background
***********************/
.body {background: url("/static/Images/Layout/Content/bodyWideTopWhite.gif") no-repeat; padding-top: 5px;}
.body .inside {background-color: #fff; padding: 12px 20px;}
.body .inside .error h1 {font-size: 1.75em; color: #c00; margin: 0 0 0.25em;}

/**********************
page body - gray background
***********************/
.info {background: url("/static/Images/Layout/Content/bodyWideTopGray.gif") no-repeat; padding-top: 5px;}
.info .inside {background: #f7f7f7 url("/static/Images/Layout/Content/bodyWideTopGray.gif") no-repeat bottom; padding: 12px 20px;}

.body .disclaimer {margin: 20px; font-size: 0.9em;}
.body .callout .disclaimer {margin: 0; font-size: 0.85em;}

/* =callout may be either a floated div or a table cell */
.body .callout {background: white url("/static/Images/Layout/Content/calloutGradient.jpg") repeat-x top; border-left: 1px solid #cacaca; padding: 20px;}
.body div.callout {float:right; width: 215px;  margin-left: 20px;}
.body .callout strong {color: #c00; font-size: 1.2em;}

.body .details {padding: 1em;}
.body .plan  td {padding: 0; border-bottom : 1px solid #cccccc;}
.body ul.shoplist, .body .shoplist ul {margin:0; padding:0}
.body .shoplist li { margin-left:1.25em; padding:0;}

.body ul.voice { margin:0;padding:0 }
.body .voice li { margin-left:1.25em; padding-bottom:15px;}

.body .shoplist { margin:15px; }
.body h2.title { margin:0 0 15px 0; }
.features h3.title { margin:0 0 15px 0; }

ul.discrete li {margin-bottom: 1em;}

/**********************
=productlist - vertical rows of descriptions (should be nested inside .body element)
***********************/
ul.productlist {margin: 0 -15px; padding: 0; list-style-type: none;}
.productlist li {border-top: 1px solid #d5d5d5; margin: 0; padding: 22px 30px; position: relative;}
.productlist li.bottom {border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5; padding: 22px 30px; position: relative;}
ul.graphic.productlist li, ul.productlist li.graphic {padding-left:160px; width:490px; margin: 0px 0px 20px 0px;}
ul.graphic.productlist img.figure, ul.productlist li.graphic img.figure {position: absolute; left:30px; top: 22px;}

ul.productlist ul {margin: 0; padding: 0 0 0 1em;}
ul.productlist li li, ul.graphic.productlist li li {width: auto; border: none; padding: 0; margin: 0; list-style-type: disc;}

/**********************
=productinfo - product detail page, with large product image
***********************/
.productinfo {background: url("/static/Images/Layout/Content/infoBorderedTop.gif") no-repeat; padding-top: 8px;}
.productinfo .outside {background: url("/static/Images/Layout/Content/infoBorderedBottom.gif") no-repeat bottom; padding-bottom: 8px;}
.productinfo .inside {background-color: #f7f7f7; border:solid #d9d9d9; border-width: 0 1px; padding: 2px 0px; overflow: auto; width: 688px;}

.productinfo .details {padding: 8px; float: left; width: 470px; border-right: 1px solid #cacaca; }
.productinfo .details h2 {margin: 0 20px;}
.productinfo .details img.figure {display: block; margin-bottom: 1em;}
.productinfo .details div.figure {margin-bottom: 1em; padding: 30px; background-color: #fff;}
.productinfo .details div.figure h1 {font-size: 1.85em;}
.productinfo .details ul {padding-left: 2em;}
.productinfo .details li {color: #333; font-size: 0.9em; padding: 0;}
.productinfo .callout {float: right; width: 170px; padding: 40px 15px;}
.productinfo .disclaimer {font-size: 0.85em;}

/*********************
=featurelist - vertical rows of descriptions in discrete containers
*********************/
.featurelist {margin-bottom: 10px; background: url("/static/Images/Layout/Content/featureListTop.gif") no-repeat; padding-top: 6px;}
.featurelist .outside {background: url("/static/Images/Layout/Content/featureListBottom.gif") no-repeat bottom; padding-bottom: 6px;}
.featurelist .inside {background: #fff url("/static/Images/Layout/Content/featureListCallout.gif") repeat-x; border:solid #d9d9d9; border-width: 0 1px; width: 688px; overflow: auto;}

.featurelist .details {float: left; width: 475px; background-color: #f7f7f7; border-right: 1px solid #cacaca;}
.featurelist .figure {float: left; margin: 3px 10px;}
.featurelist .features {float: left; padding: 12px 10px; width: 250px;}
.featurelist .callout {width: 185px; padding: 12px 10px; float: right;}

.featurelist ul {margin: 0.5em 0; padding-left: 1.5em;}
.featurelist li {margin: 0; padding: 0;}

.featurehead {background: url("/static/Images/Layout/Content/bodyTopWhite.gif") no-repeat; padding-top: 5px;}
.featurehead .inside {background-color: #fff; padding: 0;}
.featurehead .headline {padding: 20px 20px; font-size: 0.8em;}

/***********************
=featurelist =plain -- same as above, but without price callout on the right
**********************/
.featurelist.plain {background-image:url("/static/Images/Layout/Content/infoBorderedTop.gif");padding-bottom:25px}
.featurelist.plain .outside {background-image:url("/static/Images/Layout/Content/infoBorderedBottom.gif")}
.featurelist.plain .inside {background-image: none; background-color: #f7f7f7;}
.featurelist.plain .details {width: 688px; border: none;}
.featurelist.plain .features {width: 485px;}

/**********************
=linkbar related links - blue bar across top of content area
***********************/
div.linkbar {background: transparent url("/static/Images/Layout/Content/linkBarTop.gif") no-repeat; padding-top: 5px; margin-bottom: 28px;}
div.linkbar .inside {background: transparent url("/static/Images/Layout/Content/linkBarBottom.gif") no-repeat bottom; padding-bottom: 5px;}
div.linkbar ul, div.linkbar .inside div {background-color: #083e85; margin: 0; padding: 0 20px; color: #fff;}
div.linkbar ul {text-align: right;}
div.linkbar li {display: inline; list-style-type: none; }
div.linkbar a {padding-left: 10px; padding-right: 10px; background: url("/static/Images/Layout/Content/arrowLinkBar.gif") no-repeat 1px 4px; color: #fff;}
div.linkbar a.backlink {background-image: url("/static/Images/Layout/Content/arrowLinkBarBack.gif")}

/**********************
=columns - horizontal columns (4) 
***********************/
.columns {overflow: auto; width: 100%;}
.columns .col {width: 160px; margin-right: 15px; float: left; display: inline;}
.columns ul.col {margin: 0 15px 0 0;}
.columns .col img.graphic {display: block;}
.columns .col div {border-right: 1px solid #cacaca; border-left: 1px solid #cacaca;  padding: 15px 10px; background-color: #f7f7f7;}
.columns .col div.action {background-color: #d3f2fc;}
.columns .last {margin-right: 0;}

/**********************
=menuitem Landing page with three columns
***********************/
.columns .menuitem {width: 215px; margin: 0 7px; float: left; display: inline; background: url("/static/Images/Layout/Content/landingMenuBottom.gif") no-repeat bottom; padding-bottom: 5px;}
.columns .menuitem img.graphic {display: block;}
.columns .menuitem div {border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;  padding: 15px 18px 12px 18px; background-color: #f4f4f4;
	height: 150px; /* lines up bottom border of all columns. Pages may need to override this attribute in their head style block. */
}
.menuitem h2  {margin-bottom: 8px;}
.menuitem h2 a {color: #c00; font-size: 1.2em; font-weight: normal;}
.menuitem h2 a:hover {text-decoration: none;}
.menuitem h2 span {font-size: 0.9em; line-height: 1.25; display: block;}

/**********************
=columns - horizontal columns (4), full screen 
***********************/
.columns.four {margin-top: 20px;}
.columns.four .col {width: 224px; margin: 0 10px 10px 0;}
.columns.four .last {margin-right: 0;}

/**********************
=columns - horizontal columns (3), full screen 
***********************/
.columns.three {margin-top: 15px;}
.columns.three .col {width: 302px; margin: 0 10px 0px 0;}
.columns.three .last {margin-right: 0;}
.columns.three .col.text {width: 197px; height: 100px; padding: 25px 20px 10px 85px; position: relative; background: transparent url("/static/Images/Layout/Content/colThreeBg.jpg") no-repeat bottom;}
.columns.three .col.text.only {padding-left: 20px; width: 262px;}
.columns.three .col.text img.graphic {position: absolute; left: 0; bottom: 0;}
.columns.three .col.text h2 {font-size: 1.6em;}
.columns.three p {margin: 0.25em 0;}

/**********************
=columns - About US horizontal columns (3), full screen 
***********************/
.columns.aboutUsthree {margin-top: 15px;}
.columns.aboutUsthree .col {width: 302px; margin: 0 10px 20px 0;}
.columns.aboutUsthree .last {margin-right: 0;}
.columns.aboutUsthree .col.text {width: 250px; height: 90px; padding: 25px 20px 20px 33px; position: relative; background: transparent url("/static/Images/Layout/Content/colThreeBg.jpg") no-repeat bottom;}
.columns.aboutUsthree .col.text.only {padding-left: 20px; width: 500px;}
.columns.aboutUsthree .col.text img.graphic {position: absolute; left: 0; bottom: 0;}
.columns.aboutUsthree .col.text h2 {font-size: 1.6em;}
.columns.aboutUsthree p {margin: 0.25em 0;}

/***********************
=tabbed content - content block
***********************/
.tabbed {background: url("/static/Images/Layout/Content/bodyBorderedBottom.gif") no-repeat bottom; padding:31px 0 5px; position: relative;}
.tabbed .inside {border:solid #d9d9d9; border-width: 1px 1px 0; background-color: white; display: none;}
.tabbed div.inside {padding: 20px;}
.tabbed table.inside td {padding: 20px;}
.tabbed td.callout {background: url("/static/Images/Layout/Content/featureListCallout.gif") repeat-x top; border-left: 1px solid #d9d9d9;}
.tabbed table.active {display: block;}
.tabbed div.active {display: block;}

/***********************
=tabbed content - the tabs themselves
***********************/
.tabbed ul.tabs {position: absolute; top: 0; left: 0; list-style-type: none; margin:0; padding: 0;}
.tabbed ul.tabs li {float: left; margin: 1px 3px 0 0; padding: 0; background:url("/Images/bodyTabInactiveRight.gif") no-repeat right top; height: 30px; padding-right: 6px;}
.tabbed ul.tabs a {display: block; padding: 8px; line-height: 1; float: left;
	height:14px; background: url("/Images/bodyTabInactiveLeft.gif") no-repeat; padding-left:25px;}
.tabbed ul.tabs li.active {height: 32px; margin-top: 0; background: url("/Images/bodyTabActiveRight.gif") no-repeat right top;}
.tabbed ul.tabs li.active a {height: 16px; background: url("/Images/bodyTabActiveLeft.gif") no-repeat; padding-left: 32px; color: #c00;}

.tabbed ul.shoplist { margin:0;padding:0 }
.tabbed .shoplist li { margin-left:1.25em;padding:0; }

/***********************
=button span+link
***********************/
span.button {display: block; height:24px; padding-left: 24px; margin: 0.5em 0; background: url("/static/Images/Layout/Content/btnBackLeft.gif") no-repeat left top;}
span.button a {float: left; height: 24px; padding-right: 10px; background: url("/static/Images/Layout/Content/btnBackRight.gif") no-repeat right top;
color: #003881; text-decoration: none; font-size: 13px; line-height: 24px;}

/**********************
Legal/legalStatements - css
***********************/
ol.legal li {padding-top: 0.75em;}

/**********************
High-Speed Internet (HSI)
***********************/
.hsiHeader    {background: #01A0E2; color: #fff; font-weight: bold; font-size: 1.5em; text-align: center; width: 670px; padding: 10px;}

.hsiBoxes     {clear: both;}
.hsiBox1      {float: left; clear: both; width: 660px; background-color: #d1dae9; padding: 15px;}
.hsiBox2      {float: left; clear: both; width: 660px; background-color: #f5f5f5; padding: 15px;}
.hsiLeft      {float: left; width: 120px; padding: 0 1em 0 1em;}
.hsiMiddle    {float: left; width: 335px; padding: 0 1em 0 1em; border-right: 1px solid #79B;}
.hsiRight     {float: left; width: 120px; padding: 0 1em 0 1em;}

.hsiMiddle ul {padding-top: 0; margin-top: 0;}
.hsiLeft img  {padding-top: 1em;}

.hsiBottom    {float: left; clear: both; width: 100%; padding-top: 1em;}

.hsiHighlight {color: #c00;}

.hsiCall      {float: left; clear: both; padding-top: 1em; margin-top: 1em; border-top: 1px solid #79B;}