﻿html, body, table, tr, td
{
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #000000;	
}
body
{	
    margin:0;
    padding: 0;
}
a:link, a:active, a:visited
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}
/*==============>> PREPLOGIC HEADER MAIN CSS <<===============*/
/*===========================================================*/
#prepLogicHeader {
    width:100%;
    height: auto;
    text-align: center;
    margin: 0;
    padding: 0;
    clear:both;
    position: relative;
    z-index: 12;
}
#prepLogicHeaderMain {
    width:980px;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
/*==============>> PREPLOGIC HEADER TOP SECTION CSS - PL LOGO, CHAT LIVE LOGO, PHONE NUMBERS <<===============*/
#prepLogicHeaderMain .prepLogicTopSection {
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 8px 0;
    padding:70px 0 0 0;
}
#prepLogicHeaderMain .prepLogicTopSection .plLogoImg{
    float:left;
    border: 0;
    margin:5px 0 0 0;
}
#prepLogicHeaderMain .prepLogicTopSection .plChatLive{
    float:left;
    width:auto;
    border: 0;
    margin:-19px 0 0 220px; 
}
#prepLogicHeaderMain .prepLogicTopSection .preplogicHeaderPhoneNumbers{
    float:right;
    width:200px;
    text-align:right;
    color:#52708e;
    padding:10px 0 0 0;
    margin:-18px 5px 0 0;
}

#prepLogicHeaderMain .prepLogicTopSection .preplogicHeaderPhoneNumbers .altNumbers {
    cursor:pointer;
}
#prepLogicHeaderMain .prepLogicTopSection .preplogicHeaderPhoneNumbers .altNumbersPopup {
    display:none;
    position: absolute;
    margin:-30px -98px;
    #margin:-19px -303px;
    width:297px;
    height: 34px;
    text-align: left;
    background: #e8ebf2;
}
#prepLogicHeaderMain .prepLogicTopSection .preplogicHeaderPhoneNumbers .altNumbersPopup span{
    float:left;
    width: 125px;
    font:10px Arial;
    color: #52708e;
    margin:4px 0 0 23px;
    line-height:10px;
}
#prepLogicHeaderMain .prepLogicTopSection .preplogicHeaderPhoneNumbers .altNumbersPopup span b{
    font:12px Arial;
    font-weight: bold;
    color:#000000;
}
#prepLogicHeaderMain .prepLogicTopSection .preplogicHeaderPhoneNumbers .altNumbersPopup a.closeAltNum{
    position:absolute;
    top:5px;
    right: 5px;
    width:14px;
    height: 15px;
    background: url(/images/header-footer/pl_hdr_close_btn.png) top left no-repeat;
    cursor: pointer;
}
#prepLogicHeaderMain .prepLogicTopSection .preplogicHeaderPhoneNumbers h1{
    float:right;
    width:100%;
    font:22px Arial;
    font-weight:bold;
    color:#000000;
    margin:3px 0 0 0;
    padding:0;
}
#prepLogicHeaderMain .prepLogicTopSection .preplogicHeaderPhoneNumbers a {
    font:10px Arial;
    color:#336699;
    text-decoration: none; 
}

