﻿@charset "UTF-8";

#page-size,
#active-filters,
#products-with-fabric h2 a,
nav.product-actions ul li.secondary,
article#footer-newsletter hr,
.ProductController #products-with-fabric,
#similar-fabrics,
img.product-ribbon, 
.product-details-bottom .product-purchase .product-detail-price,
.stretch,
.productDetailWrap .productTitleWrap .product-detail-price,
.product-details-bottom  .product-actions li.secondary a.secondary,
.product-purchase,
a.fabricCustomizerButtonWrap,
#products nav#pagination-controls,
.bulkDiscount,
.product-size{
	display:none;	
}

.ShopController #shopcategoryoptions{
	display:inline-block;	
}
#contentHeader{
	display:inline-block;
	/*position:fixed;*/
	width:100%;
	float:left;	
	top:60px;
	left:0;
	z-index:105;
	transition:top .25s linear;
}

#contentHeader.ad-top{
	top:0;	
}

.redMessage {
	width: 100%;
	background-color: rgba(255, 0, 0, .5);
	text-align: center;
	color: white;
	padding: 10px 0;
	display:inline-block;
}


.redMessage a{
	color:black;	
}

#main-content {
  text-align: center;
  position: relative;
  overflow: visible;
  top: 0;
  height: auto;
  display: inline-block;
  width: 100%;
  float: left;
  min-height: 98vh;
  margin-bottom: -100px;
  /*padding:0 0 100px;*/
}
.bnrAd{
	height: 60px;
	width: 100%;
	display: inline-block;
	float:left;
	z-index:0;
	position:relative;
}
.ShopController img{
	width:100%;
	height:auto;	
}
.intro{
	height:auto;
	width: 100%;
	display: inline-block;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.intro a{
	width:100%;
	height:100%;
	display:inline-block;	
	position:relative;
	left:0;
	top:0;
}

.bodyCopy {
	background-image: none;
	background-position: center 0;
	background-repeat: no-repeat;
	position: relative;
	height: auto;
	padding: 0 0 0;
	display:inline-block;
	width:100%;
}


div.sideBarAd {
	display: inline-block;
	position: relative;
	float: none;
	width: 100%;
	max-width: 90%;
	height: auto;
	clear: none;
	padding: 0;
	margin:2.1%;
	text-align:left;
}


div.sideBarAd .button{
	width:95%;	
	max-width:480px;
}

#loading-products,
#loading-fabrics  {
	margin: auto;
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
}

.page-head h1{
	width:100%;
	padding:0;
	text-align:left;
}	
.ProductController .page-head h1{
	width:auto;
	padding:16px 0;
	float:left;
	text-align:left;
}

.ProductController .productImages.left{
	float:none;
	margin-bottom:16px;
}

.ProductController .table{
	display:inline-block;
	width:100%;
	margin-top:16px;
}
.ProductController .table .column{
	border-right:1px solid #efefef;	
}

.ProductController .column:last-child{
	border-right:none;	
}
.ProductController .row{
	padding:5px 0;
	border-bottom:1px solid #efefef;
	text-align:center;
}

.ProductController .row:last-child{
	border-bottom:none;
}

.left.productDetails{
	float:none;
}
input[type=radio]{
	display:none;	
}
.overflow {
	width: 100%;
	overflow: hidden;
	display:inline-block;
}

#slides .inner {
	width: 600%;
	line-height: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.model span{
	float:left;
	width:16.6666669%;	
}
#slides{
	display:inline-block;
	overflow:hidden;
	width:100%;	
}
#slides article{
	width:100%;
	display:inline-block;
		
}
#slides article.model span img {
	width: 100%;
	height:auto;
	display:inline-block;
}

#active {
	text-align: center;
	padding:5% 0;
}

#active label {
	border-radius: 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #bbb;
	margin:0 1%;
}

#active label:hover {
	background: #ccc;
	border-color: #777 !important;
}

#controls label:hover {
	opacity: 0.8;
}

.checkBg {
    background: #ff0000 !important;
	border-color: #ff0000 !important;
}

.product-detail-price {
    padding-right: 0;
    color: #222222;
	display:inline-block;
	float: right;
	text-align:left;
	width:30%;
}

.ProductController .product-detail-price {
	width:100%;	
}

#idPrice{
	float:right;	
	width:100%;
	text-align:left;
	margin:0;
}
#idPrice span{
	font-size:11px; /*ie 8*/
	font-size: .6875rem;
	padding:0;
	text-align:right;
}

#idPrice span {
	font-size: 9px;
	font-size: .5625rem;
	line-height: 22px;
	padding: 0;
	margin: 0 0 0 5px; 
	color: #222222;
}

.ProductController #idPrice span{
	font-size: 18px;
	font-size: 1.25rem;
}

.intro h1{
	text-align:center;

}

.FabricController h1{
	width:100%;
	text-align:center;	
}

.FabricController nav.actions li.clickable {
	text-align: right;
	cursor:pointer;
	width:100%;
	display:inline-block;
}
.FabricController nav.actions li.clickable:active{
	color:red;	
}
.FabricController nav.actions li.clickable:after{
	content:" >";
}

.ProductController .productTitleWrap h1 {
	color: #222222;
	float: left;
	width: 190px;
	text-align: right;
	font-size: 12px;
	line-height:20px;
}

