/******************************************************************************/
/* Global styles affect all devices - Desktop-First */
/******************************************************************************/

@font-face {
  font-family: 'museo-sans';
  font-style: normal;
  font-weight: 300;
  src: local('museo-sans'), 
  url('../fonts/museosans300.woff') format('woff'),
  url('../fonts/museosans300.ttf') format('truetype');
}

body {
	
	font-family: 'museo-sans', sans-serif, Arial, Helvetica, "Arial Unicode MS", "Trebuchet MS";
	background: #fff;
	letter-spacing: 0.02em;
	line-height: 23px;

}			
h1, h2, h3, h4, h5, h6 {
	font-family: museo-sans,  sans-serif;
	font-weight: 600;
}
h1:first-child {
	margin-top: 0;
}
.nav-primary {
	position: relative;
}
.navbar-header.row {
    margin: 0 -15px;
    width: 100%;
}
.logo h1 {
	margin-top: 0;
}
.navbar {
	min-height: 40px;
}
.navbar .btn-navbar.btn-qsearch {
	float: right;
}
.navbar .btn-navbar .icon-search {
	display: block;
	margin: 0;
	height: 13px;
}
.navbar-inverse a {
	color: #fff;
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.save-search-button {
    margin-top: 3px;
}
/******************************************************************************/
/* For sticky nav-bar <nav class="navbar navbar-default"  data-spy="affix"  data-offset-top="130">
	
*/
 body {
      position: relative; 
  }
.affix {
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 9999 !important;
	-webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

}
.affix-hide {
	display: none;
}
.affix-wrapper {
    /*min-height:73px;*/
}
/******************************************************************************/
/*  */ 
.fa-password {
	position: relative;
    /*right: -96%;*/
    /*top: -24px;*/
    cursor: pointer;
	pointer-events: all;
}
.fa-password-account {
	position: relative;
    right: -94%;
    top: -28px;
    cursor: pointer;
	pointer-events: all;
}


/******************************************************************************/
/* this removes bootstrap padding dfor sticky navbar */ 
.container>.navbar-departments>.navbar-collapse{
	padding-right: 0;
    padding-left: 0;
}
.padding-fix {
	padding-left: 0px;
	padding-right: 0px;
}
.padding-fix-2 {
	padding-left: 2px;
	padding-right: 2px;
}
.padding-fix-3 {
	padding-left: 3px;
	padding-right: 3px;
}
.padding-fix-5 {
	padding-left: 5px;
	padding-right: 5px;
}
/******************************************************************************/
/* e.g. form labels for w3c use instead sr-only */ 
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/******************************************************************************/
/*  */ 
.acs-form-label{
    top: -22px;
    left: 0px;
    font-weight: 600;
    color: #000;
}
.acs-error{

  margin-top: 1px;
  padding-top:8px;

}   
.acs-border{
	border: 1px solid #d24e4b;
}

/* input box text and background colors */
input[type="text"], input[type="password"], input[type="email"], textarea {
	background-color : #fff;  /* transition background to color */
}
input:not([type]){
	background-color : #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #6b6868;	/* font color */
}

.social ul.inline {
	padding: 0;
}
.social li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	list-style: none;
}
.social li a {
	opacity: 0.8;
	display: block;
	height: 22px;
	width: 40px;
	margin: 10px 0 0;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li a:hover {
	opacity: 1;
}
.social li a span {
	display: none;
}
.social li.social-fb a {
	background-position: -40px 50%;
}
.social li.social-ne a {
	background-position: -80px 50%;
}

.qsearch-container {
	border-bottom: 1px dotted #ccc;
	margin: -20px 0 20px;
}

.qsearch-inner {
	position: relative;
	display:inline;
}
.qsearch-inner #livesearch_result {
	text-align: left;
	top: 25px;
	left: 0;
	right: 0;
	display: none;
}
.form-search {
	border: 0;
	margin: 10px 0 0;
	text-align: right;
}
.form-search a.search-link {
	font-size: 110%;
	box-shadow: none;
}
.form-search .input-search {
	position: relative;
}
.form-search .input-search input {
	padding-left: 22px;
}
.form-search .input-search .glyphicon-search {
    left: 7px;
    position: absolute;
    top: 50%;
	margin: -5px 0 0;
	z-index:10;
}
.nav-basket {
	position: relative;
}
.nav-basket a,
.nav-basket a:visited {
	padding: 8px 15px;
	color: #777;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
	display: block;
}
.nav-basket a:focus,
.nav-basket a:active,
.nav-basket a:hover {
	text-decoration: none;
	color: #333;
}
.nav-basket:hover .minibaskettarget,
.nav-basket:focus .minibaskettarget {
    display: block;
}
.minibtitle {
    border-bottom: 1px dotted #DDDDDD;
    font-weight: bold;
    text-align: center;
}
.minibaskettarget {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #DDD;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: none;
    max-width: 22em;
    padding: 1em;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 1000;
}
.minibaskettarget a, 
.minibaskettarget a:visited, 
.minibaskettarget a:active, 
.minibaskettarget a:hover {
    color: #222;
}