/*==============>> PREPLOGIC HEADER NAVIGATION BAR SECTION CSS <<===============*/
#prepLogicHeaderMain .prepLogicHeaderNavBar {
    float:left;
    width:100%;
    margin: 0;
    padding:3px 0 0 0;
    #padding:0;
    text-align: left;
}
#prepLogicHeaderMain .prepLogicHeaderNavBar .navBarLeft{
    float:left;
    width:6px;
    height:25px;
    margin: 0;
    padding: 0;
}
#prepLogicHeaderMain .prepLogicHeaderNavBar .navBarRight{
    float:left;
    width:7px;
    height:25px;
    margin: 0;
    padding: 0;
    /*background: url(/images/header-footer/pl_hdr_right.gif) top left no-repeat;*/ /* NORMAL */
}
#prepLogicHeaderMain .prepLogicHeaderNavBar ul{
    float:left;
    width:980px;
    height:25px;
    margin: 0;
    padding: 0;
    list-style:none;
}
#prepLogicHeaderMain .prepLogicHeaderNavBar ul li{
    float:left;
    width:auto;
    height: 20px;
    padding:10px 0 0 0;
    margin:0 1px 0 0;
    position: relative;
}
#prepLogicHeaderMain .prepLogicHeaderNavBar ul li a{
    position: relative;
    font:13px Arial;
    font-weight: bold;
    color:#C24100;
    text-decoration: none;
}
#prepLogicHeaderMain .prepLogicHeaderNavBar ul li a.mouseoverActive {
    position: relative;
    font:13px Arial;
    font-weight: bold;
    color:#003366; 
    z-index: 1000;
    text-decoration: none;
}
/*=======>> PREPLOGIC HEADER NAVIGATION PRODUCTS SECTION CSS - PRODUCTS <<======*/
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav {
    float:left;
    width: 100%;
    margin: 0;
    padding: 0;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.productsNavBar{
    float:left;
    width:auto;
    list-style:none;
    margin:5px 0 5px 0;
    padding: 0;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.productsNavBar li{
    float:left;
    width:auto;
    border-right: 1px solid #666666;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.productsNavBar li.last{
    float:left;
    width:auto;
    border: 0;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.productsNavBar li span{
    float:left;
    width:auto;
    font:11px Arial;
    font-weight: bold;
    color:#666666;
    margin:0 5px 0 -4px;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.productsNavBar li a{
    float:left;
    width:auto;
    font:11px Arial;
    font-weight: bold;
    color:#666666;
    margin:0 5px 0 5px;
    text-decoration: none;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.productsNavBar li ul{
    float:left;
    width:auto;
    list-style:none;
    margin:0;
    padding: 0;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.productsNavBar li ul li{
    float:left;
    width:auto;
    list-style:none;
    margin:0;
    padding: 0;
    border: 0;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.productsNavBar li ul li a{
    float:left;
    width:auto;
    font:11px Arial;
    color:#666666;
    margin:0 5px 0 0;
    text-decoration: none;
}

/*=======>> PREPLOGIC HEADER NAVIGATION PRODUCTS SECTION CSS - ACCOUNT <<======*/
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.accountNavBar{
    float:right;
    width: auto;
    list-style:none;
    margin:5px 0 5px 0;
    padding: 0;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.accountNavBar li{
    float:left;
    width:auto;
    border-right: 1px solid #336699;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.accountNavBar li.last{
    float:left;
    width:auto;
    border: 0;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.accountNavBar li.last a{
    float:left;
    width:auto;
    font:11px Arial;
    color:#336699;
    margin:0 5px 0 5px;
    padding:0px 0px 0px 18px;
    background: url(/images/header-footer/pl_hdr_cart_img.gif) 0px 4px no-repeat;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.accountNavBar li a{
    float:left;
    width:auto;
    font:11px Arial;
    color:#336699;
    margin:0 5px 0 5px;
}
#prepLogicHeaderMain .prepLogicHeaderProductsAccountNav ul.accountNavBar li span{
    float:left;
    width:auto;
}

/*=======>> PREPLOGIC HEADER NAVIGATION MOUSEOVERS CSS - ALL <<======*/
#mouseOverMain {
    display:none;
    position:absolute;
    width: 248px;
    height:auto;
    font:11px Arial;
    color: #336699;
    z-index:999;
}
#mouseOverMain img{
    border: 0;
    float:left;
}
.mouseOverTab{
    position: absolute;
    top:-43px;
    width:140px;
    height: 45px;
}
.mouseOverTop {
    float:left;
    width:100%;
    height: 5px;
    font: 4px Arial;
    margin: 0;
    padding: 0;
    background: url(/images/include/templates/heading_mouseover/pl_mouse_corners_top.png) top left no-repeat;
}  
.mouseOverBottom {
    float:left;
    width:100%;
    height: 5px;
    margin: 0;
    padding: 0;
    background: url(/images/include/templates/heading_mouseover/pl_mouse_corners_btm.png) top left no-repeat;
}  
.mouseOverContent {
    float:left;
    width:246px;
    height:auto;
    background: #f5f5f5;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}
.mouseOverContent p{
    float:left;
    width:90%;
    padding:5px 30px 5px 15px;
}
#mouseOverMain .mouseOverContent ul{
    float:left;
    width: 99.5%;
    _width: 93%;
    height: auto;
    padding:5px 0 5px 0;
    background: none;
}
#mouseOverMain .mouseOverContent ul li {
    float:left;
    width: 100%;
    height:28px;
    border-top: 1px solid #d8d8d8;
    padding: 0;
    margin: 0;
}
#mouseOverMain .mouseOverContent ul li a{
    float:left;
    font: 12px Arial;
    width: 100%;
    font-weight: bold;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 15px;
}
#mouseOverMain .mouseOverContent ul li a:hover{
    float:left;
    font: 12px Arial;
    width: 231px;
    font-weight: bold;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 15px;
    background: #dfe4e9;
}
/*======>> PREPLOGIC HEADER NAVIGATION MOUSEOVERS - FLIP <<======*/
#mouseOverMain-Flip{
    display:none;
    position:absolute;
    width: 248px;
    height:auto;
    font:11px Arial;
    color: #336699;
    z-index:999;
}
#mouseOverMain-Flip img{
    border: 0;
    float:right;
}
#mouseOverMain-Flip .mouseOverTab{
    position: absolute;
    top:-42px;
    left: 108px;
}
#mouseOverMain-Flip .mouseOverTop {
    float:left;
    width:100%;
    height: 5px;
    margin: 0;
    padding: 0;
    background: url(/images/include/templates/heading_mouseover/pl_mouse_corners_top_flip.png) top left no-repeat;
}
#mouseOverMain-Flip .mouseOverContent p{
    float:left;
    width:auto;
    padding:5px 17px 5px 15px;
}
#prepLogicHeaderMain #mouseOverMain-Flip .mouseOverContent p a {
    font:11px Arial;
    color: #3399ff;
    text-decoration: underline;
}
#mouseOverMain-Flip .mouseOverContent ul{
    float:left;
    width: 99.5%;
    _width: 93%;
    height: auto;
    padding:5px 0 5px 0;
    background: none;
}
#mouseOverMain-Flip .mouseOverContent ul li {
    float:left;
    width: 100%;
    height:auto;
    border-top: 1px solid #d8d8d8;
    padding: 0;
    margin: 0;
}
#mouseOverMain-Flip .mouseOverContent ul li a{
    float:left;
    font: 12px Arial;
    width: 100%;
    font-weight: bold;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 15px;
}
#mouseOverMain-Flip .mouseOverContent ul li a:hover{
    float:left;
    font: 12px Arial;
    width: 231px;
    font-weight: bold;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 15px;
    background: #dfe4e9;
}
#mouseOverMain-Flip .mouseOverContent ul li ul#subMenu {
    float:left;
    width:100%;
    clear:both;
    padding: 0;
    margin: 0;
}
#mouseOverMain-Flip .mouseOverContent ul li ul#subMenu li a{
    float:left;
    font: 12px Arial;
    width: 90%;
    _width: 90%;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 25px;
}
#mouseOverMain-Flip .mouseOverContent ul li ul#subMenu li a:hover{
    float:left;
    font: 12px Arial;
    width: 90%;
    _width: 90%;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 25px;
    background: #dfe4e9;
}
/*======>> UNLIMITED ACCESS <<======*/
.uca {
    top:35px;
    left:-20px;
}
.uca .logo{
    margin: 15px 0 0 15px;
    width:205px;
    height: 55px;
}
.uca a{
    float:right;
    margin: 5px 25px 5px 0;
}
.uca .mouseOverContent p{
    float:left;
    height: auto;
    width:auto;
    font:11px Arial;
    color: #336699;
    padding:5px 15px;
}

