/*----------------------------------------------
------    HTML Tag Styles (General)    ---------
----------------------------------------------*/

body {	
	margin: 2px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
a{
	font-size: 11px;	
	text-decoration: none;
}
a:hover{
	font-size: 11px;	
	text-decoration: underline;
}
p {
	color:black;
}
/*-- LINE SPACING --*/
#installTable td, #installTable p, #installTable li, #contentBody td, #contentBody p, #contentBody li, 
#sideBoxContentTD, #textHeaderTD, #textContent2cL, #textContent2cR, #bulletHeadTD  {
	line-height: 18px;
}

#contentBody p {
	width: 460px;
}



/*----------------------------------------------
--------------    Main(Home)Page    ------------
             Styled from Top to Bottom
----------------------------------------------*/

/* This is the table that holds everything (Outermost table)*/
#master{
	align: center;
	height: 100%;
}

/*This table holds all center content (2nd TD of master table)*/
#mainCenter{
	width: 744px;
	text-align: left;
	vertical-align: top;
}



/*Top most table contains utility nav (portal, webmail, shopping,..)*/
.utilityBar{
	font-size: 11px;	
	height: 15px;
}
/*Left TD of utility table */
#utilLeft{
	text-align: right;
	width: 144px;
}
/*Right TD of utility table  */
#utilRight{
	text-align: right;
	width: 600px;
	vertical-align: top;
}
/* ----------- Utility Icons -------------------*/
#icon01{
	vertical-align: bottom;
}
/*Header Table contains the header image */
#header {		
	height: 54px;
	clear: both;
}
img#headerLink{ /* dimensions = clickable area for top left logo */
	width: 140px;
	height: 54px;
}
#headerLeft {
	float:left;
}
/* language flags */
#headerRight {
	float:right;
}
#headerRight img {
	margin: 18px 2px 15px 2px; 
}
#headerRight a img {
	border: solid 1px white;
}
#headerRight a:hover img {
	border: solid 1px black;
}


/*-------------- Nav Buttons ------------------*/

/*Table containing 5 columns (TDs) for the buttons. Each Button is ID'd Example: #button01, #button02*/

.navButtons{
	height: 24px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold;	
	margin-left: 15px;
	text-align: left;
}

.navBreak{   
	height: 24px;
	width: 1;	
	padding: 0 13px 0 13px;	
	background-position: center;
	background-repeat: no-repeat;	
 }
.voiceAccountLink {
	font-weight: bold;
	margin-right: 10px;
	text-align: right;
}

/*------------------------------- */
.spacer{
	height: 10px;
}

html>body .spacer{
	margin: 6px 0 0 0;
	width: 1px;
}
#footerSpacer {
	margin: 10px 0 0 0;
}
html>body #footerSpacer {
	margin: -2px 0 0 0;
}

/*Table Containing the BIG main flash file*/
.mainFlash{
	height: 270px;
	width: 100%;
}
/*Table below middle spacer(#spacerMid) on the 
mainpage Contains Feature, Tour, and Rates TDs */
#mainBottom{
	width: 100%;
	height: 130px;
}
/*Left TD of mainBottom table */
#mainBotL{
	vertical-align: top;
	height: 130px;
	width: 265px;
}
/*Center TD of mainBottom table */
#mainBotC{
	vertical-align: top;
	height: 130px;
	width: 214px;
}
/*Right TD of mainBottom table */
#mainBotR{
	vertical-align: top;
	height: 130px;
	width: 265px;
}
/*Footer Table */
.footer{
	height: 24px;
	width: 744px;	
}

/*Copyright Table */
.copyright{
	width: 744px;
	height: 20px;
	font-size: 10px;	
}
#copyrightL{
	/*padding-left: 10px;*/
	width: 350px;
	font-size: 10px;
}
#copyrightL a{
	font-size: 10px;
}
#copyrightR{
	width: 394px;
	font-size: 10px;
	text-align: right;
}

/*----------------------------------------------
--------------    Sub Pages    -----------------
----------------------------------------------*/
/*The Main Subpage table that holds content TABLES 
on the left and ads/flash/2ndary nav TABLES on the right  */
.subMain{
	vertical-align: top;
	height: 400px;
	width: 100%;
}
/*Left TD of subMain */
#subMainL{
	vertical-align: top;
	width: 744px;
}
/*Right TD of subMain */
#subMainR{
	vertical-align: top;
	width: 234px;
}
#subMainSingleTD{
	vertical-align: top;
}

