/* -- styles for basket related--*/
.boxRelated{padding-bottom:300px;}

.boxRelated .basket h3{
	margin:0;
	padding: 9px 0 5px 10px;
	color:#33333e;
	font-size: 12px;
}
.boxRelated .basket .linkArrowRight{
	font-weight:bold;
}
.boxRelated .basket .box{
	position:relative;
	width:184px;
	margin:0 0 10px 5px;
	padding:8px;
	background-color:#eaeef1;
}
.boxRelated .basket .box .shop, .boxRelated .basket .box .gift{
	background:url(Images/icon-shop-basket.gif) no-repeat 0 0;
	margin-bottom:7px;
}
.boxRelated .basket .box .gift{background-image:url(Images/icon-shop-gift.gif);}
.boxRelated .basket .box h3{
	color:#7d8c9d;
	padding: 0 0 0 35px;
}
.boxRelated .basket .box p{
	padding: 0 0 7px 35px;
	background:url(Images/shop-line.gif) repeat-x 0 bottom;
}
.boxRelated .basket .box table{
	border-collapse:collapse;
	margin-left:35px;
	width:149px;
	font-size:12px;
	font-weight:bold;
}
.boxRelated .basket .box table td{
	vertical-align:top;
	text-align:left;
}
.boxRelated .basket .box table td.price{text-align:right;}
.boxRelated .basket .box table td.save, .boxBasket .containerBasket td.save{
	font-weight:normal;
	font-size:10px;
	color:#bc2b16;
}
.boxRelated .basket .linkdetail{
	display:block;
	text-align:right;
	padding:0 15px 10px 0;
}

.boxRelated .basket .linkdetail.agb{
	font-size:0.8em;
}