/*======>> TRY US FREE <<======*/
.tryUsFree {
    top:35px;
    left:-35px;
}
.tryUsFree p{
    float:left;
    width: auto;
    font:11px Arial;
    color: #336699;
}

/*======>> WHY PREPLOGIC <<======*/
.whyPrepLogic {
    top:35px;
    left:-20px;
}
.whyPrepLogic .mouseOverContent p{
    float:left;
    width: auto;
    font:11px Arial;
    color: #336699;
}

/*======>> TRAINING TOOLS <<======*/
.trainingTools {
    top:35px;
    left:-24px;
}
.trainingTools .mouseOverContent p{
    float:left;
    width: auto;
    font:11px Arial;
    color: #336699;
}
/*======>> CERTIFICATIONS <<======*/
.certifications {
    top:35px;
    left:-28px;
}
.certifications .middleLine{
    float:left;
    width: 1px;
    height: 228px;
    margin:4px 5px 0 5px;
    border-left: 2px solid #ffffff;
}
.certifications .mouseOverContent ul#menu {
    float:left;
    width: 47%;
    _width: 37%;
    margin: 0;
    padding: 5px 0;
}
.certifications .mouseOverContent ul#menu li {
    float:left;
    width: 100%;
    height:auto;
    padding: 0;
    margin: 0;
}
.certifications .mouseOverContent ul#menu li a{
    float:left;
    font: 12px Arial;
    width: 86%;
    _width: 100%;
    font-weight: bold;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 15px;
}
.certifications .mouseOverContent ul#menu li a:hover{
    float:left;
    font: 12px Arial;
    width: 86%;
    _width: 100%;
    font-weight: bold;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 15px;
    background: #dfe4e9;
}
/*========>> CERTIFICATIONS MOUSEOVER SUB MENUES <<========*/
.certifications .mouseOverContent ul#menu li ul{
    float:left;
    clear:both;
    width:100%;
    margin:0;
    padding: 0;
}
.certifications .mouseOverContent ul#menu li ul li a{
    float:left;
    font: 12px Arial;
    width: 78%;
    _width: 90%;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 25px;
}
.certifications .mouseOverContent ul#menu li ul li a:hover{
    float:left;
    font: 12px Arial;
    width: 78%;
    _width: 90%;
    color:#003366;
    text-decoration: none;
    padding:7px 0 6px 25px;
    background: #dfe4e9;
}

