/****
	
	Author: Sami Chamoun
	Date: 16/11/2016

	This CSS file should not be branched. Previously styles.css was shared across some portals, however with the number of new skins and branched CSS files, this has been created in an attempt to create a common
	base of styles.

	If a class should be overridden, include a separate CSS file in the template after referencing this file, with overriding styles.
	
****/

.product-bootstrap{

}

.product-bootstrap hr{
	border-color: #bbb;
}

.product-bootstrap .product-images{

}

.product-bootstrap .brochure-button{
	background: #2c2e2e;
	display:block;
	font-size:24px;
	color:#fff;
	text-align:center;
	padding:10px;
	margin:20px 0;
}

.product-bootstrap .binary-button{
	background: #2c2e2e;
	display:block;
	font-size:24px;
	color:#fff;
	text-align:center;
	padding:10px;
	margin:20px 0;
}

.product-bootstrap .product-code{
	font-size:16px;
}

.product-bootstrap .product-price{
	font-size:24px;
	font-weight:bold;
}

.product-bootstrap .product-rrp{
	text-decoration:line-through;
	font-size:12px;
	color:#808080;

}

.product-bootstrap .product-pricebreaks{
	font-size:18px;
}
.product-bootstrap .product-pricebreaks span{
	font-size:22px;
	font-weight:bold;
}

.product-bootstrap .product-stock{
	font-size:18px;

}

.product-bootstrap .product-stock span{
	font-size:22px;
	font-weight:bold;
}

.product-bootstrap .product-overview{

}

.product-bootstrap .product-overview span{
	font-size:18px;
	font-weight:bold;
}

.product-bootstrap .product-details{

}

.product-bootstrap .product-details span{
	font-size:18px;
	font-weight:bold;
}

.product-bootstrap .product-bundle{
	font-size:13px;
}

.product-bootstrap .product-bundle span{
	font-size:18px;
	font-weight:bold;
}

.product-bootstrap .product-bundle .product-bundle-heading{
	font-size:18px;
	font-weight:bold;
	padding-top:20px;
}

.product-bootstrap .product-bundle .image{
	vertical-align:top;
}

.product-bootstrap .product-bundle .detail{
	vertical-align:top;
}

.product-bootstrap .product-bundle .detail .price {
	vertical-align: top;
	font-weight:bold;
	font-size:13px;
}

.product-bootstrap .product-bundle .qty{
	vertical-align:top;
}

.product-bootstrap .product-buttons{
	width:100%;
	height:50px;
	margin-bottom:3px;
	white-space:normal;
}

.product-bootstrap .product-buttons:hover{
	background-color:grey!important;
	color:white!important;
}

.product-bootstrap .number{
	font-size:22px;
	width:100%;
	height:50px;
	margin-bottom:3px;
}

.product-bootstrap .product-extended > span{
	font-size:30px;
	font-weight:bold;
}