.jumbotron h1 {	  
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/******************************************************************************/
/* sidebar */
.sidecol ul {
    list-style: none outside none;
    margin-left: 0;
}
.sidecol li {
    list-style: none outside none;
}
.sidecol .filters h2 {
    margin-bottom: 0;
}
.sidecol h3 {
    font-size: 16px;
    line-height: 1;
}
.sidecol .checkbox {
    padding-left: 0;
}
.sidecol .filters {
    margin-bottom: 1em;
}
.sidecol .btn-filter {
	display: none;
	border-bottom: 1px dashed #ddd;
	font-weight: bold;
	color: #555;
	outline: none;
	padding-bottom: 0.3em;
}
.sidecol .btn-filter:hover,
.sidecol .btn-filter:focus,
.sidecol .btn-filter:active {
	text-decoration: none;
}
.filter-clear {
    display: block;
    padding: 0.5em 0;
}
.filter-group-pr {
    padding-bottom: 0.5em;
}
.filter-group-container {
    background: none repeat scroll 0 0 #f8f8f8;
    border-radius: 4px;
    float: left;
    margin-bottom: 0.5em;
    margin-right: 0;
    padding: 0 5%;
    width: 90%;
}
.filter-group a {
    outline: medium none;
}

.sidebar-nav h1,
.sidebar-nav h3 {
	background-color: #d66512;
    color: #FFFFFF;
	border-radius: 6px 6px 0 0;
	font-size: 1em;
	line-height: 20px;
	padding: 9px 15px;
	margin: 0;
}
.sidebar-nav h1 + ul > li:first-child > a,
.sidebar-nav h3 + ul > li:first-child > a {
	border-radius: 0;
}
.navbar-side {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 0 0 30px;
    padding: 0;
}
.navbar-side > li > a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}
.navbar-side > li:first-child > a {
    border-radius: 6px 6px 0 0;
}
.navbar-side > li:last-child > a {
    border-radius: 0 0 6px 6px;
}
.navbar-side > .active > a {
    border: 0 none;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    padding: 9px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.navbar-side .icon-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    opacity: 0.25;
}
.navbar-side > li > a:hover {
    background-color: #F5F5F5;
}
.navbar-side a:hover .icon-chevron-right {
    opacity: 0.5;
}
.navbar-side .active .icon-chevron-right, 
.navbar-side .active a:hover .icon-chevron-right {
    opacity: 1;
}
.nav-search {
	overflow: hidden;
	padding: 1em 20px;
	border: 1px solid #e5e5e5;
	border-radius: 0 0 6px 6px;

}
.nav-search form {
	margin: 0;
}
.nav-search form input {
	max-width: 100%;
}
.nav-search ul {
	padding: 0.5em 0 0 0;
}
.nav-search li {
	list-style: none;
}
.sidebar-feature {
	border: 1px solid #E5E5E5;
	border-radius: 6px;
	padding: 1em;
	text-align: center;
}
.sidebar-feature h1,
.sidebar-feature h2 {
	font-weight: normal;
	font-size: 20px;
	line-height: 1.2;
	margin: 0;
}
.sidebar-feature h2 {
	color: #CC3300;
}
.sidebar-feature .thumbnail {
	margin: 0.5em auto 1em;
}
.sidebar-feature .product-title {
	font-weight: bold;
}

.hero-unit {
   border: 1px solid #D4D4D4;
}

.caro-topnav {
	border-bottom: 1px solid #D4D4D4;
	clear: both;
	margin: 0 0 1em;
	font-size: 110%;
	font-weight: bold;
	overflow: hidden;
	position: relative;
}
.caro-title {
	float: left;
	width: 75%;
}
.caro-title h1 {
	font-size: 140%;
}
.caro-more-link {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
	width: 25%;
}
.caro-item-container {
	width: 80%;
	margin: 0 10%;
	text-align: center;
}
.caro-item {	
	font-family:Georgia, "Times New Roman", Times, serif;
}
.caro-image {
	height: 150px;
	padding: 5px 0 10px;
}
.caro-image-large {
	height: 280px;
	padding: 5px 0 10px;
}						 
.caro-image img {
	height: auto;
    max-height: 150px;
    max-width: 120px;
    width: auto;
	margin: 0 auto;
}
.caro-item h2 {
	font-size: 120%;
	line-height: 1.25;
	height: 2.5em;
    margin-bottom: 0.4em;
    overflow: hidden;
}
.caro-auth {
	line-height: 1.25;
	height: 2.5em;
	overflow: hidden;
}
.caro-price {
	font-weight:bold;
	margin: 0 0 0.4em;
}	
.caro-btn {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 0.4em;
}
/******************************************************************************/
/* banner scroller */
.flexslider.slider-banner {
	background: #222;
}
.flexslider.slider-banner .slides li {
	position: relative;
}
.flexslider.slider-banner .slides li a.bg-img img {
	z-index: 0;
	width: 100% !important;
	height: auto;
}
.flexslider.slider-banner .slides li a.pr-img {
	position: absolute;
	right: 40px;
	top: 40px;
	max-width: 15%;
	z-index: 10;
	box-shadow: 4px 4px 2px rgba(0,0,0,0.3);
}
.flexslider.slider-banner .copy-outer {
	background: rgba(0,0,0,0.15); 
	float: left;
    display: block;
    z-index: 1;
    top:0;
	left:0;
	position:absolute;
	bottom: 0;
	right:0;
}
.flexslider.slider-banner .copy-inner {
	float: left;
	margin: 30px;
}
.flexslider.slider-banner h1 {
	font-size: 30px;
	line-height: 1.2;
}

.qsearch-container {
	border: none;
	margin: 0;
	padding-bottom: 0;
}
.form-search .input-search input {
	padding-left: 22px;
	width: 15em;
}

@keyframes animate {
	0% {
	  opacity: 0;
	  transform: translateX(-50px); }
	60% {
	  opacity: 0.6;
	  transform: translateX(3px);
	  transform: skewY(90); }
	100% {
	  opacity: 1;
	  transform: translateX(0px); } 
}
.flexslider.slider-banner .flex-active-slide .animate {
	animation-duration: 0.6s;
	animation-fill-mode: both; 
}
.flexslider.slider-banner .title, 
.flexslider.slider-banner .text {
	color: #fff;
	text-shadow: 2px 2px 12px rgba(0,0,0,0.5), -2px 2px 12px rgba(0,0,0,0.5);
}
.flexslider.slider-banner .text {
	font-size: 140%;
}
.flexslider.slider-banner .button {
	margin-top: 2em;
}
.flexslider.slider-banner .flex-active-slide .title, 
.flexslider.slider-banner .flex-active-slide .text,
.flexslider.slider-banner .flex-active-slide .button {
    animation-name: animate; 
}
.flexslider.slider-banner .flex-active-slide .title {
    animation-delay: 0.5s;
	} 
.flexslider.slider-banner .flex-active-slide .text {
    animation-delay: 1.5s;
}
.flexslider.slider-banner .flex-active-slide .button {
    animation-delay: 2.5s;
}

/******************************************************************************/

footer {
	margin: 4em 0;
}
.footer-main > div {
	margin-bottom: 20px;
}
.footer-main {
	text-align: center;
	padding: 0.5em 0;
	margin: 0 0 2em;
	border: 1px solid #eee;
	border-width: 1px 0;
	padding-top: 50px;				   
}
.footer-main h1 {
	font-size: 18px;
}
.footer-sub {
	text-align: center;
}
.footer-sub li {
	list-style: none;
	display: inline-block;
	margin: 0 1em;
}
.form-subscribe .input-group,
.form-subscribe button {
	margin-bottom: 10px;
}

.pagination-container {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-bottom: 20px;
}
.pagination-container h3 {
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0.5em 5px 0;
	display: none;
}
.pagination-container > ul.pagination {
	margin: 0;
}
ul.pagination li a i {
	opacity: 0.5;
}
ul.pagination li a:hover i {
	opacity: 0.8;
}
.category-trail {
    clear: both;
    margin: 0.75em 0;
	overflow: hidden;
    width: 100%;
	}
