@import '../baseline.less';

@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');

@desktop:   ~"only screen and (min-width: 641px)";
@mobile:    ~"only screen and (max-width: 640px)";
@mobile-large: ~"only screen and (min-width: 376px) and (max-width: 500px)";
@mobile-low: ~"only screen and (max-width: 375px)";
@mobile-ideal: ~"only screen and (min-width: 300px) and (max-width: 330px)";
@mobile-landscape: ~"only screen and (min-width: 375px) and (max-width: 823px) and (orientation: landscape)";

.right {
	float: right;
}

.ui-widget-overlay {
	opacity: 0.7;
	background: #333;
}

#categoryPage #wrapper, #searchResultsPage #wrapper, #productListPage #wrapper{
	background: transparent;
}

#categoryPage .filter-bar-wrapper{

}

#categoryPage #inner, #searchResultsPage #inner{
	@media @desktop{
		padding: 0;
	}
	@media @mobile{
		background: #fff;
	}
}
#categoryPage #mainContent, #searchResultsPage #mainContent{
	@media @mobile{
		padding: 0;
	}
}
#categoryPage h1{
	@media @mobile{
		display: block !important;
	}
}

#for-sale-description {
	 @media @mobile {

    }
}

#for-sale-image {
    //background-image: url(/images/usedgear_header.jpg);
    vertical-align: middle;
    //border: 1px solid black;
    min-height:16vw;
   // font-family: 'helvetica neue', helvetica, sans-serif;
    font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
    background-size: 100%;
    background-position: 20% 18%;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	width: 100%;
}

#image-description {
	color:white;
    //height:30px;
    padding-top:5vw;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:95%;
}

#image-description1 { 
    font-size: 2.3vw;
    float:left;
    padding-left:12px;
    font-family: Futurabold,Trebuchet MS,Arial,sans-serif;
    font-weight:600;
    font-stretch:normal;
	margin-left: 12.5%;
}

#image-description2 {
   // height:30px;
    font-size: 1.3vw;
    float:left;
    padding-left:7px;
    padding-top:1vw;
}

.read-more{
  clear:left;
  margin-left: 45%;
  margin-right: auto;
  margin-top: 4.5vw;
  width: 12vw;
 // border-color:red;
 // border-style:solid;
 // background-color: #e40000;
  height: 2.5vw;
  line-height: 2.5vw;
  //text-decoration: none;
}

#learn-more{
	font-size:1.1vw;
	color: white;
	cursor: pointer;
	text-align: center;
		&:hover{
			font-weight: bold;
		}
}

#learn-more-text{
	display:inline-block;
	color: white;
	text-decoration: none;
}
#down-arrow{
	padding-left: 1vw;
	position: relative;
	top: 0.2vw;
}
#overlay-for-sale-image {
    z-index: 10000;
   // background-image: url(/images/usedgear_header.jpg);
    vertical-align: middle;
    border: 1px solid black;
    min-height:16vw;
   // font-family: 'helvetica neue', helvetica, sans-serif;
    font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
    background-size: 100%;
    background-position: 20% 18%;
}
#overlay-image-description {
    color:white;
    //height:30px;
    padding-top:7vw;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:95%;
}
#overlay-image-description1 {
   // height:30px;
    font-size: 2.3vw;
    float:left;
    padding-left:12px;
    font-family: Futurabold,Trebuchet MS,Arial,sans-serif;
    font-weight:600;
    font-stretch:normal;
}
#overlay-image-description2 {
   // height:30px;
    font-size: 1.3vw;
    float:left;
    padding-left:7px;
    padding-top:1vw;
}

#displaybox a{
	color: #000000;
}

#close-overlay {
	color:red;
	//float:right;
	text-align:right;
	font-size:2em;
	padding: 1vw;
	cursor: pointer;
}

#displaybox-content{
	margin:4vw;
}

#displaybox-filter{
	z-index:20;
}

#displaybox {
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.9);
    position:absolute;
    top:35px;
    left:0px;
    width:100%;
    height:100%;
    //font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align:center;
    vertical-align:middle;
    //filter: blur(4px);
    b{
    	font-family:Futurabold,Trebuchet MS,Arial,sans-serif;
    }
    p{
    	margin:2vw 0;
    }
}


#overlay-description {
	font-size: 1.6em;
	text-align: left;
	padding-top: 4vw;
}

#quality-rating-system{
	background-color: #F0F0F0;
	padding: 2vw;
}
#expand-quality-rating-system-description{
	//float:left;
}
#quality-rating-system-description{
	display:block;
	//height:700px;
}
#return-top{
	float:right;
}
#quality-rating-system-heading{
	//float:left;
	cursor: pointer;
}
#arrow{
	//float:left;
	padding-left: 4vw;
	cursor: pointer;
}
#top-heading{
	height:20px;
}
.category-top-nav{
	box-shadow: inset 0 0 0 1px #76ace5;
	.border-radius(6px);
	
	.clearfix();
	
	li{
		float: left;
		width: 25%;
		
		box-shadow: inset -1px 0 0 #76ace5;
		
		&:first-child{
			a{
				.border-radius(6px 0 0 6px);
			}
		}
		&:last-child{
			box-shadow: none;
			a{
				.border-radius(0 6px 6px 0);
			}
		}
	}
	a{
		display: block;
		text-align: center;
		color: #6ca0df;
		text-decoration: none;
		
		@media @desktop{
			.font(26, 200);
			height: 74px;
			line-height: 74px;
		}
		@media @mobile{
			.font(13, 400);
			height: 44px;
			line-height: 44px;
		}
		
		.transition();
		
		&:hover{
			background: #76ace5;
			color: #fff;
		}
	}
	.active a{
		background: #76ace5;
		color: #fff;
	}
}

.innerContent.category, .innerContent.searchResults {
	.category-title {
      font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
      float: left;
      font-size: 1.6rem;
      font-weight: 400;
      width: 215px;
      margin-top: 25px;
      margin-right: 5px;
      margin-left: 30px !important;
		@media @mobile {
			display:none !important;
		}
	}
}

#searchResultsContent .category-title{
	display: none !important;
}

.category-no-results-message {
	text-align: center;
	font-size: 16px;
	padding: 40px 10px 0;
    margin-bottom: 30px;
}

.category-title{
	color: #333;
	@media @desktop{
		.font(32, 200);
		margin: 20px 0 5px;
		
	}

	@media @mobile{
 		.font(21, 400);
 		margin: 15px 20px 20px;
	}
	
	~ .row-divider {
		display: inline-block;
		width: 100%;
		height: 1px;
		background-color: #d0d0d0;
		
		.last {
			margin-bottom: 15px;
		}
	}
}

.product-list-row-wrapper {
	margin: 0 5%;
	
	~ .row-divider {
		display: inline-block;
		width: 100%;
		height: 1px;
		background-color: #d0d0d0;
		
		&.last {
			margin-bottom: 15px;
		}
	}
}

.sortByCustomOptions {

	@media @desktop {
		color: #777777;
		display: none;
		width: 49%;
		position: absolute;
		left: 0;
		top: 59px;
		overflow: hidden;
		z-index: 1;
		border: 1px solid #c0c0c0;
		border-bottom: none;
		box-sizing: border-box;

		li {
			display: block;
			width: 100%;
			height: 32px !important;
			margin: 0 !important;
			line-height: 32px;
			background: white;
			text-indent: 8px;
			border-bottom: 1px solid #c0c0c0;
			cursor: pointer;
			&.selected {
				background: #CCC;
			}
		}
	}

	@media @mobile {

		li {
			display: block;
			width: 100%;
			height: 38px !important;
			margin: 0 !important;
			line-height: 40px;
			background: white;
			text-indent: 38px;
			border-bottom: 1px solid #c0c0c0;
			cursor: pointer;
			text-transform: uppercase;
		}

		.checkMark{
			position: relative;
		}

		.checkMark:after {
			content: "";
			background-color: transparent;
			position: absolute;
			left: -16px;
			top: 0px;
			width: 4px;
			border-bottom: 2px solid gray;
			height: 11px;
			border-right: 2px solid gray;
			transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
		}
	}
}

.sortByLinks{
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	appearance: none;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-color: #c0c0c0 !important;
	border-width: 1px;
	border-style: solid;
	width: 170px;
	height: 40px;
	margin-top: 5px;
	padding-left: 8px;
	color: #777777;

	&.mobile-category-sort {
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		width: 30px;
		padding: 0;
		border: none;
		color: transparent;
		}

	@media @mobile {
		height: 30px;
		margin-top:0;
	}
}

.sortByLinks:hover {
	position: relative;
	z-index: 1006;
}

.ddArrowCategory{
	font-size:1.6rem;
	position: absolute;
	right: 0;
	margin: 0;
	width: 20px;
	height: 30px;
	line-height: 50px;
	z-index: 0;
	@media @mobile {
		position:relative;
		right:auto;
		margin:0!important;
		line-height:35px;
	}
}

#categoryContent .ddArrowCategory{
	color: #777777;
	margin-right: 210px;
	margin-top: -32px;
}

#searchResultsContent .ddArrowCategory{
	color: #777777;
	top: 12px;
	margin-right: 175px;
}


#searchResultsContent .category-filter-bar .filter-bar-selected .selected-title {
	line-height: 45px;
}

