/* Main */
	body {
		background-color:#F5F5F5;
		background-repeat:no-repeat;
		background-position:top;
		font-family:"Open Sans", Tahoma, Geneva, sans-serif;
		font-size:14px;
		color:#666666;
	}
	h1,h2 {
		font-size:24px;
		color:#BF1E2D;
		margin:0;
	}
	.container {
		background-color:#FFF;
		-webkit-box-shadow: 0px 0px 50px 0px #CCC;
		-moz-box-shadow: 0px 0px 50px 0px #CCC;
		box-shadow: 0px 0px 50px 0px #CCC;
	}

/* Alignment, Margins & Padding */
	.alignright {
		text-align:right;
	}
	.aligncentre {
		text-align:center;
	}
	.padding {
		padding:0 20px;
	}
	.nopadding {
		padding:0 !important;
	}
	.nomargin {
		margin:0 !important;
	}
	.small {
		font-size:10px;
		color:#AAAAAA;
	}

/* Input & Forms */
	input[type=text],input[type=password], textarea, select, input[type=file] {
		width:100%;
		border:1px #E5E5E5 solid;
		padding:10px;
		margin-bottom:5px;
	}
	input[type=submit] {
		/*background-color:#BF1E2D;*/
		color:#FFFFFF;
		border:0;
		padding:10px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	input[type=submit]:hover {
		/*background-color:#D2616C;*/
		color:#FFFFFF;
	}
	input[type=file] {
		padding:7px;
	}
	
	select {
		padding:9px;
	}
	label {
		padding:10px 0;
		font-size:14px;
	}
	.error_field {
		border:1px #EE1D25 solid !important;
	}
	#product_list {
		border:1px #E5E5E5 solid;
		height:270px;
		overflow-y:scroll;
		font-size:12px !important;
	}
	#product_header {
		margin:0 !important;
	}
	.small_table {
		font-size:12px !important;
	}
	input.small_table, label.small_table {
		padding:5px 10px 5px 10px;
	}
	select.small_table {
		padding:4px;
	}

/* General Classes */
	a {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	a:hover {
		color:#003366;
		text-decoration:underline;
	}
	hr {
		border:0;
		border-top:1px #EEEEEE solid;
	}
	.clear5 {
		clear:both;
		height:5px;
	}
	.clear10 {
		clear:both;
		height:10px;
	}
	.clear20 {
		clear:both;
		height:20px;
	}
	.hidden_big {
		display:none;
	}
	.show_med {
		display:none;
	}
	.hidden_small {
		display:block;
	}
	blockquote {
		border:0;
		margin:20px 0;
		padding:20px;
		border-top:2px #B8B8B8 solid;
		border-bottom:2px #B8B8B8 solid;
		font-style:italic;
		color:#901D78;
	}
	td,th {
		padding:5px;
	}
	td.first {
		border:0 !important;
		padding-top:0;
	}

/* Colours */
	.red {
		color:#BF1E2D;
	}
	.green {
		color:#005820;
	}
	.orange {
		color:#BF1E2D;
	}
	.blue {
		color:#003366;
	}

/* Header */
	header {
		padding:20px;
	}

/* Nav */
	nav {
		padding:10px 20px;
	}
	#mobile-menu {
		display:none;
	}
	#mobile-menu-button {
		display:none;
		cursor:pointer;
	}
	nav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	nav li {
		float:left;
		position:relative;
		padding:0 15px;
		border-right:1px #CCC solid;
	}
	nav li a {
		color:#B8B8B8;
		font-size:17px;
	}
	nav li.last {
		border:0;
	}
	nav a.active {
		color:#901D78 !important;
		font-weight:bold;
	}

/* Content */
	.content {
		padding:5px 20px 20px 20px;
	}
	
/* Footer */
	footer {
		color:#B8B8B8;
		font-size:12px;
		padding:20px 0;
	}
	footer a {
		color:#B8B8B8;
	}

/* Login */
	.login_menu {
		list-style:none;
		margin:0;
		padding:0 5px 5px 5px;
	}
	.login_menu li {
		margin-bottom:10px;
	}
	.login_menu i {
		margin-right:15px;
	}
	.login_menu ul {
		margin:5px 10px 20px 10px;
	}

/* Responsive settings for iPad Portrait */
@media (min-width: 768px) and (max-width: 991px) {
	.show_med {
		display:block;
	}
	.hidden_small {
		display:none;
	}
}

/* Repsonsive Settings for Smartphone */
@media only screen and (max-width: 767px) {
	.hidden_big {
		display:block;
	}
	.hidden_small {
		display:none;
	}
	#logo {
		text-align:center;
	}
	#logo img {
		width:40% !important;
	}
	#main-menu {
		display:none;
	}
	#mobile-menu-button {
		display:block;
		float:right;
		font-size:36px;
	}
	#mobile-menu-button a {
		color:#B8B8B8;
	}
	#mobile-menu-button a:hover {
		color:#999999;
	}
	#mobile-menu {
		list-style:none;
		margin:0;
		padding:0 15px;
	}
	#mobile-menu li {
		margin-bottom:2px;
	}
	#mobile-menu li a {
		display:block;
		background-color:#B8B8B8;
		padding:5px 15px;
		color:#FFF;
		font-size:17px;
	}
	#mobile-menu li a:hover {
		text-decoration:none;
		background-color:#999999;
	}
}

.dataTables_length {
	width: 40%;
	float: left;
}
.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}