

.sidebar-container
{
	margin-top: 					15px;
	margin-right: 					-15px;
	padding: 						10px;
	background-color: 				#fff;
}

.sidebar-container ul
{
	margin-left: 					20px;
	padding: 						10px 0;
}

.sidebar-container li
{
	padding: 						5px 0;
}


.checkout div.listing-wrapper
{
	margin-bottom:					40px;
}

.listing-wrapper .row
{
	margin-bottom:					40px;
}

.checkout .listing-wrapper .row
{
	margin-top:						20px;
	margin-bottom:					20px;
}

.listing-item  > div
{
	vertical-align:					top;
}

.listing-image
{
	border:							1px solid #e8e8e8;
}

.item-name
{
	font-size:						12px;
}

.item-code
{
	margin-bottom:					10px;
	font-size:						10px;
}

.item-strapline
{
	font-size:						13px;
	font-style: 					italic;
}

.item-short-description
{
	font-size:						13px;
}

.attr-group-wrapper
{
	margin-top:						10px;
	font-size:						12px;
	display:						inline-block;
	vertical-align:					bottom;
}

.attr,
.attr-value-wrapper,
.attr-value
{
	display:						inline-block;
	vertical-align:					bottom;
}

.attr
{
	min-width:						80px;
	padding:						5px 0;
	font-size:						12px;
}

.attr-value
{
	padding:						5px 10px;
	font-size:						12px;
}

#basket-listing #listing
{
	padding-bottom:					40px;
}

#product-listing .attr-value.is-available,
#product-view .attr-value.is-available
{
	cursor:							pointer;
}

#product-listing .attr-value.is-selected,
#product-view  .attr-value.is-selected
{
	padding:						4px 9px;
	border:							1px solid #2f6e2f;
	color:							#2f6e2f;
}

.attr-value.not-available
{
	opacity:						0.5;
	color: 							red;
	text-decoration: 				line-through;
}

.description
{
	padding:						20px;
}

.item-ecom-details .line-price,
.item-ecom-details .item-price,
.item-ecom-details .item-qty
{
	float:							right;
}

#product-listing .item-price-wrapper .item-price-intro,
#product-listing .item-price-wrapper .item-price,
#product-view .item-price-wrapper .item-price-intro,
#product-view .item-price-wrapper .item-price
{
	height:							auto;
}

#product-listing .item-price-wrapper .item-price,
#product-view .item-price-wrapper .item-price
{
	margin-top:						0px;
}

#product-listing .item-ecom-details .item-price,
#product-view .item-ecom-details .item-price
{
	font-size:						24px;
}

#basket-listing .item-price-wrapper .line-price-intro,
#basket-listing .item-price-wrapper .line-price,
#basket-listing .item-price-wrapper .item-price-intro,
#basket-listing .item-price-wrapper .item-price,
#checkout .item-price-wrapper .line-price-intro,
#checkout .item-price-wrapper .line-price,
#checkout .item-price-wrapper .item-price-intro,
#checkout .item-price-wrapper .item-price,
#checkout .item-qty
{
	height:							30px;
	display:						inline-block;
}

#basket-listing .item-ecom-details .line-price,
#basket-listing .item-ecom-details .item-price,
#checkout .item-ecom-details .line-price,
#checkout .item-ecom-details .item-price
{
	font-size:						18px;
}

.item-ecom-details .item-qty-ui
{
	width:							50px;
	float:							right;
}

.btn-view-product,
.btn-add-to-basket
{
	margin-top:						28px !important;
	font-size:						13px;
	font-weight:                                            500;
	display:						inline-block;
}

.view .btn-add-to-basket
{
	width:							100%;
}

.btn-add-to-basket
{
	float:							right;
}

#basket-listing .item-price-wrapper
{
	margin-bottom:					10px;
}

#basket-listing .line-price,
#basket-listing .item-price
{
	margin-left:					10px;
	font-size:						20px;
}

