﻿html
{
    height:auto;
    margin:0px;
    min-height:100%;    
    margin-bottom:0;
}

body
{
    position:relative;
    margin-left:auto;
    margin-right:auto;    
    margin-top:0px;
    margin-bottom:0px;
    text-decoration: none;
    color: #65523F;
    font-family:Arial;
    /*font-size: 10pt;    */
    font-size:.813em;
    width:930px;
    background-image:url(/images/site_bkg.jpg);
    background-repeat:repeat-x;
    background-color:#B1DBE7;
    height:100%;
    min-height:100%;
    
}

.bodyPane
{
    float:left;
    background-color:#FFFFFF;
    border-left-width:1px;
    border-left-style:solid;
    border-right-width:1px;
    border-right-style:solid;
    border-color:#D3EAF2;    
    border-bottom-width:1px;
    border-bottom-style:solid;
    height:100%;
    /*  min-height:100%; THIS LINE CAUSES IE7 TO NOT PRINT CORRECTLY */
    
}

.contentPane
{
    width:915px;    
    margin-right:0px;    
    padding-left:15px;
}

.pageHeader
{
    width:900px;
    height:80px;
    padding-left:10px;
    padding-top:25px;
}

.socialmediatop
{
   text-align:right;
   padding-right:15px;
   padding-bottom: 10px;
}

a
{
    text-decoration: underline;
    color:#777167;
}

a:visited
{
    
}

a:hover
{
    color:#A71F33;
}

a.footer
{
    font-size: 9pt;
    color:#000000;
    
}

a.footer:hover
{
    color:#A71F33;
    text-decoration:underline;
}

a.menuFirstLevel
{    
    color:#ffffff;
    text-decoration:none;
    /*font-size:10pt;*/
    font-weight:bold;
}

a.menuNLevel
{    
    color:#ffffff;
    text-decoration:none;
    /*font-size:10pt;*/
    
}


a.menuFirstLevel:hover
{
    color:#A71F33;
    text-decoration:none;
    /*font-size:10pt;*/
}

a.menuNLevel:hover
{
    color:#A71F33;
    text-decoration:none;
    /*font-size:10pt;*/
}

div.menuFirstLevelOuter
{
    
   width:100%;
   background-image:url(/images/menu_bar.gif);
   background-repeat:no-repeat;
   background-size:100%;
   height:52px;      
   cursor:hand;
   
}

div.menuFirstLevel
{
    z-index:1;
    position:relative;
    display:inline;        
    padding-left:23px;
    padding-right:24px;    
    cursor:hand;    
        
}

div.menuFirstLevelActive
{
    z-index:1;
    position:relative;
    display:inline;        
    padding-left:23px;
    padding-right:24px;    
    cursor:hand;    
    background-image:url(/images/menu/middle.gif);
    background-repeat:repeat-x;
        
}

.menuArrow
{
    position:relative;    
    display:inline;
    padding-right:15px;        
    width:9px;
    height:11px;
    float:right;
    background-image:url(/images/rightarrowicon.gif);
    background-repeat:no-repeat;
    /*margin-top:-12px;*/
}



div.menuSecondLevelOuter
{       
    -moz-opacity:.85;    
    display:none;
    position:absolute;
    left:10px;        
    top:24px;    
    font-size:10pt;
    font-weight:bold;        
    cursor:hand;        
    background-image: url(/images/menu/menu_bkg.gif);    
	background-repeat:repeat;	
    width:200px;    
    padding-top:0px;
    padding-left:5px;
    padding-right:5px;
    /*white-space:nowrap;*/
        
}

.menuSecondLevel
{   
    
    /*white-space:nowrap;*/
    border-top-color:#ffffff;
    border-top-width:1px;     
    margin-top:8px;    
    cursor:hand;
    width:204px;
    padding-left:10px;      
    
    
}

.hasChild
{
    margin-bottom:0px;    
}

div.menuNLevelOuter
{   
    display:none;        
    position:absolute;
    
    /* for firefox */    
    left:210px;
        
    /* for ie */            
    top:0px;
        
    font-size:10pt;
    width:200px;
    
    cursor:hand;    
    float:left;
    
    /*background*/
    background-color:#A6D5E5;    
	background-repeat:repeat-x;	
	margin-top:7px;
    padding-left:5px;
    padding-right:5px;    
    
}

div.menuNLevel
{        
    border-top-color:#ffffff;     
    border-top-width:1px;       
    margin-bottom:7px;
    cursor:hand;    
    width:204px; /*for ie 6 ...overridden below */
       
}

div.breadcrumb
{   
    padding-left:15px;
    padding-top:5px;   
    font-size: 8pt; 
    height:14px;
}

a.breadcrumb
{
    font-size: 8pt;
    color:#AA1C32;
}

a.breadcrumb:visited
{
    color:#AA1C32;
}

div.footer
{
    padding-top:15px;    
    padding-bottom:15px;
    text-align:center;
    font-size: 9pt;
    color:#000000;
    display:block;
    width:900px;
    float:left;
    
    
}

div.homeBottomPane1
{
    position:relative;
    width:900px;
    height:34px;
    background-image:url('/images/home_bottom_1.gif');
    background-repeat:no-repeat;
    display:inline;
    float:left;
    margin-top:20px;
    top: 0px;
    left: 0px;
}



div.homeBottomPane2
{
    position:relative;
    width:900px;    
    background-image:url('/images/home_bottom_2.gif');
    background-repeat:repeat-y;
    display:inline;
    float:left;
    
}