.productTitleWrap h1{
	float: left;	
	font-size: 32px;
	font-size: 2rem;
	padding: 0 0;
	text-align: left;
	margin-left: 12px;
	width: auto;
	margin-top: 4px;
	max-width: 73%;
	display: inline-block;
	padding-bottom: 7px;
}

.intro h1 {
	text-align: left;
	max-width:97%;
	display: block;
	margin: 0 auto;
}
.headline h1 {
	text-align: left;
	width: 100%;
	min-height: 0;
	height: 78px;
	line-height: 70px;
	float: left;
	display: inline-block;
	clear:right;
}
.headline h1{
	font-size:2em;
	width:97%;
	margin:0 0 0;

}
.headline h1{
	text-align:center;	
	margin:0;
	width:100%;
}
.bold{
    font-weight: bold;
}
.hyperLink{
	text-decoration:underline;
}

.product-image-container,
.fabric-image-container,
span.productItem,
/*div.productItemContainer,*/
.clBaseOptionContainer .indBasebox {
    position: relative;
    height: auto;
    width: 47%;
    /*background-image: url('https://assets.apliiq.com/images/loading.gif');*/
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
    text-align: right;
    /*float: left;*/
    margin: 1.1%;
	display:inline-block;
	max-width:224px;
	background-size:30px auto;
}
.hug {
	display: inline-block;
	width: 100%;
	margin:10px 0 0;
	font-size:85%;
}
a.hug {
	border-top: 1px solid #efefef;
	padding: 10px 0 0;
}

.productName,
.designerIntro,
.designerPic,
.designerName {
	float: left;
	display:inline-block;
	text-align:left;
}
.designerIntro{
	font-size:12px;	
}
p.designerIntro,
.designerName{
	margin:0;
	height:30px;
	line-height:30px;	
	width:auto;
}
.designerName{
	max-width:25%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.productName{
	max-width:75%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap;	
}
.designerPic,
.designerName{
	margin:0 0 0 15px;	
}
.productPrice {
	float: right;
	text-align:right;
}

.ProductController .product-image-container{	
	float:left;
	width:25%;	
	max-width:25%;
	margin:0;
	
}

.ProductController div#product-purchase0.product-purchase div button{
	display: inline-block;
	text-indent:-9999999px;
	overflow:hidden;
	padding: 0;
	background-image:url(../Images/Header/addtocartbutton.png);
	background-repeat:no-repeat;
	background-color:transparent;
	background-size:65px;
	background-position:bottom right;
	position:fixed;
	top:0;
	right:0;
	z-index:100;
	height:65px;
	width:65px;
	border-radius:0;
}

div#product-purchase0.product-purchase{
	float:none;	
	text-align:center;
	position:fixed;
	z-index:100;
	top:0;
	right:0;
	display:block;
	height:0px;
}

.column {
	margin: 0 auto;
	width: 95%;
	float: none;
	text-align: center;
}	

/*.ShopController #productsWrapper{
	display:inline-block;	
	position: relative;
	padding-bottom:65px;
	float:none;
}*/

.ShopController #products{
	margin:0 auto;	
}

.ProductController .product-image-row {
	width:400%;
}

.productController .fabric-image-container:first-child{
	margin-left:0px;	
}

.ProductController .productDetailWrap{
	width:100%;	
	padding-top:0;
	display:block;
	position:static;
	top:0;
	left:0;
	margin:0 auto;
	min-height:480px;
	height:auto;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

.product-image-container a{
	width:100%;
	height:auto;	
}

#products:nth-last-child(0){
	display:block;
}

.product-image-row:nth-child(3){
	margin-left:0;	
}

.product-image{
	border-bottom:0;
	padding:0;
	margin:0;
	width:100%;
}

.promotionGroup img.product-image{
	border-bottom:0;
}

nav#pagination-controls{
		position:inherit;
		height:auto;
		width:100%;
		text-align:center;
		line-height:2em;
		font-size:2em;
		margin-top:30px;
}
.fabric-name{
	display:inline-block;
	background-image:none;
	padding:0;	
}
#pagination-controls ul{
	width:94%;
	display:block;
	text-align:center;	
	margin:auto;
}
#pagination-controls ul li{
	height:auto;
	text-align:center;
	margin:0;
	width:auto;
	padding:0 1.6%;
}
#pagination-controls ul li a{
	height:55px;
	width:100%;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	
}

a.fabricCustomizerButtonWrap{
	display:block	
}
.productTitleWrap .product-detail-price{
	display:block;	
}
 .product-details-bottom .product-purchase{
		display:inline-block;
		width:100%;
		text-align:center;
		margin:10px auto;
		max-width:100%;
 }

.product-actions{
	z-index:100;	
}

.product-actions .left{
	float:left;	
	width:20%;
}

.product-actions .paddingLeft{
	display:inline-block;
	width:80%;	
	margin:0 0 25px;
}

.ProductController .ads {
	display:inline-block;
	margin:25px 0 0;
	width:200px;
}	
.bg{
	padding:0;	
	display:inline-block;
	width:100%;
	text-align:center;
}

#pagination-controlsWrapper{
	margin-bottom:32px;	
	width:100%;
	display:inline-block;
}

.productTitleWrap .product-detail-price {
	display: inline-block;
	width: 110px;
	color: #222222;
	font-size: 11px;
	text-align: left;
	float: right;
	margin:0;
	padding: 0;
}

