/* 
				Name:	Marco Thrum
				Date:	August 2009
------------------------------------------------------------------

__________________01. sAddToBasket Container und Positionierung
					01a. transparenter HG - sAddToBasket_bg
					01b. container - sAddToBasket

__________________02. Inhalt
							02a. div container class="new_bg_cross" / HG Headline und Buttons
							02b. Title Headline
							02c. btn continue
							02d. btn go basket
							02e. btn to order
							02f. artbox3 / articlebox 4 cols - crosselling
							02e. btn close


------------------------------------------------------------------*/

/* 01a. transparenter HG */
#sAddToBasket_bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	min-height: 200%;
	display: none;
	z-index: 1009;
	background: url(../img/sAddToBasket_bg.png) repeat;
}

/* 01b. container */

#sAddToBasket {
	z-index:1010; 
	width:585px; 
	min-height:326px; 
	overflow:hidden; 
	position:absolute; 
	top:208px; 
	left: 50%; 
	margin-left: -290px; 
	background-color: white;
	border: 1px solid black; 
	text-align: center; 
	line-height:14px; 
	background-image: Url(../img/store/bg_popup_warenkorb.jpg);
	background-repeat: no-repeat;
}

/* 02a. new_bg_cross */

div.new_bg_cross {
	background-color: #f7f7f2;
	position: relative;
	padding: 20px 20px 10px 20px;
	margin: 15px 0 0 0;
	height: 100px;
	border-bottom:1px solid #fff;
}

/* 02b. Title Headline */

div.new_bg_cross h1 {
	color:#770d30; 
	font-size: 16px; 
	line-height: 22px; 
	margin-bottom: 20px;
}

/* 02c. btn continue */

.new_bg_cross a.bt_continue:link, .new_bg_cross a.bt_continue:active, .new_bg_cross a.bt_continue:visited {
	position: absolute;
	top: 90px;
	left: 20px;
	width: 100px;
	height: 20px;
	background-color:#FFE0AA;
	border:1px solid #999999;
	color:#666;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	padding: 5px 0 1px 0px;
	text-align:center;
}

/* 02d. btn go basket */

.new_bg_cross a.bt_gobasket:link, .new_bg_cross a.bt_gobasket:active, .new_bg_cross a.bt_gobasket:visited {
	position: absolute;
	top: 90px;
	left: 230px;
	width: 130px;
	height: 20px;
	background-color:#FFE0AA;
	border:1px solid #999999;
	color:#666;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	padding: 5px 0 1px 0px;
	text-align:center;
}

/* 02e. btn to order */

.new_bg_cross a.bt_toorder2:link, .new_bg_cross a.bt_toorder2:active, .new_bg_cross a.bt_toorder2:visited {
	position: absolute;
	top: 90px;
	left: 380px;
	width: 110px;
	height: 20px;
	border:1px solid #770d30;
	color:#932d00;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	padding: 5px 20px 1px 0px;
	text-align:center;
	background:#ffe0aa url(../img/store/ico_arrow6.gif) 110px 7px no-repeat;
}

/* 02f. artbox3 / articlebox 4 cols - crosselling */

#artbox3 { position: relative; float: left; height: 280px; margin: 0 0 0 0; padding: 0 15px 0 15px; width: 100px;}
#artbox3 a.artbox_thumb { display: block;  height: 115px; padding: 25px 0 0 0; text-align: center; }
#artbox3 h1 { font-size: 12px; color: #000; font-weight: bold; line-height:12px; padding: 0; text-align: left; margin-bottom:5px;}
#artbox3 .stat { position: absolute; top: 235px; left: 15px; width: 160px; font-size: 10px; color:#778285; line-height:11px;}
#artbox3 .article-price2  { position: absolute; top: 212px; right: 45px; font-size:15px; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
#artbox3 .article-price2 s { font-size:0.9em; color:#666;}
#artbox3 .article-price2 strong { color:#FF0033;}
#artbox3 .article-price strong {color:#000;}
#artbox3 .article-price  { font-size: 15px; position: absolute; top: 230px; right: 45px; font-weight: normal; color:#000; width: 100px; text-align: right; margin: 10px 0 0 0;}
#artbox3 .ico_system {position: absolute; top: 270px; left: 0px;  width: 70px; height:20px; text-align: left; font-size:0; line-height: 0;}

/* 02g. btn close */

#sAddToBasket #close {
	display: block; 
	position:absolute;
	font-size: 10px;
	color: #ffffff;  
	/*background: url(../img/default/ico_close_button.gif) no-repeat right 3px; */
	padding-right: 10px;
	text-align: right;
	margin: 15px 0 0 0;
	z-index: 1011;
}
#sAddToBasket #close.top { top:10px;	right:10px; }
#sAddToBasket #close.bottom { bottom:5px;	right:10px; }