@charset "utf-8";

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
	 -khtml-appearance: none;
     border-radius: 5px;
}

/*-- Reset --*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}

ol,ul{
  list-style:none;
}

blockquote,q {
  quotes:none;
}

blockquote:before,blockquote:after,
q:before,q:after {
  content:'';
  content:none;
}

ins {
  text-decoration:none;
}

del {
  text-decoration:line-through;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/*-- General Styles --*/
body {
  margin: 0;
  color: #444;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  font-style: normal;
  min-width: 940px;
  text-align: center;
  background: #e8e9e4;
}

a {
	text-decoration: none; 
	color: #2fa8dc;
}

a:hover {
	color: #ec008c;
}

h1 {
	color: #444;
	font-size: 30px;
	margin: 0 0 1em 0;
}

h3 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #21418a;
	margin: 0 0 1em 0;
}

h3.report {
	margin:1em 0 -0.5em 0!important;
}

p {
	font-size: 14px;
	color: #444;
	line-height: 1.3em;
	margin: 1em 0;
}

strong {
	font-weight: 700;
}

textarea:focus,
input:focus,
select:focus {
	outline: none;
}

input[type=text] {
	min-width: 60px;	
	padding: 5px 4px;
	margin: 0;
	background: #f7f7f5;
	color: #444;
	border: 1px solid #dcddd8;
}

input[type=text].login {width:200px;}

input[type=password] {
	min-width: 60px;	
	padding: 5px 4px;
	margin: 0;
	background: #f7f7f5;
	color: #444;
	border: 1px solid #dcddd8;
}

input[type=password].login {width:200px;}

/*-- Page Container --*/
.pageContainer {
	margin: 0 auto;
	width: 940px;
	text-align: left;
}

.blue {
	color: #21418a;
}

.pink {
	color: #ec008c;
}

/*-- Header --*/
header {
	background: #FFF;
}

header .topNavigation {
	color: #444;
	background: #f8f8f7;
	border-bottom: 1px solid #e8e9e4;
	font-size: 13px;
	padding: 10px 0;
}

header .topNavigation .divide {
	display: inline-block;
	margin: 2px 8px 0 0;
	padding: 0 8px 0 0;
	border-right: 1px solid #b3b3b2;
	font-size: 10px;
	vertical-align: top;
}

header .topNavigation aside {
	float: right;
	display: inline;
	text-align: right;
}

header .topNavigation a {
	color: #2fa8dc;
}

header .logo {
	padding: 15px 0 10px;
	min-height:80px;
}

header .logo aside {
	float: right;
	display: inline;
	margin: 25px 0 0;
}

header .logo aside form {
	margin: 0;
}

header .logo aside form *:focus {
	outline: none;
}

header .logo aside form select {
	float: right;
	display: inline;
	padding: 4px;
	margin: 0 10px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e8e9e4;
}

header .logo aside form article {
	background: #f8f8f7;
	border: 1px solid #e8e9e4;
	float: right;
	display: inline;
	width: 200px;
	padding: 0px 10px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

header .logo aside form article input[type=text] {
	background: #f8f8f7;
	border: none;
	margin: 0;
	padding: 5px 0;
}

header .logo aside form article input[type=image] {
	position: absolute;
	right: 10px;
	top: 5px;
}

header nav {
	background: #21418a;
	padding: 30px 0;
}

header nav.blue {
	background: #21418a;
	padding: 30px 0;
}

header nav.pink {
	background: #EC008B;
	padding: 30px 0;
}

header nav.orange {
	background: #E54209;
	padding: 30px 0;
}

header nav ul {
	list-style: none;
	margin: 0;
}

header nav ul li {
	float: left;
	display: inline;
	margin: 0 50px 0 0;
	padding: 0;
}

header nav ul li a {
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
}

header nav ul li a:hover {
	color: #e4ecff;
}

header nav ul li.settings {
	float: right;
	margin: 0;
}

header nav ul li . {
	background: url(images/s.png);
	width: 16px;
	height: 16px;	
	display: inline-block;
	margin: 2px 5px 0 0;
	vertical-align: top;
}

header nav ul li.website . {
	background-position: 0 0;
}

header nav ul li.orders . {
	background-position: -16px 0;
}

header nav ul li.proposals . {
	background-position: -32px 0;
}

header nav ul li.reports . {
	background-position: 0 -16px;
	margin-top: 1px;
}

header nav ul li.customers .icon {
	background-position: -16px -16px;
	margin-top: 0;
}

header nav ul li.settings .icon {
	background-position: -32px -16px;
}

/*-- Main Contents --*/
.pageContents {
	background: #e8e9e4;
	padding: 40px 0;
}

/*-- Page Title --*/
.pageTitle {
	margin: 0 0 30px;
}

.pageTitle h1 {
	font-size: 40px;
	font-weight: 400;
	color: #444;
	margin: 0;
	padding: 0;	
}

.pageTitle aside {
	float: right;
	display: inline;
	margin: 10px 0 0;
}

/* -- Login --*/

.login {
	margin: 40px 0;
}

.login header {
	margin: 0 0 40px 0;
	background: none;
}

.login header h1 {
	font-size: 30px;
	font-weight: 400;
	color: #444;
	margin: 0;
	padding: 0;	
}

.login header article {
	float: right;
	width: 420px;
	margin: 0;
	padding: 10px 20px;
}

.login header article h5 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0 0;
}