/*.ProductController #product-descriptions h3{
	margin:30px auto 0;	
	color:#5a5a5a;
	max-width: 97%;
	text-align:left;
}*/

img.colorWheel {
	max-width: 30px;
	width:100%;
	float: left;
	display: inline-block;
}
/*.ProductController h2, 
.ProductController h3, 
.ProductController h4, 
.ProductController h5, 
.ProductController h6{
	margin:0;
	padding:0;
	text-align:left;
}
.ProductController #product-descriptions h4{
	margin:2% auto 0;
	max-width: 97%;	
}
.ProductController .product-details-bottom p{
	text-align:left;	
	margin:0;
	display:inline-block;
	width:100%;
}*/

.product-actions li span.customizeit {
	background-image: url('../Images/Header/customizeButton.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
	overflow: hidden;
	height: 50px;
	width: 165px;
	display: inline-block;
	color:transparent;
	cursor:pointer;
}
a.fabricCustomizerButtonWrap{	
	position:fixed;
	bottom:0;
	left:50%;
	width:100%;
	height:auto;
	text-align:center;
	z-index:100;
	max-width:224px;
	margin-left:-112px;
	border-radius:0;
	padding:0;
}

.wrapperOverflow #fabric-details a{	
	background-image:none;
	 font-size: 18px;
	display:inline-block;
	color:#ffffff;
	padding: 0px 0;
	box-shadow: none;
	border: 0;
	cursor:pointer;
	min-width:130px;
	height:auto;
	text-align:center;
	text-shadow:initial;
	height:auto;
	position:static;
	margin-bottom:16px;
	max-width: 97%;
	min-height:0;
	border-radius:30px;
	line-height:18px;
}
#fabric-details a:hover{
	background-color:transparent;	
}
#customize-with-fabric{
	margin-top:0;
	margin-bottom:0;	
}
#customizer{
		width:100%;
		height:240px;
		position:fixed;
		bottom:0;
		overflow:auto;
		background-color:white;
}

.productTitleWrap {
	text-align: center;
	width: 100%;
	max-width: 100%;
	z-index: 1;
	position:static;
	background-color: white;
	top: 0;
	left: 0;
	min-height: 20px;
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 0;
	padding:0;
	height: 20px;
}

#products {
    display: block;
    height: auto;
    margin: 2em auto 0;
    padding-bottom: 0;
    position: relative;
    width: 100%;
	overflow:visible;
	z-index:0;
}
#pagination-controls{
	position:static;
	margin:0 auto;
}
#products:nth-last-child(0){
	display:block !important;
}
.product-image-row {
    display: inline-block;
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
    width: 100%;
	text-align:center;
}

.FabricController #fabric-details ul,
.FabricController #fabric-details p{
	text-align:left;
	margin:10px 0;
	padding:0;	
	width:100%;
	display:inline-block;
	float:left;
}

.FabricController #fabric-detail-image img{
	width:100%;
	height:auto;	
}

.fabric-image-row{
	width:100%;	
	margin-top:0;
	padding-bottom:0;
	text-align:center;
}
.FabricController .wrapperOverflow{
	width:100%;	
	height:auto;
	overflow-y:hidden;
	min-height:240px;
}

.product-image {
    display: inline-block;
    float: none;
    height: auto;
    width: 90%;
	margin:0;
}
.page-head {
	position:relative;
	width:100%;
	display:inline-block;
	margin: 0;
}
div.productTitleWrap div.product-detail-price > span:nth-child(1){
	font-size: 9px;
	font-size: .5625rem;
	line-height: 22px;
	padding: 0;
	margin: 0 0 0 5px;
	width:100%;
}

#products-with-fabric #products{
	margin:25px 0 0;
	height:100%;	
	width:100%;
}

nav.product-actions ul li a.secondary{
	display:inline-block;	
}

.FabricController .productDetailWrap{
	width:424%;	
}
/*.ProductController .productDetailWrap{
	width:100%;	
	max-width:400%;
	padding-top:0;
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
	height:auto;
}
.ProductController .product-image-row {
	display: inline-block;
	float: left;
	height: auto;
	margin: 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	text-align: center;
	position: inherit;

}*/

.product-details-bottom{
	display:block;
	float: none;
	background-image:none;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background-color:transparent;
	box-shadow:none;
	border-radius:0;
	overflow:visible;
	min-height:0;
}

/*.ProductController #product-descriptions h2{
	width: 100%;
	text-align: left;
}
.ProductController #product-descriptions h2{
	padding:0;
	margin:0;	
	
}*/

blockquote {
	background: #efefef;
	quotes: "\201C""\201D""\2018""\2019";
	text-align:left;
	border-left: 3px solid #959595;
	padding:8px;
	margin-top:16px;
	display:inline-block;
	float:left;
}
blockquote:before {
	content: open-quote;
	font-size: 4rem;
	color:#959595;
	margin-right: 0.95rem;
	vertical-align: -2rem;
	height:1rem;
	line-height:.1rem;
}
blockquote p {
	display: inline;
	float:left;
	margin:10px 0;
}
.ProductController .product-image{
	height: auto;
	width: 100%;
	margin: 0 auto;
	display: block;
	float: none;
	border-bottom:0;
}
/*#productsWrapper{
	width:100%;
	float:none;	
}

#productsWrapper{
	position:relative;
	width:100%;
}*/
.twitter-follow-button{
	margin:0 auto;
	display:inline-block;	
	
}
iframe#twitter-widget-0.twitter-follow-button{
	width:60px;	
}

