/*
 * downloadbasket.css -- Download Basket Styles
 *
 */

#downloadbasket {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99;
}

#downloadbasket .shadow {
	-moz-box-shadow:    4px 5px 8px 0px rgba(100,100,100,.5);
	-webkit-box-shadow: 4px 5px 8px 0px rgba(100,100,100,.5);
	box-shadow:         4px 5px 8px 0px rgba(100,100,100,.5);
	/*border: 1px solid #b0a0a0;*/		  
}


#btn_openbasket {
	display: inline-block;
	right: 0;
	top: 0;
	width: 206px;
	height: 58px;
    font: normal 15px/20px Arial, Helvetica, sans-serif;	
	line-height: 20px;
	color: #000;
	vertical-align: middle;
	background: url(../images/basket.png) no-repeat left top;
	padding: 20px 3px 20px 48px;
	cursor: pointer;
	overflow: hidden;
}

#btn_openbasket:hover {
	color: #9b0022;
	background-position: left center;
}

#btn_openbasket.active {
	color: #9b0022;
	background-position: left bottom;
}

#basketcontent {
	display: none;
	position: absolute;
	right: 0px;
	top: 45px;	
	width: 350px;
	/*padding-bottom: 40px;
	background: url(images/back_last.png) repeat-x left bottom;*/	
}

#basketcount {
	float: right;
	width: 30px;
	text-align: center;
	/*font-size: 13px;*/
	margin-right: 2px;
}

#basketcount .pfeil {
	display: inline-block;
	font-size: 13px;
	padding: 0;
	/*color: #888;*/
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

#basketcount .counter {
	display: inline-block;
}

#basketcontent #noitems {
	padding:  10px;
	color: #b00026;
	background: #fff;
}

#basketcontent #baskettools {
	display: none;
	background: url(../images/back_tools.png) repeat-x;
	font-size: 12px;
	color: #fff;
	height: 40px;
	padding: 10px 8px 6px 8px;	
}

#basketcontent #baskettools .btn_zip,
#basketcontent #baskettools .btn_delete {
	display: block;
	float: left;
	width: auto;
	line-height: 20px;
	vertical-align: middle;
}

#basketcontent #baskettools .btn_delete {
	float: right;
	text-align: right;
}

#baskettools #zipbasket {
	display: block;
	float: left;
	width: 24px;
	height: 20px;
	background: url(../images/download_zip.png) no-repeat left top;
	cursor: pointer;	
}

#baskettools #zipbasket:hover {
	background-position: left bottom;
}

#baskettools #deletebasket {
	display: block;
	float: right;
	width: 24px;
	height: 20px;
	background: url(../images/delete_basket.png) no-repeat right top;
	cursor: pointer;
}

#baskettools #deletebasket:hover {
	background-position: right bottom;
}

.basketpreview {
	display: none;
	position: absolute;
	width: 350px;
    background: rgb(255,255,255); /* IE7 */ 	
	background: rgba(255,255,255,.95);
	border: 1px solid #900008;
	z-index: 999;
}

.basketpreview .basketitem,
#basketcontent .basketitem {
	clear: both;
	/*width: 100%;*/
	padding: 10px 9px 10px 10px;
}

#basketcontent .basketitem {
	border-top: 1px solid #e7e5e5;
	background-color: #fff;
}

#basketcontent .basketitem:first-child, :not(.basketitem) + .basketitem {
	border-top: 1px solid #b0b0b0 !important;
	background: #fff url(../images/back_1st.png) repeat-x;
}

#basketcontent .basketitem:hover {
   background-color: rgb(249,248,248);
}

.basketpreview .basketitem .thumb,
#basketcontent .basketitem .thumb {
	float: left;
	width: 90px;
	height: 90px;
	text-align: center;
	margin: 0 10px 0 0;
}

.basketpreview .basketitem .thumb img,
#basketcontent .basketitem .thumb img {
	max-height: 90px;
}

.basketpreview .basketitem .txt,
#basketcontent .basketitem .txt {
	float: left;
	width: 180px;
}

.basketpreview .basketitem .txt .head,
#basketcontent .basketitem .txt .head {
	color: #b00026;
}

.basketpreview .basketitem .btn_download,
#basketcontent .basketitem .btn_download {
	display: block;
	height: 20px;
	background: url(../images/download.png) no-repeat left top;
	padding-left: 24px;
	color: #b00026;
	line-height: 20px;
	vertical-align: middle;	
	text-decoration: none;
	cursor: pointer;	
}

.basketpreview .basketitem .btn_download:hover,
#basketcontent .basketitem .btn_download:hover {
	background-position: left bottom;
	text-decoration: underline;
}

.basketpreview .basketitem .trash,
#basketcontent .basketitem .trash {
	float: right;
	width: 20px;
	height: 20px;
	background: url(../images/trash.png) no-repeat left top;
	cursor: pointer;
}

#basketcontent .basketitem .trash:hover {
	background-position: left bottom;
}