#basket-listing .item-qty-wrapper,
#basket-listing .item-qty,
#basket-listing .btn-update-basket
{
	display:						inline-block;
	vertical-align:					middle;
}

#basket-listing .item-qty-ui
{
	max-width:						75px;
	margin-right:					10px;
	padding: 						7px 15px;
}

#basket-listing .btn-update-basket
{
	margin-bottom:					0;
	padding: 						10px 15px;
    font-size: 						10px;
}

#product-view .header-container .row
{
	padding-top:					20px;
}

#product-view .tab-menu
{
	margin-top:						50px;
}

.basket-details-wrapper
{
	margin-top:						30px;
}

.basket-details-wrapper .key
{
	display:						inline-block;
}

.basket-details-wrapper .value
{
	float: 							right;
	width:							100px;
}

#basket-listing .listing-wrapper
{
	margin-top:						20px;
	padding-top:					30px;
	border-top:						1px solid #e8e8e8;
}

#basket-listing .checkout-action
{
	margin-top:						10px;
	padding-top:					20px;
	border-top:						1px solid #e8e8e8;
}


/* large devices, wide screens} */
@media only screen and (max-width : 1199px) {

	#product-listing .item-ecom-details .item-price,
	#product-view .item-ecom-details .item-price
	{
		margin-top:					-35px;
		font-size:					19px;
	}

	.btn-view-product,
	.btn-add-to-basket,
	.btn-update-basket
	{
		padding:					10px 15px;
		font-size:					10px;
	}
}


/* medium devices, desktops */
@media only screen and (max-width : 991px) {

}

/* small devices, tablets */
@media only screen and (max-width : 767px) {

	#product-view .item-short-description,
	#product-view .item-description
	{
		margin-top:					20px;
	}

	#product-view .item-ecom-details
	{
		margin-top:					20px;
		margin-bottom:				20px;
		padding-top:				20px;
		padding-bottom:				20px;
		border-top:					1px solid #e8e8e8;
		border-bottom:				1px solid #e8e8e8;
	}

	#product-listing .item-ecom-details
	{
		margin-bottom:				20px;
		padding-bottom:				20px;
		border-bottom:				1px solid #e8e8e8;
	}

	.basket-details-wrapper
	{
		margin-top:					0;
	}

	.item-content
	{
		margin-bottom:				20px;
	}

	.item-details
	{
		margin-top:					10px;
	}

	.btn-view-product,
	.btn-add-to-basket,
	.btn-update-basket
	{
		padding:					10px 20px;
		font-size:					10px;
	}

	.btn-update-basket.visible-xs
	{
		display:					inline-block !important;
	}

	#basket-listing .item-action,
	#basket-listing .item-content
	{
		margin-top:					20px;
	}

	#basket-listing .item-price-wrapper
	{
		margin-bottom:				0;
	}

	#basket-listing .listing-item
	{
		margin-bottom:				20px;
		padding-bottom:				20px;
		border-bottom:				1px solid #e8e8e8;
	}


	#basket-listing .listing-item:last-child
	{
		border:						none;
	}
}

/* extra small devices, phones */
@media only screen and (max-width : 600px) {

}

/* custom, iphone retina */
@media only screen and (max-width : 450px) {

}

/* order totals & card holder details */

.order-totals,
.chd
{
	min-height:						200px;
	margin-top:						20px;
	padding:						20px;
	font-size:						13px;
}

.order-totals h3,
.chd h3
{
	margin-top:						0;
}

.order-total
{
	padding-top:					10px;
	font-size:						15px;
}

ul.key-value-list,
.chd-address ul
{
	list-style-type: 				none;
	padding:						0;
}

ul.key-value-list .key
{
	width:							190px;
}

.chd-name.key,
.chd-address.key
{
	width:							120px;
}

ul.key-value-list .key,
ul.key-value-list .value,
.chd .key,
.chd .value
{
	float:							left;
}

ul.key-value-list .key,
.chd .key
{
	clear: 							both;
}



