﻿@media only screen and (max-device-width : 500px)  
{
    
    
    .contentcontainer 
{
   position:relative;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   padding-bottom:160px;   /* Height of the footer */
}

    .mobilecontentfooter
    {
	    margin-top:20px;
        background-color:#f4f4f4;
        
	background-image:url('/Common/Images/Backgrounds/bgcolor.gif');
	background-position:center;
        height:30px;
        width:100%;
    }
}

@media only screen and (min-width : 0px) and (min-device-width : 501px) 
{
    
    .content_Seperator
    {
        height:40px;
    }

.contentcontainer 
{
   position:relative;
   width:910px;
   margin-left:auto;
   margin-right:auto;
   padding-bottom:104px;   /* Height of the footer */
}

.mobilecontentfooter
{
    height:20px;
}

}