@charset "utf-8";
/*  Used for
	- Category
	- Product
*/

/* ----- webshop category ----- */

.webshop {
	width:940px;
	float:left;
	margin:0px 0 0 0;
}

.layered-navigation {
	width:940px;
	height:60px;
	border-bottom:2px dotted #cfcec8;
	float:left;
}

.layered-navigation form {
	margin:15px 0 0 0;
}

	.layered-navigation .dropdown {
		margin:15px 30px 0 0;
		float:left;
		width:165px;
		height:31px;
		background:url(../data/images/dropdown2.png) no-repeat;
		font-size:12px;
		line-height:31px;
		padding:0 0 0 10px;
		position:relative;
		float:left;
		cursor:pointer;
	}
	
		.dropdown .items {
			width:163px;
			position:absolute;
			left:0px;
			display:none;
			z-index:1000;
			border:1px solid #d3d3c8;
			background:#fff;
			border-bottom:none;
			border-top:none;
		}
		
		.dropdown .items a {
			padding:5px 10px;
			display:block;
			border-bottom:1px solid #d3d3c8;
			color:#838377;
			text-decoration:none;
		}
		
		.dropdown .items a:hover {
			background:#0077c0;
			color:#fff;
		}
	
	.layered-navigation .sort {
		float:right;	
	}
	
	.layered-navigation .sort .jqTransformSelectWrapper {
		margin:0;
	}

.catalogwrapper {
    float:left;
	width:700px;
}

.sidebar-filters {
    width:220px;
    float:left;
    margin:0 20px 0 0;
}


    .sidebar-filters label {
        cursor:pointer;
        line-height:28px;
        height:28px;
        float:left;
        clear:both;
    }
        .sidebar-filters label span {
            padding-right:24px;
        }

    .sidebar-filters .option-set {
        width:100%;
        float:left;
        margin:0 0 30px 0;
    }

        .sidebar-filters label.active {
            font-weight:800;
            font-style:italic;
        }

        .sidebar-filters label.active span {
            background:url(../data/images/checked.png) top right no-repeat;
        }

        .sidebar-filters label input {
            display:none;
            float:right;
        }

    .sidebar-filters h2 {
        margin:30px 0 10px 0;
    }

    .sidebar-filters ul {
        list-style:none;
        margin:0;
        padding:0;
        line-height:28px;
    }

        .sidebar-filters ul li a {
            color:#838377;
            text-decoration:none;
            font-weight:400;
            font-size:14px;
        }

            .sidebar-filters ul li a span {
                padding-right:24px;
            }

            .sidebar-filters ul li a.active {
                font-style:italic;
                font-weight:800;
            }

            .sidebar-filters ul li a.active span {
                background:url(../data/images/checked.png) top right no-repeat;
            }

            .sidebar-filters ul li a:hover {
                color:#0077c0;
            }


.promoblock {
    float:left;
	margin:30px 0;
	width:700px;
}

    .promoblock .promo {
        float:left;
        width:340px;
        height:340px;
        background:#eee;
        position:relative;
    }
        
        .promoblock .promo h1 {
            position:absolute;
            color:#fff;
            top:20px;
            left:20px;
            z-index:100;
            text-decoration:none;
            margin:0;
            padding:0;
            line-height:40px;
            width:80%;
            font-weight:300;
        }


        .promoblock .promo.left {
            margin:0 20px 0 0;
        }

.catalog, .catrightblock {
	float:right;
	margin:30px 0;
	width:700px;
	}

    .catrightblock .catalogheader {
        width:700px;
        height:240px;
        background:#cfcec8;
        float:left;
        position:relative;
    }

    .catrightblock .catalogheader h1 {
        position:absolute;
        color:#fff;
        top:20px;
        left:20px;
        z-index:100;
        text-decoration:none;
        margin:0;
        padding:0;
        line-height:40px;
        width:80%;
        font-weight:300;
    }

.legend {
	float:right;
	margin:30px 0 0px 0;
	width:700px;
	}