.productTitleWrap .product-detail-price {
	margin-top:0;	
}

.ProductController .productDetailWrap{	
	width:100%;	
	max-width:100%;
	padding-top:0;
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
	height:auto;
	min-height:initial;
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;
}	
.ProductController .product-image-row {
	display: inline-block;
	float: left;
	height: auto;
	overflow: hidden;
	padding: 0;
	width: 400%;
	text-align: center;
	position: inherit;
	max-width:400%;
}

.ProductController .product-image{	
	height:auto;
	width:100%;
	margin: 0 auto;
	display: block;
	float: none;
	border-bottom:0;
}
	
.price {
    color: #222222;
}
.productDetailWrap{
	width:100%;
	display:block;
	margin:0 auto 5px;	
    clear: both;
}
.product-image {
    width: 100%;
    height: auto;
}

.product-image-row {
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align:center;
}

div.product-detail-buy{
	text-align:center;
	clear:none;
	width: 100%;
	margin: 0;
	padding: 0;
	max-width: 100%;
}
	
/*#productsWrapper {
	width:100%;
	min-height:500px;
	float:none;
}*/

.product-image-container img {
    margin-bottom: 4px;
}

div.product-image-container > a {
	display: inline-block;
	width: 100%;
	height: auto;
}
.fabric-image-row {
    margin-top: 8px;
    padding-bottom: 8px;
    width: 100%;
	height:auto;
	text-align:center;
}

.FabricController #fabrics{
	display:inline-block;
}
.fabric-image-container a {
	width: 100%;
	height: auto;
	display: inline-block;
}
.fabric-image-container img.fabric-image {
	margin-bottom: 4px;
	width: 100%;
	height: auto;
}
.product-size-selector {
    background-image: url('https://assets.apliiq.com/images/down.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 16px;
    border-left: 0px solid black;
    color: #222222;
	
}

div.productTitleWrap div.product-detail-price > span:nth-child(1) {
	font-size: 18px;
	font-size: 1.25rem;
	padding-right: 0px;
	font-weight: bold;
	color: #222222;
	float:right;
	clear:right;
}

.icon-menu {
    float: left;
}

.icon-menu li {
    display: inline-block;
}

.product-details-bottom {
    position: relative;
    overflow: visible;
	display:inline-block;
	width:100%;
}

.productTitleWrap{
	padding:25px 0 5px;
	text-align:left;
	display:inline-block;
	width: 100%;
	max-width:97%;
}
.product-actions li{
	text-align:center;
	margin:0;	
}

#customizeit0:hover{
	background-color:transparent;
	
}

.product-actions0 a.customizeit:hover{
	background-color:transparent;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.product-search-item {
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: right;
}

#product-descriptions {
    width: 100%;
	display:inline-block;
}

.ProductController #product-descriptions {
		float: left;
		margin-top:25px;
		position:relative;
	}

#product-descriptions div:last-child a{
	text-align:center;
	width:100%;
	margin:25px 0;
	display:inline-block;	
}

#product-descriptions h3 {
    margin-top: 12px;
}

#product-descriptions h4 {
    margin-top: 12px;
}

div.selector-dropdown.clickable{
	width:150px;
}

#product-details-social {
	position: static;
	float: right;
	clear: right;
}

.ProductController #product-details-social {
	float:none;
	clear:none;	
}

/*.ProductController #product-details-social *{
	text-align:center;	
}*/

.ProductController #product-details-social ul{
	padding:16px 0 0;	
}
.ProductController #product-details-ship {
	float:none;
	clear:none;	
}

/*.ProductController #product-details-ship *{
	text-align:center;	
}*/

#product-details-social li {
    display: inline-block;
    height: 48px;
    width: 48px;
	margin-left:2px;
	cursor:pointer;
}

#fabric-details-social li {
    display: inline-block;
    height: 48px;
    width: 48px;
    margin-top: 15px;
	cursor:pointer;
}

#twitter-share {
    background-image: url('https://assets.apliiq.com/images/Social/twitter.gif');
    background-repeat: no-repeat;
}

#facebook-share {
    background-image: url('https://assets.apliiq.com/images/Social/facebook.gif');
    background-repeat: no-repeat;
}

#pinterest-share {
    background-image: url('https://assets.apliiq.com/images/Social/pinterest.gif');
    background-repeat: no-repeat;
}

#twitter-share:hover {
    background-image: url('https://assets.apliiq.com/images/Social/twitter-hover.gif');
    background-repeat: no-repeat;
}

#facebook-share:hover {
    background-image: url('https://assets.apliiq.com/images/Social/facebook-hover.gif');
    background-repeat: no-repeat;
}

#pinterest-share:hover {
    background-image: url('https://assets.apliiq.com/images/Social/pinterest-hover.gif');
    background-repeat: no-repeat;
}

#product-details-social .sellIt {
	background-image:url('https://assets.apliiq.com/images/Product/email-share-icon.png');
	background-repeat:no-repeat;
	background-size: 36px 40px;
	background-position: 5px center;
	background-color: #959595;
	text-indent:-999999px;
	overflow:hidden;
	border-radius: 9px;
	text-align: center;
	height:47px;
	width:47px;	
	display:inline-block;
	float:left;
}