/*======>> COMPANY <<======*/
.company {
    top:35px;
    left:-37px;
}
.company .mouseOverContent p{
    float:left;
    width: auto;
    font:11px Arial;
    color: #336699;
    padding:0 20px;
}
/*======>> SUPPORT <<======*/
.support {
    top:35px;
    left:-150px;
}
.support .mouseOverContent p{
    float:left;
    width:auto;
    font:11px Arial;
    color: #336699;
}
/*======>> MY ACCOUNT <<======*/
.myAccount {
    top:35px;
    left:-145px;
}
.myAccount .mouseOverContent p{
    float:left;
    font:11px Arial;
    color: #336699;
}
/*======>> CORPORATE <<======*/
.coporate {
    text-align: left;
    top:35px;
    left:-100px;
}
.coporate .mouseOverContent p{
    float:left;
    font:11px Arial;
    color: #336699;
}
/*===================>>PREPLOGIC USER AGREEMENT TERMS <<==================*/
/*=======================================================================*/
#plUserAgreementTerms {
    float:left;
    width: 95%;
    padding:20px 30px;
}
#plUserAgreementTerms h1 {
    float:left;
    width:100%;
    font:18px Verdana;
    font-weight:bold;
    color:#333333;
    margin: 0;
    padding: 0;
}
#plUserAgreementTerms h2 {
    float:left;
    width:100%;
    font:15px Verdana;
    font-weight:bold;
    color:#333333;
    margin: 0;
    padding: 0;
}
#plUserAgreementTerms p {
    float:left;
    width:100%;
    font:11px Arial;
    color:#666666;
    margin: 0 0 15px 0;
}
#plUserAgreementTerms i {
    color: #666666;
}
/*===================>>PREPLOGIC PRIVACY POLICY <<==================*/
/*=======================================================================*/
#plPrivacyPolicy {
    float:left;
    width: 95%;
    padding:20px 30px;
}
#plPrivacyPolicy h1 {
    float:left;
    width:100%;
    font:18px Verdana;
    font-weight:bold;
    color:#333333;
    margin: 0;
    padding: 0;
}
#plPrivacyPolicy h2 {
    float:left;
    width:100%;
    font:15px Verdana;
    font-weight:bold;
    color:#333333;
    margin: 0;
    padding: 0;
}
#plPrivacyPolicy p {
    float:left;
    width:100%;
    font:11px Arial;
    color:#666666;
    margin: 0 0 15px 0;
}
#plPrivacyPolicy i {
    float:left;
    width: 100%;
    color: #666666;
}
#plPrivacyPolicy ul{
    float:left;
    list-style: none;
    width: 95%;
    font:11px Arial;
    color:#666666;
    margin:0 0 15px 20px;
    padding: 0;
}
/*===========>> MONEYBACK GUARANTEE LISTPAGE AND DETAILS PAGE LINKS <<=============*/
/*================================================================================*/
.moneyBackListpageLink:link, .moneyBackListpageLink:active, .moneyBackListpageLink:visited, .moneyBackListpageLink:hover {
    position: absolute;
    width: 75px;
    height: 25px;
    font: 11px Arial;
    color: #003366;
    text-decoration: underline;
    padding: 3px 25px 0 0;
    background: url(/images/details/moneyback-guar-icon.png) top right no-repeat;
    z-index: 10;
}
.video{
    top: -3px;
    right: 30px;
}
.practice-exams {
    top: -3px;
    right: 30px;
}
.audio {
    top: -3px;
    right: 30px;
}
.mega-guides {
    top: -3px;
    right: 30px;
}
.printables {
    top: -3px;
    right: 30px;
}
.pocket-guides {
    top: -3px;
    right: 30px;
}
.question-pack {
    top: 0;
    right: 40px;
}
.moneyBackDetailspageLink:link, .moneyBackDetailspageLink:active, .moneyBackDetailspageLink:visited, .moneyBackDetailspageLink:hover  {
    float:right;
    width: auto;
    height: 25px;
    font: 11px Arial;
    color: #003366;
    text-decoration: underline;
    margin: 0 30px 5px 0;
    padding: 2px 35px 0 0;
    background: url(/images/details/moneyback-guar-icon.png) top right no-repeat;
    z-index: 100;
}
.sunIcon {
    background: url(/images/products/documents/sun.png) 75px 1px no-repeat;
}
.moonIcon {
    background: url(/images/products/documents/moon.png) 75px 1px no-repeat;
}