#categoryContent .filter-bar-selected .selected-title{
	@media @desktop{
		line-height: 45px;
	}

	@media @mobile{
		display: inline;
	}
}

.ddArrowCategoryMWeb{
	@media @mobile {
		font-size: 1.3rem;
		position: absolute;
		margin: 0;
		width: 20px;
		height: 30px;
		//line-height: 30px;
		z-index: 0;
		border-bottom-left-radius: 0%;
		left: 80%;
	}
}


.mWeb-category-abn {
	display:none;
	width: 49%;
	position: absolute;
	left: 0;
	top: 30px;
	overflow: hidden;
	z-index: 1;
	border-top: 1px solid #c0c0c0;
	border-bottom: none;
	box-sizing: border-box;

	li {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 !important;
		line-height: 37px;
		background: white;
		text-indent: 38px;
		border-bottom: 1px solid #c0c0c0;
		cursor: pointer;

		@media @mobile {
			.filter-slider-mobile {
				margin-right: 15px;
				margin-left: 7px;
				margin-top: 10px;
				margin-bottom: 15px;
				position: relative;

				#focalLengthSliderMobile, #maxApertureSliderMobile{
					width: 90%;
					margin-left: 20px;
				}


				.filter-label {
					.font-size(11);
					color: #333;
					margin: 0 0 5px 2px;
					position: relative;
					z-index: 2;
					display: block;

					.label-name {
						padding-right: 20px;
					}

					.label-count {
						position: relative;
						right: 0;
						top: 0;
						color: #777;
					}

					.label-min {
						padding-right: 20px;
						color: #777;
					}

					.label-max {
						position: absolute;
						right: 0;
						top: 0;
						color: #777;
					}
				}

				.slider-legend{
					margin-left: 20px;
				}

				.slider-legend p {
					display: inline;
					//overflow: hidden;
					font-size: 12px;
					text-align: center;
					margin: 15px 10px 0px 0px;
				}

				#focalLengthSlider .ui-slider-handle {
					text-decoration: none;
					color: #bbb;
					text-align: center;
				}

				#focalLengthSlider .ui-slider-handle .handle-text {
					font-size: 8px;
				}

				#focalLengthSliderMobile .ui-slider-handle {
					text-decoration: none;
					color: #bbb;
					text-align: center;
				}

				#focalLengthSliderMobile .ui-slider-handle .handle-text {
					font-size: 8px;
				}

				#maxApertureSlider .ui-slider-handle {
					text-decoration: none;
					color: #bbb;
					text-align: center;
				}

				#maxApertureSlider .ui-slider-handle .handle-text {
					font-size: 8px;
				}

				#maxApertureSliderMobile .ui-slider-handle {
					text-decoration: none;
					color: #bbb;
					text-align: center;
				}

				#maxApertureSliderMobile .ui-slider-handle .handle-text {
					font-size: 8px;
				}
			}
		}
	}


	.checkMark{
		position: relative;
	}

	.checkMark:after {
		content: "";
		background-color: transparent;
		position: absolute;
		left: -16px;
		top: 0px;
		width: 4px;
		border-bottom: 2px solid gray;
		height: 11px;
		border-right: 2px solid gray;
		transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	@media @mobile {
		width: 100%;
	}

	.parent-filters{
		display:none;
	}

	.parent-filters > li:first-child{
		border-top: 1px solid #c0c0c0;
	}

	.parent-filters > li:last-child{
		border-bottom: none;
	}

	.parent-filters > li.see, .parent-filters > li.seezero{
		border-bottom: none;
	}

	.parent-filters > li{
		background-color: #f3f2f2;
		text-indent: 25px;
	}

	.parent-filters > li.see, .parent-filters > li.seezero{
		text-indent: 38px;
	}

	.parent-title{
		text-transform: uppercase;
	}

	.parent-title a{
		color: black;
		text-decoration: none;
		font-weight: lighter;
		text-transform: uppercase;
	}

	.filter-type .checkMarkFacet{
		position: relative;
	}

	.filter-type .checkMarkFacet:after {
		content: "";
		background-color: transparent;
		position: absolute;
		left: -4px;
		top: 0px;
		width: 4px;
		border-bottom: 2px solid gray;
		height: 11px;
		border-right: 2px solid gray;
		transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.filter-type a{
		color: black;
		text-decoration: none;
		font-weight: lighter;
	}

	.filter-type .filter-checkbox-mweb{
		visibility: hidden;
	}

	.label-count{
		display: none;
	}
}


.notForSale-wrap{
	.category-filter-bar {
		@media @mobile {
			&.top {
				height: 100px;
			}
		}
	}
}

.category-wrap{
	.clearfix();
	margin: 0;
	position: relative;
	
	@media @mobile{
		margin: 0;
	}

	.filter-bar-search-selections{
		@media @desktop {
			display:block;
		}
		@media @mobile {
			display:block;
			float:none;
		}
		width: calc(~'100% - 240px');;
		float:right;
		li{
				float: left;
				height: 40px;
				/*font-family: 'Ubuntu Condensed', sans-serif;*/
				color: #333;
			}
			
		.category-filter-closed&{
			width:  calc(~'100% - 50px');
			.transition(all 200ms ease);
		}
			.selected-filter{
				margin: 1px 3px;
				height: 24px;
				line-height: 24px;
				padding: 0 7px 0 20px;
				box-sizing: border-box;
				.font-size(10);
				text-transform: uppercase;
				position: relative;
				
				a{
					position: absolute;
					left: 0;
					top: 0;
					color: gray;
					.font-size(10);
					text-decoration: none;
					-webkit-font-smoothing: antialiased;
					width: 21px;
					text-align: center;
					
				}
			}

		.mweb-reset-search{
			font-size:smaller;

			a {
				color: red !important;
				text-decoration: underline !important;
			}
		}
	}
	
	.category-filter-bar{
		width: 100%;
		margin-bottom: 10px;

		&.fixed {
			/*position: fixed;*/
			left: 0;
			top: 110px;
			z-index: 1;
		}

		@media @mobile-landscape{
			&.fixed {
				position: relative !important;
			}
		}

		@media @mobile {
			&.top{
				/*height: 100px; */
			}
			top: 10px;
			border-bottom: solid 1px #d0d0d0;
			z-index: 100;
		}
		.clearfix();
		
		.filter-bar-narrow-reset-search{
			background: #f0f0f0;
			//border-top: solid 1px #d0d0d0;
			float: left;
			width: 240px;
			box-sizing: border-box;
			height: 40px;
			line-height: 40px;
			.opacity(1);
			@media @mobile{
				width: 100%;
				background: none;
				border-right: solid 1px #d0d0d0;
				z-index: 10;
				position: relative;
			}
			
			.transition(all 200ms 200ms linear);
			.category-filter-closed&{
				height:0px;
				width: 0%;
				.opacity(0);
				/* .border-radius(6px 0 0 6px); */
				.transition(all 200ms ease);
			}
			.facet-narrow-reset-search {
				width: 70%;
				margin: 0 auto;
				//color: #c0c0c0;
				font-size: 11px;
				font-weight:bold;
				
				a {
					color: #000;
					float: right;
					font-weight:normal;
				}
				
				.done-button {
					margin-top: 7px;
					margin-left: 15px;
					padding: 4px 5px;
				}
			}
		}
		.hide-show-filters-wrapper {
			
			@media @desktop{
				left: 220px;
			}
			@media @mobile {
				display:none;
				left: 85%;
			}
			top: 88px;
			position: absolute;
			z-index: 1;
			.transition(all 200ms 200ms linear);
			.category-filter-closed&{
				left:0;
				.transition(all 200ms ease);
			}
			
			.facet-count {
				color: white;
				position: absolute;
				bottom: 5px;
				left: 50%;
				-webkit-transform:translate(-50%, 0 );
				-ms-transform:translate(-50%, 0 );
				-moz-transform: translate(-50%, 0 );
				-o-transform: translate(-50%, 0 );
				transform: translate(-50%, 0 );
			}
			
			.hide-filters  {
				.opacity(1);
				background-color:#ed1c24; 
				@media @desktop {
					position:absolute; 
					width: 20px;
					height: 50px;
					.border-radius(3px 0 0 3px);
				}
				@media @mobile {
					top: 54px !important;
					position: fixed !important;
					z-index: 9999;
					width: 30px;
					height: 90px;
					.border-radius(0px 3px 3px 0px);
				}
				.transition(all 200ms 200ms linear);
				.category-filter-closed&{
					.opacity(0);
					height: 0px;
					width: 0px;
					.transition(all 200ms ease);
				}
				&:hover {
					cursor: pointer;
				}
			}
			.show-filters {
				.opacity(0);
				height: 0px;
				background-color:#ed1c24; 
				width: 0px;
				.border-radius( 0 3px 3px 0 );
				.transition(all 200ms 200ms linear);
				.category-filter-closed&{
					.opacity(1);
					
					@media @desktop{
						position:absolute;
						top: -40px;
						height: 50px;
						width: 20px;
					}
					@media @mobile{
						top: 54px !important;
						position: fixed !important;
						height: 90px;
						width: 30px;
					}
					.transition(all 200ms ease);
				}
				
				&:hover {
					cursor: pointer;
				}
			}
			
		}
		
		.filter-bar-selected{
			float: right;
			width: 100%;
			background: #fff;
			box-sizing:border-box;
			height: 40px;
			
			@media @desktop {

				&.extra-message {
					height: 80px !important;
				}
			}
			
			@media @mobile{
				width: 71.7%;
				margin: 0;
				height: 30px;

				&.top {
					width: 100%;
					position: absolute;
					//padding-left:5%;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}
			}
			
			li, div.item-left {
				float: left;
				height: 40px;
				/*font-family: 'Ubuntu Condensed', sans-serif;*/
				@media @mobile {
					height: 30px;
				}

				&.sort-filter-separator {
					border-right: 1px solid #d0d0d0;
					width: 1px;
					height: 30px;
					margin: 0  15%;
				}
			}

			@media @desktop {

				.filter-bar-wrapper {
					float: right;
					margin-right: 32px;
				}
			}

			.abn-filter-wrapper  {
				line-height: 35px;
				padding: 0 5px;
				font-size: 13px;
				margin-left:30%;

				.icon {
					//background-image: url(https://cdn.static-bl.com/images/mobile/icon-empty-filter.png);
					background-repeat: no-repeat;
					background-size: contain;
					background-position: right center;
					height: 12px;
					display: inline-block;
					width: 15px;

					&.full {
						background-image: url(https://cdn.static-bl.com/images/mobile/icon-filter.png);
					}

					& + sub {
						margin-left: -4px;
					}
				}

			}

			.selected-title{
				position: relative;
				line-height: 60px;
				.font-size(14);
				margin: 0 4px 0 8px;
				.category-filter-closed&{
					@media @desktop {
						margin: 0 16px 0 0px;
					}
					@media @mobile {
						margin: 0;
						line-height: 25px;
						
						&.sorted-by {
							//width: 21%;
							font-size: 13px;
							text-transform: uppercase;
							padding-top:2px;

							& + .selected-title {
								width: 10%;
							}
						}
					}
				}
				.extra-message {
					position: relative;
					bottom: 30px;

					@media @mobile{
						width: 100%;
						height: 10px;
						bottom: auto;
						font-size: 13px;
						float: left;
					}

					.tooltip-qmark {
						top: 10px;
						background-color: #b1adad;
					}

					.tooltip-body {
						position: absolute;
						top: 40px;
						width: 200px;
						z-index: 10;
						background-color: #fff;
						color: #000;
						-webkit-border-radius: 6px;
						-moz-border-radius: 6px;
						border-radius: 6px;
						border: 1px solid #000;
					}
					@media @desktop {
						.tooltip-qmark:hover + .tooltip-body {
							display: block;
						}
					}
				}
				.warehouse-selector {
					position: absolute;
					z-index: 10;
					top: 40px;
					background-color: #FFFFFF;
					width: 200px;
					height: 200px;
					border: 1px solid #c0c0c0;
					padding: 10px;

					@media @mobile{
						margin: 0;
						height: 128px !important;
						top: 43px !important;
						left: 110px !important;
					}

					input[type="radio"] {
						margin: 5px;
					}
					label.disabled {
						color: grey;
					}
				}
				.warehouse-selector:before,
				.warehouse-selector:after {
					bottom: 100%;
					left: 45%;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
				}
				.warehouse-selector:before {
					border-left: 10px solid transparent;
					border-right: 10px solid transparent;
					border-bottom: 10px solid #c0c0c0;
					margin-left: -1px;
				}
				.warehouse-selector:after {
					border-left: 9px solid transparent;
					border-right: 9px solid transparent;
					border-bottom: 9px solid white;
				}

				#customRentalInput{

					@media @mobile{
						height:12px !important;
					}
				}

				.chooseDay{
					position: absolute;
					z-index: 10;
					top: 13%;
					background-color: #FFFFFF;
					border: 1px solid #c0c0c0;
					padding-left: 10px;
					width: 120px;

					input[type="radio"] {
						margin: 5px;
					}
					label.disabled {
						color: grey;
					}

					li{
						width: 100px;
						height: 35px;
						cursor:pointer;
					}
				}

				.chooseDuration{
					position: absolute;
					z-index: 10;
					top: 44px;
					background-color: #FFFFFF;
					border: 1px solid #c0c0c0;
					padding-left: 10px;
					padding-bottom:10px;
					width: 160px;

					input[type="radio"] {
						margin: 5px;
					}
					label.disabled {
						color: grey;
					}

					li{
						width: 150px;
						height: 30px;
						cursor:pointer;

						#customRentalInput{
							width: 30px;
							height: 25px;
							text-align:center;

							@media @mobile{
								height:12px !important;
						    }
						}

						.errorInput{
						   border-color:red;
						   border-style: solid;
						}

						.errorMessage{
							color:red !important;
						}
					}
					#customDuration{
						height:70px;
						span {
						   color: gray;
						   font-size: small;
							padding-bottom:20px;
						}
					}
				}
				.chooseDuration:before,
				.chooseDuration:after {
					bottom: 100%;
					left: 42%;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
				}
				.chooseDuration:before {
					border-left: 10px solid transparent;
					border-right: 10px solid transparent;
					border-bottom: 10px solid #c0c0c0;
					margin-left: -1px;
				}
				.chooseDuration:after {
					border-left: 9px solid transparent;
					border-right: 9px solid transparent;
					border-bottom: 9px solid white;
				}

				&.sorted-by {
					font-weight: bold;
				}

			}

			.category-filter-closed&{
				@media @desktop {
					width:  calc(~'100% - 20px');
				}
				.transition(all 200ms ease);
			}
			
			.selected-filter{
				margin: 8px 3px;
				height: 24px;
				line-height: 24px;
				padding: 0 7px 0 20px;
				box-sizing: border-box;
				.font-size(10);
				text-transform: uppercase;
				position: relative;
				
				a{
					position: absolute;
					left: 0;
					top: 0;
					color: #e40000;
					.font-size(10);
					text-decoration: none;
					-webkit-font-smoothing: antialiased;
					width: 21px;
					text-align: center;
					
				}
			}
		}
	}
	
	.fixedPos{
			position: fixed;
			top:0px;
			left:0px;
			bottom:0px;
			height:100%;
	}
	
	.fixedPosScrollUp{
			position: fixed;
			top:110px;
			left:0px;
			bottom:0px;
	}
	
	.fixedTopPos{
			position: fixed;
			top: 0px;
	}
	
	.fixedBottomPos{
			position: fixed;
			bottom: 0px;
	}
	
	.fixedBottomPosFooter{
			position: fixed;
			bottom:410px;
	}
	
	.category-abn{
		background-color: #f0f0f0;
		box-sizing: border-box;
		float: left;
		width: 240px;
		//margin-top: 40px;
		padding: 0 10px 0 30px;
		position: absolute;
		
		@media @mobile{
			top: 54px;
			position: absolute !important;
			z-index: 10;
			width: 100%;
			border-bottom: 1px solid #d0d0d0;
			border-right: 1px solid #d0d0d0;
			background: rgba(255, 255, 255, .8);
			.transition(all 200ms 200ms linear); 
			
		}

		
		.speed-up();
			
		.category-filter-closed&{
			width: 1px;
			opacity: 0;
			padding:0 ;
			
			@media @mobile{
				overflow: hidden;
			}
			
			.transition(all 200ms ease);
		}
		
		.filter-bar-narrow-reset-search{
			background: #f0f0f0;
			//border-top: solid 1px #d0d0d0;
			float: left;
			width: 190px;
			box-sizing: border-box;
			height: 40px;
			line-height: 40px;
			.opacity(1);
			@media @mobile{
				width: 28%;
			}
			
			.transition(all 200ms 200ms linear);
			.category-filter-closed&{
				height:0px;
				width: 0%;
				.opacity(0);
				/* .border-radius(6px 0 0 6px); */
				.transition(all 200ms ease);
			}
			.facet-narrow-reset-search {
				width: 90%;
				//margin: 0 auto 0 50px;
				//color: #c0c0c0;
				font-size: 11px;
				font-weight:bold;
				
				a {
					color: #000;
					float: right;
					font-weight:normal;
				}
			}
		}
		
		.abn-parent{
		
			margin: 1px 0 0;
			width: 176px;
		
			.slider-legend p{
				display: inline-block;
				overflow:hidden;
				font-size:8px;
				text-align:center;
				margin:5px 0 0 0;
			}
			
			#focalLengthSlider .ui-slider-handle{
				text-decoration:none;
				color: #bbb;
				text-align:center;
			}
			
			#focalLengthSlider .ui-slider-handle .handle-text{
				font-size:8px;
			}
			
			#maxApertureSlider .ui-slider-handle{
				text-decoration:none;
				color: #bbb;
				text-align:center;
			}
			
			#maxApertureSlider .ui-slider-handle .handle-text{
				font-size:8px;
			}
			
			&:last-child{
				// .border-radius(0 0 6px 6px);
			}
			
			a.see-all {
				display: inline-block;
				vertical-align: middle;		
				text-decoration: none;		
				float:right;
				margin-right:15px;
				margin-top:2px;
				color:#666;
				
			}
			a.see-all-title {
				text-decoration: none;		
				margin-top:2px;
				color:#000;
				padding-right: 100px;
				
				&.side{

					background: url('https://cdn.static-bl.com/images/expand.png') left center no-repeat;
				}
				&.up{

					background: url('https://cdn.static-bl.com/images/expand.png') left center no-repeat;
					padding-left:12px;
				}
				&.down{

					background: url('https://cdn.static-bl.com/images/minimize.png') left center no-repeat;
					padding-left:12px;
				}
			}
			
			a.see-all-bottom {
				.font-size(11);
				color: #333;
				margin: 0 0 5px 30px;
				
			}
			
			a.see-all-zero {
				.font-size(11);
				color: #333;
				margin: 0 0 5px 30px;
				
			}

			.parent-title{
				.font-size(13);
				font-weight: bold;
				color: #000;
				text-decoration: none;
				display: inline-block;
				
				span{
					float:right;
					font-size:9px;
					color:#bbb;
					margin-right:12px;
					margin-top:4px;
				}
			}

			.minimizeExpand{
				float: right;
				width: 20px;
				margin-right: -25px;
			}
			
			.filter-slider{
				margin-right:15px;
				margin-left:7px;
				margin-top:10px;
				margin-bottom:15px;
				position: relative;
				
				.filter-label{
					.font-size(11);
					color: #333;
					margin: 0 0 5px 2px;
					position: relative;
					z-index: 2;
					display: block;
					
					.label-name{
						padding-right: 20px;
					}
					
					.label-count{
						position: relative;
						right: 0;
						top: 0;
						color: #777;
					}
					
					.label-min{
						padding-right: 20px;
						color: #777;
					}
					
					.label-max{
						position: absolute;
						right: 0;
						top: 0;
						color: #777;
					}
				}
			}
			
			.parent-filters{
				padding: 4px 8px 7px 0;

				.filter-type{
					margin: 0 0 6px;
					position: relative;
				
					.filter-checkbox-disabled{
						position:absolute;
						margin: 1px 0 0 10px;
						height: 12px;
						width: 12px;
						background-color: #fff;
						box-sizing: border-box;
						border: 1px solid #c0c0c0;
						opacity: 0.9;
						z-index: 1;
					}
					.filter-checkbox{
						position: absolute;
						margin: 1px 0 0 10px;
						display: none;
					}
					.filter-checkbox-styled {
						position:absolute;
						margin: 1px 0 0 10px;
						height: 12px;
						width: 12px;
						background-color: #fff;
						box-sizing: border-box;
						border: 1px solid #333;
						&.on{
							background-color: #333;
							border: 0;
						}
					}
					.filter-label{
						.font-size(11);
						color: #777;
						margin: 0 0 0 8px;
						position: relative;
						z-index: 2;
						
						display: block;
						
						a{
							padding: 0 5px 0 22px;
							color: #777;
							display: block;
							text-decoration: none;
							white-space: pre-line;
							
							.transition(200ms color linear);
							
							&:hover{
								color: #444;
							}
							
							.label-name{
							   //padding-right: 20px;
							}
							.label-count{
								position: relative;
								/*right: 0;*/
								top: 0;
								color: #777;
								padding-left:4px;
							}
							
						}
					}
					.filter-checkbox:checked + .filter-label{
						color: #333;
						a{
							color: #333;
						}
					}
				}
			}
		}
	}
	.category-products{
		position: relative;
		float: right;
		width: calc(~'98% - 240px'); /*800/980*100%;*/
		padding: 20px 0 1px 0;
		.clearfix();
		
		.speed-up();
		
		.transition(width 200ms ease);
		
		@media @mobile{
			width: 100%;
			padding: 0px;
		}
			
		.category-filter-closed&{
			width: calc(~'100% - 50px');
			
			@media @mobile{
				width: 100%;
			}
		}

		.alternatives-carousel {
			width: 100%;
			max-width: 700px;
			height: 300px;
			position: absolute;
			z-index: 10;
			background-color: white;
			.box-shadow( 0 2px 0 #d5d5d5 ~"," 0 0 0 1px rgba(0,0,0,.02) ~"," 0 0 20px rgba(0,0,0,.12) );

			.button-close {
				position: absolute;
				top: 10px;
				right: 10px;
				font-size: 25px;
				color: #808080;
				cursor: pointer;
				height: 20px;
				line-height: 20px;
				width: 20px;
			}

			.title {
				margin: 10px 10px 0 10px;
				font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
				font-size: 3.2rem;
				font-weight: 200;
				-webkit-font-smoothing: antialiased;
			}

			.arrow-indicator {
				position: absolute;
				content: '';
				display: block;
				width: 0;
				height: 0;
			}

			.arrow-indicator.inside {
				top: -9px;
				left: -1px;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				border-bottom: 10px solid white;
			}

			.arrow-indicator.outside {
				top: -10px;
				border-left: 9px solid transparent;
				border-right: 9px solid transparent;
				border-bottom: 9px solid #d5d5d5;
			}

			.alternative-product-list {
				display: block;
			}

			.product-image{
				@media @desktop {
					height: 160px;
					width: 80%;
					margin: 0 10%;
					margin-top:40px;
				}

				@media @mobile {
					width: 140px;
					height: 140px;
					margin: 0 auto;
					margin-top: 30px;
				}

				background-size: contain;
				background-repeat: no-repeat;
				background-position: center center;

				.flicker();
				.transition();
			}

			.carousel-container {
				.button {
					margin: 80px 0;
					display: inline-block;
					border: none;
					background: none;

					&:hover {
						cursor: pointer;
					}
				}
				.carousel-window {
					display: inline-block;
					position: relative;
					width: calc(~'100% - 70px');
					height: calc(~'100% - 40px');

					.carousel-list {
						white-space: nowrap;
						height: 100%;

						.alternative-product {
							vertical-align: top;
							display: inline-block;
							height: 100%;
							width: 200px;
							margin: 0 10px;
							cursor:pointer;

							.product-name {
								white-space: normal;
								height: 60px;
								overflow: hidden;
							}

							.active-rental-period {
								color: #777;
								font-size: 1.3rem;
								text-align: center;
							}
						}
					}
				}
			}
		}
	}
}

