/* 















 configuration.ftl included */

/* 
 * Copyright (C) 2012 IP Labs GmbH <http://www.iplabs.de/>
 * All rights reserved.
 *
 * Style definition for product list widget
 *
 * @author Martin Vollmar <m.vollmar@iplabs.de>
 */


.productList-default .productList {
    background-color: #fff;
	float: left;
	position: relative;
	height: 450px;
	width: 100%;
	margin-bottom: 8px;
    border: 0px solid #e4e4e4;
    border-radius: 0px;
    overflow: hidden;
    -webkit-box-shadow: #ccc 0 0 5px;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.1s;
    transition: box-shadow 0.1s;
    text-align: center;
}

.productList-default a.productList:hover {
    box-shadow: none;
}

.productList-default .columns {
    padding: 0 4px;
}

.productList-default .columns.first {
    padding-left: 0;
}

.productList-default .columns.last {
    padding-right: 0;
}

.productList-default .productList .viewBox {
    height: 200px;
    text-align: center;
    border: 8px solid;
    border-color: #fff;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
}


.productList-default .items-1, .productList-default .items-1 .viewBox {
    width: 986px;
}

.productList-default .items-2, .productList-default .items-2 .viewBox {
    width: 488px;
}

.productList-default .items-3, .productList-default .items-3 .viewBox {
    width: 322px;
}

.productList-default .items-4, .productList-default .items-4 .viewBox {
    width: 239px;
}

.productList-default .items-5, .productList-default .items-5 .viewBox {
    width: 189px;
}

.productList-default .items-6, .productList-default .items-6 .viewBox {
    width: 156px;
}

.productList-default .productList h3,
.productList-default .productList p {
    left: 0;
    width: 100%;
    position: relative;
    text-align: left;
    display: inline-block;
    padding: 12px 15px 20px;
    margin: 0;
    color: #303030;
    background-color: #555;
    background-color: rgba(255,255,255,0);
    font-size: 24px;
    line-height: 32px;
    border-bottom: 3px solid #303030;
    text-align: center;
    font-family: 'Roboto Condensed',sans-serif;
}

.productList-default .productList.error {
    background-color: #ffa3a3;
    font-size: 20px;
}

.productList-default .box-default.empty {
    visibility: hidden;
}

.productList-default .columns:last-child {
    float: left;
}

.productList-default .itemPrice{
    float: left; 
    width: 100%;
    text-align: center;
    color: #A2BD30;
    font-size: 22px;
    font-weight: bold;
}

.productList-default .itemPrice * {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.productList-default .viewBtn{
    margin-top: 10px;
}

.productList-default .productText{
    float: left;
    margin-top: 10px; 
    width: 100%;
}

.productList-default .productList.gradient{
    text-align:left;
}

.productList-default .productList.gradient .viewBox{
    width: 40%;
    float: left;
}

.productList-default .productList.gradient h3, 
.productList-default .productList.gradient p{
    width: 60%;
    float: left;
    text-align: left;
    padding: 0 0 20px;
}

.productList-default .productList.gradient{
    float:left;
}

.productList-default .productList.gradient .productBtnLane{
    width: 60%;
    float:left;
    position: relative;
}

.productList-default .productList.gradient .productBtnLane *{
    float: left;
}

.productList-default .productList.gradient .priceFrom{
    margin-right: 5px;
    font-size: 13px;
    color: #424242;
    padding-top: 5px;
}

.productList-default .productList.gradient .productPrice{
    color: #A2BD30;
    font-size: 26px;
    float: left;
    position: relative;
    border: none;
    padding: 0;
}

.productList-default .productList.gradient .productText{
    width: 60%;
    float: right;
    height: 105px;
}

.productList-default .productList.gradient .viewBtn{
    margin: 0;
}

.productList-default .productList.gradient{
    height: 210px;
    margin-bottom: 90px;
}