/* TelePacific4 */


/* in flow css
#divOuter       { position: relative; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; }
DIV.LeftNav        { background-color: #FFFFFF; width: 170px; height: 100%; }
#divBottomLeftNav  { position: relative; left: 15px; width: 170px; padding-top: 15px; }
*/

/* MAIN STRUCTURAL ELEMENTS */
DIV.TopDivLoggedOut { 
   position: absolute; top: 0; left: 0;
   width: 760px; height: 485px; text-align: left; background-color: #FFFFFF; 
}
DIV.TopDivLoggedIn { 
   position: absolute; top: 0; left: 0;
   width: 760px; height: 485px; text-align: left; background-color: #FFFFFF; 
}


DIV.RightSideLoggedIn  {
   position: absolute; top: 85px; left: 170px;
   width: 590px; height: 650px; background-color: #FFFFFF;
}

DIV.RightSideLoggedOut  {
   position: absolute; top: 85px; left: 170px;
   width: 590px; height: 400px; background-color: #FFFFFF;
}


/* LEFT NAV */
DIV.LeftSideLoggedIn {
   position: absolute; top: 0; left: 0; margin: 0;  width: 170px; height: 735px; float: left; 
}
DIV.LeftSideLoggedOut {
   position: absolute; top: 0; left: 0; margin: 0;  width: 170px; height: 485px; float: left; 
}
DIV.UserArea       { width: 170px; height: 22px; vertical-align: middle; text-align: left; background-color: #FFFFFF; }
DIV.FirstUserArea  { padding: 13px 0 6px 0; height: 16px; } /* Mac IE has trouble with this style */
DIV.LastUserArea   { padding-bottom: 7px; border-bottom: 2px solid white; }
DIV.LogoTopLeft    { 
   height: 64px; width: 170px; padding: 0; margin: 0; 
   border-bottom: 2px solid white; vertical-align: top; 
   background: url(../../Images/TelePacific4/nav_logo_170x64.gif) no-repeat top left;
}

#divTopLeftNavLoginLink { padding: 13px 0 6px 0; height: 16px; }
DIV.LeftNavBottom  { background-color: #FFFFFF; height: 53px; vertical-align: top; }

#FAQLink      { }


/* TOP NAV */
DIV.TopNav         { position: absolute; top: 0; left: 170px; width: 590px; height: 85px; }
TABLE.TopNav       { width: 590px; height: 85px; }
TD.ButtonBarTop    { width: 590px; height: 25px; vertical-align: top; }
TD.ButtonBarBottom { width: 590px; height: 60px; vertical-align: top; }
TD.TNEdge          { width: 32px; height: 60px; text-align: left; vertical-align: top; }
TD.TNButton        { width: 67px; height: 60px; text-align: left; vertical-align: top; }

/* ROLLOVERS */
DIV.TNDropOff      { display: none; }
DIV.TNDropOn       { display: none; }
DIV.AccountOver    { display: none; }




/* COPYRIGHT */
DIV.LoggedInCopyright  {
   position: absolute; top: 735px; left: 0px; width: 760px; height: 40px;  float: left; padding: 12px 0 0 0; 
}
DIV.LoggedOutCopyright  {
   position: absolute; top: 485px; left: 0px; width: 760px; height: 40px;  float: left; padding: 12px 0 0 0; 
}
SPAN.Copyright { margin-left: 15px; color: #FFFFFF; }



P { color: #000000; }

SPAN.Welcome           { color: #384C75; font-weight: bold; }
DIV.DivWhatsNew { width: 540px; height: 24px; text-align: left; margin-top: 12px; padding: 0; }
P.Introduction1 { margin-top: 12px; } 
DIV.DivUseTelephone { position: relative; margin: 27px 0 30px 0; padding-left: 20px; }
DIV.DivNewFeatures  { width: 540px; text-align: left; padding-left: 10px; padding-bottom: 0; margin-right: 18px; margin-bottom: 0; }
DIV.MidwaySectionBreak { width: 550px; height: 14px; text-align: left; margin: 0; padding: 0; color: #B9AA89; border-bottom: 1px dashed #B9AA89; }


DIV.HomeText           { position: relative; top: 0px; left: 20px; width:550px; height: 75px; text-align: left; background-color: #FFFFFF; font-weight: normal; }
DIV.HomeMainTitle      { position: absolute; top: 0px; left: 28px; }
DIV.HomeMainSubtitle   { position: absolute; top: 35px; left: 104px; }
SPAN.HomeMainTitle     { color: #385C75; font-size: 27px; }
SPAN.HomeMainSubtitle  { color: #385C75; font-size: 13px; }

span.ProductName       { color: #FFFFFF; font-weight: bold; font-size: 11px; }
A.ProductName          { color: #FFFFFF; font-weight: normal; font-size: 11px; }
A.ProductName:hover    { color: #FFFFFF; font-weight: normal; font-size: 11px; }
span.ProductPrice      { color: #FFFFFF; font-weight: bold; font-size: 12px;  }
A.ProductPrice         { color: #FFFFFF; font-weight: bold; font-size: 12px; }
A.ProductPrice:hover   { color: #FFFFFF; text-decoration: none; font-weight: bold; } 
span.ProductCopy       { font-size: 11px; color: #000000; }


TD.NewFeaturesL        { width: 50px; height: 50px;  text-align: left; padding-bottom: 18px; }
TD.NewFeaturesR        { width: 490px; height: 50px; padding-bottom: 18px; padding-left: 8px; }
SPAN.NewFeaturesR      { font-weight: bold; }
A.Mini                 { font-size: 11px; }
TD.Stats1L             { width: 16px; text-align: right; vertical-align: middle; padding-right: 4px; padding-top: 6px; }
TD.Stats1R             { width: 550px; text-align: left; padding-top: 6px; }


/* PRODUCT CARD */
DIV.Cards { position: relative; top: 7px; left: 25px; width: 545px; height: 198px; border: none; } /* top: 168 */
DIV.Demo  { position: absolute; top: 78px; left: 20px; width: 550px; height: 240px; border: none; }
DIV.ProductCard  { position: absolute; top: 0px; left: 0px; width: 155px; height: 198px; }
div.ProductNbr   { position: absolute; top: 4px; left: 92px; width: 47px; height: 55px; }
div.ProductNameT { position: absolute; top: 48px; left: 25px; width: 120px; height: 30px; text-align: left; }
/***********************************************
*Z.G. 102207
div.ProductNameB { position: absolute; top: 66px; left: 25px; width: 110px; text-align: left; }
}
***********************************************/
div.ProductNameB { position: absolute; top: 48px; left: 25px; width: 120px; height: 30px; text-align: left; }
div.ProductPrice { position: absolute; top: 98px; left: 40px; width: 100px; height: 24px; text-align: right; }
DIV.ProductCopy  { position: absolute; top: 120px; left: 6px; width: 139px; height: 45px; text-align: left; line-height: 13px; }
div.ProductLink  { position: absolute; top: 170px; left: 24px; width: 96px; height: 18px; }

DIV.PC1 { top: 0; left: 0px; }    /* ProductCard1 */
DIV.PC2 { top: 0; left: 195px; }  /* ProductCard2 */
DIV.PC3 { top: 0; left: 390px; }  /* ProductCard3 */
DIV.CN1 { background: url(../../Images/TelePacific4/number1_47x55.gif) no-repeat top left; }  /* CardNumber */
DIV.CN2 { background: url(../../Images/TelePacific4/number2_47x55.gif) no-repeat top left; }
DIV.CN3 { background: url(../../Images/TelePacific4/number3_47x55.gif) no-repeat top left; }

#spanProductName2 { top: +4px; }

#divCard1Link, #divCard2Link, #divCard3Link { background-image: url(../../Images/TelePacific4/learn_more_96x18.gif); width: 96px; height: 18px; }
#spanCard1Link, #spanCard2Link, #spanCard3Link { display: none; }
#divCard1ProductNameLink { display: none; }
#divCard2ProductNameLink { display: none; }


SPAN.subhgrey   { color: #01669D; font-size: 10px; font-weight: normal; }


#divBottomLinks1       { display: none; /* position: relative; top: 35px; left: 30px; width: 540px; height: 51px; */ }
#divWebaward           { position: absolute; top: 0; left: 0; width: 62px; height: 51px; vertical-align: top; }
#divWebby              { position: absolute; top: 0; left: 459px; width: 81px; height: 50px; vertical-align: top; }
#divBottomLinksText    { position: absolute; width: 397px; height: 51px; top: 0; left: 62px; text-align: center; }
#spanConfCallDelimiter { display: none; }
#spanFAQDelimiter      { display: none; }

DIV.DivBottomLinks2    { text-align: center; margin-top: 12px; }


/* LOGGED IN GUTS */
#divLoggedInGuts1      { width: 568px; margin-top: 0px; margin-left: 10px; }
#divLoggedInGuts2      { display: none; }