/********** Alternate Display Page Style **********/

.product-details{
	display: inline-block;
	float: left;
}

.product-item{
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #002D56;
	border-left: 1px solid #002D56;
	border-right: 1px solid #002D56;
}

.first-prod{
	border-top: 1px solid #002D56;
	margin-top: 30px;
	border-radius: 4px 4px 0 0;
}

.last-prod{
	border-radius: 0 0 4px 4px;
}

.product-item .padding{
	padding: 5px 5px 5px 0px;
	margin-left: 0;
}

.product-details .product-name{
	margin:0px 20px 0px 20px;
	width: 390px;
	text-align: left;
	min-height: 0 !important;
	display: inline-block;
	vertical-align: middle;
}

.product-details .product-name a{
	display: inline-block;
	vertical-align: middle;
}

.product-price{
	margin: 0 20px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.product-price-button{
	display: inline-block;
	vertical-align: top;
}

.product-price .product-price-button{
	height: auto;
}

.product-price .product-price-button button.add-ctgy{
	padding:0;
	height: auto;
	color: #B52500;
}

.add-cart{
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 20px;
}

.level-1 .test-list{
	display: none !important;
}

.add-cart input.input.product-quantity-input{
	text-align: center;
}

span.button.add-ctgy{
	background-color: #FFFFFF;
	color: #E13D00;
	cursor: auto;
}

/******* Media Queries for List Display *******/

@media screen and (max-width: 1200px) and (min-width: 990px){
	.product-item .padding{
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.product-details{
		width: 100%;
	}

	.product-details .product-name{
		width: 24%;
		margin: 0;
	}

	.product-price{
		width: 24%;
		margin: 0 ;
	}

	.add-cart{
		width: 47%;
		margin: 0;
	}
}

@media screen and (max-width: 990px) and (min-width: 600px){
	.product-item .padding{
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.product-details{
		width: 100%;
	}

	.product-details .product-name{
		width: 20%;
		margin: 0;
	}

	.product-price{
		width: 20%;
		margin: 0 ;
	}

	.add-cart{
		width: 55%;
		margin: 0;
	}

	.add-cart form label{
		display: none;
	}
}

@media screen and (max-width: 600px){
	.product-item {
		margin: 0;
	}

	.product-details .product-name{
		width: 90%;
		margin: 0 0 1em;
	}

	.product-price{
		width: 90%;
		margin: 0 0 1em;
		text-align: left;
	}

	.add-cart{
		width: 90%;
		margin: 0 0 1em;
		text-align: left;
	}

}

@media screen and (max-width: 425px){
	.product-item {
		margin: 0;
	}

	.product-details .product-name{
		width: 90%;
		margin: 1em 0;
	}

	.product-price{
		width: 90%;
		margin: 0 0 1em;
		text-align: left;
	}

	.add-cart{
		width: 90%;
		margin: 0 0 1em;
		text-align: left;
	}

	.add-cart form input.button.add{
		margin: 0;
	}

	.add-cart form label{
		display: inline-block;
		margin: 0 0 1.2em;
	}

	.add-cart form input.product-quantity-input{
		display: inline-block;
		margin: 0 0 1em;
	}
}