/**
    When done goto http://cssminifier.com/ and save the output to bootstrap-extensions.min.css for live
*/

/* the default dto icon, can be overridden in db */

body {
background-color: ##0f100c;
background-image: url(../website/images/backgrounds/stratelly-background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left; 
background-size: 100% auto; 
}

#brand-icon {}

/* resize the above image */
#brand-icon img {
    margin-top:-1px;
	width: 175px;
    height: auto;
}



/* this is the wrapper for most boxed content (eg. menu side bar, menu itself, checkout page) */
.box-wrapper {}

/* the wrapper for the 'validate ur location' buttons */
#verify-wrapper {}


/* the top bar on the page */
.navbar-default {
    background: transparent url(top-bg.png) repeat-x;
	height: 40px;
}

#footer {
background-color: transparent;
font-size: 16px;
border-top: 0px;	
border-bottom: 0px;
color:#FFFFFF;
font-size:14px;
text-shadow: 2px 1px #660000;
}

#footer a{
color: #ffffff;	
text-shadow: 2px 1px #660000;
font-size: 16px;
text-decoration:underline;
}

/* The links in the topbar */
.navbar-default .navbar-nav>li {
margin-top:2px;	
margin-left: 4px;
background-color:#FFF;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
	background-color:#000;
	padding:2px 8px 2px 8px;
	border: 1px solid #000;
	font-weight: bold;
	font-size:16px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color:#000;
	padding:2px 8px 2px 8px;
	border: 1px solid #ccc;
}


.btn-default {
  color: #FFF;
  background: -webkit-linear-gradient(#66CCFF, #0f100c); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#66CCFF, #0f100c); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#66CCFF, #0f100c); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#66CCFF, #0f100c); /* Standard syntax */
  border-color: #0f100c;
}

.btn-primary {
  color: #FFF;
  background-color: #0f100c;
  border-color: #000;
}

.btn-primary:hover{
  color: #FFF;
  background-color: #0f100c;
  border-color: #000;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #FFF;
  background-color: #0f100c;
  border-color: #000;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #e41634;
/*   border-color: #000; */
}
.btn-default .badge {
  color: #ffffff;
  background-color: #e41634;
}

#menu-wrapper h2 {
	background:url(menu-icon.png) top left no-repeat;
	height:40px;
	margin-left: 0px;
	}
	
.section_name {color:#66CCFF; font-size:20px; font-weight:bold; border-bottom:1px solid #ccc;padding-top:10px;}
.item_name {font-weight:bold;}

#sidebar-nav-fixed {
box-sizing: border-box;
padding: 15px;
border: 1px solid #0f100c;
border-radius: 6px;
  background: -webkit-linear-gradient(#66CCFF, #0f100c); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#66CCFF, #0f100c); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#66CCFF, #0f100c); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#66CCFF, #0f100c); /* Standard syntax */
}

#sidebar-nav-fixed a {color:#ffffff; text-transform:uppercase}
#sidebar-nav-fixed a:hover {background-color: #0f100c}
#sidebar-nav-fixed a:focus {background-color: #0f100c}

.menu_item {
padding: 0 15px;
border-radius: 0px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 1px solid #ccc!important;
margin-bottom: 5px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.0);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.0);
box-shadow: 0 2px 4px rgba(0,0,0,.0);
}

.icon_favourite {
display:none;
}

table.menu_item_prices td {
padding-bottom: 3px;
padding-top: 3px;
padding-right: 5px;
text-align: right;
}

td.price {width:55px;}
#legend {display:none}

#language-selector {
 display:inline; 
}