.product-card{
	position: relative;
	padding: 0 0 1px;
	overflow: visible !important;
	float: left;
	font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif !important;
	background: #fff;
	border-bottom:solid 1px #ddd;
	margin-right:0!important;
	.font(15, 200);
	
	@media @desktop{
		/*width: 100%*(292/960);*/
		width: 300px;
		margin: 0 100%*(25/960) 100%*(20/960) 0;
		max-width: 300px;
        height:490px;
		
		.category:nth-child(3n){
			margin: 0 0 100%*(20/960) 0;
		}
		
		&:hover{
			/*.box-shadow( 0 2px 0 #d5d5d5 ~"," 0 0 0 1px rgba(0,0,0,.02) ~"," 0 0 20px rgba(0,0,0,.12) );*/
			.opacity(1);
		}
	}
	
	@media @mobile{
		width: 50% !important; /*100%*(145/320);*/
		margin: 0 0 100%*(10/320) !important;

		&.one-up {
			width: 100% !important;
			padding-bottom: 20px !important;
		}
	}

	.flicker();
	-webkit-perspective: 0;
	.transition();

/*	.new{
		position: absolute;
		height: 18px;
		line-height: 18px;
		padding: 0 4px;
		.box-shadow(inset 0 0 0 1px #77aaea);
		.border-radius(3px);
		z-index: 2;

		.font-size(10);
		color: #77aaea;
		font-weight: 400;
		-webkit-font-smoothing: subpixel-antialiased;
		
		@media @desktop{
			left: 10px;
			top: 10px;
		}

		@media @mobile{
			left: 5px;
			top: 5px;
		}
	} */
	a{
		text-decoration: none;
		&::-moz-focus-inner{
			border: none;
		}
	}
	.wrap{
		/*padding: 1px 0 0;*/
		display: block;
	}
	
	.row_divider{
		position: relative;
		background-color: #d0d0d0;
		height: 1px;
		border: none;	
		
		@media @desktop {
			width: 300px;
			right: 20px;
			top: 20px;
		}
		@media @mobile {
			width: 100% !important;
			right: 0;
			top: 0;
			margin: 0;
		}
		
	}

	.row_divider_new{
		position: relative;
		background-color: #d0d0d0;
		border: none;

		@media @desktop {
			width: 90%;
			margin: 0px !important;
		}
		@media @mobile {
			width: 100% !important;
			right: 0;
			top: 0;
			margin: 0;
		}

	}

	.product-image{
		@media @desktop {
			width: 80%;
			padding-bottom: 80%;
			margin: 10%;
			margin-top:40px;
		}
		
		@media @mobile {
			width: 140px;
			height: 140px;
			margin: 0 auto;
			margin-top: 30px;
		}
		
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		
		.flicker();
		.transition();
		.opacity(.95);
	}
	&:hover .product-image{
		@media @desktop {
			.opacity(1);
		}
	}
	
	.new{
		position: relative;
		font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
		color: #e40000 !important;
		width: 100%;
		display:block;
		font-weight: 700;
		text-align:center;
		
	}
	
	.product-banner {
		position: absolute;
		font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
		text-align: center;
		.new {
			/*border: solid 1px #e40000 !important;*/
			@media @desktop {
				color: #e40000 !important;
				left: 50%;
				bottom: 300px;
			}
			@media @mobile {
				color: #e40000 !important;
				left: 50%;
				& {
					bottom:160px;
					margin-top: -10px;
				}
			}
		}
		
		.coming-soon {
		}
		
	}
	
	.product-out-until{
		position: absolute;
		color: #4e4d4d;
		line-height: 13px;
		width: 100%;
		font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
		text-align: center;
		z-index: 2;
		font-weight: bold;

		@media @desktop{
			top: 62%;
			font-size: smaller;
			/*border: 1px solid #d0d0d0;*/
		}
		@media @mobile{
			position: relative;
			font-size: smaller;
			padding-top: 10px;
			
			& + .product-title {
				height: 36px;
				padding-top: 5px;
			}
		}
		
		span{
			display: inline-block;
			width: 13px;
			height: 13px;
			&.coming-soon {
				margin-left: 6px;
			}
		}
		
		.qmark{
			left: 235px;
			top: 0px;
			float:right;
			height: 13px;
			position: absolute;
			height: 13px;
			line-height: 13px;
			text-align: center;
			width: 13px;
			text-decoration: none !important;
			margin: 1px 0 0;
			.border-radius(50%);
			background: #b1adad;
			display:none;
			
			.font(10, 600);
			color: #fff;
			cursor:pointer;
		}

		.tooltip{
			position: absolute;
			z-index: 10;
			border: 1px solid black;
			background: white;
			.border-radius(6px);
			color: #000;
			display: none;
			text-align: justified;

			@media @desktop{
				font-size: 14px;
				font-weight: normal;
				line-height: 16px;
				padding: 20px 10px;
				top: 34px;
				bottom: auto;
				left: 10px;
				right: 10px;
				font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
			}

			.close-button{
				display:none;
			}
			
			@media @mobile{
				line-height: 9px;
				.font(10, 400);
				padding: 7px;
				//bottom: 18px;
				left: 5px;
				right: 0;
				top: 30px;
				width: 160px;

				.close-button{
					float:right;
					display:block;
					font-weight: bold;
					pointer:cursor;
					margin-bottom:10px;
					margin-right:5px;
					margin-left: 5px;
					font-size:larger;
				}
			}
		}

		&:hover .tooltip {
			display: block;
			line-height: 13px;
			font-size: inherit;
		}

		.resevedUntilDateMsg{
			@media @mobile {
				letter-spacing: -0.5px;
			}
		}

	}

	.fixTopMargin {
	  top: 0px !important;
	}

	.comingSoon{
		.qmark{
			left: 210px !important;

			&:hover .tooltip {
				display: block;
			}
		}

		@media @desktop {
			.qmark:hover + .tooltip {
				display: block;
			}
		}
	}

	.unavailOptions{
		width:300px;
		text-align: center;
		//margin-bottom: -20px;
		top: 12px;
		position: relative;
		display:block;
		margin-top:17px;

		@media @desktop{
			height: 59px;
			font-size: 14px;
		}

		@media @mobile{
			height: 49px;
			width: 100%;
			margin-left: 0;
			text-align: center;
			letter-spacing: -0.75px;
			font-size:small;
		}

		.unavailWrapper{
			background-color: white;
			opacity: 0.7;
			height:26px;
			@media @mobile{
				margin-top: 40px;
			}
		}

		span {
			//text-decoration: underline;
			color: white;
			font-weight: bold;
			border-radius: 2px;
			cursor: pointer;
			opacity: 1;
			z-index: 1;
			&.next-available, &.next-available-reserved-until {
				display: inline-block;
				height: 16px;
				width: 225px;
				padding: 10px;
				background-color: #ff8803;
				text-align: center;
			}

			&.mobile {
				font-size: 12px;
			}

			&.desktop {
				margin-left: 6px;
				display: inline-block;
				text-decoration: none;
				&:hover .tooltip{
					display: block;
				}
			}
			&.next-available-text {
				text-decoration: none;
				display: inline-block;
				height: 16px;
				//margin-top: -19px;
				margin-right: -6px;

				span{
					margin-left: 0px !important;
				}
			}
			@media @mobile {
				//margin-right: 10px;
			}
		}

		.availOn{
			text-decoration: none !important;
			cursor: default;
			@media @desktop {
				margin-right: 3px !important;
			}
			@media @mobile {
				margin-right: 5px !important;
			}
		}
	
		.qmark{
			left: 230px;
			top: 0px;
			height: 13px;
			float:right;
			line-height: 13px;
			text-align: center;
			text-decoration: none;
			width: 13px;
			margin: 0;
			.border-radius(50%);
			background: #b1adad;

			.font(10, 600);
			color: #fff;
			cursor:pointer;
			display: none;
		}
		
		.tooltip{
			position: absolute;
			z-index: 10;
			border: 1px solid black;
			background: white;
			.border-radius(6px);
			color: #000;
			display: none;
			text-align: left;
			
			@media @desktop{
				width: 250px;
				font-size: 14px;
				font-weight: normal;
				line-height: 16px;
				padding: 20px 10px;
				top: 24px;
				bottom: auto;
				left: -50px;
				right: 10px;
				font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;

				.close-button{
					display:none;
				}
			}

			@media @mobile{
				padding: 5px;
				top:30px;

				.close-button{
					float:right;
					display:block;
					font-weight: bold;
					pointer:cursor;
					margin-bottom:10px;
					margin-right:5px;
					text-decoration: none;
				}
			}
		}

		@media @desktop {
			.qmark:hover + .tooltip {
				display: block;
			}
		}



	}
	
	.product-title{
		overflow: hidden;
		font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
		color: #000;
		font-weight: 400;
		
		.flicker();
		
		padding: 10px 0 0;

		@media @desktop{
			/*margin: 0 10px 0 15px;*/
			margin-left: auto;
			margin-right: auto;
			width: 90%;
			text-align: center;
			height: 23px;

			.font-size(15);
			line-height: 22px;
		}

		@media @mobile{
			margin: 0 auto;
			text-align: center;
			height: 54px;
			width: 140px;
			.font-size(14);
			line-height: 18px;
			margin-top: 20px;
		}

		.transition();
	}
	&:hover .product-title{
		color: #222;
	}
	&.hover-rental-period .product-title{
		.opacity(.3);
	}

	.rental-period,
	.add-buttons-wrapper {
		margin-left: 20px;
		margin-right: 20px;
		width: 240px;
		display: block;
		text-align: center;
		margin-bottom: 4px;
		margin-top: 10px;
	}

	.add-buttons-wrapper-avail{

	}

	/* to fix the category page divider issue
	.usedGearPromoActive{
		@media @desktop {
			height: 60px;
		}
	}*/
		@media @desktop {
			.add-buttons-wrapper {
				.newBtnWrapper{

				}
				.already-in-wishlist {
					float: right;
					margin-top: -390px;
					margin-left: 80px;
					cursor:pointer;
				}
			}
			.add-buttons-wrapper-avail{
				background-color: white;

				.availableNowBtn{
					color: #587b2d;
					border: 2px solid #587b2d;
					float: none;
					height: 24px;
					line-height: 24px;
					border-radius: 0px;
					border-bottom-right-radius: 0px;
					border-top-right-radius: 0px;
					font-size: 14px;
					font-weight: bold;
					background-color: white;
					display: block;
					margin-top:-23px;
					text-align:center!important;
					display:inline-block!important
				}
			}
			&:hover .rental-period {
				display: none;
				&.product-is-for-sale {
					display: block;
				}
			}
			&:hover .rental-period-avail{
				display: block;
			}
			/* Tablet styles */
			&.tablet-product-card .add-buttons-wrapper,
			&.tablet-product-card:hover .rental-period {
				display: block;
			}
			&.tablet-product-card:hover .selectable-rental-periods {
				display: none;
			}
			.product-is-for-sale {
				margin-top: 35px;
			}
		}
		@media @mobile {
			.rental-period,
			.add-buttons-wrapper {
				width: 100%;
				margin-top:12px;
				.already-in-wishlist {
					margin: 0 10px;
				}

			}
		}
	&:hover .add-buttons-wrapper {
		@media @desktop {
		}
		&.product-is-for-sale {
			display: none;
		}
	}

	&:hover .add-buttons-wrapper {
		@media mobile {
			display: inline;
		}
		&.product-is-for-sale {
			display: block;
		}
	}

	.availableNowBtn{
		position: relative;
		font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif;
		z-index: 3;
        color: #587b2d;
        border: 2px solid #587b2d;
		.border-radius(3px);

		.flicker();
		.transition();

		@media @desktop{
			padding: 0 5px;
			height: 27px;
			line-height: 27px;
			width: 94%;
			margin-bottom: 3px;
			text-align: center !important;

			.font-size(13);
			color: #777;
		}

		@media @mobile{
			height: 10px;
			line-height: 10px;
			width: 89%;
			margin-top: 12%;
			margin-left: 5%;
			padding: 8px 0;

			.font-size(13);

			&.comingSoonMsg{
				bottom: 135px;
				color: #e40000;
			}
		}

		.rental-day-amount{

			@media @desktop{
				width: 54px;
				overflow: hidden;
				white-space: nowrap;
			}
			@media @mobile{
				width: 49px;
			}
		}
		.arrow{
			float: left;
			margin-right: 10px;
			width: 9%;
			height: 100%;
			//background-image: url(../../images/icon-arrow-down-black.png);
			//background-repeat: no-repeat;
			//background-position: center center;
			//background-size: contain;
			cursor:pointer;

			.icon{
				&:before, &:after{
					content: '';
					height: 2px;
					width: 6px;
					/* background: #999; */
					position: absolute;
                    
					.transition();
				}
				&:before{
				/*	.rotate(45);
					margin: 3px 0 0 4px;*/
				}
				&:after {
				/*	.rotate(-45);
					margin: 3px 0 0 1px; */
				}

				@media @desktop{
					//margin: 9px 0 2px 33%;
					color: #333;
				}
				@media @mobile{
					margin: 0px 0 2px 33%;
				}
			}
		}
		.item-price{
			margin-left: 5px;
			width: 30%; // Switched from 40

			@media @mobile{
				width: 30%;
				text-align: right;
				margin-left: 3px;
			}
		}
	}

	.all-coming-soon {
      @media @desktop {
        display: block;
        height: 24px;
        border: 2px solid #15087f;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: normal;
        color: #15087f;
        margin-top: -23px;
		  display:inline-block!important;
		  text-align:center;
		  width:98%
      }
	}

	.arriving-soon{
		margin-bottom: 24px !important;
		margin-bottom: 10px;
	}

   .notify-me-btn {
		display: block;
	    margin-top: 10px;
        background-color: #e40000;
	    font-weight: bold;

        @media @desktop{
           margin-bottom: -12px;
        }
	    @media @mobile {
	       border-radius: 3px;
	    }
	    &:hover {
		   background: #a80000;
		   .box-shadow(inset 0 0 0 1px #e40000);
	    }
    }

	.current-period{
		width:100%;
		margin-left: auto;
		margin-right: auto;
		
		@media @mobile {
			width: 100%;
		}
	
	}

	.ttrPrice{
		font-weight: 900;
		font-size: 14px;
		height: 14px;
	}

	.active-rental-period-for-sale{
		position: relative;
		z-index: 3;
		.border-radius(3px);

		.flicker();
		.transition();

		@media @desktop{
			padding: 0 5px;
			height: 27px;
			line-height: 27px;
			/*width: 60%;*/
			/*margin: 4px 0 9px 10px;*/
			margin-top: 4px;
			margin-bottom:9px;
			margin-left:auto;
			margin-right:auto;

			.font-size(15);
			color: #777;
		}

		@media @mobile{
			height: 19px;
			width: 90%;
			padding: 7px 0 9px 10px;

			.font-size(13);
			color: #000 !important;
		}

		.rental-day-amount{
			float: left;

			@media @desktop{
				width: 40px;
				overflow: hidden;
				white-space: nowrap;
				color: #777 !important;
			}
			@media @mobile{
				width: 20%;
				color: #000 !important;
			}

			@media @mobile-low {
				.font-size(11);
			}

			@media @mobile-large {
				.font-size(11);
			}

			@media @mobile-ideal {
				.font-size(9);
			}
		}
		
		.arrow{
			float: left;
			margin-right: 10px;
			width: 9%;
			height: 100%;
			//background-image: url(../../images/icon-arrow-down-black.png);
			//background-repeat: no-repeat;
			//background-position: center center;
			//background-size: contain;
			cursor:pointer;

			@media @mobile{
				width: 12%;
			}

			.icon{
				&:before, &:after{
					content: '';
					height: 2px;
					width: 6px;
					/* background: #999; */
					position: absolute;

					.transition();
				}
				&:before{
				/*	.rotate(45);
					margin: 3px 0 0 4px;*/
				}
				&:after {
				/*	.rotate(-45);
					margin: 3px 0 0 1px; */
				}

				@media @desktop{
					//margin: 9px 0 2px 33%;
					color:#333;
					font-size: 1.2rem;
				}
				@media @mobile{
					margin: 0px 0 2px 33%;
				}
			}
		}
		.item-price{
			float: left;
			width: 50%; // Switched from 40
			color: #777 !important;

			&.data-price {
				float: none;
			}

			@media @mobile{
				text-align: right;
				color: #000 !important;
			}

			@media @mobile-ideal {
				.font-size(9);
			}

			@media @mobile-low {
				.font-size(11);
			}

			@media @mobile-large {
				.font-size(12);
			}
		}
	}


	.selectable-rental-periods{
		position: absolute;
		width: auto;
		display: none;
		background: rgba(30,34,37,.97);
		.border-radius(4px);
		overflow: visible !important;
		z-index: 2;
		@media @desktop{
			/*bottom: -146px;*/
			right: 10px;
			left: 10px;
		}
		@media @mobile{
			bottom: 70px;
			right: 0;
			left: 0;
		}

		
		-webkit-transform: translateY(5px);
		.opacity(0);
		height: 0;

		&:before{
			content: '';
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 8px 7.5px 0 7.5px;
			border-color: rgba(30,34,37,.97) transparent transparent transparent;
			position: absolute;
			
			@media @desktop{
				left: 50%;
				top: -8px;
				.rotate(180);
			}
			@media @mobile{
				left: 45.5%;
				.rotate(360);
				bottom: -8px;
			}
		}

		li{
			border-bottom: 1px solid #333;
			cursor: pointer;
			position: relative;

			@media @desktop{
				height: 30px;
				line-height: 30px;
			}
			@media @mobile{
				height: 34px;
				line-height: 34px;
			}

			.opacity(0);
			.transition(all 200ms linear ~"," opacity 100ms 100ms linear);

			&:hover{
				background: rgba(255,255,255,.05);
			}

			&:last-child{
				border-bottom: none;
			}
			
			.gift-certificate-price {
				padding-left: 10px;
			}
		}

		span{
			color: #ddd;
			font-weight: 400;

			@media @desktop{
				.font-size(14);
			}

			@media @mobile{
				.font-size(12);
			}
		}
		.rental-option-day{
			padding: 0 0 0 10px;
			float: left;

			.transition();
		}
		.rental-option-price{
			padding: 0 10px 0 0;
			float: right;
		}

		li.add-remove-ttr .rental-option-day{
			// .font-size(1);
			opacity: .4;
		}

		.custom-rental-selector{
			text-align: center;
			position: relative;

			.default-label{
				display: block;

				.transition();
			}
			.click-label{
				position: relative;
				z-index: 2;
				.clearfix;
				overflow: hidden;
				height: 0;
				.opacity(0);

				.transition();

				.label{
					float: left;
					padding: 0 0 0 13px;
				}
				.rental-option-day{
					@media @mobile{
						.font-size(10);
					}
				}
				.days{
					float: right;
					height: 20px;
					width: 20px;
					background: #fff;
					border: none;
					.border-radius(3px);
					padding: 0 5px;
					outline: none;

					text-align: center;
					.font(14);
					color: #333;

					@media @desktop{
						margin: 4px 11px 0 0;
					}
					@media @mobile{
						margin: 3px 11px 0 0;
					}
				}
			}
			&:hover{
				box-shadow: 0 8px 0 rgba(255,255,255,.05);
			}
		}
		&.custom-period-clicked .custom-rental-selector{
			.default-label{
				position: absolute;
				width: 100%;
				.opacity(0);

			}
			.click-label{
				height: auto;
				.opacity(1);
			}
		}
	}

	&.hover-rental-period .selectable-rental-periods{
		-webkit-transform: translateY(0);
		display: block;
		.opacity(1);
		overflow: visible;
		height: auto;

		li{
			.opacity(1);
		}
	}
	
	@oos: #888;

	
	.product-not-available-sale {
		position:absolute;
	  	background: #e40000;
	  	color: #fff;
	 	padding: 4px;
	 	border-radius: 4px;
	 	opacity: 0.9;
	 	z-index: 1;
	 	
	 	@media @desktop {
	 		bottom: 193px;
	  		right: 40px;
	 	}
	 	@media @mobile {
	 		bottom: 190px;
	 		right: 40px;
	 	}
	}
	
	.product-pending {
		position:absolute;
	  	background: #e40000;
	  	color: #fff;
	 	padding: 4px;
	 	border-radius: 4px;
	 	opacity: 0.9;
	 	z-index: 1;
	 	
	 	@media @desktop {
	 		bottom: 193px;
	  		right: 53px;
	 	}
	 	@media @mobile {
	 		bottom: 165px;
	 		right: 53px;
	 	}
	}
			
	.rent {
		text-align: left;
		padding-left: 10px;
		font-weight:400;
		font-size: 1.4rem;
		.used-product-link {
			color: #ddd;
			.arrow-icon-gray{
				background: url(../../images/imgForwardArrowGray.png) center center no-repeat;/* standard image */
				background-size: contain;
				@media (-webkit-min-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
				  background: url(../../images/imgForwardArrowGray@2x.png) center center no-repeat;
				  background-size: 100% 100%;
				}
				margin-left: 10px;
				padding-left: 10px;
			}
		}
	}
	
	.period {
		.product-for-sale-condition {
			padding-left: 10px;
		}
		.product-for-sale-price {
			float:right;
			padding-right: 10px;
		}
	}
	
	.used-product-link.sales {
		height: 100%;
		display:block;
	}
	
	.product-not-available-rent {
		position:absolute;
	  	background: #e40000;
	  	color: #fff;
	  	text-align:center;
	 	padding: 4px;
	 	border-radius: 4px;
	 	opacity: 0.9;
	 	z-index: 1;
	 	
	 	@media @desktop {
	 		bottom: 193px;
	  		right: 10px;
	  		left: 10px;
	 	}
	 	@media @mobile {
	 		bottom: 165px;
	 		right: 15px;
	 	}
	}
	
	.product-details {
		.box-shadow(inset 0 0 0 1px #fff);
		
		:hover&{
			.box-shadow(inset 0 0 0 1px #e40000);
		}
		.border-radius(3px);

		@media @desktop{
			position: absolute;
			z-index: 4;
			bottom: 15px;
			right: 5px;
			text-align:center;
			min-width: 53px;
		}

		@media @mobile{
			margin: 0 5px 5px;
			display: block;
			text-align: center;
			position: relative;
			
			.box-shadow(inset 0 0 0 1px #e40000);
		}
		
		.flicker();

		.transition();
		
		&:hover{
			background: #e40000;

			@media @desktop{
				color: #fff;
			}
			@media @mobile{

				.hover-label span{
					color: #fff;
				}
			}
		}
	}

	a.notifyMeBtn{

		@media @desktop{
			z-index: 4;
			line-height: 30px;
			.border-radius(3px);
			background: #ce2029;
			font-size: 14px;
			line-height: 36px;
			color: white;
			bottom: 34px;
			text-align: center;

			&.single-button {
				display: inline-block;
				float: none;
				bottom: initial !important;
			}
		}

		@media @mobile{
			z-index: 5;
			width: 90%;
			display:block;
			background-color: #e40000;
			font-weight: bold;
			color: #fff;
			height: 20px;
			line-height: 30px;
			border-radius: 3px !important;
			margin-left: 5%;
		    font-family: "Avenir LT W01 55 Roman", Verdana, Arial, sans-serif !important;
			font-size: 1.3rem !important;
			&.comingSoonMsg{
				margin-top:-19px;
			}
		}

		.flicker();

		.transition();

		.hover-label{
			@media @desktop{
				line-height: 24px;
				overflow: hidden;
			}
			@media @mobile {
				// width: 30px;
				height: 30px;
				line-height: 30px;
				margin-top: 10px !important;
				.opacity(0);
			}

			.border-radius(3px);


			text-align: center;

			&:not(.tablet-add-to-cart){
				.transition(all 200ms linear);
			}

			span {
				color: #fff;
			}

			&:not(.tablet-add-to-cart) span{
				.font-size(12);
				padding-left: 10px;
				padding-right: 10px;
				font-weight: 700 !important;

				@media @desktop{
					padding: 0 0 0 20px;

					color: #fff;

					.opacity(0);
					.transition(opacity 100ms 100ms linear ~',' padding 200ms linear);
				}

				@media @mobile{
					.opacity(1);
					.transition(opacity 300ms 300ms linear ~',' padding 300ms ease);
					font-weight: 400;
				}
			}
		}

		.working-label{
			opacity: 0;
			position: absolute;
			top: 0;
			.border-radius(3px);
			height: 27px;
			line-height: 27px;

			text-align: center;

			@media @mobile{
				width: 27px;
			}

			.transition(all 200ms linear);

			.icon{
				padding: 5px;
			}
		}

		& {
			@media @mobile {
				.default-label{
					display: none;
				}
				.hover-label{
					// width: 30px;
					.opacity(1);
					span{
						color: #fff !important;
						display: block;
						// background-image: url('https://cdn.static-bl.com/images/mobile/mobileAddToCart.png');
						background-position: center center;
						background-repeat: no-repeat;
						background-size: 100%;
						padding: 0;
						height: 30px;
						@media (-webkit-min-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
							// background-image: url('https://cdn.static-bl.com/images/mobile/mobileAddToCart@2x.png');
						}
					}
				}
			}
		}

	}

	a.quick-add{

		@media @desktop{
			margin-bottom: -7px;
			float: right;
			z-index: 4;
			width: 112px;
			height: 36px;
			line-height: 30px;
			.border-radius(3px);
			.box-shadow(inset 0 0 0 1px #ce2029);
			background: #ce2029;
			font-size: 16px;
			line-height: 36px;
			color: white;
			bottom: 34px;
			text-align: center;
			margin-top: 10px;
			display: inline-block;
			&:hover {
				background: #a80000;
				.box-shadow(inset 0 0 0 1px #e40000);
			}
		}

		@media @mobile{
			display: inline-block;
			z-index: 5;
			/* border: solid 1px #e40000; */
			// width: 27px;
			height: 27px;
			width: 90%;

			&.comingSoonMsg{
				margin-top:-19px;
			}
		}
		
		.flicker();

		.transition();

		.hover-label{
            @media @desktop{
                width: 24px;
                height: 24px;
                line-height: 24px;
                overflow: hidden;
            }
            @media @mobile {
               // width: 30px;
                height: 30px;
                line-height: 30px;
                .opacity(0);
            }
            
            .border-radius(3px);
            
 
            text-align: center;
 
            &:not(.tablet-add-to-cart){
                .transition(all 200ms linear);
            }
            
            span {
                color: #fff;
            }
 
            &:not(.tablet-add-to-cart) span{
                .font-size(12);
				padding-left: 10px;
				padding-right: 10px;
				font-weight: 700 !important;
                
                @media @desktop{
                    padding: 0 0 0 20px;
 
                    color: #fff;
                    
                    .opacity(0);
                    .transition(opacity 100ms 100ms linear ~',' padding 200ms linear);
                }
 
                @media @mobile{
                .opacity(1);
                    .transition(opacity 300ms 300ms linear ~',' padding 300ms ease);
                    font-weight: 400;
                }
            }
        }

		.working-label{
			opacity: 0;
			position: absolute;
			top: 0;
			.border-radius(3px);
			height: 27px;
			line-height: 27px;
			background: #e40000;
			
			text-align: center;

			@media @mobile{
				width: 27px;
			}

			.transition(all 200ms linear);

			.icon{
				padding: 5px;
			}
		}

		& {
            @media @mobile {
                .default-label{
                    display: none;
                }
                .hover-label{
                   // width: 30px;
                    background: #e40000;
                    .opacity(1);
                    span{
                        color: #fff !important;
                        display: block;
                       // background-image: url('https://cdn.static-bl.com/images/mobile/mobileAddToCart.png');
                        background-position: center center;
                        background-repeat: no-repeat;
                        background-size: 100%;
                        padding: 0;
                        height: 30px;
                        @media (-webkit-min-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
                         // background-image: url('https://cdn.static-bl.com/images/mobile/mobileAddToCart@2x.png');
                        }
                    }
					.loggedIn{
						margin-top:10px !important;
					}
                }
            }
        }

	}

	a.quick-add-avail{
		@media @desktop {
			width: 240px;
			font-size: 14px;
			font-weight: bold;
			background-color: #e40000;
			line-height: 36px;
			border-radius: 0px;
			-webkit-backface-visibility: visible;
			&.single-button {
				display:inline-block
			}
		}
	}

	a.quick-add-wishlist-avail{
		bottom: 325px;
		left: 130px;
	}

	&.quick-add-working .quick-add{

		.hover-label{
			@media @desktop{
				width: 0;
			}
			@media @mobile{
				opacity: 0;
			}
		}
		.working-label{
			opacity: 0;
		}
	}

}

@-moz-document url-prefix() {
	.product-card a.quick-add {
			margin-bottom: -19px;
			float: none;
		}
}

a.quick-remove-wishlist {

	@media @desktop {
		position: relative;
		z-index: 4;
		width: 112px;
		height: 36px;
		line-height: 30px;
		background: url(http://cdn.static-bl.com/images/wishlist_heart_red.png) no-repeat left top;
		font-size: 16px;
		color: white;
		text-align: center;
	}

	@media @mobile {
		position: relative;
		float: right;
		z-index: 4;
		width: 112px;
		height: 36px;
		line-height: 30px;
		background: url(http://cdn.static-bl.com/images/wishlist_heart_red.png) no-repeat left top;
		font-size: 16px;
		color: white;
		text-align: center;
	}
}

a.quick-add-wishlist-icon {
	background: url(http://cdn.static-bl.com/images/wishlist_heart_white.png) no-repeat left top;
}

a.quick-add-wishlist {

	@media @desktop{
		position: relative;
		float: right;
		z-index: 4;
		width: 112px;
		height: 36px;
		line-height: 30px;
		font-size: 16px;
		color: white;
		text-align: center;
		bottom: 325px;
		left: 130px;
		&.single-button {
			display: inline-block;
			float: none;
		}
	}

	@media @mobile{
		margin: 0 10px 5px;
		display: inline-block;
		z-index: 5;
		/* border: solid 1px #e40000; */
		// width: 27px;
		height: 27px;
		width: 32px;
		float: none;
		left: 80px;
		bottom: 250px;
	}

	.flicker();

	.transition();

	.hover-label{
		@media @desktop{
			width: 24px;
			height: 24px;
			line-height: 24px;
			overflow: hidden;
		}
		@media @mobile {
			// width: 30px;
			height: 30px;
			line-height: 30px;
			.opacity(0);
		}

		.border-radius(3px);


		text-align: center;

		&:not(.tablet-add-to-cart){
			.transition(all 200ms linear);
		}

		span {
			color: #fff;
		}

		&:not(.tablet-add-to-cart) span{
			.font-size(12);
			padding-left: 10px;
			padding-right: 10px;
			font-weight: 700 !important;

			@media @desktop{
				padding: 0 0 0 20px;

				color: #fff;

				.opacity(0);
				.transition(opacity 100ms 100ms linear ~',' padding 200ms linear);
			}

			@media @mobile{
				.opacity(1);
				.transition(opacity 300ms 300ms linear ~',' padding 300ms ease);
				font-weight: 400;
			}
		}
	}

	.working-label{
		opacity: 0;
		position: absolute;
		top: 0;
		.border-radius(3px);
		height: 27px;
		line-height: 27px;
		background: #e40000;

		text-align: center;

		@media @mobile{
			width: 27px;
		}

		.transition(all 200ms linear);

		.icon{
			padding: 5px;
		}
	}

	& {
		@media @mobile {
			.default-label{
				display: none;
			}
			.hover-label{
				// width: 30px;
				background: #e40000;
				.opacity(1);
				span{
					color: #fff !important;
					display: block;
					// background-image: url('https://cdn.static-bl.com/images/mobile/mobileAddToCart.png');
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 100%;
					padding: 0;
					height: 30px;
					@media (-webkit-min-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
						// background-image: url('https://cdn.static-bl.com/images/mobile/mobileAddToCart@2x.png');
					}
				}
			}
		}
	}

	&.add-to-wishlist-clicked {

		@media @desktop{
			float: right;
		}
		@media @mobile {
			left: 70px;
			bottom: 250px;
			display: inline-block;
			position: relative;
			right: auto;
			width: 32px;
			background: url(http://cdn.static-bl.com/images/wishlist_heart_white.png) no-repeat left top;
		}
	}

}
a.quick-add-wishlist-avail {
	@media @desktop {
		width: 120px;
		font-size: 14px;
		line-height: 36px;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		&.single-button {
		}
	}
}

img.quick-add-wishlist-already {
	@media @desktop {
		float: right;
		bottom: 305px;
		left: 35px;
		font-size: 14px;
		line-height: 36px;
		border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		position: relative;
		z-index: 4;
		color: white;
		text-align: center;
		cursor:pointer;
	}

	@media @mobile {
		left: 30px;
		bottom: 280px;
		display: inline-block;
		position: relative;
		right: auto;
		width: 32px;
		background: url(http://cdn.static-bl.com/images/wishlist_heart_white.png) no-repeat left top;
	}
}

.disable-product-card{
	.product-image {
		opacity: 0.4;
	}
	.product-main-link{
		/*margin-top: 15px;*/
	}
	.product-title{
		/*margin-top: -15px;*/
	}
    @media @desktop {

	}
	@media @mobile{
		/*margin-top:-15px; */
		&:hover .add-buttons-wrapper, .rental-period .selectable-rental-periods {
			pointer-events: none;
		}
	}
	&:hover .comingSoonWrapper {
		display: block;
		&.product-is-for-sale {
			display: none;
		}
	}

	.comingSoonWrapper {
		@media @desktop {
			margin-top: 14px;
		}
	}
}


.disableProductCardNoAvailCheck {
	.product-image {
		opacity: 0.4;
	}
	@media @desktop {

		&:hover .product-image {
			opacity: 0.4;
		}
	}
}

.category-nav{
	.clearfix;
	
	@media @desktop{
		margin: 0;
	}
	@media @mobile{
		margin: 0 10px;
	}
}

.contentPageTop .category-nav{
	@media @mobile{
		margin-top: 10px;
	}
}

.category-breadcrumbs{
	margin: 0 0 0 5px;
	
	.clearfix();
	
	@media @mobile{
		float: left;
	}
	
	li{
		float: left;
		position: relative;

		&:after{
			content: '\002f';
			color: #333;
			position: absolute;
			top: 0;
			line-height: 40px;

			@media @desktop{
				right: -2px;
			}
			@media @mobile{
				top: -1px;
				right: 4px;
			}
		}

		&:last-child{
			&:after{
				content: '';
			}
			a{
				color: #c0c0c0;
				text-decoration: none;
			}
		}
	}
	a{
		display: block;
		height: 40px;
		line-height: 40px;

		color: #999;

		@media @desktop{
			padding: 0 15px;

			.font(15, 400);
		}
		@media @mobile{
			padding: 0 15px 0 0;

			.font(13, 400);
		}

		.transition();
		&:hover{
			color: #555;
		}
	}
}

.top .category-pagination {
	@media @mobile {
		display: none;
	}
}

#categoryContent .category-pagination{
	margin-top: -25px;
}

.category-pagination{
	/*@media @mobile {
		display:none;
	}*/
	position: absolute;
	right: 45px;
	float: right;
	margin-left: 8px;
	margin-top: 18px;

	@media @mobile-low {
		margin-left: 0;
		position: relative;
	}

	li{
		float: left;
		margin: 0 0 0 1px;
		
		a {
			display: block;
			width: 100%;
			height: 100%;	
		}
	}
	li:nth-child(2) a{
		.border-radius(4px 0 0 4px);
	}
	li:last-child a{
		.border-radius(0 4px 4px 0);
	}
	a{
		
		text-decoration: none;

		.transition();
		&:hover{
			color: #555;
		}
	}
	.active{
		a{
			background: #77aaea;
			.box-shadow(none);

			color: #fff;
		}
	}
	.pageRange{
		line-height:40px;
		text-align: center;
		margin: 0px 5px;
	}
	.previous{
		display: block;
		height: 27px !important;
		width: 20px;
		border-width:1px;
		margin-top: 5px; 
		@media @mobile {
			margin-right: 5px;
		}
		.icon{
			width: 3px;
			height: 4px;
			display: inline-block;
			margin: 6px 0 0 6px;

			&:before, &:after{
				content: '';
				height: 2px;
				width: 9px;
				background: #777777;
				position: absolute;
				.transition();
			}

			&:before {
				.rotate(-45);
				margin: 3px 0 0 -1px;
			}
			&:after {				
				.rotate(45);
				margin: 8px 0 0 -1px;
			}

		}
	}
	.previousFirstPage{
		display: block;
		height: 27px !important;
		width: 20px;
		border-color:#777777;
		border-width:1px; 
		margin-top: 5px;
		@media @mobile {
			margin-right: 5px;
		}
		.icon{
			width: 3px;
			height: 4px;
			display: inline-block;
			margin: 6px 0 0 6px;

			&:before, &:after{
				content: '';
				height: 2px;
				width: 9px;
				background: #777777;
				position: absolute;
				.transition();
			}

			&:before {
				.rotate(-45);
				margin: 3px 0 0 -1px;
			}
			&:after {				
				.rotate(45);
				margin: 8px 0 0 -1px;
			}

		}
	}
	.next{
		display: block;
		height: 27px !important;
		width: 20px;
		border-color:#777777;
		border-width:1px;
		margin-top: 5px; 
		@media @mobile {
			margin-left: 5px;
		}
		.icon{
			width: 3px;
			height: 6px;
			display: inline-block;
			margin: 6px 0 0 6px;

			.transition();

			&:before, &:after{
				content: '';
				height: 2px;
				width: 9px;
				background: #777777;
				position: absolute;
				.transition();
			}

			&:before{
				.rotate(45);
				margin: 3px 0 0 -1px;
			}
			&:after {
				.rotate(-45);
				margin: 8px 0 0 -1px;
			}

		}
	}
	.nextLastPage{
		display: block;
		height: 27px !important;
		width: 20px;
		border-style:solid;
		border-color:#ffffff;
		border-width:1px;
		margin-top: 5px; 
		@media @mobile {
			margin-left: 5px;
		}
		.icon{
			width: 9px;
			height: 6px;
			display: inline-block;
			margin: 6px 0 0 6px;

			.transition();

			&:before, &:after{
				content: '';
				height: 2px;
				width: 9px;
				background: #777777;
				position: absolute;
				.transition();
			}

			&:before{
				.rotate(45);
				margin: 3px 0 0 -1px;
			}
			&:after {
				.rotate(-45);
				margin: 8px 0 0 -1px;
			}

		}
	}
	.previous:hover, .next:hover{
		.icon:before, .icon:after{
			background: #777777;
		}
	}
	.all{
		display: none; 
		
		a{
			.border-radius(4px);
		}
		margin: 0 10px 0 0;
	}
}
.category-meta{
	
	
	@media @desktop{
		margin: 0 5%;
		padding: 20px 0;
		
		line-height: 18px;
		.font(14, 400);
		
		&.cat-page {
			font-size: 11px;
			color: #000000;
			padding-left: 195px;
		}

		.floater{
			margin: 0 auto!important;
			max-width: 882px !important;
		}
		&.affiliate {
			margin: 0 auto;
			width: 960px;
		}
		#affiliatePage {
			margin:0;
		}
		
		&.contact{
			margin: 0 auto;
			width: 960px;
			
			.right {
				float:left;
			}
		}
		
		&.hiw{
			width: 882px;
			margin: 0 auto;
			img {
				margin: 0 auto;
				display:block;
			}
			p {
				margin: 0 auto;
				display:block;
			}
		
		}
	}
	@media @mobile{
		padding-left: 10px;
		padding-right: 10px;
		.font(12, 400);
	}
	
	p{

	}
	a{
		color: #888;
	}
}