/* 
    Document   : menu
    Created on : Jun 19, 2011, 5:13:56 PM
    Author     : Arnoud
    Description:
        Purpose of the stylesheet follows.
*/

div.option  {
    float: left; 
    padding-left: 15px; 
    border: 1px solid silver; 
    margin-bottom: 10px; 
    margin-right: 10px; 
    height: 80px; 
    width: 250px; 
    
}

div.option_selected {
    background-color: #ddddff;
    cursor:pointer;
    background-image: -webkit-gradient(linear,0 top,0 bottom,from(#ddddff),to(white)); 
}

div.option:hover    {
    background-color: #ddddff;
    cursor:pointer;
    background-image: -webkit-gradient(linear,0 top,0 bottom,from(#ddddff),to(white)); 
    
    -moz-box-shadow: 7px 7px 7px #777;
    -webkit-box-shadow: 7px 7px 7px #777;
    box-shadow: 7px 7px 7px #777;                
    
    
}

.caption {
    color: #000;
    vertical-align:bottom !important;
}

.menucontainer {
  display:table;
  width: 267px;
  height: 82px;
  float: left;
  border: 1px solid silver;
  cursor: pointer;
  margin: 5px;
}

.menuitem {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 30%;
}

.menuitem img {
    max-width: 60px;
    max-height: 70px;
    object-fit: contain;
}

.menuitem:nth-child(2n) {
    padding-bottom: 10px;
    text-align: left !important;
    width: 70%;
}

.menucontainer:hover    {
    background-color: #ddddff;
    cursor:pointer;
    background-image: -webkit-gradient(linear,0 top,0 bottom,from(#ddddff),to(white));

    -moz-box-shadow: 7px 7px 7px #777;
    -webkit-box-shadow: 7px 7px 7px #777;
    box-shadow: 7px 7px 7px #777;
}

.h-flipped {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}