/* -- styles for shop navigation --*/
ul.navOnlineShop{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.navOnlineShop li{padding-bottom:8px;}
ul.navOnlineShop a{font-weight:normal;}
ul.navOnlineShop a:hover{text-decoration:none;color:#000;}
ul.navOnlineShop a.active,ul.navOnlineShop a.active:hover{font-weight:bold;color:#5a8eac;}
ul.navOnlineShop .gift{
	padding-left:18px;
	background:url(Images/icon-shop-gift-small.gif) no-repeat 0 1px;
}

/*-- styles for shop content--*/
.containerProduct{
	position:relative;
	width:465px;
	padding-bottom:14px;
	margin-bottom:35px;
	background:url(Images/shop-overview-bottom.gif) no-repeat 0 bottom;
}
.containerProduct .col{
	position:relative;
	width:225px;
	float:left;
}
.containerProduct .right{float:right;}
.containerProduct .product{
	position:relative;
	width:225px;
}
.containerProduct h3{
	font-size:12px;
}
.containerProduct .product .image{
	position:relative;
	width:80px;
	float:left;
}
.containerProduct .product .desc{
	position:relative;
	width:130px;
	float:right;
}
.containerProduct .product .desc .save, .containerProductDet .desc .save{
	font-size:10px;
	color:#bc2b16;
}
.containerProduct .product .desc .detail{
	padding: 8px 0;
}
.containerProduct .linkGift, .containerProduct .linkBasket{
	padding-left:18px;
	background:url(Images/icon-shop-gift-small.gif) no-repeat 0 1px;
}
.containerProduct .linkBasket{
	background-image:url(Images/icon-shop-basket-small.gif);
}
.containerProductDet{
	position:relative;
	width:465px;
}
.containerProductDet .image{
	position:relative;
	width:225px;
	float:left;
}
.containerProductDet .desc{
	position:relative;
	width:225px;
	float:right;
}
.containerProductDet .desc ul{
	position:relative;
	list-style:none;
	margin-bottom:12px;
}
.containerProductDet .desc ul li{
	background:url(Images/product-bullet.gif) no-repeat 0 7px;
	padding-left:10px;
}
.containerProductDet .desc .price{
	font-weight:bold;
	padding-top:12px;
}
.containerProductDet .desc .order{
	margin:12px 0;
	padding:12px 0;
	border-top:1px solid #D6D9DC;
	border-bottom:1px solid #D6D9DC;
}
.containerProductDet .desc .order .conTextfield, .conBasket .containerBasket .conTextfield{width:45px; text-align:center;}
.containerProductDet .desc .order span{padding-right:10px;}
.containerProductDet .desc .order p{padding-top:12px;}
.btnGift, .btnBasket, .conBasket .btnNext, .conBasket .btnBack,  .conBasket .btnClose{
	background:#BAC5CC url(Images/btn-shop-gift.gif) no-repeat 10px 3px;
	padding-left:28px;
}
.btnBasket{background-image:url(Images/btn-shop-basket.gif);}
.conBasket .btnNext{padding-left:25px;background-image:url(Images/btn-shop-next.gif);}
.conBasket .btnBack{padding-left:25px;background-image:url(Images/btn-shop-back.gif);}
.conBasket .btnClose{background-image:url(Images/btn-shop-close.gif);}
.btnGift:hover, .btnBasket:hover, .conBasket .btnNext:hover, .conBasket .btnBack:hover,  .conBasket .btnClose:hover{background-position:10px -27px;}

.linkRefresh{
	background:url(Images/link-refresh.gif) no-repeat 0 0;
	padding-left:18px;
	font-weight:bold;
	margin-right:40px;
}
.conBasket{
	position:relative;
	width:705px;
}
/*navigation progressbar*/
.conBasket .progressbar{
	position:relative;
	width:705px;
	height:40px;
	overflow:hidden;
	margin-bottom:12px;
	background:url(Images/basket-progressbar.gif) no-repeat 0 0;
	display:table;
	border-collapse:collapse;
	font-weight:bold;
	}
.conBasket .progress2{background-position:0 -50px;}
.conBasket .progress3{background-position:0 -100px;}
.conBasket .progress4{background-position:0 -150px;}
.conBasket .progress5{background-position:0 -200px;}
.conBasket .progressbar ul{
	display:table-row;
	list-style-type:none;
	height:34px;
	}
.conBasket .progressbar ul li{
	display:table-cell;
	list-style-type:none;
	height:36px !important;
	width:141px;
	text-align:left;
	vertical-align:middle;
	}

.conBasket .progressbar a{
	display:inline-block;
	padding-left:27px;
	padding-bottom:2px;
	width: 114px;
}	
.conBasket .progressbar a.first{padding-left:24px;}
.conBasket .progressbar a.active{
	color: #000;
	text-decoration:none;
}
.conBasket .progressbar span{
	display:inline-block;
	padding-left:27px;
	padding-bottom:2px;
	color: #7d8c9d;
}	

/* IE 6 nav */
* html .conBasket .progressbar{ overflow:hidden; }
* html .conBasket .progressbar ul{ width:705px; }
* html .conBasket .progressbar ul li{ float:left; }
* html .conBasket .progressbar ul li table{
	height:40px;
	width:141px;
	border-collapse:collapse;
	border:none;
	}
* html .conBasket .progressbar ul li table td{
	height:40px;
	width:141px;
	border-collapse:collapse;
	border:none;
	vertical-align:middle;
	}

	
/* IE 7 - shizzle */
*+html .conBasket .progressbar{ overflow:hidden; }
*+html .conBasket .progressbar ul{ width:705px; }
*+html .conBasket .progressbar ul li{ float:left; }
*+html .conBasket .progressbar ul li table{
	height:40px;
	width:141px;
	border-collapse:collapse;
	border:none;
	}
*+html .conBasket .progressbar ul li table td{
	height:40px;
	width:141px;
	border-collapse:collapse;
	border:none;
	vertical-align:middle;
	}

/*end progressbar*/	


.conBasket .boxBasket{
	position:relative;
	width:705px;
	padding-bottom:18px;
	background:url(Images/basket-box-bottom.gif) no-repeat 0 bottom;
}
.conBasket .boxBasket .top{
	position:relative;
	width:691px;
	padding:7px 7px 0 7px;
	background:url(Images/basket-box-top.gif) no-repeat 0 0;
}
.conBasket h1{padding-left:7px;}
.conBasket .paging{
	position:relative;
	width:702px;
}
.conBasket .paging .left{
	position:relative;
	float:left;
}
.conBasket .paging .right{
	position:relative;
	float:right;
	text-align:right;
}
.conBasket .containerBasket{
	position:relative;
	width:677px;
	padding:7px;
	background-color:#eaeef1;
}
.conBasket .containerBasket table{
	border-collapse:collapse;
	width:100%;
}
.conBasket .containerBasket table a{font-weight:bold;}
.conBasket .containerBasket td{
	vertical-align:top;
	padding: 2px 5px 2px 0;	
}
.conBasket .containerBasket td.title{font-weight:bold;}
.conBasket .containerBasket td.spacetop{padding-top:10px;}
.conBasket .containerBasket td.right{text-align:right; padding-left:40px;}
.conBasket .containerBasket td.line{
	background:url(Images/shop-line.gif) repeat-x 0 8px;
	padding-top: 18px;
}
.boxBasket .btnDelete{
	display:block;
	width:10px;
	height: 12px;
	text-indent:-999px;
	text-align:left;
	background:url(Images/btn-shop-delete.gif) no-repeat 0 0;
}
.boxBasket .btnDelete:hover{
	background-position:0 -30px;
}
.boxBasket .containerBasket h3{
	font-size:12px;
	color:#7d8c9d;
	padding:5px 0 2px 35px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.boxBasket .containerBasket h3.gift{background-image:url(Images/icon-shop-gift.gif);}
.boxBasket .containerBasket h3.basket{background-image:url(Images/icon-shop-basket.gif);}

.boxBasket p{
	padding:0 7px 14px 7px;
}
.boxBasket textarea,  .boxBasket select{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
}
.boxBasket .container{
	position:relative;
	width:677px;
	padding:14px 7px 7px 7px;
}
.boxBasket .container h3{
	font-size:12px;
	color:#7d8c9d;
	padding-bottom:5px;
}
.boxBasket .container h3 span{
	color:#33333E;
	font-weight:normal;
}
.boxBasket .container .col3{
	position:relative;
	float:left;
	width:170px;
}
.boxBasket .container .col2{
	position:relative;
	float:left;
	width:335px;
}
.boxBasket .container .col2 .error{color:#bc2b16;}
.boxBasket .container .col2 .error .conTextfield{border-color:#bc2b16;}
.boxBasket .container .inactive, .boxBasket .container .inactive h3{
	color:#c4cad2;
}
.boxBasket .boxError{
	display:inline-block;
	margin:14px 7px;
	padding:9px 10px 9px 25px;
	border:solid 1px #bc2b16;
	color:#bc2b16;
	background:url(Images/icon-error.gif) no-repeat 10px 7px;
}
.boxError{
	display:inline-block;
	margin:14px 0;
	padding:9px 10px 9px 25px;
	border:solid 1px #bc2b16;
	color:#bc2b16;
	background:url(Images/icon-error.gif) no-repeat 10px 7px;
}
.boxBasket .container .colCard{
	position:relative;
	float:left;
	width:154px;
	padding-right:15px;
}
.boxBasket .container .last{
	padding-right:0;
}
.boxBasket .container .colCard .card{
	border:solid 1px #d9d9db;
	margin-bottom:4px;
}
.boxBasket .container .colCard .card img{border:solid 1px #fff;}
.boxBasket .container .colCard input{
	float:left;
}
.boxBasket .container .colCard span{
	display:block;
	float:right;
	width: 100px;
}

/*styles for shop popup*/
.boxShopPopup{
	position:relative;
	width:451px;
	padding:7px;
	background-color:#fff;
	text-align:center;
}
.boxShopPopup .ok{
	padding:9px 5px 9px 28px;
	margin-bottom:7px;
	color:#7d8c9d;
	font-weight:bold;
	font-size:17px;
	text-align:left;
	background:#eaeef1 url(Images/shop-ok.gif) no-repeat 9px 10px;
}

.westsideShop{
	min-height:620px;
}