/*-------- Left Side of Sub Page --------- */

/*NOTE: All spacer tables are tied to .spacer style 
BUT all spacers have IDs to allow for text formatting 
and layout tweaks. Examples: 
#spacerContentSub1,#spacerContentSub2,#spacerContentSub3

/*Table that hold the Content Includes use this for 
formatting text/alignment/spacing for all content pages*/
.content{
	width: 100%;
	height: 300px;
}
/*ID Control of Content Table's TD */
#contentTD{	
	vertical-align: top;
	text-align: center;
}
/*This is where the "Selected Page" Header text is displayed. Example: Features*/
.contentHead{	
	height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;	
}
#contentHeadTD{
	padding-left: 10px;
	text-align: left;
}
/*This is where the "Selected Page" Body text is displayed. 
This table created to allow width scaling so text does not hung the edges */
.contentBody{
	width: 100%;
	height: 200px;
}
/*ID Control of contentBody Table's TD*/
#contentBodyTD{
	vertical-align: top;
	margin: 0;
	padding: 0;
	text-align: left;
}
/*This is the header for the text details of the section. Example: 3-Way calling */
#textHeader{
	height: 22px;	
}
.textHeader{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	padding-left: 20px;
	padding-bottom:5px;
	margin-top: 5px;	
}

html>body .textHeader{	
	margin-top: -4px;
	margin-left: 3px;
}

html>body #textHeaderTD{		
	margin-left: -10px !important;
}

/*This is the text details of the section. Example: paragraph about 3-Way calling */
#textContent{
	height: 40px;
	vertical-align: top;	
}
/*ID Control of textContent Table's TD*/
.textContent {
	padding-left: 8px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.faqTextContent {
	padding-left: 8px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	padding-bottom: 20px;
}
#textCommentTD{
	padding-left: 6px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	font-weight: bold;
}
#textContent2cL{
	padding-left: 0px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	width: 165px;
}

#textContent2cR{
	padding-left: 8px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#textContentTD a{	
	font-weight: bold;
}
.productFeature, .webmailFeature {
	padding: 5px 20px 5px 20px;	
}
.webmailFeature a, .webmailFeature b {	
	font-weight: bold;
}
.smallPrint {
	font-size: 10px;	
}

.smallPrint a, .smallPrint a:hover {
	font-size: 10px;	
	font-weight:bold;
}
/*Use this if you are noting something on the site */
#noteTD{
	font-family: Verdana, Arial, Helvetica, sans-fserif;
	font-size: 9px;	
}
 /* Spacer table between contentHead and contentBody */
 
#spacerContentSub1{
	height: 6px;
}
#spacerContentSub2{
	height: 6px;
	/*background-image: url(../images/spacerContentSub2-bg.gif);
	background-repeat: no-repeat;*/
}
.contentSpacer{
	height: 10px;
}
#spacerTop {
	height: 13px;
}
html>body #spacerTop {
	height: 0;
}
.titleSpacer {
	height: 6px;	
}
#spacerContentSub4{
	height: 6px;
}
/*-------- Right Side of Sub Page --------- */

.sideHeader{
	height: 35px;
	width: 234px;
}
.sideFAQ{
	width: 220px;
	vertical-align: top;
}
#sideFAQTD{
	text-align: center;
}
.sideBoxHeader{
	width: 220px;
	background-image: url(../images/sideBoxHead-BG.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	height: 29px;
}
#sideBoxHeaderTD{
	padding-left: 10px;
}
.sideBoxBody{	
	width: 220px;
	height: 50px;
}
#sideBoxBodyTD{
	text-align:center;
	vertical-align: top;
}
.sideBoxContent{
	width: 170px;
}
#sideBoxContentTD{	
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#sideBoxContentTD a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#sideBoxContentTD a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.sideBoxBottom{
	width: 220px;	
	height: 24px;
}
#spacerSideBox01{
	height: 20px;
}
#spacerBoxContent{	
	height: 8px;
}
#sideBoxMoreTD, #sideBoxMoreTD a, #sideBoxMore a:hover{
	vertical-align: middle;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	line-height: 24px;
}
.bullets{
	width: 230px;
	vertical-align: top;
}
.bulletsWide{
	width: 410px;
	vertical-align: top;
}
#bulletTextTD2{
	width: 400px;
	padding-left: 2px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
