/*

Readme English: http://shop.workshop200.com/en/blog?news_id=5

Note: This readme relates to the main branch of extension which is distributed under ionCube.
You are currently using Open Source version without access to any updates, but you can still 
find a lot of useful information in readme.

The developer is not responsible for any problems that arose after or as a consequence of the modification 
of the original source of extension. Everything supposed work fine just AS IT IS. 

Developer: workshop200@yandex.ru

Note: In a case you need to get free technical support you need to provide the following information:
1. When and where did you purchase the extension?
2. What account \ email was used?

*/

.chain-item {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.chain-symbol {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-align: center;
}
.chain-result {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.total_price {
	font-weight: bold;
}

#chain_container {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

#chain_container .image {
	position: relative;
}
#chain_container .chain_you_save {
	position: absolute;
	z-index: 2;
	padding: 2px;
	text-align: center;
	border-radius: 3px;
	margin-left: -2px;
	margin-top: -2px;
	font-family: Tahoma;
	font-weight: bold;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#chain_container .chain_product_quantity {
	position: absolute;
	z-index: 2;
	padding: 10px;
	text-align: center;
	border-radius: 50px;
	margin-left: -2px;
	font-family: Tahoma;
	font-weight: bold;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
#chain_container .chain_product_quantity:hover {
	box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
	
}
.product-info #chain_container .chain_you_save span, #chain_container .chain_you_save span  {
	font-weight: bold;
	font-family: Tahoma;
}

#chain_container .total_save {
	margin-top: 7px;
}
#chain_container .total_save span {
	font-weight: bold;
}
#chain_container table {
	padding: 0;
	margin: 0 auto;
	border: none;
	border-collapse: collapse;
}
#chain_container tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit
}

.mask-chain {
	background: rgba(255,255,255,0.7);
	position: absolute; 
	z-index: 999;
	zoom: 1;
}

#chain_container .chain_option {
	position: absolute;
	z-index: 2;
	margin-right: -2px;
	margin-top: -2px;
	display: block;
	width: 30px;
	height: 30px;
	right: 0;
	border-radius: 15px;
	background-image: url('../image/plus_chain.png');
	background-position:  center center;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
}

#chain_container .chain_option:hover {
	box-shadow: none;
}

.chain_options_list {
	padding: 10px;
}

.chain_options_header {
	
}
.chain_options_header_product_name {
	font-weight: bold;
}
.chain_preloading {
	text-align: center;
	padding: 10px;
}
#chain_container .name {
	margin: 5px 0 0;
}