#product-details-social .sellIt:hover{
	background-color: #ff0000;
}

#products {
    position: relative;
    padding-bottom: 24px;
	display:inline-block;
	width:100%;
	text-align:center;
}

.product-size-selector {
    cursor: pointer;
}

.product-size-selector:hover {
    color: red;
}

#selectsizeoptions {
	width: 120px;
	left: 0;
	z-index: 19;
	top: 20px;
}

li.sizeSelector.selected{
	background-color:#ff0000 !important;
	color:#fff !important;	
}

menu#selectsizeoptions,
h4.selector-dropdown.clickable,
div.product-size.clickable {
	float: left;
	clear: left;
	width: 100%;
}

.ProductController menu#selectsizeoptions{
	margin:16px 0 0;	
}

#selectsizeoptions li {
    cursor: pointer;
    list-style: none;
	background-color:#959595;
	color:#fff;
	padding:0 1%;
	margin:0 1%;
	width:auto;
	height:30px;
	border-radius:30px;
	line-height:30px;
	min-width:30px;
	text-align:center;
	display:inline-block;
}

#selectsizeoptions li:hover {
    opacity:.75;
}
.ProductController div.headlineTextWrap a.hug{
	border-top:none;
	display:inline-block;	
}
.loading {
    width: 40px;
    height: 40px;
    background-image: url("https://assets.apliiq.com/images/loading.gif");
    background-repeat:no-repeat;
    background-position: 4px, 4px;
	background-size:90% auto;
}

#page-size {
    position: static;
    top: 0px;
    right: 0px;
	float:right;
	width:auto;
	margin-top:16px;
}

#page-size li {
    margin-left: 6px;
    padding-left: 6px;  
    display: inline-block;
    border-left: 2px solid #222222;
}

#page-size li:first-child {
    border-left: none;
}

#active-filters {
    position: static;
    margin-top: 24px;
    float:right;
	display:inline-block;
	text-align:right;
	width:100%;
}

#active-filters li {
    margin-left: 12px;
    padding-left: 12px;
    display: inline-block;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left center;
	
}
#active-filters li:before{
	content:"x ";	
}

#pageTitle {
	width: 100%;
	max-width:97%;
	display: inline-block;
	padding:0;
}

.ProductController #pageTitle{
	padding:0;
	max-width:100%;	
}

li#clear-all-filters {
    background-image: none;
    padding-left: 0px;
}

.product-ribbon {
    position: absolute;
    top: 0px;
    right: 0px;
	max-width:40px;
}

.fabric-type-column {
    display: inline-block;
    margin-right: 12px;
}


.fabric-name {
    padding-right: 16px;
    background-image: url('https://assets.apliiq.com/images/down.png');
    background-repeat: no-repeat;
    background-position: right center;
    color: #222222;
}

#fabric-background {
    padding: 0;
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	z-index:-1;
}

#fabric-details {
    position: relative;
    float: left;
    margin: 0px;
    background-color: white;
    padding: 14px;
	width:100%;
	top:130px;
	z-index:1;
	
}
.FabricController #fabric-detail-image {
		float: left;
		padding: 14px;
		width:100%;
		margin: 0px;
		background-color: white;
		position:relative;
		display:inline-block;
	}
#fabric-details,
#fabric-detail-image{
	min-height:485px;	
	height:auto;
}
.wrapperOverflow #fabric-details a{
	width:100%;
	text-align:center;	
}
.FabricController .wrapperOverflow{
	min-height:740px;	
	display:inline-block;
	width:100%;
}

#fabric-details p {
    margin-top: 15px;
}

#fabric-detail-image img{
	width:100%;
	height:auto;	
}

#fabric-details img {
    background-image: url('https://assets.apliiq.com/images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 224px;
    height: 342px;
}

#fabric-details p {
    line-height: 19px;
}

#fabric-details ul {
	line-height:19px;	
}

#fabric-details .details {
    margin-top: 9px;
	min-height:0;
}

#fabric-details .actions {
    position: static;
	text-align:right;
	width:100%;
	display:inline-block;
}

#customize-with-fabric {
    position: static;
    bottom: 14px;
    margin: 16px auto;
}

#similar-fabrics {
    width: 100%;
    margin: 0px auto 16px;
    overflow: hidden;
}

#products-with-fabric a{
	float:right;	
}

#products-with-fabric h2 {
    margin: 16px auto;
	text-align:left;
}

#product-fabric-details img{
	width:49%;	
	height:auto;
	float:right;	
}

#product-fabric-details img:first-child {
    margin-right: 15px;
	float:left;
}

#product-fabric-details section {
    position: absolute;
    top: 60px;
    left: 70px;
    padding: 14px;
    background-color: white;
	width:auto;
}

#product-fabric-details p {
    margin: 6px 0px;
}

a.logout-link {
    font-size: 13px;
    color: #5a5a5a;
    margin-left: 16px;
}

.error {
	color: red !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 12px;
	text-align:left;
}

.dupSignup{
	color:#222;
	font-size:16px;
	font-size:1rem;
	font-family:'Questrial', sans-serif;
}

.dupSignup:hover{
	color:#F00;
}

.twitter-follow-button {
    display: inline-block;
    margin-left: 12px;
	width:60px !important;
}

#pagination-controls {
    position:relative;
    bottom: 0px;
    right: 0px;
	text-align:center;
}