/*===========>> MONEYBACK GUARANTEE LISTPAGE AND DETAILS PAGE LINKS <<=============*/
.passGuaranteeLink:link, .passGuaranteeLink:active, .passGuaranteeLink:visited, .passGuaranteeLink:hover {
    position: absolute;
    width: auto;
    height: 25px;
    font: 11px Arial;
    color: #003366;
    text-decoration: underline;
    padding: 3px 0 0 30px;
    top:425px; 
    right: 195px;
    background: url(/images/details/pass-icon.png) top left no-repeat;
    z-index: 100;   
}
.moneybackLink:link, .moneybackLink:active, .moneybackLink:visited, .moneybackLink:hover {
    position: absolute;
    width: auto;
    height: 25px;
    font: 11px Arial;
    color: #003366;
    text-decoration: underline;
    padding: 3px 0 0 35px;
    top:425px; 
    right: 35px;
    background: url(/images/details/moneyback-guar-icon.png) top left no-repeat;
    z-index: 100;    
}
.grey_links:link, .grey_links:active, .grey_links:visited
{
    font-family: arial;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    -webkit-text-size-adjust: none;
}

.grey_links:hover
{
    font-family: arial;
    font-size: 10px;
    color: #666666;
    text-decoration: underline;
    -webkit-text-size-adjust: none;
}

.orange_links:link, .orange_links:active, .orange_links:visited
{
    font-family: arial;
    font-size: 10px;
    color: #ff3300;
    text-decoration: none;
}

.orange_links:hover
{
    font-family: arial;
    font-size: 10px;
    color: #ff3300;
    text-decoration: underline;
}

.products_links:link, .products_links:active, .products_links:visited
{
    font-family: arial;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight:bold;
}

.products_links:hover
{
    font-family: arial;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight:bold;
}
.onlyVouch_links:link, .onlyVouch_links:active, .onlyVouch_links:visited
{
    color: #666666;
    text-decoration: none;
}

.onlyVouch_links:hover
{
    color: #666666;
    text-decoration: none;
}
a.menu
{
      display: block;
      width: 71px;
      height: 22px;
      color: #ffffff !Important;
      font-size: 11px;
      font-family: Arial, Sans-Serif;
      text-decoration: none;
      text-align: center;
}


/*--------PREPLOGIC HEADER 9 TIPS & 15MG HEADER LEAGEN --------------*/
.tips9_header_links:link, .tips9_header_links:active, .tips9_header_links:visited
{
    font-family: Tahoma;
    font-size: 10px;
    color: #c71c00;
    text-decoration: underline;
}

.tips9_header_links:hover
{
    font-family: Tahoma;
    font-size: 10px;
    color: #c71c00;
    text-decoration: underline;
}

.minguide15_header_links:link, .minguide15_header_links:active, .minguide15_header_links:visited
{
    font-family: Tahoma;
    font-size: 10px;
    color: #666666;
    text-decoration: underline;
}

.minguide15_header_links:hover
{
    font-family: Tahoma;
    font-size: 10px;
    color: #666666;
    text-decoration: underline;
}

