/* Catalog page furniture
   #BY_HOME_CLUB - split out of 1024.css so that page types which cannot
   render these elements never download the rules. Rule order inside this file is the
   order the rules had in the origin file; the registration slot in Head.cshtml keeps
   the cascade position identical. Do not reorder. */

@media all and (min-width: 1025px) {
    /* LEFT/RIGHT COLUMN */
    
    .product-selectors {
    	margin: 0 0 20px;
    }
    .product-selectors > div > span {
    	display: inline-block;
    	vertical-align: middle
    }
    .product-selectors .product-page-size {
    	margin-left: 0;
    	width: auto;
    }
    .product-selectors {
    	font-size: 13px;
    	text-align: left;
    	color: #5F6368;
    	font-weight: bold;
    	text-transform: uppercase;
    }
    .product-selectors select {
    	display: inline-block;
    	margin: 0 10px;
    	width: auto;
    	height: 45px;
    	background-color: #fff;
    	border: 1px solid #e7e7e7;
    	border-radius: 2px;
    	font-weight: normal;
        text-transform: none;
        background-image: url('../../../img2/select-arrow-dark.svg');
    }
    .product-selectors .product-sorting {
    	display: inline-block;
    	float: right;
    	margin: 0;
    	width: auto;
    }
    .product-selectors .product-viewmode {
    	display: inline-block;
    	float: right;
    	margin: 0;
    	font-size: 0;
    }
    .product-list {
    	margin-bottom: 30px;
    }
    .product-list .add-to-cart-qty-wrapper .plus,
    .product-list .add-to-cart-qty-wrapper .minus {
    	height: 16px;
    	line-height: 16px;
    }
    .center-2 .product-list .product-item:after {
    	content: "";
    	display: block;
    	clear: both;
    }
    .center-2 .product-list .item-box {
    	position: relative;
    	width: 100%;
    	margin: 0 0 15px !important;
    	text-align: left;
    }
    .center-2 .product-list .item-box .picture {
    	float: left;
    	width: 260px;
    	margin-bottom: 0;
    	overflow: visible;
    }
    .center-2 .product-list .item-box .picture > a:before {
        padding-top: 100% !important;
    }
    .center-2 .product-list .item-box .picture img {
    	border-radius: 3px 0 0 3px;
    }
    .center-2 .product-list .item-box .details {
    	margin: 0 30% 0 290px;
    	padding: 30px 0 0;
    	max-height: 172px;
    	overflow: hidden;
    }
    .center-2 .product-list .item-box .add-info {
    	position: absolute;
    	right: 0;
    	top: 50%;
    	transform: translateY(-50%);
    	width: 30%;
    	padding: 0 20px;
    	text-align: center;
    }
    .product-list .prices > span {
    	display: block;
    }
    .product-list .item-box .old-price {
    	font-size: 16px;
    	color: #444444;
    }
    .product-list .item-box .actual-price {
    	font-size: 20px;
    	margin: 4px 0;
    }
    .center-2 .product-list .item-box .buttons .button-2 {
    	width: auto;
        color: #fff;
    	height: 40px;
    	padding: 0 15px;
    	text-overflow: ellipsis;
    	overflow: hidden;
    	white-space: nowrap;
    }
    .center-2 .product-list .item-box .btn-wrapper button {
    	line-height: 45px;
    	border-radius: 3px;
    	background-color: #f2f2f2;
    }
    .center-2 .product-list .item-box .btn-wrapper button:hover {
    	background-color: #eaeaea;
    }
    .center-2 .product-list .item-box .btn-wrapper button:before {
    	font-size: 19px;
    }
    .center-2 .product-list .item-box .btn-wrapper button:hover:before {
    	color: #5F6368;
    }
    .product-list .item-box .product-title,
    .product-list .item-box .title {
    	height: auto;
    	font-size: 18px;
    	font-weight: bold;
    	padding: 0;
    }
    .product-list .item-box .product-rating-box {
    	margin-bottom: 15px;
    }
    .product-list .item-box .description {
    	display: block;
    	height: auto;
        max-height: 81px;
        margin: 0;
        line-height: 20px;
    	font-size: 15px;
    	color: #5F6368;
    }
    .product-list .item-box .btn-wrapper {
    	left: 100%;
    	top: auto;
    	bottom: 30px;
    	transform: none;
    	opacity: 1;
    	width: 200px;
    	padding-left: 30px;
    }
    .product-list .item-box button,
    .product-list .item-box .btn-wrapper .button-2 {
    	width: 45px;
    	height: 45px;
    }
    .product-list .item-box button:hover {
    	background-color: #eaeaea;
    }
}