#products nav#pagination-controls:nth-last-child(1) {
	display:block !important;	
}

#pagination-controls li {
    display: inline-block;
    margin-left: 6px;
}
#pagination-controlsWrapper {
	margin-bottom: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	margin: auto;
}
.ProductController .container h2:first-child {
	width: 100%;
	display: inline-block;
	text-align: left;
	margin: 16px auto;
}
.ProductController h2{
	margin:0;	
}
.FabricController .container h2 a{
	float:right;	
}

.addFabric {
	float: right;
	margin-right: 4%;
	width:auto;
}
div.addFabric a,
.ui-widget-content div.addFabric a,
#fabric-filters div.addFabric a{
	color:#5a5a5a;
	background-image:url(https://assets.apliiq.com/images/plus-button.png);
	background-position:left center;
	background-size:auto;
	background-repeat:no-repeat;	
	text-align:right;
	width:180px;
	height:21px;
	line-height:20px;
	display:inline-block;
	font-size:15px;
}

.FabricController div.addFabric{
	position:relative;
	margin:5px auto;
	float:none;
}

.ProductController img.noworries,
.ProductController img.freeshipping{
	display:inline-block;
	width:100%;
	max-width:200px;	
}
.product-details-bottom nav.product-actions{
	float:left;
	width:50%;
	margin:0;
	display:inline-block;
}

div.bulkDiscountWrap {
	background: #ffffff;
	border: 3px solid #efefef;
	width: 100%;
	height:auto;
	display: inline-block;
	position:relative;
	z-index:1;
	padding: 16px;
	margin: 0 auto;
}
.sizeWrap {
	margin:0 0 25px;
	display:inline-block;
	width:100%;
}

.sizeWrap h3{
	text-align:center;	
}

.ProductController #main-content .block {
		border-top: 1px solid #efefef;
		width: 100%;
		max-width: 100%;
		padding: 3% 0 0;
		text-align:center;
		display:inline-block;
	}
	
.product-actions ul.right{
	display:inline-block;	
}
.product-detail-buy .right button{
	width:100%;
	height:60px;
	line-height: 60px;
	padding:0;
	font-size:24px;	
}
span.toWait{
	max-width: 25px;
	display: inline-block;
	position: absolute;
	/*left: 5px;*/
	top: 8px;
	z-index:100;
}

span.toWait img{
	width:100%;	
}
.ProductController #main-content div.container{
	padding:0px 0 65px;	
	display:inline-block;
}

/*admin product edit START*/

#prodName{
	font-size: 40px;
	font-size:2.5rem;
	line-height:40px;
	line-height:2.5rem;	
	font-family: 'Questrial', sans-serif;
	text-transform: lowercase;
	font-weight:normal;
	height: 45px;
	color:#111;
}
.editProdIcon{
	float:left;
	width:45px;
	height:auto;
	display:inline-block;
	opacity:.5;
	transition:opacity .3s ease;
}
.editProdIcon:hover{
	cursor:pointer;	
	opacity:1;
}
.pnl {
    float: left;
	transition:opacity .3s ease-in-out;
	opacity:1;
	position:relative;
	z-index:0;
	width:100%;
}
.pNameView.pnl{
	max-width:80%;	
}
.hiddenPnl {
	opacity:0;
	position:absolute;
	z-index:-1;
	left:0;
}

    .pnl .buttonGray {
        float:left;
    }
    .pnl .button {
        float:right;
    }
    .pnl input, .pnl textarea,
	#new-uDesc,
	#new-sDesc {
        width: 100%;
        margin-bottom: 10px;
    }
	
.pnl textarea#uDescr{
	font-family: 'Open Sans', sans-serif;
	line-height: 20px;
	font-size:16px; /*ie 8*/
	font-size:1rem;
	color:#5a5a5a;
	font-weight:300;
	text-align:left;
	margin:16px 0;	
	background: #efefef;
	quotes: "\201C""\201D""\2018""\2019";
	text-align:left;
	border:none;
	border-left: 3px solid #959595;
	padding:8px;
	display:inline-block;
	float:left;
	border-radius:0;
}
.setPrice {
    overflow: auto;
    float: right;
    padding: 6px;
}
.pnl p{
	float:left;	
	width:auto;
	display:inline-block;
	max-width: 90%;
}

.pnl textarea#sDescr{
	font-family: 'Open Sans', sans-serif;
	line-height: 20px;
	font-size:16px; /*ie 8*/
	font-size:1rem;
	color:#5a5a5a;
	font-weight:300;
	text-align:left;
	margin:16px 0 0;	
}
div.pnl.priceOpt{
	float: right;
	position: relative;
	width:100%;
	margin-top:10px;
}
select#priceOpt{
	width:100%;
	height:45px;
	display:inline-block;
	margin-top:0px;
}

input#fileinp {
  bottom: 0;
  cursor: pointer;
  height: 50px;
  left: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=00);
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*admin product edit END */

