/*
layout.css
Site wide styles for layout styling only.
Author: Anand Sreenivas
*/

body {
    background:#D6D6D6 !important;
    /*background:#D6D6D6 url(/images/mimages/body_bkg.gif) repeat-x top center !important;*/
}

#wrapper {
    text-align: left;
    width:100%;
    padding: 0;
    min-height:1%;
    margin:0 auto;
}

div#header{
    /* fix for IE background color */
    position: relative;
    width:100%;
    height:46px;
    _height:48px;
    *height:48px;
    margin-top:-10px;
}

div#header img#logo {
    float: left;
    margin: 0;
}

div#header div#ads {
    margin: 10px 20px 0 0;
}

div#header img#ad {
    float: right;
    margin-left:8px;
    margin-right:2px;
}

/* ---- CONTENT ---- */
#content {
    width:100%; 
    min-height:320px;
    height:auto !important;
}

#content-main { 
    position:relative;
}

.inner-top {
    position:relative;
    height:44px;
}

.inner-top-middle {
    background:url("/images/mimages/topXTileBGR.gif") repeat-x scroll 0 0 transparent;
    float:left;
    height:44px;
    position:relative;
    width:100%;
}

.inner-top-middle-yellow {
    background:url("/images/mimages/topXTileBGY.gif") repeat-x scroll 0 0 transparent;
    float:left;
    height:44px;
    position:relative;
    width:100%;
}

.inner-top-middle-grey {
    background:url("/images/mimages/topXTileBGG.gif") repeat-x scroll 0 0 transparent;
    float:left;
    height:44px;
    position:relative;
    width:100%;
}

.inner-top-middle img, .inner-top-middle-yellow img, .inner-top-middle-grey img {
    position:relative;
    margin:10px 0 0 10px;
}

.inner-middle {
    position:relative;
    /*background: url(/images/mimages/contentBGR.gif) repeat-y;*/
    height:auto;
    _height:350px;
}

.inner-middle-yellow {
    position:relative;
    /*background: url(/images/mimages/contentBGY.gif) repeat-y;*/
    height:auto;
    _height:350px;
}

.inner-middle-grey {
    position:relative;
    /*background: url(/images/mimages/contentBGG.gif) repeat-y;*/
    height:auto;
}

.inner-bottom {
    position:relative;
    height:67px;
}

.inner-bottom-middle {
    position:relative;
    float:left;
    background: url(/images/mimages/bottomXTileBGR.gif) repeat-x;
    width:100%;
    height:56px;
}

.inner-bottom-middle-yellow {
    position:relative;
    float:left;
    background: url(/images/mimages/bottomXTileBGY.gif) repeat-x;
    width:100%;
    height:56px;
}

.inner-bottom-middle-grey {
    position:relative;
    float:left;
    background: url(/images/mimages/bottomXTileBGG.gif) repeat-x;
    width:100%;
    height:56px;
}

.inner-bottom-middle img, .inner-bottom-middle-yellow img, .inner-bottom-middle-grey img {
    position:relative;
    margin: 16px 0 0 0;
    float:left;
    padding-top:2px;    
}

.page-header {
    position: relative;
    *height:47px;
    _margin-top:-2px;
}

.page-header-left {
    position:relative;
    float:left;
}

.page-header-middle {
    position:relative;
    background: #FE6353 url(/images/mimages/glossyXTileBGR.gif) repeat-x;
    float:left;
    width:100%;
    height:47px;
    display:table;
}

.page-header-middle-yellow {
    position:relative;
    float:left;
    background: url(/images/mimages/glossyXTileBGY.gif) repeat-x;
    width:100%;
    height:47px;
    display:table;
}

.page-header-middle-grey {
    position:relative;
    float:left;
    background: url(/images/mimages/glossyXTileBGG.gif) repeat-x;
    width:100%;
    height:47px;
    display:table;
}

.page-header-right {
    position:relative;
    float:right;
}

.graphics-image {
    float:left;
    margin:20px 0 0 55px;
    _margin:20px 0 0 30px;
    position:relative;
}

.pg-text, .pg-text1 {
    margin:0 10px 0 0;
    width:100%;
    background-color:#FFFFFF;
}

.error-text {
    line-height:18px;
    width:100%;
    *padding-bottom:80px;
    background-color:#FFFFFF;
    margin:0 10px 0 0;
}

/* ---- FOOTER NAV. ---- */
div#footer {
    clear: both;
    float: left;
    padding-top: 2px;
    padding-bottom: 1em;
    color: #45484A;
    font-size:10px;
    line-height:12px;
    width:100%;
    margin-top:-15px;
}

ul#nav-footer {
    text-align:center;
    width:100%;
    margin:5px 0 0 0;
    _margin:5px 0 0 0;
}

ul#nav-footer li {
    display: inline;
    border-right:1px solid #45484A;
    margin: 0 0 0 7px !important;
    /*white-space: nowrap;*/
    font-size:10px;
    padding-right:12px;
}

ul#nav-footer li.last {
    border-right:none;
    padding-right:8px;
}

ul#nav-footer li a {
    font-size:10px;
    color: #45484A;
    text-decoration: none;
}

ul#nav-footer li a:hover {
    font-size:10px;
    color: #45484A !important;
}

p#legal {
    font-family: Arial, Verdana, Helvetica, sans-serif !important;
    text-align:center;
    margin:5px 0 0 0;
    width:100%;
}

div#header div#scanalert {
    float: right;
    margin: 10px 20px 0 10px;
}