/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*           Layout StyleSheet - BuyersBoard.com Project
*           Created by Jeremy S. Cargilo for BUYERSBoard.com.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the master layout css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found in 
*   their respective style sheets.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MasterPage Layout Styles
-------------------------------------------------------------------------------*/
*            { margin: 0px; padding: 0px; }
body         { background: #EBEBEB; font-size: 11px; margin: 0px 0px 0px 0px;
               font-family: Verdana, Arial, Helvetica, Sans-Serif; }
#wrapper     { position: relative; width: 993px; left: 50%; margin-left: -497px; 
               background: #FFFFFF; }
#page        { position: relative; width: 993px; }

/* Typography Styles
-------------------------------------------------------------------------------*/
h1 { font-size: 16px; color: #F17214; margin: 7px 0px 7px 0px; }
h2 { font-size: 14px; color: #9FD64E; margin: 7px 0px 7px 0px; }
h3 { }
h4 { }
.highlight { background-color: #FFFF99; }
.SiteMapPath { margin: 2px 0px 10px 0px; font-weight: bold; display: block; }
.RadioButton label { margin-left: 5px; } 
.CheckBox label { margin-left: 5px; } 

/* Custom Styles
-------------------------------------------------------------------------------*/
.separator { background: url("../../Images/separator.gif") no-repeat; width: 993px; 
    height: 5px; }

/* Master Header Section Styles
-------------------------------------------------------------------------------*/
#master_header  { height: 84px; 
    background: url("../../Images/top_bar.png") no-repeat; }

/* Customer Information Section Styles
-------------------------------------------------------------------------------*/
#customerInfo { position: absolute; right: 0px; width: 250px; height: 84px; }

/* Ticker Section Styles
-------------------------------------------------------------------------------*/
#ticker_bg         { height: 20px; margin: 3px 0px 3px 0px; 
    background: url("../../Images/ticker_bg.gif") no-repeat; }
#ticker            { position: absolute; right: 271px; text-align: center; width: 451px; 
    margin-top: 1px; }
#date              { position: absolute; right: 0px; text-align: center; width: 270px; 
    color: #e9741e; margin-top: 1px; }

/* Master Body Styles
-------------------------------------------------------------------------------*/
#master_body    { float: left; margin: 4px 0px 4px 0px; }
#master_content { float: left; width: 808px; margin: 5px 0px 5px 0px; }

/* Main Navigation Styles
-------------------------------------------------------------------------------*/
#master_navigation { float: left; width: 175px; padding-right: 10px; }
#mainMenu       { border-left: 1px solid #A1AB92; border-right: 1px solid #A1AB92;
    border-top: 1px solid #A1AB92; }
     
/* Master Footer Section Styles
-------------------------------------------------------------------------------*/   
#master_footer { margin: 10px 0px 10px 0px; text-align: center; }

/* Copyright Styles
-------------------------------------------------------------------------------*/   
#copyright     { text-align: center; }

/* CSS Hacks Section Styles
-------------------------------------------------------------------------------*/       

/* ----------------------------------------------------------------------------
    P.I.E. FLOAT CLEARING
    See http://www.positioniseverything.net/easyclearing.html 
-------------------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.clearfix {
    display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */