/*
******************************
*****  SMALL TABLET CSS  *****
******************************
*/
	body:after, span#MQ { 
		font-family: 'small-tablet'; 
    	content: 'small-tablet'; 
	}
	
	.mobile-only {
    	display: none !important;
	}
	.small-tablet-only {
    	display: inherit !important;
	}
	.large-tablet-only {
    	display: none !important;
	}
	.full-only {
    	display: none !important;
	}
	
	.hide-mobile {
    	display: inherit !important;
	}
	.hide-small-tablet {
    	display: none !important;
	}
	.show-mobile {
    	display: none !important;
	}
	.show-small-tablet {
    	display: inherit !important;
	}

	.googleMap {
		width: 80%;
		height: 250px;
	}

/*
Picture listing
------------------
*/
.pictureListing .listingItem .listingPicture {
    float: left;
    margin: 0;
    width: 20%;
}
.pictureListing .listingItem .listingContent {
    float: right;
    margin: 0;
    width: 74%;
}
.pictureListing .listingItem:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}

/*
Logo listing
------------------
*/

.logoListing .listingItem .listingPicture {
    float: left;
    margin: 0;
    width: 20%;
}
.logoListing .listingItem .listingContent {
    float: right;
    margin: 0;
    width: 74%;
}
.logoListing .listingItem:after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}

/*
Pagination
------------------
*/
	
	.paginationControls {
		display: block;
		margin: 15px 0px 15px 0px;
		padding: 10px 10px 1px 10px;
		background-color: #F5F5F5;
	}
	.paginationControls .showingPages {
		float: left;
		width: 40%;
		text-align: left;
		margin-bottom: 9px;
	}
	.paginationControls .pagesList {
		float: right;
		width: 60%;
		text-align: right;
		margin-bottom: 9px;
	}
	.paginationControls .perPage {
		clear: both;
		text-align: center;
		margin-bottom: 9px;
		padding-top: 9px;
		border-top: 1px solid #fff;
	}
	.paginationControls .pagesList a, .paginationControls .pagesList span.disabled {
		margin: 0px 0px 0px 5px;
	}
	.paginationControls .perPage a {
		margin: 0px 5px 0px 5px;
	}

/*
Cookie message
------------------
*/

#cookieMessage {
    position: fixed;
    top: 141px !important;
    width: 100%;
    z-index: 100;
}

/*
Shop custom styles
------------------
*/
	
		
	/* Search results page product listing styles */
	.resultsOptionsArea .resultsStyle {
		display: block;
	}
	
	.productListing .productImage {
		float: left;
		width: 20%;
		max-width: none;
	}
	.productListing .column.productInfo {
		float: left;
		margin-left: 10px;
		width: 70%;
	}
	.productListing .product .productDescription {
		float: left;
		margin-left: 10px;
		width: 70%;
	}
	
	/* Overrides for grid listing */
	.productListing.gridListing .product {
		border: 1px solid #e5e5e5;
		float: left;
		margin: 0 3% 3% 0;
		width: 46%;
	}
	
	.productListing.gridListing .productImage {
		width: 100% !important;
	}
	.productListing.gridListing .productImage p {
		margin: 10px auto -10px auto;
		max-height: 250px;
		max-width: 250px;
	}
	.productListing.gridListing .product .productImage img, .productListing.gridListing .product.digital .productImage img {
		height: auto;
		width: auto;
	}
	.productListing.gridListing .productInfo {
		float: none;
		margin: 0px auto;
		width: 94% !important;
	}
	.productListing.gridListing .productInfo h3 {
		font-size: 14px;
		line-height: 18px;
	}
	.productListing.gridListing .productInfo p.productDetails {
		font-size: 12px;
		line-height: 15px;
	}
	
	.productListing.gridListing .product .productDescription {
		float: none;
		margin: 0px auto;
		width: 94% !important;
	}
	.productListing.gridListing .product .productDescription p {
		display: none;
	}
	.productListing.gridListing .product .productDescription p.productButton {
		display: block;
	}
	.productListing.gridListing .product .productDescription p.productFormats {
		display: block;
		font-size: 12px;
		line-height: 15px;
	}
	.productListing.gridListing .product .productDescription p.productFormats a {
		display: inline-block;
	}
	
	.productListing.gridListing .dividerRule {
		display: none;
	}