.catalog .item {
	width:140px;
	height:230px;
	float:left;
	margin:0 20px 20px 0;
	overflow:hidden;
	text-align:center;
    padding:0 5px;
}


	.item h3 {
		margin:0;
		padding:0;
		color:#bdbdb0;
		font-size:14px;
	}
	

	
	.item .thumb {
		width:140px;
		height:140px;
		overflow:hidden;
		float:left;	
		margin:0 0 10px 0;
	}
		
	.item p {
		padding:0;
		margin:0;
	}
	
	.item p.designer {
		color:#e1e1db;
		font-weight:bold;
	}
	
	.item p.price {
		color:#c6c6bb;	
	}
	
	    .item p.price strong {
		    background:#0077c0;
		    color:#fff;
		    display:inline-block;
		    padding:0 2px;
		    font-size:12px;
		    line-height:16px;
		    text-transform:uppercase;
	    }
	
	.item a {
		text-decoration:none;
	}
	
	.item a:hover h3, .item a:hover p {
		color:#0077c0
	}
	
.product {
	float:left;
	width:940px;
	margin:50px 0 30px 0;
	border-bottom:2px dotted #cfcec8;
	padding:0 0 30px 0;
}

	.product .visual {
		width:460px;
		float:left;
	}
	
		.visual .largeimg {
			width:460px;
			float:left;
		}
		
		#nav {
			width: 460px; 
			padding:0;
			float:left;	
		}
		
		#nav li {
			width: 140px;
			height:140px;
			float: left; 
			margin: 0 20px 16px 0;
			list-style: none;
			padding:0;
			border-bottom: 4px solid #fff;	
		}
		#nav li:nth-child(3n+3){
			margin:0 0 16px 0;	
		}
		
		#nav a { 
			width: 140px;
			height:140px;
			display: block; 

		}
		#nav li.activeSlide {
			border-bottom: 4px solid #0082c8;
		}
		#nav a:focus {
			outline: none; 
		}
		#nav img {
			border: none; display: block;
		}
	
	.product .description {
		width:420px;
		float:left;
		margin:0 0 0 60px;
	}
	
		.description h1 {
			margin:0;
			color:#bdbdb0;
			line-height:36px;
		}
		
		.description h2 {
			padding:15px 0 0 0;
			margin:0 0 30px 0;
			font-size:36px;
			line-height:36px;
			color:#e1e1db;
			font-family: "brandon-grotesque",sans-serif;
			font-weight:700;
			text-transform:uppercase;
		}
		
		.description table.specs {
			width:420px;	
		}
		
			table.specs td:nth-child(odd) {
				width:140px;
				color:#c6c6bb;
				padding:10px 0;
			}
			
		.description .options {
			width:240px;
			float:left;
			padding:30px 20px 20px 20px;
			background:url(../data/images/add-to-cart-bg.png) repeat;
			margin:30px 0 0 0;
		}
			.options .price {
				padding:0;
				margin:0 0 30px 0;
				font-size:30px;
				color:#959588;
				font-family: "futura-pt",sans-serif;
				font-weight:500;
				text-transform:uppercase;
			}
			
			.options .price span.discount {
			    font-size:14px;
			    text-decoration:line-through;
			    margin:0 10px 0 0;   
			}
			
			.options .jqTransformSelectWrapper {
				width:240px;
				margin:0 0 30px 0;
			}
			
			form .addtocart {
				display:block;
				width:240px;
				height:60px;
				line-height:60px;
				color:#fff;
				font-family: "brandon-grotesque",sans-serif;
				text-transform:uppercase;
				background:url(../data/images/add-to-cart-button.png) 0px 0px no-repeat;
				cursor:pointer;
				border:none;
				clear:right;
			}
			
			form .addtocart:hover {
				background:url(../data/images/add-to-cart-button.png) 0px -60px no-repeat;
			}
			
		.description .sharetext {
			float:left;
			margin:0 60px 0 20px;
		}
		
		.description .share {
			width:420px;
			float:left;
			display:inline-block;
			margin:20px 0 0 0;
			line-height:20px;
		}
		
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}