#bulletTD{
	width: 10px;
	vertical-align: top;	
}
#bulletHeadTD{
	padding-left: 8px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold;
	height: 18px;
}
#bulletTextTD{
	width: 220px;
	padding-left: 2px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#spacerbulletTop{
	height: 25px;
}
#spacerbullet{
	height: 3px;
}

/* ---------------- FAQ's ------------------------*/

.faqTopic {	
	padding-left: 12px;	
	margin-bottom: -5px;
	background-color: #eee;	
}

html>body .faqTopic {	
	padding-left: 5px;	
	margin-bottom: -5px;	
}

.faqTextHeader{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;	
	padding-left: 0px;
	padding-bottom:5px;
	border-bottom: dashed 1px gray;
	margin-top: -18px;	
}

html>body .faqTextHeader{		
	padding-left: 18px !important;	
}
 
/*This is the text details of the section. Example: paragraph about 3-Way calling */
#textContent{
	height: 40px;
}
/*ID Control of textContent Table's TD*/
.faqTextContent {
	padding-left: 18px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	padding-bottom: 20px;
}
.contentSpacer{
	height: 10px;
}
.titleSpacer {
	height: 6px;
}
.sideFAQ{
	width: 234px;
	vertical-align: top;
}
#sideFAQTD{
	text-align: center;
}

.faqQuestions {	
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: normal;	
	vertical-align: text-top;
	margin: 0;
}
.faqQuestions li {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;		
	margin: 0;
	padding: 0;
}

a.anchorlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;		
}

.faqQuestions a, .faqQuestions a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: normal;	
	width: 460px;
	vertical-align: top;
	padding-bottom: 3px;
	margin-top: -3px;
}

#QA {
	list-style-position: inside;
   margin-left: -20px;		
	list-style-image: none;
}

#QA ol{     	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;					
}

#QA li a{     	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;		
	padding-left: 5px;		
}

.faqAnswerR, .faqAnswerR a{	
	vertical-align: top;	
	text-align: right;
	font-size: 11px;
	padding: 1px 0 0 0;
	margin-top: -8px;
	float: right;		
}

.faqAnswerL, .faqAnswerL a{
	padding-left: 20px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold;		
}
a.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold;
}
.answerHeading {
	width: 460px;
}
.underQ {
	width: 460px;
}


/* adds link styling to plans page */
a.planTitle, a.planTitle:hover { 
	font-family:  Arial, Helvetica, sans-serif, Verdana,;
	font-size: 14px;
	font-weight: bold;	
	text-transform: uppercase;
}
.planbox {
	line-height: normal !important;
	padding: 0 10px 0 10px;
}
/*---------- PRODUCTS ------------*/
.price{
	width: 250;
	padding-left: 2px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#price1L{
	width: 80px;
	padding-left: 2px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold;
}
#price1R{
	width: 170px;
	padding-left: 2px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: line-through;
}
#price2L{
	width: 80px;
	padding-left: 2px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold;
}
#price2R{
	width: 170px;
	padding-left: 2px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}
/*-------- RATES --------------*/
table#ratesTable {
	border-collapse: collapse;
	border: solid 1px #bebebe;
}
#ratesTableHeader td{
	font-weight:bold;
	color:black;	
}
.ratesCol1 {
 	font-weight: bold; 	
}
.col1Title {
	font-weight: bold; 	
}
.ratesCol2 {
 	font-weight: bold; 	
}
.col2Title {
	font-weight: bold; 	
}

.boldrate {
	font-weight: bold;
	color: #8f9f00;
	
}

/*-------- DID YOU KNOW side Box ----- */
.sideBoxDYK{
	width: 170px;
}
#sideBoxDYK1{
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	line-height: 18px;
}
#sideBoxDYK2{
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	line-height: 18px;
}

/* -- classes added by VH 9/21/2005 -- */


.defaultTitle { /* used for any formatting of titles in copy */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight: bold;
}
td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

ul li {
list-style-image: url(../images/bulletLI.gif);
color: black;
}

ol.install li {
list-style-image: none;
}

.notice {
	color:red;
	font-weight:bold
}

.hide {
	display: none;
}
.hideQ {
	display: none;
}
#intPrice {
	display: none;
}
.dlhide /* hides PDF download link */
{
		display: none;
}