.login header article h5 em {
	float: right;
	display: inline;
	text-align: right;
	color: #65ad10;
	font-size: 20px;
	margin: -2px 0 0;
}

.login article {
	width: 450px;
	padding: 20px;
	background: #FFF;
	border-radius: 5px;
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	font-size: 14px;
}

.login article.lastChild {
	margin: 0;
}

.login article h3 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #21418a;	
	margin: 0 0 1em 0;
}

.login article h5 {
	font-size: 14px;
	font-weight: 700;
	color: #CC0000;	
	margin: 0 0 1em 0;
}

.login article footer {
	margin: 0 0 10px 0;
}
	
.login article aside {
	float: right;
	display: inline;
	text-align: right;
	color: #444;
}

.login article ul {
	list-style: none;
	margin: 0;
}

.login article ul li {
	margin: 0 0 20px 0;
	padding: 0;
}

.login article h6 {
	color: #2fa8dc;
	font-weight: 700;
	font-size: 14px;
	margin: 0 0 0.4em 0;
}

.login article p {
	margin: 0.4em 0;
	color: #444;
	font-size: 14px;
}

.login article p strong {
	font-weight: 700;
}

.login label {
	float: left;
	display: inline;
	width: 180px!important;
	color: #21418a;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 6px 20px 0 0;
}
/*-- Dashboard --*/
.dashboard {
	margin: 20px 0;
}

.dashboard header {
	margin: 0 0 40px 0;
	background: none;
}

.dashboard header h1 {
	font-size: 30px;
	font-weight: 400;
	color: #444;
	margin: 0;
	padding: 0;	
}

.dashboard header article {
	float: right;
	width: 420px;
	margin: 0;
	padding: 10px 20px;
}

.dashboard header article h5 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 0 0;
}

.dashboard header article h5 em {
	float: right;
	display: inline;
	text-align: right;
	color: #65ad10;
	font-size: 20px;
	margin: -2px 0 0;
}

.dashboard article {
	width: 260px;
	padding: 20px;
	background: #FFF;
	border-radius: 5px;
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	font-size: 14px;
}

.dashboard article.wide {
	width: 900px;
}

.dashboard article.lastChild {
	margin: 0;
}

.dashboard article h3 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #21418a;	
	margin: 0 0 1em 0;
}

.dashboard article h4 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #21418a;	
	margin: 0.5em 0 0.5em 0;
	line-height:1.5em;
}

.dashboard article footer {
	margin: 0 0 10px 0;
}
	
.dashboard article aside {
	float: right;
	display: inline;
	text-align: right;
	color: #444;
}

.dashboard article ul {
	list-style: none;
	margin: 0;
}

.dashboard article.wide ul {
	list-style: disc;
	margin: 0 0 0 20px;
}

.dashboard article.wide hr {
	height: 1px;
	border-top: solid 1px #CCCCCC;
	border-bottom: 0;
	margin: 10px 0 10px 0;
	padding: 0;
	line-height: 0;
}

.dashboard article ul li {
	margin: 0 0 20px 0;
	padding: 0;
}

.dashboard article.wide ul li {
	margin: 0 0 5px 0;
	padding: 0;
}

.dashboard article h6 {
	color: #2fa8dc;
	font-weight: 700;
	font-size: 14px;
	margin: 0 0 0.4em 0;
}

.dashboard article p {
	margin: 0.4em 0;
	color: #444;
	font-size: 14px;
}

.dashboard article p strong {
	font-weight: 700;
}

/*-- Orders --*/
.orders {}

