/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */


    
        header {
            width: 93.75%; /* 450px / 480px */
        }


        #maincontent{
            width: 93.75%; /* 450px / 480px */
        }
        
    
        .maincontent{
            width: 93.75%; /* 450px / 480px */
        }
        
        
        footer {
            width: 93.75%; /* 450px / 480px */
        }
        
/*==========================Pages Menu=====================*/

#pagemenuribbon
{
display:none;
}

#Menu
{
width:100%;
text-align:center;
margin:0;
padding:0;
font-size:0.8em;
letter-spacing:0.2em;
text-transform:uppercase;
background-color:#fffcdf;
}

#Menu ul.category-list
{
display:block;
}

#Menu ul
{
display:block;
}

#Menu ul li a,
#Menu ul.category-list li a
{
display:block;
width:100%;
padding:1em 0;
background-color:#243a26;
margin:1px 0;
}

/* ========================================= */

#maincontentcontainer
{

}

#maincontent
{
padding-top:4px;
}

#mainSplash, #mainSplash320
{
display:none;
}

#mainSplashMobile
{
display:block;
margin:4px 4px 4px 4px;
}

#mainIconRow
{
width:100%;
overflow:hidden;
margin:0 auto;
}

#mainIconRow img
{
    display:block;
    height:auto;
    max-width:100%;
    margin:10px auto;
    float:none;
}


/* =======================================================Product display ===*/

.productPage .span_1_of_2 h1
{
text-align:center;
margin:0.7em 0 0.3em 0;
}

#Price
{
    margin:0;
    padding:0;
text-align:center;
}

#Price h2
{
float:none;
    margin:0;
padding:0;
line-height:1.5em;
}

#Price input
{
margin-top:1em;
}


/*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */

.span_8_of_8 {
    width: 100%; 
    margin-left: 0;
}

.span_7_of_8 {
    width: 100%;
    margin-left: 0;
}

.span_6_of_8 {
    width: 100%;
    margin-left: 0;
}

.span_5_of_8 {
    width: 100%;
    margin-left: 0;
}

.span_4_of_8 {
    width: 100%;
    margin-left: 0;
}

.span_3_of_8 {
    width: 74.2%;
    margin: 1% 0 1% 3.2%;
}

.span_2_of_8 {
    width: 48.4%;
    margin: 1% 0 1% 3.2%; 
}

.span_1_of_8 {
    width: 22.6%;
    margin: 1% 0 1% 3.2%; 
}

.span_1_of_8:nth-child(4n+1) { 
    clear: both;
    margin-left: 0;
}