.ui-widget{font-family:inherit;font-size:1em;}
.ui-menu{z-index: 9999;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:inherit;}
.ui-autocomplete-loading {background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat;}
#mainselector{text-align: center;padding:6px;}
.navbar-default{background-color:#ffffff;}
.navbar-toggle .icon-bar {background-color:#888;}
.navbar-default .navbar-nav > li > a {color: #b82349;}

.glyphicon-comment{top:8px;cursor:pointer;font-size:22px;}
.comment-row{display:none;}
.green{color:green;}
a, a:hover,a:focus{color:#b82349;}
.menu-selected{background-color:#eeeeee;}
.normal{color:black;}

.cms-edit:hover{opacity:0.7;filter:alpha(opacity=70);border:1px dashed green;}
.cms-edit a:hover{text-decoration: none;}

.centered{text-align:center;}
#loading{display:none;}
.add-loading{display:none;}
#delivery-loading{display:inline;}
.stock-loading{display:none;margin-left:4px;}

html,body{height:100%;}

.clear {clear: both;}
#tabs{width:105%;}
.panel-info > .panel-heading {background-color:#eeeeee;border-color:#b5b5b5;color:#b82349;}
.panel-info{border-color:#b5b5b5;}
.ui-tabs-panel{padding-left:0px;padding-right:0px;}
.menuselect{background-color:#3399cc;color:white;width:100%;}	
button.close{font-weight:bold;font-size:22px;margin-top:4px;margin-right:4px;}
#selection, #selection-2,#selection-3{display:none;}

.selection-item{width:100%;margin-bottom:4px;}
#selection-col1, #selection-col2, #selection-col3{border:1px solid #b5b5b5; border-radius: 4px;padding-top:6px;overflow-y:scroll;height:806px;}

.productimage{padding:12px;}
.productimage img{max-width:400px;}

.form-inline.space-fix .form-group {
    margin-right: 4px;
}

.checkoutprice{font-size:18px;line-height:32px;font-weight:bold;}
#nodocument{display:none;}
#doc-loading{margin-left:12px;}

.basket-notes{width:50%;}
.form-inline.space-fix .form-group:last-child {
    margin-right: 0;
}
.panel-body .form-group{min-height:30px;}

.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e080";
}
.checkoutcompletepanel .form-group{min-height:0px;margin-bottom:0px;}

.mb20 { margin-bottom: 20px; } 

.manualholder img{vertical-align: middle;height:32px;}
.kitlist td{vertical-align:middle !important;}

.loadinggif{margin-left:16px;}
.loadinggif, .addedprompt, #added{display:none;}

#added h4{border:2px solid #46b8da;text-align:center;padding:6px;margin-right:10px}
hgroup { padding-left: 15px; border-bottom: 1px solid #ccc; }
hgroup h1 { font: 500 normal 1.625em; color: #2a3644; margin-top: 0; line-height: 1.15; }
hgroup h2.lead { font: normal normal 1.125em;  color: #2a3644; margin: 0; padding-bottom: 10px; }

.smallthumbnail{width:60px;}
.search-result .thumbnail { border-radius: 0 !important; }
.search-result:first-child { margin-top: 0 !important; }
.search-result { margin-top: 20px; }
.search-result .col-md-2 { border-right: 1px dotted #ccc; min-height: 140px; }
.search-result ul { padding-left: 0 !important; list-style: none;  }
.search-result ul li { font: 400 normal .85em "Roboto",Arial,Verdana,sans-serif;  line-height: 30px; }
.search-result ul li i { padding-right: 5px; }
.search-result .col-md-7 { position: relative; }
.search-result h3 { font: 500 normal 1.375em "Roboto",Arial,Verdana,sans-serif; margin-top: 0 !important; margin-bottom: 10px !important; }
.search-result h3 > a, .search-result i { color: #248dc1 !important; }
.search-result p { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 
.search-result span.plus { position: absolute; right: 0; top: 126px; }
.search-result span.plus a { background-color: #248dc1; padding: 5px 5px 3px 5px; }
.search-result span.plus a:hover { background-color: #414141; }
.search-result span.plus a i { color: #fff !important; }
.search-result span.border { display: block; width: 97%; margin: 0 15px; border-bottom: 1px dotted #ccc; }
.clicktext{font-size:10px;font-style: italic;}
.form-control.quantity{width:65px;margin-left:4px;}
#kitimage, .productimage{border:1px solid #ddd;text-align:center;min-height: 400px;display:flex;align-items:center;justify-content:center;}

#grab{background:url('/images/grab.png') no-repeat;	height: 33px;position: absolute;right: 0px;top: 0px;width: 33px;cursor:pointer;}
.trash{padding-left:40px;}
	
.stock-locator-row{margin-top:12px;display:none;}
.favourites-row{margin-top:12px;display:none;}

#this-part-fits-row{margin-top:12px;}

.stock-address{display:none;}
.invoicerow{display:none;}
.statement-table{table-layout:fixed;}

.tabs li {list-style:none;display:inline;}
.tabs a {padding:5px 10px;display:inline-block;background:#666;color:#fff;text-decoration:none;}
.tabs a.active {background:#fff;color:#000;}

#mistakepanel{text-align: left;display:none;}

#mistakepanel .form-control{vertical-align: top;width:75%;margin-right:6px;}
#mistakepanel button{float:right;}

#clear-address{margin-right:12px;}

#favouritenameholder{display:none;}

#popup{display:none;border:4px solid grey; border-radius:4px;}

.zoomContainer{width:0 !important;height:0 !important;z-index: 99;}

@media print {
   .img-responsive {
       display: none;
    }
}

@media (min-width: 768px) {
	body#home .navbar {
	    padding-top: 0px;
	    margin-bottom: 0px;
	}
	h2.brand {
/*		margin-top: -13px;*/
	}
	/* Navigation */
	.navbar-fixed-top {
	    position: relative;
		top: auto;
	}
	.navbar {
		min-height: 70px;
		margin-bottom: 12px;
		border: 1px solid transparent;
	}
	nav{height:100px;}
}

@media(max-width:990px) {	
	#navbar-search{width:200px;}
	#navbar-search input{width:80%;}
	
	.list-category-image:nth-child(6){margin-left:16px}
}

@media (max-width: 767px) {
  	body {
    	padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	}
	
	.navbar-brand >img{height:28px;}
	
	body#home {
		padding-top: 60px;
	}
	h2.brand {
		margin-top: 20px;
	}
	/* Navigation */
	.navbar-brand {
		margin: 0px 0 0 0;
		width: 60%;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		padding-top: 16px;
	}
	.navbar {
		margin-bottom: 20px;
		border: 1px solid transparent;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 383px;
	}
	.navbar-nav {
		margin: 7.5px 0px;
	}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 5px;
	}

	#navbar-search{float:none;margin-left:auto;margin-right:auto;}
	
	/* Footer */
	footer .col {
		padding-left: 16px;
	}
	footer h3, footer li a {
		font-size: 12px;
	}

	.navbar-brand Ximg{display:none;}
	
	.basket-image{display:none;}
	.trash{display:none;}
	#checkout-button,#continue-shopping, #clear-address, #reset-address{font-size:10px;}
	#select-delivery-id{font-size:12px;}
	.basket-quantity{padding:0px;}
	
}

table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block;
		table-layout: fixed;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%;
		word-wrap: break-word;
	}
	
	td:before { 
		/* Now like a table header */
	/*	position: absolute;*/
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Key"; }
	td:nth-of-type(2):before { content: "Part"; }
	td:nth-of-type(3):before { content: "Description"; }
	td:nth-of-type(4):before { content: "Quantity"; }
	td:nth-of-type(5):before { content: ""; }
	
}