/*--------VOLUME SALES LANDING PAGE --------------*/
.small_form_text
{
    font-family: arial, sans-serif;
    font-size: 10px;
    font-color: #000000;
    width:330px;
    height:18px;
    margin:0 0 4px 0;
    _margin:0 0 2px 0;
}

#small_heading
{
    font-family:arial; 
    font-size:11px; color:#336633; 
    font-weight:bold; 
    background:url(/images/corporate/volume_training/corp_landing/corp_pl_dot.gif) no-repeat 0px 1px;
    padding:0 0 2px 20px;
    line-height:25px;
}

#large_heading
{
    font-family:arial; 
    font-size:18px; color:#336633; 
    font-weight:bold; 
    background:url(/images/corporate/volume_training/corp_landing/corp_pl_dot.gif) no-repeat 0px 5px;
    padding:0 0 2px 20px;
    line-height:25px;
}

#vls_copy 
{
    margin:20px 0 35px 0;
    padding:0 55px 0 0; 
    text-align:left;
    clear:both;  
}

#arrow_bullets
{
    font-family:arial; 
    font-size:11px;
    background:url(/images/corporate/volume_training/corp_landing/corp_pl_arrow.gif) no-repeat 0px 4px;
    padding:0 0 2px 15px;
}
#tick_bullets
{
    font-family:arial; 
    font-size:11px;
    background:url(/images/corporate/volume_training/corp_landing/corp_pl_check.gif) no-repeat 0px 4px;
    padding:0 0 2px 20px;
}

#homelinks {
    width:600px;
    position:absolute;
    margin: -25px 400px;
    _margin: -35px 50px;
}
img.imgHomeLinks {
    float:left;
    border: 0;
    margin:0 2px 0 0;
    width:157px;
    height: 18px;
}

/*-------- AUDIO TRACKLIST POPUP --------------*/
.audio_tracklist_popup 
{
    width:439px;
    z-index:999;
    position:absolute;
    margin:-180px 90px;
    display:none;
}
.audio_tracklist 
{
    position:absolute; 
    margin:100px 100px; 
    width:429px; 
    height:418px; 
    z-index:10;
}
.audio_tracklist_bar 
{
    width:409px; 
    height:22px; 
    background: url(/images/products/audio_trainer/popup/audio_tracklist_popup.jpg) no-repeat;
    text-align:left;
}
.audio_closebtn 
{
    float:right;
    font:10px Arial; 
    color: #ffffff;
    margin:4px 15px 0 0;
    cursor:pointer;
}
.left 
{
    float:left; 
    width:10px; 
    height:418px; 
    margin:0px;
    border:0px;
}
.middle 
{
    float:left; 
    width:409px; 
    height:418px;
    margin:0px;
    padding:0px;
    _margin:0 -3px 0 -3px;
}
.right 
{
    float:left; 
    width:10px; 
    height:418px; 
    margin:0px;
    border:0px;
}
.audio_tracklist_outer 
{
    width:340px; 
    margin:20px 0 0 18px;
}
.audio_tracklist_content 
{
    height:300px; 
    clear:both; 
    overflow-x:hidden; 
    overflow-y:scroll; 
    padding:0 15px 0 0;
    font:12px Arial;
    color: #333333;
}
.tl
{
    font:13px Arial;
    color: #000000;
}
.audio_tracklist_content ol 
{
  margin:15px 0 0 -17px;
  #margin:15px 0 0 28px;   
}
.audio_tracklist_content ol li 
{
    padding:1px 0 1px 5px;  
    font:11px Arial;    
}
.audio_icon 
{
    float:right; 
    width:19px; 
    height:14px; 
    background: url(/images/products/audio_trainer/popup/audio_tracklist_popup_icon.jpg) no-repeat;
}
.cd_num 
{
    margin:0 0 5px 0;
}
.odd 
{
    background: #f0f0f0;
}


/***************************************************************************************************/
/******************* Below are Ryan's old classes - who knows if we need them **********************/
/***************************************************************************************************/

