/* 
    Document   : restaurants-wooden-menu-covers
    Created on : 04-Dec-2012, 14:30:27
    Author     : Asif Javed <asif.javed@onefunction.co.uk>
    Description:
        Purpose of the stylesheet follows.
*/
/*@import url("/css/pages/commons/menu-covers.css");*/

/* 
    Document   : a4-menus
    Created on : 14-Dec-2012, 16:30:32
    Author     : Asif Javed <asif.javed@onefunction.co.uk>
    Description:
        Purpose of the stylesheet follows.
*/

.slideshowH {
    width: 300px;
    height: 290px;
    position: absolute;
    right: -40px;
    top: -50px;
}
.slideshowH img
{
    display: none;
}
#middleSide .product-details .slideshowH .product-image {
    left: 0px;
    top: 0px;
}

div.box-container {
    width: 700px;

}

div.box-container  ul {
    margin: 0px;
    padding: 0px;
}

div.box-container  ul li {
    float: left;                
    margin-right: 20px;
    margin-bottom: 20px;
    width: 160px;
    height: 210px;
    list-style: none;

}


div.box-container  ul li a {
    position: relative;
    display: block;      
    background: url("/images/hfbg.png") repeat scroll center top transparent;
    text-decoration: none;

}

div.box-container  ul li a span.covers-image {
    display: block;
    height: 140px;
}

div.box-container  ul li a span.fTitle 
{
    font-size: 25px;
    text-transform: uppercase;                
    display: block;
    height: 55px;
    padding: 15px 15px 0px 15px;
    text-align: center;
    line-height: 25px;
    overflow: hidden;
    color: #FFF;
    font-weight: 300;

}
div.box-container  ul li a:hover span.fTitle {
    color: #FACC0E;
}
div.box-container  ul li a span.covers-image 
{
    background: url("/images/tabletopmenus-sprite.png") no-repeat 0px 0px transparent;
}
div.box-container  ul li a span.fMoreDetails 
{
    display: none;                    
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 120px;                
    padding-right: 40px;
    text-align: right;
    background: url("/images/hfbg.png") repeat scroll center top transparent;
    font-size: 18px;
    text-transform: uppercase;
}

div.box-container  ul li a:hover span.fMoreDetails 
{
    display: block;
}

div.box-container  ul li a:hover span.fMoreDetails span.ficon 
{
    background: url("/images/icons_sprite.png") no-repeat scroll 0 -47px transparent;
    height: 18px;
    position: absolute;
    right: 10px;
    text-align: left;
    text-indent: -4000px;
    top: 5px;
    width: 20px;   
}

div.box-container  ul li.box1 a span.covers-image 
{
    background-position: 0px 0px;
}

div.box-container  ul li.box1 a:hover span.covers-image 
{
    background-position: 0px -150px;
}



div.box-container  ul li.box2 a span.covers-image 
{
    background-position: -170px 0px;
}

div.box-container  ul li.box2 a:hover span.covers-image 
{
    background-position: -170px -150px;
}


div.box-container  ul li.box3 a span.covers-image 
{
    background-position: -340px 0px;
}

div.box-container  ul li.box3 a:hover span.covers-image 
{
    background-position: -340px -150px;
}
div.box-container  ul li.box4{
    margin-right: 0px;
}
div.box-container  ul li.box4 a span.covers-image 
{
    background-position: -510px 0px;

}

div.box-container  ul li.box4 a:hover span.covers-image 
{
    background-position: -510px -150px;
}            





div.box-container  ul li.box5 a span.covers-image 
{
    background-position: 0px -300px;
}

div.box-container  ul li.box5 a:hover span.covers-image 
{
    background-position: 0px -450px;
}



div.box-container  ul li.box6 a span.covers-image 
{
    background-position: -170px -300px;
}

div.box-container  ul li.box6 a:hover span.covers-image 
{
    background-position: -170px -450px;
}


div.box-container  ul li.box7 a span.covers-image 
{
    background-position: -340px -300px;
}

div.box-container  ul li.box7 a:hover span.covers-image 
{
    background-position: -340px -450px;
}
div.box-container  ul li.box8{
    margin-right: 0px;
}
div.box-container  ul li.box8 a span.covers-image 
{
    background-position: -510px -300px;

}

div.box-container  ul li.box8 a:hover span.covers-image 
{
    background-position: -510px -450px;
}            


div.box-container  ul li.box9 a span.covers-image 
{
    background-position: 0px -600px;
}

div.box-container  ul li.box9 a:hover span.covers-image 
{
    background-position: 0px -750px;
}

div.box-container  ul li.box10 a span.covers-image 
{
    background-position: -170px -600px;
}

div.box-container  ul li.box10 a:hover span.covers-image 
{
    background-position: -170px -750px;
}

div.box-container  ul li.box11 a span.covers-image 
{
    background-position: -340px -600px;
}

div.box-container  ul li.box11 a:hover span.covers-image 
{
    background-position: -340px -750px;
}
/********************************* page specfic ******************************/
#leftSide {
    min-height: 725px;
}