@media screen and (min-width:767px){

	div.sideBarAd {	
		max-width: 530px;
	}
	div.sideBarAd .button{
		width:auto;	
	}
	
	#fabric-details{
		width:40%;	
		max-width: 310px;
		text-align:left;
		box-shadow:-4px 3px 10px -4px black;
		border-radius:2px;
	}
	.FabricController #fabric-detail-image{
		width:60%;
		max-width: 574px;
		top:130px;
		box-shadow: 0 3px 10px -4px black;
		padding:14px 14px 14px 0;
	}
	.ProductController .product-image-row{
		max-width:100%;	
	}
	.ProductController .product-image-container{	
		max-width:224px;
	}	
	.ProductController .product-purchase .right{
		width:100%;
		display:inline-block;
	}
	.ProductController .product-purchase .right button{
		width:100%;
		line-height:60px;
		height:60px;
		font-size: 24px;
		padding:0;
		min-width:150px;
	}
	.ProductController ul.right li{
		text-align:inherit;	
	}
	.ProductController .product-actions .left{
		max-width:5%;	
	}
	.ProductController .product-actions .paddingLeft{
		max-width:90%;	
		margin-left:7%;
	}
	.ProductController #main-content .block,
	.sizeWrap h3{
		text-align:left;	
	}
	
	.ProductController #product-details-social *{
		text-align:left;	
	}
	
	.left.productDetails{
		margin-left:5%;
	}
	
	.designerName {
		max-width: 50%;
	}
	
	#uNm span.designerName {
		max-width: 100%;
	}
	
	.ProductController .left.productDetails,
	.ProductController .productImages.left{
		width:45%;
		max-width:350px;
		float:left;
		position:relative;
	}

}