/*

tab navigation

*/

.tab-menu.nav-tabs
{
	border-bottom:					1px solid #777;
}

.tab-menu.nav-tabs > li
{
	padding:						14px;
}

.tab-menu.nav-tabs > li > a,
.tab-menu.nav-tabs > li > a:focus,
.tab-menu.nav-tabs > li > a:hover
{
	width:							100%;
	height:							100%;
	margin:							0;
	padding:						0;
	font-size: 						13px;
	background:						none;
	border:							none;
	color:							#777;
}

.tab-menu.nav-tabs > li > a:hover
{
	color:							#999;
}

.tab-menu.nav-tabs > li.active
{
	background-color:				#414a56;
	border-top:						1px solid #777;
	border-left:					1px solid #777;
	border-right:					1px solid #777;
}

.tab-menu.nav-tabs > li.active > a,
.tab-menu.nav-tabs > li.active > a:focus,
.tab-menu.nav-tabs > li.active > a:hover
{
	color:							#fff;
	outline:						none;
}


/* orders */


.main-content-container,
.header-container,
.address-container,
.product-listing-container
{
	margin-top: 					15px;
	margin-left: 					-15px;
	margin-right: 					-15px;
	padding: 						20px;
	background-color: 				#fff;
}

.header-container
{
	min-height:						220px;
}

.header-container span
{
	display:						inline-block;
	width:							120px;
	padding:						5px 0;
}

.header-container span.key
{
	width:							120px;
}

.address-container
{
	min-height:						220px;
	margin-left: 					0;
}

.address-container .title
{
	font-size: 						17px;
	margin-bottom:					10px;
}

.product-listing-container
{
	margin-bottom: 					20px;
}

.product-listing-container .item-price,
.product-listing-container .item-qty,
.product-listing-container .line-total,
.product-listing-container .item-status
{
	margin-top: 					15px;
}

.listing-header
{
	margin-bottom:					15px;
	padding-bottom:					15px;
	border-bottom:					1px solid #e8e8e8;
	font-style:						italic;
}

.order-history-container,
.listing-container
{
	margin-top: 					15px;
    margin-left: 					-15px;
    margin-right: 					-15px;
    padding: 						20px;
    background-color: 				#fff;
}

.order-listing-header
{
	margin-bottom:					20px;
	padding-bottom:					20px;
	border-bottom:					1px solid #e8e8e8;
}

.order-listing-header > div,
.order-listing-data li > a > div
{
	width:							25%;
	display:						inline-block;
}

ul.order-listing-data
{
	margin:							0;
	padding:						7px 0;
	list-style:						none;
}

.order-history-container .listing-link
{
	margin-top:						20px;
	font-size:						13px;
	text-align:						right;
}

.product-item .attr-value.is-selected, #product-view .attr-value.is-selected {
    padding: 4px 9px;
    border: 1px solid #2f6e2f;
    color: #0b04d1;
}

.product-item .attr-value.is-available, #product-view .attr-value.is-available {
    cursor: pointer;
}

.attr-value {
    padding: 5px 10px;
    font-size: 12px;
}

.attr, .attr-value-wrapper, .attr-value {
    display: inline-block;
    vertical-align: bottom;
    color: green;
    font-weight: bold;
    padding-left: 7px;
}

.optionmessage{
    font-weight: bold;
    margin-top: 10px;
}

/* large devices, wide screens
@media only screen and (max-width : 1199px) {

} */

/* medium devices, desktops
@media only screen and (max-width : 991px) {

} */

/* small devices, tablets */
@media only screen and (max-width : 767px) {

	.address-container
	{
		margin-left: 					-15px;
	}
}

/* extra small devices, phones
@media only screen and (max-width : 480px) {

} */

/* custom, iphone retina
@media only screen and (max-width : 320px) {

} */

.img-thumb{
    cursor: pointer;
}

.product-listing .pagination-container{
    display: inline;
}