div.homeBottomPane3
{    
    position:relative;
    width:900px;
    height:11px;
    background-image:url('/images/home_bottom_3.gif');
    background-repeat:no-repeat;
    display:inline;
    float:left;     
    margin-right:-4px;
}

div.pageContent
{
    float:left;
    width:65.4%;        
    padding-top:15px;    
    line-height: 150%;
    padding-right:14px;
    padding-left:10px;
}

div.pageRight
{    
    width:31.8%;
    padding-top:12px;      
    display:inline; 
    float:right;
}

.sideBar
{
    width:285px;    
    z-index:-2;
    /* for IE ...remove the margin */
    #margin-top:-8px;
    #margin-bottom:0px;
    
    /* for Firefox, IE7+ */
    margin-top:0px !important;
    margin-bottom:8px !important;
    
}

.sideBarTop
{
    width:285px;
    height:12px;    
    background-image:url('/images/content_top.gif');
    background-repeat:no-repeat;    
    z-index:-2;
}

.sideBarMid
{
    /* for Firefox, IE7+ */
    margin-top:0px;
    
    width:261px; /*factor in padding: 285 - 12 - 12 = 261*/
    background-image:url('/images/content_mid.gif');
    background-repeat:repeat-y;    
    padding-top:5px;
    padding-bottom:5px;
    padding-left:12px;
    padding-right:12px;
    
    z-index:-2;
}

.sideBarBottom
{
    width:285px;
    height:12px;
    background-image:url('/images/content_bot.gif');
    background-repeat:no-repeat;
    z-index:-2;
}


.sideBarTopBlue
{    
    background-image:url('/images/content_top_blue.gif');
}

.sideBarMidBlue
{
    background-image:url('/images/content_mid_blue.gif');
}

.sideBarBottomBlue
{
    background-image:url('/images/content_bot_blue.gif');
}

div.mainBody
{
    width:900px;
    display:block;            
    min-height:400px;   
    height:auto;
}

.boldTitle
{
    font-weight:bold;
    color:#A71E30;
}

/***********************/
/* DATA TABLES & LISTS */
	
    TABLE.DataList TD {
	    padding-left:7px;
    }

    TABLE.DataList THEAD {
	    border:1px solid #4EB3D1;
	    /*background-color:#D21034;*/
	    background-color:#4EB3D1;
    	
	    height:38px;
	    color:White;
	    font-size:10pt; 
	    font-weight:bold; 
	    padding: 10px 12px 10px 12px;
    }

    TABLE.DataList TBODY TD {
	    padding: 5px 7px 5px 7px;
    }
    TABLE.DataList {
	    border-bottom:1px solid #CEC9C5;	
	    margin:0px 0px 0px 0px;
        font-family:Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        font-size:9pt;
    }
    /* firefox/ie7(i think) only: */
    TABLE.DataList TBODY TR TD:first-child {
	    /*border-left:1px solid #CEC9C5;*/
    }			
    TABLE.DataList TBODY TR TD:last-child {
	    /*border-right:1px solid #CEC9C5;*/
    }		
    
    TABLE.DataListSubTable TD {
	    padding-left:2px;
    }

    TABLE.DataListSubTable TBODY TD {
	    padding: 2px 2px 2px 2px;
    }
    TABLE.DataListSubTable {
	    border-style:none;
	    margin:0px 0px 0px 0px;
        font-family:Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        font-size:9pt;
    }
    /* firefox/ie7(i think) only: */
    TABLE.DataListSubTable TBODY TR TD:first-child {
	    border-style:none;
    }			
    TABLE.DataListSubTable TBODY TR TD:last-child {
	    border-style:none;
    }		
    	
    /* Alternating Rows */
    .alt0, .modBgTblEven { background-color: #EFEFEF; }
    .alt1, .modBgTblOdd  { background-color: White; }

/******************/

/* Buttons */

.buttonOuter
{
    
}

.buttonLeft
{
    cursor: pointer;
    background-image:url(/images/button-left.jpg);
    width:6px;
    height:17px;
    display:inline;
    float:left;
    position:relative;
    
}

.buttonCenter
{
    color:#FFFFFF;
    cursor: pointer;
    background-image:url(/images/button-center.jpg);
    background-repeat:repeat-x;
    height:17px;
    display:block;
    position:relative;    
    float:left;
    font-size:8pt;
    padding-right:12px;
    padding-left:12px;
    padding-top:1px;
}

.buttonCenter:hover
{
    color:#E0E0E0;
}

.buttonRight
{
    cursor: pointer;
    background-image:url(/images/button-right.jpg);
    width:6px;
    height:17px;
    display:block;
    float:left;
    position:relative;
}


/***** SUPPLIER REGISTRATION ******/
#SupplierRegForm LABEL 
{ 
    WIDTH: 200px;
}
.Forms TABLE 
{ 
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: transparent;
}
	
.helpBalloon 
{ 
    position:absolute;
    width:300px;
    BORDER-RIGHT: #4d4d4d 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #4d4d4d 1px solid;
    DISPLAY: none;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #4d4d4d 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #4d4d4d 1px solid;
    BACKGROUND-COLOR: #ffffcc;
    color:#777167;
    font-weight:normal;
}

.lblHelp 
{ 
    FONT-SIZE: 10px;
    CURSOR: pointer;
    COLOR: #884444;
}
