/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */


    
header
{
width: 93.75%; /* 720px / 768px */
}
 
#maincontent
{
width: 88.54%; /* 680px / 768px */
}

.maincontent
{
width: 93.75%; /* 720px / 768px */
}

footer
{
width: 93.75%; /* 720px / 768px */
}

footer img
{
width:680px;
}

#Menu ul.category-list li a
{
margin:0 0.5em;
}

#Menu
{
width:90%;
text-align:center;
margin:-38px auto 0 auto;
padding-bottom:0;
font-size:1em;
letter-spacing:0.1em;
text-transform:uppercase;
position:relative;
z-index:2;
}

#Menu ul
{
display:inline-block;
margin:0 auto 0 auto;
padding:0;
}

#Menu ul li
{
margin:0;
padding:0;
list-style:none;
display:inline;
}

#Menu ul li a
{
margin:0 0.5em;
padding:0;
color: #fffcdf;
text-decoration: none;
}

#Menu ul li a:hover
{
color: #abd29a;
text-decoration: underline;
}

/* ========================================Price and cart stuff========================== */

#Price h2
{
color:#243a26;
font-size:1.1em;
margin:0.2em 0 1em 0;
text-transform:uppercase;
letter-spacing:0;
}

.SuccessMessage
{
width:50%;
}