@charset "utf-8";
/* CSS Document */

	div#basketInfoBox {
		width:500px;
		height:200px;
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-240px;
		margin-top:90px

	}

	div#basketInfoBox div#basketInfoBoxBody {
		width:500px;
		height:200px;
		overflow:hidden;
		position:relative;
	}

	div#basketInfoBox div#basketInfoBoxBody div#shadow {
		width:480px;
		height:160px;
		position:absolute;
		top:0;
		left:0;
		background:#000;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		z-index:9
	}

	div#basketInfoBox div#basketInfoBoxBody div#cnt {
		width:440px;
		height:120px;
		background:#6799CA;
		position:absolute;
		top:10px;
		left:10px;
		z-index:10;
		color:#fff;
		padding:10px
	}

	div#basketInfoBox #closeBasketInfoBox {
		color:#D2F2FF;
		cursor:pointer;
		font-weight:bold;
		font-size:11px
	}

	div#basketInfoBox #whatAdded {
		font-size:12px;
		height:75px;
		color:#d2f2ff;
	}

	div#basketInfoBox #basketTitle {
		font:18px Arial, Tahoma, Verdana;
		padding-bottom:10px
	}

	.invisible { display:none }

	div#basketInfoBox a { text-decoration:none; color:#fff }
	
/* ------------------------------------------------------------------ */
/* order data */

	div.order-data {
		clear:both;
		overflow:hidden;
		padding-bottom:20px
	}

	* html div.order-data { height:1% }

	div.order-data h2 {
		font:18px Arial, "Helvetica Neue", Helvetica, sans-serif;
		color:#555;
		padding:5px 0 10px
	}

	div.order-data table { margin:0 20px 0 0 }

	div.order-data table td {
		padding:3px 10px 3px 0;
		color:#888
	}

	div.order-data table td.attr { font-weight:bold }

/* ------------------------------------------------------------------ */
    /* boxes */

		div.bx { clear:both }

		div.bx div.bx-top, div.bx div.bx-bottom {
			height:9px;
			clear:both
		}

		div.bx div.bx-top div, div.bx div.bx-bottom div {
			width:9px;
			height:9px;
			float:right
		}

		div.bx div.bx-body {
			clear:both;
			overflow:hidden;
			padding:0 10px
		}

		* html div.bx div.bx-body { height:1% }

		div.bx h1 {
			clear:both;
			text-indent:-5000px
		}


		/* box 01 */

		div.bx01 { background:#f8f8f6 }
		div.bx01 div.bx-top { background:url(../images/bx01_sprites.gif) no-repeat -9px 0 }
		div.bx01 div.bx-top div { background:url(../images/bx01_sprites.gif) no-repeat 0 0 }
		div.bx01 div.bx-bottom { background:url(../images/bx01_sprites.gif) no-repeat -9px -9px }
		div.bx01 div.bx-bottom div { background:url(../images/bx01_sprites.gif) no-repeat 0 -9px }

		/* box 02 */

		div.bx02 { background:#fff }
		div.bx02 div.bx-top { background:url(../images/bx02_sprites.gif) no-repeat -9px 0 }
		div.bx02 div.bx-top div { background:url(../images/bx02_sprites.gif) no-repeat 0 0 }
		div.bx02 div.bx-bottom { background:url(../images/bx02_sprites.gif) no-repeat -9px -9px }
		div.bx02 div.bx-bottom div { background:url(../images/bx02_sprites.gif) no-repeat 0 -9px }
		div.bx02 div.bx-body {
			border:1px solid #ededed;
			border-top:0;
			border-bottom:0
		}