.orders .search {
	background: #2fa8dc;
	border: 0;
	padding: 6px 12px;
	margin: 0 0 20px 0;
	color: #FFF;	
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.orders .search label {
	float: left;
	display: inline;
	margin: 9px 12px 0 0;
	font-weight: 700;
	font-size: 13px;
	color: #FFF;	
}

.orders .search label.first {
	width:180px;	
}

.orders .search input[type=text] {
	float: left;
	display: inline;
	margin: 1px 12px 0 0;
	padding: 6px 7px;
	border: 1px solid #1991c5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #444;
}

.orders .search input[type=text].large {
	width: 200px;
	margin-right: 20px;
}

.orders .search input[type=text].small {
	width: 100px;
}

.orders .search input[type=text].smallDate {
	width: 65px;
}

.orders .search select.small {
	width: 100px;
	margin-left:20px;
}

.orders .search select.medium {
	width: 140px;
	margin-left:15px;
}

.orders table input[type=text].small {
	width: 80px;
}

.orders table input[type=text].smallDate {
	width: 60px;
	min-width:60px!important;
	margin: 0 0 0 0;
	padding: 2px 2px;
	border-radius: none!important;
	-webkit-border-radius: none!important;
	color: #444;
	font-size:11px;
}

.orders .search input[type=submit] {
	margin: 2px 0 0;
	float: right;
	max-width: 50px;
	text-align: center;
}

.orders .filter {
	background: #dcddd8;
	border: 0;
	padding: 6px 12px;
	margin: 0 0 20px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.orders .filter aside {
	float: left;
	display: inline;
}

.orders .filter aside select, .orders .search select {
	width: 160px;
	padding: 5px;
	color: #444;
	margin: 0 15px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #b8b8b8;
}

.orders .filter ul {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	float: left;
	display: inline;
}

.orders .filter ul li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;		
}

.orders .filter ul li:after {
	content: "|";
	display: inline;
	margin: 0 0 0 10px;
	font-size: 12px;
	font-weight: 700;
}

.orders .filter ul li.lastChild:after {
	display: none;
	content: "";
	margin: 0;
}

.orders .filter ul li span {
	font-weight: 400;
}

.orders table {
	margin: 20px 0 0;	
	width: 100%;
	background-color: #e8e9e4!important;
}

.orders table th {
	color: #444;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px;
	text-align: left;
}

.orders table.small th {
	padding: 6px;
}

.orders table th:last-child {
	text-align: right;
}

.orders table td:last-child {
	text-align: right;
}

.orders table.small th:last-child {
	text-align: left;
}

.orders table.small th:first-child {
	padding-left: 0;
}

.orders table tr {
	margin: 0 0 2px 0;
	background-color: #e8e9e4!important;
}

.orders table td {
	padding: 10px 8px;
	color: #444;
	font-size: 12px;
	background: #FFF;
	margin: 0;
	vertical-align: middle;
	border-bottom: 2px solid #e8e9e4;
}

.orders table.small td {
	font-size: 11px;
}

.orders table.customers tbody {
	background: #e8e9e4!important;
}

.orders table.customers td {
	padding: 0 8px;
	color: #444;
	font-size: 13px;
	margin: 0;
	vertical-align: middle;
	border-bottom: 2px solid #FFF;
}

.orders table th.right,
.orders table.small th.right,
.orders table td.right {
	text-align: right;
}

.orders table td.strong {
	font-weight: 700;
}

.orders table .strong a .icon.arrow, .icon.arrow {
	background: url(images/icons.png) no-repeat -16px -32px;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.transport_blue, .icon.transport_blue {
	background: url(images/icon_additional_collection_blue.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.transport_red, .icon.transport_red {
	background: url(images/icon_additional_collection_red.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.product_blue, .icon.product_blue {
	background: url(images/icon_order_adjustment_blue.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.product_red, .icon.product_red {
	background: url(images/icon_order_adjustment_red.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.calendar_blue, .icon.calendar_blue {
	background: url(images/icon_order_extension_blue.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.calendar_red, .icon.calendar_red {
	background: url(images/icon_order_extension_red.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.tick, .icon.tick {
	background: url(images/icon_tick.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.cross, .icon.cross {
	background: url(images/icon_cross.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.manual_blue, .icon.manual_blue {
	background: url(images/icon_order_manual_blue.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table .strong a .icon.manual_red, .icon.manual_red {
	background: url(images/icon_order_manual_red.png) no-repeat top left;
	height: 16px;
	width: 16px;
	float: left;
	display: inline;
	margin: -1px 6px 0 0;
}

.orders table.small td {
	border-bottom: 0;
	padding: 4px;
}

.orders table.small td:first-child {
	padding-left: 0;
}

.orders table .reference {
	width: 140px;
	border-radius: 5px 0 0 5px;
	color: #FFF;
	font-weight: 700;
	padding: 0;
}

.noCorners {
	border-radius: 0!important;
}

.orders table .counter {
	width: 15px!important;
	border-radius: 5px 0 0 5px;
	padding: 5px;
}

.orders table .flag {
	width: 8px;
	border-radius: 0;
	color: #FFF;
	font-weight: 700;
	padding: 0;
	border:1px #FFFFFF solid;
}

.orders table .reference a {
	display: block;
	color: #FFF;
	padding: 12px;
}

.orders table .reference a .icon.phone {
	background: url(images/icons.png) no-repeat 0 -32px;
	height: 16px;
	width: 16px;
	float: right;
	display: inline;
}

.orders table .reference.green {
	background: #8ec016;	
}

.orders table .reference.blue {
	background: #21418a;	
}

.orders table .reference.yellow {
	background: #dfbd00;	
}

.orders table .reference.grey {
	background: #94958f;	
}

.orders table .reference.black {
	background: #000000;	
}

.orders table .reference.red {
	background: #F70D1A;	
}

.orders table .reference.purple {
	background: #660099;
}

.orders table .contract {
	width: 88px;	
}

.orders table .date {
	width: 68px;	
}

.orders table .customer {
	width: 158px;	
}

.orders table .delivery {
	width: 68px;	
}

.orders table .collect {
	width: 68px;	
}

.orders table .hire {
	width: 68px;	
}

.orders table .discount {
	width: 98px;	
}

.orders table .status {
	width: 100px;
	padding:0 10px 0 0;
	text-align:right;
}

.orders table .edit {
	width: 50px;
	padding:0 10px 0 0;
	text-align:right;
}

.orders table .delete {
	width: 20px;
	padding:0 10px 0 0;
	text-align:right;
}

.orders table tr.comment td {
	padding:10px 5px 5px 5px;
	vertical-align:top;
}

.orders table button {
	padding: 10px 10px;	
	font-size: 13px;
	margin:0!important;
}

.orders table .total {
	width: 112px;	
	font-weight: 700;
	text-align: right;
}

.orders table .last {
	border-radius: 0 5px 5px 0;
}

.orders table .one {
	width: 10%
}

.orders table .two {
	width: 20%;
}

.orders table .three {
	width: 30%;
}

.orders table .four {
	width: 40%;
}

.orders table .five {
	width: 50%;
}

.orders footer.paging a, .orders footer.paging strong {
	margin-right:10px;
}
.orders footer.paging a:lastChild {
	margin-right:0;
}

textarea.comment {
	padding: 5px 4px;
	background: #f7f7f5;
	color: #444;
	border: 1px solid #dcddd8;
	width: 300px;
	height:80px;
}

.orders footer {
	margin: 30px 0 0;	
}

.orders footer .button {
	padding: 10px 26px;	
	font-size: 13px;
}

.orders footer aside {
	float: right;
	display: inline;
}

.orders footer aside h5 {
	text-align: right;
	font-size: 16px;
	color: #222;
	font-weight: 700;
	text-transform: uppercase;
}

/*-- Order Details --*/
.orders .details {
	margin: 30px 0;
}

.orders .details nav ul {
	list-style: none;
	margin: 0;
}

.orders .details nav ul li {
	background: #dcddd8;
	margin: 0 10px 0 0;
	color: #21418a;
	float: left;
	display: inline;
	font-size: 18px;
	font-weight: 700;	
	padding: 20px 0;
	text-transform: uppercase;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.orders .details nav ul li a {
	color: #21418a;
	padding: 20px;
}

.orders .details nav ul li.active,
.orders .details nav ul li:hover {
	background: #FFF;
}

.orders .details nav ul li a:hover {
	color: #21418a;
}

/*-- Order Details - Content Box --*/
.orders .details .content {
	background: #FFF;
	padding: 40px 20px;
	border-radius: 0 5px 5px;
}

.orders .details .content article {
	float: left;
	display: inline;
	width: 410px;
	margin: 0 80px 0 0;
}

.orders .details .content article.full {
	float: none;
	width: 100%;
	display: block;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	position: relative;
	border-bottom: 1px solid #eee;	
}

.orders .details .content article.full label {
	float: left;
	display: inline;
	width: 220px;
	color: #21418a;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 6px 20px 0 0;
}

.orders .details .content article.full p {
	margin: 0 0 0 240px;
	font-size: 16px;
	padding: 5px 0;
}

.orders .details .content article.full a.button {
	position: absolute;
	left: 500px;
	top: 0;
}

.orders .details .content article.lastChild {
	margin: 0;
}

.orders .details .content article h3 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #21418a;	
	margin: 0 0 1em 0;
}

.orders .details .content article hr {
	border: 0;
	border-bottom: 1px solid #eee!important;
}

.line {
	border: 0;
	border-bottom: 1px solid #ccc!important;
	margin:5px 0 20px 0;
	width:100%;
}

.orders .details .content article h3 aside {
	float: right;
	display: inline;
}

.orders .details .content article ul {
	list-style: none;
	margin: 0;
}

.orders .details .content article ul.rightList {
	margin: 0 0 40px 0;	
}

.orders .details .content article ul li {
	width:410px;
	display:inline;
	float:left;
	margin: 0 0 20px 0;
	font-size: 13px;
}

.orders .details .content article ul li p {
	margin: 0 0 0 140px;
}

.orders .details .content article ul li input[type=text], input[type=file] {
	width: 180px;	
	padding: 5px 4px;
	background: #f7f7f5;
	color: #444;
	border: 1px solid #dcddd8;
}

.orders .details .content article ul li input[type=text].postcode {
	width: 130px;	
}

.orders .details .content article ul li select {
	width: 200px;
	padding: 5px;
	color: #444;
	margin: 0 10px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #b8b8b8;
}

.orders .details .content article ul li textarea {
	width: 180px;	
	padding: 5px 4px;
	background: #f7f7f5;
	color: #444;
	border: 1px solid #dcddd8;
	height: 40px;
	resize: none;
}

.orders .details .content article ul li label {
	float: left;
	width: 140px;
	margin: 0 20px 0 0;
	font-weight: 700;
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
}

.orders .details .content article ul li input[type=checkbox] {
	margin: 1px 8px 0 0;
	float: left;
	display: inline;
}

.orders .details .content article ul li input[type=submit] {
	margin: 0 0 0 140px;
}

/*-- Order Details - Content Box - Order Satus Form --*/
.orders .details .content form.status {
	margin: 0 0 40px;
}

.orders .details .content form.status select {
	width: 200px;
	padding: 5px;
	color: #444;
	margin: 0 10px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #b8b8b8;
}

/*-- Order Details - Content Box - Invoices --*/
.orders .details .content .invoices {
	
}

/*-- Order Details - Content Box - Delivery Date --*/
.orders .details .content form.date {
	margin: 0;	
}

.orders .details .content form.date select {
	min-width: 60px;
	padding: 5px;
	color: #444;
	margin: 0 6px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #b8b8b8;
}

.orders .details .content form.date input[type=submit] {
	margin: 20px 0 0;
}

.orders .details .content form.date a {
	margin: 20px 0 0!important;
}

/*-- Order Details - Collections --*/
.orders .details .content .collections {
	margin: 20px 0 0 0;
}

.orders .details .content .collections li {
	border-bottom: 1px solid #CCCCCC;
}

.orders .details .content .collections li aside {
	float: right;
	display: inline;
	margin-bottom:10px;
}

.orders .details .content .collections li table {
	float: right;
	display: inline;
	background-color:#FFFFFF;
	margin:0 0 10px 0;
}

.orders .details .content .collections li table td {
	font-size:12px;
	font-weight:normal;
	line-height:1.5em;
	padding:5px 0 5px 0;
	border:0;
	margin:0;
}

.orders .details .content .collections li table thead td {
	font-weight:bold;
}

.orders .details .content .collections li .date {
	font-weight: 700;
	color: #8ec016;	
}

.orders .details .content .collections li .divide {
	display: inline-block;
	margin: 2px 8px 0 0;
	padding: 0 8px 0 0;
	border-right: 1px solid #b3b3b2;
	font-size: 10px;
	vertical-align: top;
}

/*-- Order Details - Summary --*/
.orders .details .summary {
	float: right;
	width: 360px;
	margin: -40px 0 0;
}

.orders .details .summary td {
	text-align: right;
	text-transform: uppercase;
}

.orders .details .summary td.total {
	background: #f7f7f5;
	font-weight: 700;
	font-size: 16px;
	text-align: right;
	width: auto;
}

/*-- Button --*/
.button {
	background: #2fa8dc;
	border: 0;
	padding: 6px 12px;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-transform: uppercase;
	margin: 0;
}

.buttonLight {
	font-size: 12px;
	font-weight:normal;
}

.button:hover {
	background: #44b7e8;
	color: #FFF;
}

.button.pink {
	background: #ec008c;
}

.button.pink:hover {
	background: #f11c9b;
}

.button.dark {
	background: #21418a;	
}

.button.dark:hover {
	background: #2e509d;
}

.button.large {
	padding: 10px 16px;
}

.button.small {
	padding: 4px 3px;
	font-size:10px;
}

.button.right {
	float: right;
	display: inline-block;
}

.button.hidden {
	display: none;
}

.hidden {
	display: none;
}

/*-- Footer --*/
footer.pageFooter {
	margin: 0;
	padding: 0;
}

footer.pageFooter .pageContainer {
	border-top: 1px solid #aeafab;
	padding: 30px 0;
}

footer.pageFooter .pageContainer p {
	font-size: 13px;
	color: #444;
}

/*-- Last child --*/	
.lastChild {
	margin: 0;
}

/*-- Reveal --*/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}
	
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #FFF;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal h3 {
	margin: 15px 0 5px;
}
		
.reveal-modal ul {
	margin: 0;
	list-style: none;
}

.reveal-modal ul li {
	margin: 0 0 20px 0;
}

.reveal-modal ul li.buttons {
	margin: 30px 0 0;
}

.reveal-modal ul li label {
	float: left;
	display: inline;
	width: 220px;
	color: #21418a;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 6px 20px 0 0;
}

.reveal-modal ul li p {
	margin: 0 0 0 240px;
	font-size: 14px;
	padding: 5px 0;
}

.reveal-modal ul li p.large {
	font-weight: 700;
	font-size: 16px;
}

.reveal-modal select {
	min-width: 60px;
	padding: 5px;
	color: #444;
	margin: 0 6px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #b8b8b8;
}

.reveal-modal select.medium {
	width: 250px;
}

.reveal-modal input[type=text] {
	min-width: 60px;
	padding: 5px;
	color: #444;
	margin: 0 6px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #b8b8b8;
}

.reveal-modal textarea.medium {
	width: 250px;
	padding: 5px;
	color: #444;
	margin: 0 6px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #b8b8b8;
}

.reveal-modal input[type=text].medium {
	width: 250px;
}

.reveal-modal article {
	width: 250px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
}

.reveal-modal article.lastChild {
	margin: 0;
}

.reveal-modal article p {
	margin: 0 0 1em 0;
}

.reveal-modal article p strong {
	margin: 0 15px 0 0;	
	text-transform: uppercase;
}

.reveal-modal table {
	width: 100%;
}

.reveal-modal table th {
	color: #444;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	padding: 6px 0;
}

.reveal-modal table td {
	color: #444;
	font-size: 13px;
	background: #FFF;
	margin: 0;
	vertical-align: middle;
	padding: 5px 0 15px 0;
}

.reveal-modal table td.large {
	width: 280px;	
}

.reveal-modal table td.small {
	width: 80px;
}

.reveal-modal table td input[type=text] {
	min-width: 40px;
	width: 40px;	
	padding: 5px 4px;
	background: #f7f7f5;
	color: #444;
	border: 1px solid #dcddd8;
}
		
/*-- Clearfix --*/
.clearfix {
	zoom:1;
}

.clearfix:before, .clearfix:after {
	content:""; 
	display:table;
}

.clearfix:after {
	clear:both;
}

/*-- Validation --*/
form.validated ul li span {
color:#CC0000;
}

form.validated label {
	width: 160px!important;
}

form.validated label.error {
	width: 160px!important;
	display: inline!important;
	float:right;
	font-weight:normal!important;
	text-transform:none!important;
	margin: auto!important;
	color: #CC0000!important;
	font-style:italic!important;
}

/*-- Create New Order --*/
.newOrderAccount {background: #FFF; padding: 40px 20px; border-radius: 5px 5px; width: 900px; margin: 0 0 20px 0;}
.newOrderAccount h2 {font-size: 24px; text-transform: uppercase; color: #21418a; line-height: 1.2em; margin: 0 0 0.5em 0; font-weight: 700;}
.newOrderAccount h4 {font-size: 16px; color: #444444; line-height: 1.5em; margin: 0.5em 0 1em 0;}
.newOrderAccount ul {width: 680px; margin: 0;}
.newOrderAccount ul li {margin: 10px 0 10px 0;}
.newOrderAccount label {float: left; width: 220px; margin: 0; font-weight: 700; text-transform: uppercase; color: #222; font-size: 13px; padding: 6px 0 0 0;}
.newOrderAccount label em {color: #d00933;}
.newOrderAccount label.radioButtons {float: left; margin: 0; font-weight: 300; text-transform: none; color: #444444; font-size: 13px; padding: 6px 0 0 0;}
.newOrderAccount input[type=radio] {float: left; margin: 6px 10px 0 0;}
.newOrderAccount table {font-weight: 700; text-transform: uppercase; color: #222; font-size: 13px;}
.newOrderAccount table em {color: #d00933;}

.newOrderProducts {background: #FFF; padding: 40px 20px; border-radius: 5px 5px; width: 900px; margin: 0 0 20px 0;}
.newOrderProducts h2 {font-size: 24px; text-transform: uppercase; color: #21418a; line-height: 1.2em; margin: 0 0 0.5em 0; font-weight: 700;}
.newOrderProducts h4 {font-size: 16px; color: #444444; line-height: 1.5em; margin: 0.5em 0 1em 0;}
.newOrderProducts h4 em {font-style: italic;}
.newOrderProducts ul {width: 680px; margin: 0;}
.newOrderProducts ul li {margin: 10px 0 10px 0;}

.newOrderDelivery {background: #FFF; padding: 40px 20px; border-radius: 5px 5px; width: 900px; margin: 0 0 20px 0;}
.newOrderDelivery h2 {font-size: 24px; text-transform: uppercase; color: #21418a; line-height: 1.2em; margin: 0 0 0.5em 0; font-weight: 700;}
.newOrderDelivery h4 {font-size: 16px; color: #444444; line-height: 1.5em; margin: 0.5em 0 1em 0;}
.newOrderDelivery h4 em {font-style: italic;}
.newOrderDelivery ul {width: 680px; margin: 0;}
.newOrderDelivery ul li {margin: 10px 0 10px 0;}
.newOrderDelivery label {float: left; width: 220px; margin: 0; font-weight: 700; text-transform: uppercase; color: #222; font-size: 13px; padding: 6px 0 0 0;}
.newOrderDelivery label.radioButtons {float: left; margin: 0; font-weight: 300; text-transform: none; color: #444444; font-size: 13px; padding: 6px 0 0 0; width: auto;}
.newOrderDelivery label em {color: #d00933;}
.newOrderDelivery label span {font-size: 11px; text-transform: none; color: #444444; width: 220px; font-weight: 300; display:inline; float:left;}
.newOrderDelivery input[type=radio] {float: left; margin: 6px 10px 0 0;}
.newOrderDelivery table {font-weight: 700; text-transform: uppercase; color: #222; font-size: 13px;}
.newOrderDelivery table em {color: #d00933;}


.newOrderSummary {background: #FFF; padding: 40px 20px; border-radius: 5px 5px; width: 900px; margin: 0 0 20px 0;}
.newOrderSummary h2 {font-size: 24px; text-transform: uppercase; color: #21418a; line-height: 1.2em; margin: 0 0 0.5em 0; font-weight: 700;}
.newOrderSummary h4 {font-size: 16px; color: #444444; line-height: 1.5em; margin: 0.5em 0 1em 0;}

.tableOrderSummary {border-top: 1px solid #e8e9e4;}
	.tableOrderSummary td {border-bottom: 1px solid #e8e9e4; font-size: 14px; color: #444444; text-transform: uppercase; font-weight: 400; padding: 15px 0 15px 0;}
	.tableOrderSummary td strong {font-size: 16px; color: #222222; text-transform: uppercase; font-weight: 700;}
	.tableOrderSummary td.textRight {text-align: right;}

.tableProductOrder {margin: 10px 0 0 0;}
.tableProductOrder td {vertical-align: top; padding: 0 0 10px 0;}
.tableProductOrderType {font-size: 14px; color: #444444; line-height: 1.5em;}
.tableProductOrderType span {font-size: 12px;}
.tableProductOrderType span strong {font-weight: 700px; color: #d00933; font-size: 14px;}
.tableProductOrderDelete {margin: 5px 0 0 0;}
.tableProductOrderImage img {border: 1px solid #e8e9e4; border-radius: 5px 5px;}

.tableCollection {margin: 30px 0 20px 0;}
.tableCollection td {vertical-align: top; padding: 0 0 10px 5px; font-size: 14px; color: #444444; line-height: 1.5em; font-weight:normal; text-transform:none; border-bottom:1px solid #e8e9e4;}

.tableWeeklyRental {margin: 10px 0 20px 0; border-top: 1px solid #e8e9e4; border-bottom: 1px solid #e8e9e4;}
	.tableWeeklyRental td {padding: 20px 0 20px 0; text-transform: uppercase; color: #444444; font-weight: 300; font-size: 14px;}
	.tableWeeklyRental td strong {font-weight: 700;}

.formText300 {width: 290px; padding: 4px; border: 1px solid #bbbcb7; background-color: #f9f9f8;}
.formText300:focus {border: 1px solid #bbbcb7; background-color: #ffffff;}

.formText120 {width: 50px; padding: 4px; border: 1px solid #bbbcb7; background-color: #f9f9f8; margin: 0 20px 0 0;}
.formText120:focus {border: 1px solid #bbbcb7; background-color: #ffffff;}

.formText60 {width: 50px; padding: 4px; border: 1px solid #bbbcb7; background-color: #f9f9f8; margin: 0 20px 0 0;}
.formText60:focus {border: 1px solid #bbbcb7; background-color: #ffffff;}

.formText40 {width: 40px!important; padding: 4px; border: 1px solid #bbbcb7; background-color: #f9f9f8; margin: 0 20px 0 0;}
.formText40:focus {border: 1px solid #bbbcb7; background-color: #ffffff;}

.formTextQty {width: 50px; padding: 4px; border: 1px solid #bbbcb7; background-color: #f9f9f8; margin: 0 20px 0 0;}
.formTextQty:focus {border: 1px solid #bbbcb7; background-color: #ffffff;}

.formDropDown300 {width: 300px; padding: 4px; border: 1px solid #bbbcb7; background-color: #f9f9f8;}
.formDropDown300:focus {border: 1px solid #bbbcb7; background-color: #ffffff;}

.formDropDown280 {width: 280px; padding: 4px; border: 1px solid #bbbcb7; background-color: #f9f9f8; margin: 0 20px 0 0;}
.formDropDown280:focus {border: 1px solid #bbbcb7; background-color: #ffffff;}

.formDropDown200 {width: 200px; padding: 4px; border: 1px solid #bbbcb7; background-color: #f9f9f8; margin: 0 20px 0 0;}
.formDropDown200:focus {border: 1px solid #bbbcb7; background-color: #ffffff;}

.formDropDown60 {width: 60px; padding: 4px; border: 1px solid #bbbcb7; background-color: #f9f9f8;}
.formDropDown60:focus {border: 1px solid #bbbcb7; background-color: #ffffff;}

.formButtonSmall {margin: 0 0 0 10px; background-color: #2fa8dc; color: #ffffff; padding: 5px 10px 5px 10px; font-size: 12px; text-transform: uppercase; border-radius: 5px 5px; border: 0; font-weight: 300;}

.formButtonMedium {margin: 0 10px 0 0; background-color: #2fa8dc; color: #ffffff; padding: 10px 20px 10px 20px; font-size: 12px; text-transform: uppercase; border-radius: 5px 5px; border: 0; font-weight: 300;}

.formButtonLarge {margin: 0 10px 0 0; background-color: #2fa8dc; color: #ffffff; padding: 15px 30px 15px 30px; font-size: 12px; text-transform: uppercase; border-radius: 5px 5px; border: 0; font-weight: 300;}

.tableOrderType {margin: 10px 0 10px 0;}
.tableOrderType td {padding: 4px 0 4px 0;}
/*.tableOrderType td strong {font-size: 14px; font-weight: bold; color: #333333; padding: 9px 0 9px 0;}*/
/*.tableOrderType td label {font-size: 14px; color: #333333;}*/

.credit {color:#CC0000!important;}
	.credit a {color:#CC0000!important;}
	.credit a:visited {color:#CC0000!important;}
	.credit a:hover {color:#FF0000!important;}


.listTable {border:0; width:100%;}
	.listTable tr {vertical-align:top;}
	.listTable th {font-size:14px; font-weight:bold; padding:2px; margin:0; color:#666666; text-align:left;}
	.listTable td {font-size:12px; font-weight:normal; padding:2px; margin:0; color:#666666;}

/* Table row highlighting */
.trHighlight { background-color: #CCCCCC; cursor:default;}
.trInitial { background-color: #FFFFFF; cursor:default;}

.formData {display:inline;}
	.formData fieldset{border:1px solid #CCCCCC; margin:10px 0 20px 0; padding:5px;}
	.formData legend {font-size: 16px; font-weight: bold; line-height: 1.5em; color: #333333; margin: 5px 0 5px 0; padding: 0;}
	.formData p {display:block; margin:5px 0 10px 0; padding:0;}
	.formData label {display:inline; float:left; width:150px; margin:2px 0 2px 5px;}
	.formData input.text {display:inline; float:left; border:1px solid #DDDDDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px; width:350px; background-color:#FFFFFF;}

.formButton {font-size: 10px; background-color: #E40288; border: 1px solid #FFFFFF; color:#FFFFFF; padding:2px 5px 2px 5px;}

.formInputData {border:1px solid #DDDDDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px; width:350px; background-color:#FFFFFF;}
.formInputDataWide {border:1px solid #DDDDDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px; width:600px; background-color:#FFFFFF;}
.formInputDataSmall {display:inline; float:left; border:1px solid #DDDDDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px; width:50px; background-color:#FFFFFF;}
.formInputWysiwyg {display:inline; float:left; border:1px solid #DDDDDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px; width:640px; height:600px; background-color:#FFFFFF;}
.formInputDataDate {border:1px solid #DDDDDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px; width:100px; background-color:#FFFFFF;}

.formEditor {display:block; position:relative;}
	.formEditor fieldset{border:1px solid #CCCCCC; margin:10px 0 0px 0; padding:5px; width:900px; display:block;}
	.formEditor legend {font-size: 16px; font-weight: bold; line-height: 1.5em; color: #333333; margin: 0.5em 0 0.5em 0; padding: 0;}
	.formEditor p {width:900px; display:block; margin:5px 0 5px 0; padding:0;}
	.formEditor label {display:inline; float:left; width:220px; margin:2px 0 2px 5px;}
	.formEditor input.text {display:inline; float:left; border:1px solid #DDDDDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px; width:600px; background-color:#FFFFFF;}
	
.buttonRightHolder {display:inline; float:right;}
.buttonInlineHolder {display:inline; margin:0 0 0 10px;}

/*-- MESSAGE BOXES --*/
.messageBoxSuccess {float: left; display: inline; width: 940px; padding: 10px 0 10px 0; background: #99cc00; border-radius: 3px; border-bottom: 1px solid #85b101; margin: 20px 0 10px 0;}
	.messageBoxSuccess p {float: left; display: inline; width: 840px; line-height: 30px; color: #FFF; font-size: 18px; margin: 0 0 0 20px;}
	.messageBoxSuccess p em {font-style: italic;}
	.messageBoxSuccess h6 {float: right; display: inline; width: 40px; text-align: right; line-height: 30px; margin: 3px 20px 0 0;}
	.messageBoxSuccess a {color: #FFF; text-decoration: underline;}
	.messageBoxSuccess a:hover {color: #FFF; text-decoration: none;}

.messageBoxWarning {width: 100%; padding: 10px 0 10px 0; background: #cc0000; border-radius: 3px; border-bottom: 1px solid #a50101; margin: 0 0 20px 0;}
	.messageBoxWarning p {line-height: 30px; color: #FFF; font-size: 18px; margin: 0 0 0 20px;}
	.messageBoxWarning p.icon {background: url(images/icon_warning_white.png) center left no-repeat; text-indent: 35px;}
	.messageBoxWarning p em {font-style: italic;}
	.messageBoxWarning h6 {float: right; display: inline; width: 40px; text-align: right; line-height: 30px; margin: 3px 20px 0 0;}
	.messageBoxWarning h5 {font-size: 14px; color: #FFF; line-height: 1.5em; width: 840px; margin: 0 0 0 55px; font-weight: normal; clear: both;}

.messageBoxInfo {padding: 10px 0 10px 0; background: #0099cc; border-radius: 3px; border-bottom: 1px solid #007ca5; margin: 20px 0 10px 0;}
	.messageBoxInfo p {width: 840px; line-height: 30px; color: #FFF; font-size: 18px; margin: 0 0 0 20px;}
	.messageBoxInfo p em {font-style: italic;}
	.messageBoxInfo h6 {float: right;	display: inline; width: 40px; text-align: right; line-height: 30px; margin: 3px 20px 0 0;}
	.messageBoxInfo h5 {font-size: 14px; color: #FFF; line-height: 1.5em; width: 840px; margin: 10px 0 10px 50px; font-weight: normal; clear: both;}

#messageIconSuccess {background: url(images/icon_tick_white.png) center left no-repeat; text-indent: 32px;}
#messageIconInfo {background: url(images/icon_info_white.png) center left no-repeat; text-indent: 32px;}

/* Reports */
table.reportProducts {
	margin: 0 0 0;	
	width: 100%;
	background-color: #e8e9e4!important;
}

table.reportProducts th {
	color: #444;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px;
	text-align: left;
}

table.reportProducts th {
	padding: 6px;
}

table.reportProducts th:last-child {
	text-align: right;
}

table.reportProducts td:last-child {
	text-align: right;
}

table.reportProducts th:last-child {
	text-align: left;
}

table.reportProducts th:first-child {
	padding-left: 0;
}

table.reportProducts tr {
	margin: 0 0 2px 0;
	background-color: #e8e9e4!important;
}

table.reportProducts td {
	padding: 10px 8px;
	color: #444;
	font-size: 13px;
	background: #FFF;
	margin: 0;
	vertical-align: middle;
	border-bottom: 2px solid #e8e9e4;
}

.upper-case {
	text-transform:uppercase;
}