@media screen and (min-width:1024px){
	
	#page-size,
	#active-filters,
	#products-with-fabric h2 a,
	#product-details-social,
	nav.product-actions ul li.secondary,
	.product-detail-buy,
	article#footer-newsletter hr,
	.ProductController #products-with-fabric,
	.product-image-container span,
	#similar-fabrics,
	#selectsizeoptions,
	img.product-ribbon,
	.ProductController #product-purchase .selector-dropdown.clickable,
	.FabricController #fabric-details .actions,
	span#scDivider,
	.product-size
	{
		display:inline-block;	
	}
	div.sideBarAd {	
		float:left;
		margin-left:5%;
		max-width:40%;
	}
	.product-size {
		background-image: url('https://assets.apliiq.com/images/size-chart-icon.jpg');
		background-repeat: no-repeat;
		background-position: left center;
		padding: 5px 18px 5px 60px;
		background-size: contain;
		margin: 20px 0;
		width:auto;
		min-width:130px;
	}
	
	#selectsizeoptions li {
		float:left;	
	}
	
	.product-actions li {
		margin-left: 0;
		text-align: right;
		font-size: 13px;
		line-height: 27px;
		width:100%;
		display:block;
		height:auto;
		margin-top:10px;
	}
	
	.product-image-container,
	.fabric-image-container,
	span.productItem,
	/*div.productItemContainer,*/
	.clBaseOptionContainer .indBasebox {
		margin:2.1%;	
	}
	
	.page-head {
		height:auto;
		padding:0;	
	}
	.ProductController .page-head{
		padding:0;	
	}
	
	menu#fabric-details-social {
		width: 100%;
	}
	
	#pageTitle h1 {
		text-align: left;
		float:left;
		clear:left;
		padding: 0;
		margin:0;
		max-width:100%;
	}	
	.ShopController #pageTitle,
	.DesignYourOwnController #pageTitle{
		width:100%;
		float:none;	
		text-align:left;
		max-width:100%;
	}
	
	.ProductController #pageTitle h1 {
		padding:0 0;
		height:auto;
		font-size: 40px;
		font-size:2.5rem;
		line-height:40px;
		line-height:2.5rem;
		width:auto;
	}
	div.page-head.container {
		height: auto;
	}
	
	/*#productsWrapper,*/
	.clBaseOptionContainer  {
		width: 100%;
		min-height: 300px;
		float: right;
		margin-right: 0;
		top: 0;
		position:relative;
		display:inline-block;
		margin:0;
	}
	
	.ProductController .productDetailWrap{
		min-height:0;	
	}
	
	div.headlineTextWrap {
		width: 100%;
		margin-bottom:25px;
	}
	
	.ProductController div.headlineTextWrap {
		margin:25px 0 0;
		display:inline-block;
		width:100%;
	}
	
	.ProductController .left{
		float:left;
		display:inline-block;
		max-width:40%;
	}
	
	.ProductController .product-actions .paddingLeft{
		max-width:50%;	
		margin:0;
	}
	
	.ProductController menu#product-details-social .left{
		max-width:40%;	
	}
	
	.ProductController menu#product-details-social .right{
		max-width:220px;	
	}
	.ProductController #product-details-social ul{
		padding:0;
		text-align:center;	
	}
	.ProductController menu#product-details-social .right p{
		text-align:center;	
	}
	
	.paddingLeft {
		padding-left: 3%;
	}
	
	.ProductController .ads a {
		display: inline-block;
		width: 100%;
	}
	.productDetails{
		max-width:40%;	
		padding:0 1%;
		margin-left:4%;
	}
	.productImages{
		max-width:350px;	
	}
	
	.ProductController .right{
		float:right;
		display:inline-block;	
		max-width:17%;
	}
	
	.ProductController .product-purchase .right{
		max-width:40%;
		text-align:right;	
	}
	
	.ProductController .product-detail-buy button {
		height: 60px;
		line-height: 60px;
		padding: 0 0;
		font-size: 27px;
		min-width: 180px;
	}
	
	.ProductController .product-image-container{	
		float:none;
		width:25%;	
		max-width:224px;
		margin:0 1.1%;
		
	}
	
	div.product-details-bottom nav.product-actions li{
		margin:16px 0 0;
	}
	
	.FabricController nav.actions li.clickable:hover{
		color:red;	
	}
	div.product-detail-buy {
		text-align: right;
	}
	.product-details-bottom nav.product-actions {
		width: 100%;
		position: static;
		margin: 0 auto;
		float:right;
		max-width:200px;
		display:block;
		clear:right;
	}
	
	.ProductController div.ads.right {
		position: static;
		text-align: right;
		width:15%;
		max-width:200px;
		float:right;
		margin:0;
		display:inline-block;
	}
	
	div.product-size.clickable {
		background-image: url('https://assets.apliiq.com/images/size-chart-icon.jpg');
		background-repeat: no-repeat;
		background-position: left center;
		padding:0;
		background-size: auto 100%;
		display: inline-block;
		cursor: pointer;
		margin: 16px 0 0;
		text-indent: 45px;
		height:24px;
		line-height:24px;
	}
	
	.ProductController #product-details-social *{
		text-align:left;
	}
	
	.sizeWrap {
		height: auto;
		float: left;
		width: 50%;
		margin: 0;
		text-align: left;
	}
	
	div.selector-dropdown.clickable{
		width:100%;
	}
	div.selector-dropdown.clickable:hover,
	div.product-size.clickable:hover{
		color:red;	
	}
	
	.intro{
		height:auto;	
	}
	.product-detail-price {
		padding-right: 0;
		font-size: 24px;
		line-height:24px;
		color: #222222;
		display:inline-block;
		float: right;
		margin: 0;
		text-align: right;
		max-width:20%;
	}
	
	span.bulkDiscount,
	div.productTitleWrap span.bulkDiscount {
		float: right;
		clear:right;
		text-align: center;
		font-size: 16px;
		height: 25px;
		line-height: 25px;
		color: #5a5a5a;
		background-image: url('https://assets.apliiq.com/images/down.png');
		background-position: right center;
		background-size: auto;
		width: 160px;
		background-repeat: no-repeat;
		cursor:pointer;
		display:block !important;
		margin:10px 0 0;
	}
	span.bulkDiscount:hover,
	div.productTitleWrap span.bulkDiscount:hover{
		color:#ff0000;
	}
	
	.column {
		width: 33%;
		float:left;
	}	
	
	#idPrice{
		float:right;
		clear:right;
		display:block;
		text-align:right;
	}

	#idPrice span {
		font-size:18px; /*ie 8*/
		font-size: 1.25rem;
		padding-right: 0px;
		font-weight: bold;
		color: #222222;
	}
	div.discountCopyWrap{
		float:left;	
		text-align:left;
		width:40%;
	}
	div.discountCopyWrap h5{
		font-size:16px;
		font-size:1rem;	
	}
	div.discountCopyWrap p{
		margin:0;	
	}
	div.discountTableWrap{
		float:right;	
		width:55%;	
		display:inline-block;
		overflow:hidden;
		padding-top:50%;
		position:relative;
	}
	div.discountTableWrap img{
		height:auto;	
		width:100%;	
		border-radius:2px;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
	}
	div.discountTableWrap .column{
		margin-top:10px;	
	}
	div.discountTableWrap label{
		font-size:18px;
		font-size:1.125rem;	
	}
	.ProductController .product-image-row{
		max-width:100%;		
	}
	#products-with-fabric {
		width:100%;
		text-align:left;
		display:inline-block;
		margin:16px 0 0;
		position:relative;
	}
	.ProductController #products-with-fabric {
		border-top: 1px solid #efefef;
		padding: 2% 0 0;
		text-align:center;
	}
	
	.ProductController #products-with-fabric .fauxh2{
		font-size:24px;
		font-size:2rem;	
	}
	
	.ProductController #products-with-fabric p{
		text-align:center;	
		margin:0 auto;
	}
	
	div#products-with-fabric h4.container {
		text-align: left;
	}
	.ProductController .left.productDetails{
		max-width:40%;
		width:100%;
	}
	.ProductController .productImages.left{
		max-width:350px;
		margin-left:9%;
		margin-top:25px;
	}
	
}

@media screen and (min-width:1025px){
	#contentHeader{
		width:85%;
		left:15%;
	}
	.ProductController #contentHeader,
	.TemplateController #contentHeader,
	.OurStoryController #contentHeader,
	.DesignYourOwnController #contentHeader{
		width:100%;
		left:0;	
	}
	.redMessage a:hover{
		color:white;
		text-decoration:underline;
	}
	.clBaseOptionContainer .indBasebox{
		background-image: url('https://assets.apliiq.com/images/loading.gif');
		min-height:400px;	
	}
	.clBaseOptionContainer .indBasebox a {
		background-color:#fff;
	}	
	
	.zoomIn{
		cursor:-moz-zoom-in;
		cursor:-webkit-zoom-in;
	}
	.zoomOut{
		cursor:-moz-zoom-out;
		cursor:-webkit-zoom-out;
	}
	div.product-image-container a:nth-child(1) {
		min-height: 342px;
		background-image: url('https://assets.apliiq.com/images/loading.gif');
		background-size: 30px auto;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	
}

.shw {
	transition: opacity 1s linear, height 1s step-start;
}

.hddn {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition-timing-function: linear, step-end;
}
