/* Layout */
body { overflow-y: scroll; }

/* Typography */
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.tc { text-align: center !important; }
.uc { text-transform:uppercase; }
.lc { text-transform:lowercase; }
.caps { text-transform:capitalize; }
.vt { vertical-align:top; }
.vb { vertical-align:bottom; }
.vm { vertical-align:middle; }

:focus { -moz-outline-style: none !important; outline:none !important; }

/* Layouts */
.nomargintop { margin-top:0 !important; }
.nomarginright { margin-right:0 !important; }
.nomarginbottom { margin-bottom:0 !important; }
.nomarginleft { margin-left:0 !important; }
.nomarginall { margin:0 !important; }

.nopaddingtop { padding-top:0 !important; }
.nopaddingright { padding-right:0 !important; }
.nopaddingbottom { padding-bottom:0 !important; }
.nopaddingleft { padding-left:0 !important; }
.nopaddingall { padding:0 !important; }

.marginright5 { margin-right:5px; }
.marginbottom5 { margin-bottom:5px; }
.margintop5 { margin-top:5px; }
.marginleft5 { margin-left:5px; }
.marginall5 { margin-left:5px !important; }

.marginright10 { margin-right:10px; }
.marginbottom10 { margin-bottom:10px; }
.margintop10 { margin-top:10px; }
.marginleft10 { margin-left:10px; }
.marginall10 { margin-left:10px !important; }

.marginright15 { margin-right:15px; }
.marginbottom15 { margin-bottom:15px; }
.margintop15 { margin-top:15px; }
.marginleft15 { margin-left:15px; }
.marginall15 { margin-left:15px !important; }

.marginright20 { margin-right:20px; }
.marginbottom20 { margin-bottom:20px; }
.margintop20 { margin-top:20px; }
.marginleft20 { margin-left:20px; }
.marginall20 { margin-left:20px !important; }

.paddingright10 { padding-right:10px; }
.paddingbottom10 { padding-bottom:10px; }
.paddingtop10 { padding-top:10px; }
.paddingleft10 { padding-left:10px; }
.paddingall10 { padding:10px !important; }

.paddingright20 { padding-right:20px; }
.paddingbottom20 { padding-bottom:20px; }
.paddingtop20 { padding-top:20px; }
.paddingleft20 { padding-left:20px; }
.paddingall20 { padding:20px !important; }

.nospacingtop { margin-top:0 !important; padding-top:0 !important; }
.nospacingright { margin-right:0 !important; padding-right:0 !important; }
.nospacingbottom { margin-bottom:0 !important; padding-bottom:0 !important; }
.nospacingleft { margin-left:0 !important; padding-left:0 !important; }
.nospacingall { margin:0 !important; padding:0 !important; }


/* Colours */
.white {
	color:#ffffff;
	text-shadow:0 1px 0 #000;
}

/* Widgets */
.spinner { vertical-align:text-top; }
.website-image { margin-bottom:20px; }


/* ZFood Grid */
.grid:before, .grid:after { content: ""; display: table; }
.grid:after { clear: both; }
.grid { zoom: 1; }

.grid > * { float:left; }
.grid1 { width:10%; }
.grid2 { width:20%; }
.grid3 { width:30%; }
.grid4 { width:40%; }
.grid5 { width:50%; }
.grid6 { width:60%; }
.grid7 { width:70%; }
.grid8 { width:80%; }
.grid9 { width:90%; }
.grid10 { width:100%; }

.strong { font-weight:bold !important; }

.ui-helper-block {
	display:block;
	line-height:normal;
}

div.growlUI { background: url(../images/check48.png) no-repeat 10px 10px; height:63px; }
div.growlUI h1 {
	font-size:25px;
}
div.growlUI h2 {
	font-size:16px;
}
div.growlUI h1, div.growlUI h2 {
	color: #ffffff;
	line-height:100%;
	padding: 5px 5px 5px 75px;
	margin-top:0;
	margin-bottom:0;
	text-align: left;
}

/* Bootstrap override */
small.tiny {
	font-size:65%;
}
input, textarea, .uneditable-input { max-width:100%; }
.alert { margin-bottom:10px !important; }
.alert > *:first-child, .well > *:first-child { margin-top:0 !important; }
.alert > *:last-child, .well > *:last-child { margin-bottom:0 !important; }
.btn-tiny { line-height: 14px !important; padding: 0 2px 1px !important; }
.btn-option {
	font-size: 12px !important;
	height: 13px !important;
	line-height: 13px !important;
	margin: 0 !important;
	padding: 2px 4px !important;
	vertical-align: baseline !important;
}
[class^="icon-"], [class*=" icon-"] { vertical-align: baseline !important; }
div.actions [class^="icon-"], div.actions [class*=" icon-"] { vertical-align: text-top !important; }
.btn-group.extended { display:block; }
.btn-group.extended .btn { width:100%; }
.btn-group.extended.extended2 .btn { width:50%; }
.btn-group.extended.extended3 .btn { width:33.33%; }
.btn-group.extended.extended4 .btn { width:25%; }
.btn-group.extended.extended5 .btn { width:20%; }
.btn-group.extended.extended6 .btn { width:16.67%; }
.btn-group.extended a.btn {
	box-sizing:border-box;
}

.navbar { margin-bottom:10px !important; }

#responsive-food-menu.navbar {
	margin-bottom:0px !important;
}
#responsive-food-menu.navbar .navbar-inner {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
#responsive-food-menu.affix {
	top:0;
	left:0;
	width:100%;
	z-index:5;
}
#responsive-food-menu.affix .nav-collapse {
	overflow-y:scroll;
}

.ui-tabs-menu {
	border-top:none;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
#responsive-food-menu.affix .navbar-inner {
	border-radius:0;
}

.ui-widget-content > table:last-child {  margin-bottom:0; }

.special-deal.method-image {
	cursor:pointer;
}

@media (min-width:780px) {
	body #editProductModal.modal,
	body #editSpecialDealModal.modal {
		width: 750px;
		margin-left: -375px; /* must be half of the width, minus scrollbar on the left (30px) */
	}
	
	
}
.modal .media, .media-body {
	overflow:visible;
}
.modal {
	position:absolute !important;
}
.modal-body {
	/*min-height:500px !important; NOT SURE WHY THIS WAS HERE*/
	max-height:none !important;
	overflow:visible !important;
}

#editProductModal.modal .row-fluid [class*="span"] {
	min-height:20px;
}
.dropdown-menu {
	overflow-y: auto;
}
.modal .dropdown-menu {
	max-height:230px;
}
body.welcome .brand {
	display:none;
}
.huge {
	font-size:50px;
	line-height:50px;
}

.truncate {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Main marketing message and sign up button */
.jumbotron {
margin: 80px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 100px;
line-height: 1;
}
.jumbotron .lead {
font-size: 24px;
line-height: 1.25;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}

@media (max-width: 480px) {
	body {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	body #editProductModal.modal {
		width: 100%;
		margin-left:0;
		top:0;
		left:0;
	}
	.jumbotron {
		margin: 10px 0;
	}
	.jumbotron h1 {
		font-size: 60px;
	}
}

@media (min-width:768px) and (max-width:979px) {
	.form-horizontal .control-label {
		width:110px !important;
	}
	.form-horizontal .controls {
		margin-left:120px !important;
	}
}


.bootbox.modal {
	position:fixed !important;
}