body {font-family:'Open Sans', Arial, Helvetica, sans-serif;color:#666;font-size:100%;margin:0;padding:0;width:100%}
#container {text-align:center;margin:0 auto;margin-top:10px;margin-bottom:100px;padding:0;width:90%}
#content {width:100%;margin:0 auto;text-align:left}
#print-content {width:100%;margin:0 auto;text-align:left}
#logged_in {font-weight:bold;float:right;margin:0 10%;}
h1,h2 {display:inline-block;text-align:left;margin:20px 30px 10px 0;}
h2.block {display:block;}
h2.blue {cursor:pointer;color:#6495ed;font-size:1em;}
table {width:100%;border-collapse: collapse;display:table;} 
table tr th,table tr td {border: 1px solid #ccc;line-height:1.6em;font-size:80%;}
table#product-list {font-size:80%;}
thead {background-color:#fff;display: table-header-group;}
thead td,thead th {font-weight:bold;background-color:#eee;}
tr {width:100%;}
table td {padding:10px;}
td.order_items_details_heading {padding:0;width:70%;}
table.order_items {margin:0;padding:0;;border:none;text-align:center;margin-bottom:-1px;}
table.order_items td {border:1px solid #ccc;;padding:10px;border-top:none;border-left:none;text-align:center;}
table.order_items td.name, td.name {min-width:250px;text-align:left;}
table.order_items td.colour {min-width:30px;text-align:left;}
table.order_items td.sizes {min-width:20px;text-align:center;}
table.order_items td.total {min-width:20px;border-right:none;text-align:center;}
td.order_items_details {margin:0;padding:0;}
td.order_items_details_heading table.order_items td {border:none;}
td.center {text-align:center;}
td.primary-entry {width:19%;}
td.numbers {text-align:right;}
td.totals {font-weight:bold;}
td.grand_total {font-size:1.5em; font-weight:bold;}
td.red {color:red;}
td.green {color:green;}
td.materials .material-row {}
td.row_total {font-weight:bold;}
table.colour-summary {/*width:240px;margin:20px 10px 20px 0;display:inline-block;*/vertical-align:top}
table.colour-summary td.sizes {text-align:center;}
table.colour-summary td.totals {font-weight:bold;}
.est_selling_price, .brand_commission, .sales_commission, .profit {font-weight:bold;}
table#presets td {background:#ccc;font-size:1em;font-weight:bold;width:200px;border:1px solid #666;margin:20px 0;}
table#presets {display:block;float:right;width:400px;margin:40px 0 0 0;}
#noresults td ,#g-noresults td ,#h-noresults td {border:none;}
.material-name {white-space: nowrap;font-weight:bold;}
.material-row {display:block;white-space: nowrap;}
.searchform {
	padding-bottom:100px;
}
/*#despatched_orders, #pending_orders {display:none;}*/
/*#navigation {width:100%;text-align:left;background-color: #6495ed;margin:0;}*/
#navigation {width:100%;text-align:left;background-color: #333;margin:0;}
#navigation ul {display:inline-block;text-align:left;margin:0;float:left;padding:0;}
#navigation ul li {display:block;margin:10px 40px 0 0;;padding:0;}
/* Style The Dropdown Button */
.dropbtn {
    font-family:'Open Sans';
	background-color: #333; /*#6495ed;*/
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	width:100%;
	border-left:1px solid #fff;
    z-index: 9000;
}
.dropbtn a.home {color:white;}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	width:12%;
    z-index: 9000;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
	width:100%;
    /*min-width: 130px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	text-align:center;
    z-index: 9000;
}
/* Links inside the dropdown */
.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    z-index: 9000;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    z-index: 9000;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #000; /*#6495ed;*/
    z-index: 9000;
}
form {
	font-size:1em;
}
.top-40 {margin-top:40px;}
.width-450 {
	display:inline-block;
	width:450px;
	margin: 0 40px 0 0;
	vertical-align:top;
}
label,p {
	clear:both;
	display:block;
	margin:20px 0 10px 0;
}
input,textarea {
	clear:both;
	display:block;
	margin:0 0 10px 0;
	font-family:'Open Sans';
	font-size:1em;
	color:#666;
	padding:4px;
	width:400px;
	border: 1px solid #AAA;
}
input.narrow {
	width:240px;
}
.euro_price, #euro_price,#new_euro_price {display:none;}
.manual {color:#ccc;}
select.soflow {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(https://www.inxile.co.uk/sales/images/dropdown_arrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 200px;
}
select.flow {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(https://www.inxile.co.uk/sales/images/dropdown_arrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 0 20px 0 0;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}
input#searchInput {
	font-family:'Open Sans';
	font-size:1.4em;
	color:#666;
	display:block;
	margin:10px 0 20px 0;
	padding:4px;
	width:400px;
}
.button {
    float:left;
	font-family: "PT Sans", Arial, sans-serif;
    font-size: 1.4em;
    color: #fff;
    padding: 8px 40px;
    background-image: none;
    background-size: 100%;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    background: #444;
    color: #fff;
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    margin: 20px 0 0 0;
    z-index: 9000;
}

input.price_block {width:60px;margin:5px 0; padding:5px;}
td.submit {text-align:center;}
input.long {width:90%;padding:5px 10px;margin:5px 5%;}
a, a:link, a:active, a:visited {color:#6495ed;text-decoration:none;}
a:hover {text-decoration:underline;}
.success {width:98%;background-color:#666;border:1px solid #304b7b;padding:10px 1%;color:#fff;margin-bottom:20px;}
.problem {width:98%;background-color:orange;border:1px solid #304b7b;padding:10px 1%;color:#fff;margin-bottom:20px;}
.error {color:red;}
.no-display {display:none;}
img.question {width:15px;vertical-align:text-middle;margin-left:10px;cursor:help;}
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-tooltip, .arrow:after {
    background: #6495ed;
    border: 2px solid white;
	max-width:400px;
}
.ui-tooltip {
	padding: 10px 20px;
    color: white;
    box-shadow: 0 0 7px black;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
#current_season {display:none;}
@media print {
	body {font-size:0.1em;font-weight:600;}
	#container {width:100%;}
	#navigation, select, button, label, input#searchInput, #searchInput, .blue, #pending_orders h2, h2 a {display:none;}
	table tr th,table tr td, table thead tr, table thead tr td, table.order_items td {font-size:10px;padding:5px;}
	table td, td.order_items_details_heading, table.order_items, table.order_items, table.order_items td.name, td.name, table.order_items td.colour, 	table.order_items td.sizes, table.order_items td.total, td.order_items_details, td.order_items_details_heading table.order_items td, td.center, td.primary-entry, td.numbers, td.totals, td.grand_total {padding:2px 1px;}
	td.grand_total {font-size:100%;}
	h1 {font-size:18px;}
	table.order_table input, label.date, input#display_order_id, input#date, label.show, label.product_name {display:block;}
	input.price_block {border:none;text-align:center;}
	table#not_ordered, table#not_ordered tr, table#not_ordered tr td {display:none;}
	input.button, td.submit, table#not_ordered thead td.submit, #products h2 {display:none;}
	#current_season {display:inline-block;}
	#print-content {font-size:0.2em;}
	#remainder {display:none;}
	tr#MISC {display:none;}
	table.colour-summary {/*width:10%;margin:20px 10px 20px 0;display:block;float:left;*/vertical-align:top}
	table.colour-summary td {font-size:9px;font-weight:600;}
	#stylefinder {display:none;}
	table { page-break-inside:auto }
	tr { page-break-inside:avoid; page-break-after:auto }
	thead {display:table-header-group;}
	tfoot {
	    display: table-footer-group;
	    vertical-align: middle;
	    border-color: inherit;
	}
	#stylenumberfinder {display:none;}
	
}