/* 
	Basket Stylesheet
	=================================
	DUSZA
------------------------------------------------------------------------------------------------------------ */

/*-------------------------------------------------------------------------------------------------------BASKET
*/
div#header ul li.basket span, 
div#header ul li.basket a {
	padding:					8px 18px 8px 20px;
	background:					url('../images/header-sprite-red.png') right -109px no-repeat;
}
div#header.header-2 ul li.basket span, 
div#header.header-2 ul li.basket a, 
div#header.header-4 ul li.basket span, 
div#header.header-4 ul li.basket a {
	background-image:			url('../images/header-sprite-white.png');
}
div#header ul li.basket div.basket {
	display:					none;
	position:					absolute;
	top:						40px;
	right:						-111px;
	width:						202px;
	padding:					0 20px 20px;
	background:					url('../images/nav-bg.png') left bottom no-repeat;
	z-index:					30;
}
body.mobile div#header ul li.basket div.basket {
	top:						60px;
	right:						-82px;
}
body.mobile div#header ul li.basket div.basket span, 
body.mobile div#header ul li.basket div.basket a {
	text-indent:				0;
	background:					transparent;
	height:						auto;
}
div#header ul li.basket div.basket p {
	float:						left;
	width:						242px;
	height:						15px;
	text-indent:				-9999px;
	margin:						-15px -20px 0;
	background:					url('../images/basket-bg.png') left top no-repeat;
}
div#header ul li.basket div.basket a.close, 
body.mobile div#header ul li.basket div.basket a.close {
	float:						right;
	width:						24px;
	height:						26px;
	text-indent:				-9999px;
	margin:						-20px -26px 0 0;
	padding:					0;
	background:					url('../images/basket-close.png') left top no-repeat;
	cursor:						pointer;
}
div#header ul li.basket div.basket a.close:hover {
	background-position:		left bottom;
}
div#header ul li.basket div.basket span, 
div#header ul li.basket div.basket a {
	float:						left;
	background:					transparent;
	padding:					10px 0 0;
	color:						#58585A;
	font-weight:				bold;
}
div#header ul li.basket div.basket span.total {
	float:						right;
}
div#header ul li.basket div.basket div.item {
	float:						left;
	clear:						both;
	border-top:					1px solid #A1A1A1;
	margin:						10px 0 0;
	padding:					10px 0 0;
}
div#header ul li.basket div.basket div.item a {
	float:						left;
	width:						184px;
	padding:					0;
	margin:						0 0 0 6px;
	font-weight:				normal;
}
div#header ul li.basket div.basket div.item a:hover {
	text-decoration:			none;
	color:						#D4202B;
}
div#header ul li.basket div.basket div.item a.remove {
	width:						11px;
	height:						12px;
	margin:						2px 0 0;
	text-indent:				-9999px;
	background:					url('../images/basket-remove.png') left top no-repeat;
}
div#header ul li.basket div.basket div.item a.remove:hover {
	background-position:		left bottom;
}
div#header ul li.basket div.basket a.checkout, 
body.mobile div#header ul li.basket div.basket a.checkout {
	width:						100%;
	background:					#D4202B;
	color:						#FFF;
	text-align:					center;
	text-transform:				uppercase;
	font-weight:				bold;
	padding:					8px 0;
	margin:						10px 0 0;
}
div#header ul li.basket div.basket a.checkout:hover {
	background-color:			#D33943;
	text-decoration:			none;
}
div#content div.page div.basket_confirmation {
	position:					absolute;
	bottom:						2px;
	right:						-76px;
	width:						202px;
	padding:					18px 20px 22px;
	background:					url('../images/basket-confirmation-bg.png') left top no-repeat;
	font-size:					1.1em;
	text-align:					center;
	z-index:					100;
}
div#content div.page div.basket_confirmation strong {
	font-weight:				bold;
	display:					block;
	margin:						10px 0 18px;
}
div#content div.page div.basket_confirmation a.continue, 
div#content div.page div.basket_confirmation a.checkout {
	float:						left;
	width:						95px;
	padding:					8px 0;
	color:						#FFF;
	background:					#818286;
	cursor:						pointer;
	text-align:					center;
	text-transform:				uppercase;
	font-size:					0.9em;
	font-weight:				bold;
}
div#content div.page div.basket_confirmation a.checkout {
	margin-left:				10px;
	background:					#D4202B;
}
div#content div.page div.basket_confirmation a.continue:hover {
	background:					#999;
} 
div#content div.page div.basket_confirmation a.checkout:hover {
	background-color:			#D33943;
}
div#content div.page div.product div.product div.basket_confirmation {
	bottom:						80px;
	right:						55px;
}
div#content div.page div.product div.product.stream div.basket_confirmation, 
div#content div.page div.product div.product.training div.basket_confirmation {
	right:						-5px;
}
div#content div.page div.product div.product.materials div.basket_confirmation {
	bottom:						70px;
	right:						-25px;
}
div#content div.page div.product div.product div.basket_confirmation.large {
	right:						28px;
	width:						255px;
	background:					url('../images/basket-confirmation-large-footer-bg.png') left bottom no-repeat;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell {
	float:						left;
	width:						255px;
	padding:					18px 20px 10px;
	margin:						0 -20px;
	background:					url('../images/basket-confirmation-large-header-bg.png') left top no-repeat;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell h2 {
	width:						100%;
	margin:						0;
	font-size:					1em;
	font-weight:				normal;
	text-transform:				uppercase;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell h3 {
	width:						100%;
	padding:					0;
	font-size:					1em;
	font-weight:				bold;
	color:						#434343;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div {
	float:						left;
	border:						1px solid #C9C9C9;
	padding:					8px;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item {
	border-width:				0;
	padding:					0;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item h3 {
	font-weight:				normal;
	padding:					0 0 10px;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item span.price {
	float:						left;
	width:						50%;
	padding:					12px 8px 0 0;
	font-size:					1.1em;
	font-weight:				bold;
	text-align:					right;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item span.price span.vat {
	float:						left;
	clear:						left;
	width:						100%;
	font-size:					0.7em;
	font-weight:				normal;
	color:						#A1A1A1;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item form {
	float:						left;
	width:						45%;
	height:						auto;
	border-width:				0;
	padding:					0;
	margin:						0;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item fieldset {
	float:						left;
	width:						45%;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item fieldset ol li {
	padding:					0;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item fieldset input {
	width:						90%;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item fieldset button {
	width:						50px;
	height:						32px;
	margin:						2px 0 0 5px;
	padding:					3px 0 0;
	background:					#A1A1A1;
	font-size:					0.9em;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item fieldset button.added {
	background:					#3DA749;
}
div#content div.page div.product div.product div.basket_confirmation.large div.cross-sell div.item fieldset button:hover {
	background:					#999;
}
div#content div.page div.product div.product div.basket_confirmation.large a.continue {
	margin-left:				28px;
}