﻿/* root element for scrollable */

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.wrapProductlistColumn {
	position:absolute; 
	right:0px; 
	top:0;
	width:198px; 
	height:534px; 
	overflow:hidden;
	z-index:1010;
	
	
}

.wrapProductlistColumnCollectionArea {
	position:absolute; 
	right:0px; 
	top:0;
	width:177px; 
	height:534px; 
	overflow:hidden;
	z-index:1010;
	
	
}

.wrapProductlistColumnProductArea {
	position:absolute;  
	top:0; 
	width:198px; 
	height:534px; 
	overflow:hidden;
	z-index:1010;
	
	
}

.wrapProductInfoColumn
{
    clear:left;
    position:absolute; 
    top:438px;
    z-index:1010;
    height:81px;
    width:780px;
    padding:15px 0 0 20px
    
}
.wrapProductInfoColumn .patternimages
{
    height:96px;
    width:250px;
    
}
.patternWrap {float:left; width:70px; display:table; height:80px;}
.wrapProductInfoColumn .patternWrap .image {}
.wrapProductInfoColumn .patternWrap .colorname {clear:left; float:left; font-size:9px; color:#d8d8d8; width:65px; line-height:10px; padding-top:4px;}

.wrapProductInfoColumn .wrapText {float:left; padding-left:20px;}
.wrapProductInfoColumn .headline
{
    /*float:left; margin-top:17px;  
    top:15px;
    left:255px;
position:absolute;
    clear:left;
    width:545px;*/
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px; color:#D8D8D8;
}
.wrapProductInfoColumn .Body
{
    /*top:34px;
    left:255px;
    position:absolute;
    clear:left;
    float:left; margin-top:6px;*/
    font-size:11px; color:#D8D8D8; line-height:12px; 
}
.VariantsContainer {position:absolute; right:24px; bottom:0; width:167px; height:81px; font-size:11px; color:#D8D8D8;}
.VariantsContainer .item {}
.VariantsContainer .item .label {float:left; width:55px;}
.VariantsContainer .item select {width:90px; margin-bottom:4px;}


#webshopGrid .VariantsContainer {position:absolute; right:8px; top:410px; width:222px; height:81px; font-size:11px; color:#8e8e8e;}
#webshopGrid .VariantsContainer .item .label {float:left; width:75px;}
#webshopGrid .VariantsContainer .item select {width:135px; margin-bottom:4px;}
#webshopGrid .VariantsContainer #ctl01_pnlColor .label {color:#8e8e8e;}
#webshopGrid .VariantsContainer #ctl01_pnlSize .label {color:#8e8e8e;}
#webshopGrid .VariantsContainer .pricing {margin:10px 0 0 75px; color:#646464; font-size:12px;}
#webshopGrid .VariantsContainer .pricing .label {float:left; width:auto; margin-right:3px; padding-top:4px;}
#webshopGrid .VariantsContainer .pricing .wrapPrice .currency {float:left; padding-top:4px; margin-right:4px;}
#webshopGrid .VariantsContainer .pricing .wrapPrice .price {font-size:16px; font-weight:bold; color:#000; float:left;}

.wrapProductWebshopButton {position:absolute; right:0; bottom:0; width:100px;}

.wrapProductlistColumn2 {
	position:absolute; 
	right:0; 
	width:198px; 
	height:534px; 
	overflow:hidden; 
}

.buttonSlide {
	position:absolute;
	top:200px;
	left:2px;
	background:url(/images/slide_right.png) no-repeat top left;
	width:40px;
	height:80px;
	z-index:90;
	color:#FFF;
	font-size:11px;
	padding:5px;
	cursor:pointer;
}
.buttonSlide2 {
	position:absolute;
	top:200px;
	left:2px;
	background:url(/images/slide_right2.png) no-repeat top left;
	width:40px;
	height:80px;
	z-index:90;
	color:#FFF;
	font-size:11px;
	padding:5px;
	cursor:pointer;
}
.buttonSlideIn {
	position:absolute;
	z-index:93;
	top:200px;
	right:0;
	background:url(/images/slide_left.png) no-repeat top right;
	width:40px;
	height:80px;
	color:#FFF;
	font-size:11px;
	padding:5px;
	cursor:pointer;
}
.buttonSlideIn2 {
	position:absolute;
	z-index:93;
	top:200px;
	right:0;
	background:url(/images/slide_left2.png) no-repeat top right;
	width:40px;
	height:80px;
	color:#FFF;
	font-size:11px;
	padding:5px;
	cursor:pointer;
}

.wrapProductlistColumn .productlist {
	position:absolute;
	left: 0;
	top: 0px;
	width: 198px;
	height: 534px;
}
.wrapProductlistColumn2 .productlist {
	position:absolute;
	right: 0px;
	top: 0px;
	width: 177px;
	height: 534px;
}
#actions .prevPage {
	position:absolute;
	top:1px;
	right:0;
	background:url(/images/slide_up.png) no-repeat center top;
	z-index:92;
	padding:0px;
	cursor:pointer;
	width:19px;
	height:19px;
}
#actions .nextPage {
	position:absolute;
	bottom:0;
	right:0;
	background:url(/images/slide_down.png) no-repeat center bottom;
	z-index:92;
	padding:0px;
	cursor:pointer;
	width:19px;
	height:19px;
}