.category-trail h3 {
	display: none;
}
.category-trail ul {
	list-style: none;
	margin: 0;
}
.category-trail ul li {
    font-size: 1em;
    line-height: 1.2;
    margin: 0 5px 0 0;
}

.product-img {
	text-align: center;
}
.jacket-img {
	margin: 0 auto 0.8em;
	height: auto;
	max-width: 100%;
}

details summary::-webkit-details-marker {
	font-size:0;
}
details summary::-webkit-details-marker:focus {
	outline: -webkit-focus-ring-color auto 0;
}
.product-details {
	margin-bottom: 1em;
}
.product-details ul > li > span {
	font-weight: bold;
}
.product-details .product-prices {
	border-radius: 4px;
	text-align: center;
	border: 1px solid #ddd;
	padding: 2em;
}
.product-prices span {
	display: block;
	line-height: 1.5;
}
.product-prices span.price-rrp {
	font-weight: bold;
	/*text-decoration: line-through;*/
	line-height: 1;
}
.product-prices span.price-ddp {
	font-weight: bold;
	/*text-decoration: line-through;*/
	/*line-height: 1;*/
	color:#eea236;
}
.product-prices span.price-msg {
	font-weight: 300;
	/*text-decoration: line-through;*/
	line-height: 1;
	color:#ff0000;
}
.product-prices span.price {
	font-weight: bold;
	font-size: 180%;
	color: #CC3300;
}
.product-prices span em {
	display: none;
}
.product-prices span.price-saving {
	text-transform: uppercase;
}
.product-prices .btn {
	margin-top: 0.5em;
}
.product-strikethru{
	text-decoration: line-through;
}
details dl {
	margin: 0.5em 0;
	overflow: hidden;
}
details dl dt {
	clear: left;
	float: left;
}
details dl dd {
	float: left;
}
.star-rating {
	margin: 0.5em 0 0;
	clear: left;
}
/************* SEARCH RESULTS *************************************************/
#products.row{
	margin:0px;
}
.thumbnail
{
    margin-bottom: 10px;
    padding: 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

}
.item .item-series{
	font-style:italic;
}
.item .item-author{
	font-weight:400;
}
.thumbnail .caption{
	padding: 10px;
}
.thumbnail .lead{
	color: crimson;
	display:grid;
}
.item.list-group-item{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover{
   /* background: #428bca;*/
}

.item.list-group-item .list-group-image{
    margin-right: 10px;
}
.item.list-group-item .thumbnail{
    margin-bottom: 0px;
	border-bottom: 1px solid #ddd;
	border-top: none;
	border-left: none;
	border-right:none;
}
.item.list-group-item .caption{
    padding: 9px 9px 0px 9px;
	overflow:hidden;
}
.item.list-group-item:nth-of-type(odd){
   /* background: #eeeeee;*/
}
.item.list-group-item {
	padding:0px;
	border:none;
}
.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img{
    float: left;
	max-width: 120px;
}
.item.grid-group-item img{
    /*margin-left: 10px;*/
}
/* Just the GRID group items to show/hide
.item.grid-group-item .item-series,
.item.grid-group-item .list-group-item-heading,
.item.grid-group-item .item-author, */
.item.grid-group-item .list-group-item-text,
.item.grid-group-item .list-group-item-details,
.item.grid-group-item .item-prices{
	display: none;
}
.item.list-group-item img{
   margin-bottom:10px;
}
.item.grid-group-item .thumbnail {
	min-height: 470px;
}
.item.list-group-item:after{
    clear: both;
}
.list-group-item-text{
    margin: 0 0 11px;
}
.item .list-group-item-details>ul>li{
	list-style: none;
	margin-left: -39px;
}
.item .list-group-item-details>ul>li>span{
	font-weight:600;
}

.row-fix{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row-fix > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

/******************************************************************************/
/*********************** other results ****************************************/
.results-filters {
	float: right;
}
.results-filters .sort-form legend {
    display: none;
}
.search-filters {
	position: relative;
}
.search-filters .btn-filters, 
.search-filters .btn-filters:hover, 
.search-filters .btn-filters:focus, 
.search-filters .btn-filters:active, 
.search-filters .btn-filters:visited {
    background-color: transparent;
    border: 0;
    color: #777;
    margin: 0;
    padding: 10px 15px;
    text-shadow: none;
	float: none;
}
.search-filters .results-view {
    margin-top: 8px;
	margin-left: 10px;
}
.search-filters .results-view b{
	display: inline-block;
}
.search-filters .results-view b.right{
	position: absolute;
	right: 0;
	margin-right: 40px;
	margin-top: 2px;
}
.search-filters .results-view a {
    display: inline-block;    
	font-size: 18px;
    margin: 0 0 0 0.3em;
	float: right;
}
.search-filters .results-view .list-view{
	margin-right: 10px;
}

a.menu:after, .dropdown-toggle:after {
    content: none;
}

/******************************************************************************/
/* news results */
.results-news {
	border-top: 1px dotted #C8C8C8;
	padding-left: 0;
	display: grid;
}
.results-news li img {
	float: left;
	margin: 0 1em 1em 0;
	padding: 4px;
	border: 1px solid #C8C8C8;
	width: 200px;
	height: auto;
}
ul.results {
    padding: 0 0 2em;
	overflow: hidden;
}
ul.results li {
    list-style: none;
}
/* article detail */
img.left  {
	float: left !important;		
}
.article-detail img {
	float: right;
	margin: 1em;
	border: 1px solid #C8C8C8;
	padding: 9px;
	max-width: 400px;
	height: auto;
	box-shadow: 5px 5px 8px #dbdbea;
}

.article-detail .article-content {
	margin-bottom: 22px;
	font-size: 1.3em;
}
.article-date{
	font-style: italic;
}
.article-meta{
	font-style: italic;
}

/******************************************************************************/
/* authors */
.authorsearch {
	position: relative;
}
.authorsearch .form-author {
	margin: 0 0 20px;
}
.author-alphabet {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.3;
	margin: 0 auto 0.5em;
	text-align:center;
}
.author-alphabet a {
	padding: 0 0.1em;
}
#authorlist li {
	list-style: none;
	font-size: 90%;
	line-height: 1.5;
	
}

.modal-backdrop.fade.in {
	opacity:.3;
}

.modal-body {
	height: 600px;
	max-height: 90%;
}
.modal-body img {
	max-height: 470px;
}
.modal-button {
	height:12px;
}


.footer-main .col-md-4{
	padding-left: 10px;
	margin-bottom: 20px;
}

.nav-collapse .form-search {
	border: 0;
}
.quick-search {
	position: relative;
	top: 0;
	margin: 0;
}
.quick-search form {
	margin-bottom: 20px;
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
	padding: 0;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.navbar .btn-navbar {
	float: left;
}
.navbar .btn-departments,
.navbar .btn-departments:hover,
.navbar .btn-departments:focus,
.navbar .btn-departments:active,
.navbar .btn-departments:visited {
	color: #777;
	text-shadow: none;
	text-shadow: rgba(255,255,255,0.4);
	border: 0;
	background-color: transparent;
	background-image: none;
	padding: 10px 15px;
	margin: 0;
	float: none;
}
.navbar .btn-departments:hover,
.navbar .btn-departments:focus {
	color: #222;
}
.navbar .btn-departments .btn-text {
	display: inline;
}
.navbar-inverse .nav-collapse .navbar-search {
	border: 0;
}
.btn-custom {
	width: 75%;
	overflow: hidden;
}
	
/******************************************************************************/
.panel-matt{
	
	min-height: 350px;
}
.panel-matt > a > img{
	max-width:250px;
	width:100%;
    max-height: 100%;
    height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}

/******************************************************************************/
/* adds a bit of space for the product details between <dt>  and  <dd> */
dd {margin-left: 3px;}

/* left align footer cols */
.footer-main .col-md-4{
	text-align: left;
	padding-left: 60px;
	padding-right: 10px;
}
.form-subscribe  .input-group{
	margin-left: 0px;
}

/******************************************************************************/
/* Used for AuthorListing */
.column-2 {
	text-align: left;
	column-count: 2;
	column-gap: 15px;
	-moz-column-count: 2;
	-moz-column-gap: 15px;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
}
.column-3 {
	text-align: left;
	column-count: 3;
	column-gap: 15px;
	-moz-column-count: 3;
	-moz-column-gap: 15px;
	-webkit-column-count: 3;
	-webkit-column-gap: 15px;
}
.column-4 {
	text-align: left;
	column-count: 4;
	column-gap: 15px;
	-moz-column-count: 4;
	-moz-column-gap: 15px;
	-webkit-column-count: 4;
	-webkit-column-gap: 15px;
}
/******************************************************************************/
/* some base sizes for img containers */
.img-container {

	background-color:#f2f2f2;
    border: 1px solid #ccc;
    display: inline-block;
	
}
.img-small{

	margin: 5px;
	width: 150px;
	height: 200px
	
}

.img-medium{

	margin: 5px;
	width: 250px;
	height: 300px;
	
}
.img-large{

	margin: 5px;
	width: 350px;
	height: 400px;
}
.img-right{
	margin: 0px 10px 10px 10px;
	max-width: 100%;
    max-height: 100%;
	float: right;
}
.img-left{
	margin: 0px 10px 10px 10px;
	max-width: 100%;
    max-height: 100%;
	float: left;
}
#fv_cms_postcode {
	text-transform: uppercase;
}
.blue-text{
 color: #002080; 
}
.orange-text{
 color: #ff9933;
}
.red-text{
 color: #ff0000; 
}
.green-text{
 color: #008000; 
}
/******************************************************************************/
/* really useful */
.mt5{margin-top :5px;}
.mt10{margin-top :10px;}
.mt15{margin-top :15px;}
.mt20{margin-top:20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt105{margin-top: 105px;}
.mt110{margin-top: 110px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.rm10{margin-right:10px;}
.rm20{margin-right:20px;}
.rm30{margin-right:30px;}
.rm40{margin-right:40px;}
.rm50{margin-right:50px;}

.width-100{	width:100%;}
.width-75{	width:75%;}
.width-50{	width:50%;}
.width-25{	width:25%;}
	

/******************************************************************************/
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/******************************************************************************/
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/******************************************************************************/
/* Landscape phones and portrait tablets */
@media (min-width: 481px) and (max-width: 767px) {

	.logo {
		text-align: center;
	}
	.navbar {
		position: relative; /* move to main css */
	}
	.navbar .btn-qsearch {
		display: block;
		float: right;
		color: #fff;
		padding: 6px 14px;
	}
	.navbar .departments .nav {
		background: #111;
		margin: 0;
		width: 100%;
		/*display: none;*/
		z-index: 100;
	}
	.navbar .departments .nav li {
		width: 100%;
		border-bottom: 1px dotted #515151;
	}
	.navbar .departments .nav > li > a {
		display: block;
	}
	
	.sidecol .btn-filter {
		margin: 0 auto;
		display: block;
	}
	.sidecol .filters h2 {
		display: none;
	}
	.sidecol .nav-collapse, 
	.sidecol .nav-collapse.collapse {
		height: 0;
	}
	.filter-clear {
		float: left;
		width: 100%;
	}
	.filter-group-container {
		float: left;
		width: 30%;
		padding: 0 1%;
		margin-right: 2%;
	}
	.filter-group-container:last-child {
		margin-right: 0;
	}
	.filter-group-pr {
		width: 100%;
		padding: 0.5em 0;
	}
	.filter-group {
		overflow: hidden;
	}
	.filter-group a {
		outline: none;
		opacity: 0.8;
	}
	.filter-group a:hover,
	.filter-group a:active,
	.filter-group a:focus {
		text-decoration: none;
		opacity: 1;
	}
	.pagination-container {
		text-align: center;
	}
	.results-filters {
		float: none;
	}
	
	.form-search .input-search input {
		width: 100%;
	}
}
/******************************************************************************/
/* Portrait phones and smaller */
@media (max-width: 480px) {

	.filter-group-container {
		width: 94%;
		margin-right: 0;
		padding: 0 3%;
		margin-bottom: 0.5em;
	}
	.product-details .product-prices {
		border: 0;
		border-radius: 4px 4px 4px 4px;
		padding: 0;
		text-align: left;
		float: none !important;
	}
	ul.results.results-grid > li {
		width: 100%;
		padding: 0;
	}
	.form-search .input-search input {
		width: 100%;
	}
	
	.navbar-header button{
		display: block;

		color: #fff;
		padding: 6px 14px;
	}
	.navbar-nav .open .dropdown-menu{
		overflow-y: scroll;
	}
	.dropdown-subjects{
		height:250px;
	}
	.affix {
        position: static;
    }
}
/******************************************/
/******************************************/
/* Print View */
@media print {
  a[href]:after {
    content: none !important;
  }
}
/******************************************/
/******************************************/