A.Xchange
{
    COLOR: #ff6300
}
A.Xchange:visited
{
    COLOR: #ff6300
}
A.Xchange:hover
{
    COLOR: #ff6300
}
A.Xunder
{
    COLOR: #ff6300;
    TEXT-DECORATION: none
}
A.Xunder:visited
{
    COLOR: #ff6300;
    TEXT-DECORATION: underline
}
A.Xunder:hover
{
    COLOR: #ff6300;
    TEXT-DECORATION: underline
}
A.XuXc
{
    COLOR: #0000FF;
    TEXT-DECORATION: none
}
A.XuXc:visited
{
    COLOR: #0000FF;
    TEXT-DECORATION: none
}
A.XuXc:hover
{
    COLOR: #ff0000;
    TEXT-DECORATION: none
}
A.vendor_black
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.vendor_black:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}
A.vendor_black:visited 
{
	color: #000000;
	text-decoration: none;
}
A.white
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
A.white:hover
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: underline
}
A.white:visited 
{
	color: #FFFFFF;
	text-decoration: none;
}
A.blackline
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}
A.blackline:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.blackline:visited
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.v610p
{
	color: #666666;
	text-decoration: none;
	font-size:10px;
}
A.v610p:hover
{
	color: #666666;
	text-decoration: none;
	font-size:10px;
}
A.v610p:visited 
{
	color: #666666;
	text-decoration: none;
	font-size:10px;
}

.extrasmall
{
    FONT-SIZE: 7pt;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.small
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.medium
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.large
{
    FONT-SIZE: 12pt;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.extralarge
{
    FONT-SIZE: 13pt;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.arial-small
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: arial
}
.arial-medium
{
    FONT-SIZE: 11pt;
    FONT-FAMILY: arial
}
.arial-large
{
    FONT-SIZE: 14pt;
    FONT-FAMILY: arial
}
.times-small
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: times new roman
}
.times-medium
{
    FONT-SIZE: 11pt;
    FONT-FAMILY: times new roman
}
.times-large
{
    FONT-SIZE: 14pt;
    FONT-FAMILY: times new roman
}
.times-extralarge
{
    FONT-SIZE: 18pt;
    FONT-FAMILY: times new roman
}
.arial-black
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial black, arial
}
.smallselect 
{ 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-SIZE: 11px
}
.largeselect
{ 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-SIZE: 12px
}
.orange
{
	COLOR: #ff6300;
}
.verdana-small
{ 
	FONT-FAMILY: Verdana; 
	COLOR: #666666;
	FONT-SIZE: 10px
}
.verdana-med
{ 
	FONT-FAMILY: Verdana; 
	COLOR: #666666;
	FONT-SIZE: 11px
}
.verdana-333333
{ 
	FONT-FAMILY: Verdana; 
	COLOR: #333333;
	FONT-SIZE: 10px;
}
.verdana-price
{ 
	FONT-FAMILY: Verdana; 
	COLOR: #333333;
	FONT-SIZE: 12px;		
}
.verdana-strike
{ 
	FONT-FAMILY: Verdana; 
	COLOR: #C40304;
	FONT-SIZE: 10px;
	text-decoration:line-through
}

A.XunderGreyBG
{
    COLOR: #ff6300;
    TEXT-DECORATION: none
    
}
A.XunderGreyBG:visited
{
    COLOR: #ff6300;
    TEXT-DECORATION: none
}
A.XunderGreyBG:hover
{
    COLOR: #ff6300;
    TEXT-DECORATION: underline
}
A.grey
{
    COLOR: #5E6367;
    TEXT-DECORATION: none
}
A.grey:hover
{
    COLOR: #5E6367;
    TEXT-DECORATION: underline
}
A.grey:visited 
{
	color: #5E6367;
	text-decoration: none;
}

.orange_title {color: #ff6300}

.list_page_text { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

A.list_page_text { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
h1 
{
font-family: Verdana;
font-size: 18px;
color: #333333;
margin: 0px;
}
h2 
{
font-family: Verdana;
font-size: 16px;
color: #333333;
margin: 0px;
}
h3 
{
font-family: Verdana;
font-size: 10px;
color: #333333;
margin: 0px;
margin-left: 0px;
}

/*Audio-Sample Page*/
A.link_black
{
COLOR: #000000;
TEXT-DECORATION: none
}
A.link_black:visited
{
COLOR: #000000;
TEXT-DECORATION: none
}
A.link_black:hover
{
COLOR: #333333;
TEXT-DECORATION: none
}

A.sample_link
{
COLOR: #ff6300;
TEXT-DECORATION: Underline;
}
A.sample_link:visited
{
COLOR: #ff6300;
TEXT-DECORATION: Underline;
}
A.sample_link:hover
{
COLOR: #ff6300;
TEXT-DECORATION: Underline;
}
img {behavior: url(/include/css_dev/iepngfix.htc);}