.vertical {
	position:relative;
	overflow:hidden;	
	height: 534px;	 
	width: 198px;
	border-top:1px solid #3E3C3D;	
}

.crosssaleproductlist .vertical {height:438px;}

/* root element for scrollable items */
.items {
	position:absolute; width:177px;
	height:534px;
	margin: 0px;
	right: 0px;
	top:1px;
}
.itemsbgblack a
{
    text-decoration:none;
    cursor:pointer;
}
.itemsbgblack {
	position:absolute; width:177px;
	height:534px;
	margin: 0px;
	right: 0px; background:#000; top:-1px;
}
.productlist2 .items {
	position:absolute; width:177px;
	height:534px;
	margin: 0px;
	right: 21px;
}
.productlist2 .itemsbgblack {
	position:absolute; width:177px;
	height:534px;
	margin: 0px;
	right: 21px;
}

/* single scrollable item */
.items div {
	font-size:12px;
	height:89px;
}
.itemsbgblack div {
	font-size:12px;
	height:89px; 
}
.vertical2 .itemsbgblack img {
	font-size:12px;
	height:146px; 
}
.vertical2 .items img {
	font-size:12px;
	height:146px; 
}

/* elements inside single item */
.itemsbgblack .item {position:relative; color:#828385;}
.itemsbgblack .item a {color:#828385;}
.itemsbgblack .item a:hover {color:#FFF;}
.itemsbgblack .itemImage {overflow:hidden;}
.itemsbgblack .image {cursor:pointer; overflow:hidden;}
.itemsbgblack img {float:left; width:177px;}

.itemsbgblack .text {position:absolute; bottom:-2px; background:#000; width:177px; height:22px; border:none; overflow:hidden; text-align:center; cursor:pointer;}
.itemsbgblack .text h3 {font-size:11px; font-weight:normal; margin:0; line-height:20px;}

.items .text {position:absolute; bottom:-1px; background:#000; width:177px; height:20px; border:none; overflow:hidden; text-align:center; cursor:pointer;}
.items .text h3 {font-size:11px; font-weight:normal; margin:0; line-height:20px;}
/* the action buttons above the scrollable */
#actions {
	width:177px;
	margin:0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}

#apDiv1 {
	position:absolute;
	z-index:200;
}
#apDiv2 {
	position:absolute;
	left:177px;
	width:177px;
	height:534px;
	z-index:9999;
	
}
.style1 {
	color: #FFFFFF;
	font-size: 14px;
}	
.crosssaleproductlist .items{overflow:hidden;}
.crosssaleproductlist .items div {height:145px; text-align:center;}
.crosssaleproductlist .crossSaleItemImage {text-align:center;}
.crosssaleproductlist .crossSaleItemImage img {width:auto; position:absolute; right:0px;}
#webshoplist .items .item {position:relative;}
