﻿/********************************************************************************/
/*           NAME:  Base Element Style Sheet                                    */
/*           FILE:  /CSS/Base.css                                               */
/*        CREATED:  November 5th, 2008                                          */
/*        CHANGED:  November 5th, 2008                                          */
/*      HTTP HOST:  http://*.megasecured.com/CSS/Version2                       */
/*                                                                              */
/* STANDARD INDEX:  (One) 10                                                    */
/*                                                                              */
/*        PURPOSE:  for setting up the base default standard sytles applied to  */
/*                  html elements                                               */
/*                                                                              */
/* COLOR STANDARDS                                                              */
/*   HYPERLINKS:       #333 charcoal                                            */
/*   MOUSE OVER LINKS: #f60 orange                                              */
/*                                                                              */
/*                                                                   411 DATA   */
/*                                                                              */
/********************************************************************************/


  /********************************************************************************/
  /***** BODY TYPE ELEMENTS                                                       */
  /*****                                                                          */
    .topBar{
      border-bottom:solid 1px #333; margin-bottom:5px;}
    .topBar .topRow{
      height:65px;}
    .topBar .topBarLeft{
      background-image:url('Images/Containers/TopBar/j15x65-TopBarLeft.jpg');
      background-repeat:no-repeat; width:15px;}
    .topBar .topBarCenter{
      background-image:url('Images/Containers/TopBar/j1x65-TopBarCenter.jpg');
      background-repeat:repeat-x;}
    .topBar .topBarRight{
      background-image:url('Images/Containers/TopBar/j15x65-TopBarRight.jpg');
      background-repeat:no-repeat; width:15px;}

    .topBar H2{
      height:24px; font-size:19px; margin-top:6px;}
    .topBar .imageHolder{
      margin-right:5px;}

    .heading .topBar{
       margin-bottom:5px;}
    .heading .topBar .topBarRow{
      height:36px; border-bottom:1px solid #333;}

    .iconAccount,
    .iconKey,
    .iconNews,
    .iconPerson,
    .iconControlPanel,
    .iconLogIn,
    .iconEmail,
    .iconShoppingCart,
    .iconPhoneBook{
      background-repeat:no-repeat; width:20px; height:20px;
      display:inline-block; float:left; margin-top:1px; padding-right:5px;}
    .iconKey{
      background-image:url('Images/Icons/p24-Key.png');}
    .iconNews{
      background-image:url('Images/Icons/p24-GreenNews.png');}
    .iconPerson{
      background-image:url('Images/Icons/p24-GreenPerson.png');}
    .iconControlPanel{
      background-image:url('Images/Icons/p24-GreenControlPanel.png');}
    .iconLogIn{
      background-image:url('Images/Icons/p20-2Login.png');}
    .iconEmail{
      background-image:url('Images/Icons/p20-2Email.png');}
    .iconAccount{
      background-image:url('Images/Icons/p20-2Account.png');}
    .iconShoppingCart{
      background-image:url('Images/Icons/p20-2ShoppingCart.png');}
    .iconPhoneBook{
      background-image:url('Images/Icons/p20-2PhoneBook.png');}

  /********************************************************************************/
  /***** BODY TYPE ELEMENTS                                                       */
  /*****                                                                          */
    .topBarReverse{
      height:64px;}
    .topBarReverse .topRow{}
    /*.topBarReverse .topBarLeft{
      background-image:url('Images/Containers/TopBar/p15x65-TopBarLeftReverse.png');
      background-repeat:no-repeat; width:15px;}
    .topBarReverse .topBarCenter{
      background-image:url('Images/Containers/TopBar/p1x65-TopBarCenterReverse.png');
      background-repeat:repeat-x; padding-top:15px;}
    .topBarReverse .topBarRight{
      background-image:url('Images/Containers/TopBar/p15x65-TopBarRightReverse.png');
      background-repeat:no-repeat; width:15px;}*/

  /********************************************************************************/
  /***** BODY TYPE ELEMENTS                                                       */
  /*****                                                                          */
    .reverse .topBar{
      border-bottom:solid 1px #333; margin-bottom:5px;height:85px;}
    .reverse .topBar .topRow{
      height:85px;}
    /*.reverse .topBar .topBarLeft{
      background-image:url('Images/Containers/ReverseBar/p15x85headleft.png');
      background-repeat:no-repeat; width:15px;}
    .reverse .topBar .topBarCenter{
      background-image:url('Images/Containers/ReverseBar/p1x85headcenter.png');
      background-repeat:repeat-x;}
    .reverse .topBar .topBarRight{
      background-image:url('Images/Containers/ReverseBar/p15x85headright.png');
      background-repeat:no-repeat; width:15px;}*/