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

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

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

#lightbox{
	display:none;
	position: absolute;
	top:20px;
	left:50%;
	z-index:9999;
/*	width:810px;
	height:590px;*/ 
	margin-top: 20px;
	margin-left: -405px;
	/*border:1px solid #fff;*/
	/*background:#FDFCE9;*/
	text-align:left;
}
/*#lightbox[id]{ position:fixed; }*/

/*
#lightbox.loading {
	display: none;
}
*/

#lightbox #layer_type {
	position: inherit;
	width: 100%;
	height: 100%;
}
#overlay{
	display:none;
	visibility: hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
#overlay[id] {
	position:fixed;
	visibility: visible;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
	float: left;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}
#lightbox #layer_top {
	height: 10px;
	overflow: hidden;
	margin: 0 20px 0 0;
	background: url('../images/lightbox/layer_top.gif') no-repeat 0 0;
	cursor: move;
}
#lightbox div.giftshop #layer_top {
	background: url('../images/giftshop/layer_top.gif') no-repeat 0 0;
}
#lightbox #layer_top[id] { /* hidden for ie <= 6 */
	background: url('../images/lightbox/layer_top.png') no-repeat 0 0;
}
#lightbox div.giftshop #layer_top[id] { /* hidden for ie <= 6 */
	background: url('../images/giftshop/layer_top.png') no-repeat 0 0;
}
#lightbox #layer_left {
	float: left;
	width: 10px;
	height: 100%;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url('../images/lightbox/layer_left.gif') no-repeat 0 100%;
}
#lightbox div.giftshop #layer_left {
	background: url('../images/giftshop/layer_left.gif') no-repeat 0 100%;
}
#lightbox #layer_left[id] { /* hidden for ie <= 6 */
	background: url('../images/lightbox/layer_left.png') no-repeat 0 100%;
}
#lightbox div.giftshop #layer_left[id] { /* hidden for ie <= 6 */
	background: url('../images/giftshop/layer_left.png') no-repeat 0 100%;
}
#lightbox #layer_background {
	float: left;
	background: white;
	height: 100%;
	margin: -10px 0 0 0;
	/*width: 780px;*/
	width: 0px;
}
#lightbox div.giftshop #layer_background {
	background: url('../images/giftshop/giftshop_bg.gif') no-repeat white;
}
	#lightbox #layer_background  #layer_x_btn {
		height: 37px; width: 37px;
		float: right;
		position: relative;
		z-index: 100;
		margin: -10px -20px 0 0;
		background: url('../images/lightbox/layer_x_btn.gif') no-repeat 0 0;
	}
	#lightbox #layer_background  #layer_x_btn[id] { /* hidden for ie <= 6 */
		background: url('../images/lightbox/layer_x_btn.png') no-repeat 0 0;
	}
#lightbox #lbContent {
	padding: 10px 0 0 0;
}
#lightbox #lbLoadMessage {
	float: left;
	background: url('../images/loader.gif') no-repeat 50% 95%;
	height: 50%; width: 100%;
	padding: 10px 0 0 0;
}
#lightbox #layer_right {
	float: right;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: -10px 0 0 -20px;
	background: url('../images/lightbox/layer_right.gif') no-repeat 0 0;
}
#lightbox div.giftshop #layer_right {
	background: url('../images/giftshop/layer_right.gif') no-repeat 0 0;
}
#lightbox #layer_right[id] { /* hidden for ie <= 6 */
	background: url('../images/lightbox/layer_right.png') no-repeat 0 0;
}
#lightbox div.giftshop #layer_right[id] { /* hidden for ie <= 6 */
	background: url('../images/giftshop/layer_right.png') no-repeat 0 0;
}
#lightbox #layer_bottom {
	height: 20px;
	display: block;
	overflow: hidden;
	margin: -30px 0 0 0;
	background: url('../images/lightbox/layer_bottom.gif') no-repeat 100% 0;
}
#lightbox div.giftshop #layer_bottom {
	background: url('../images/giftshop/layer_bottom.gif') no-repeat 100% 0;
}
#lightbox #layer_bottom[id] { /* hidden for ie <= 6 */
	background: url('../images/lightbox/layer_bottom.png') no-repeat 100% 0;
}
#lightbox div.giftshop #layer_bottom[id] { /* hidden for ie <= 6 */
	background: url('../images/giftshop/layer_bottom.png') no-repeat 100% 0;
}

/* Layer */
#layer_wrapper {
	float: left;
	height: 540px;
	width: 770px;
	overflow: hidden;
	background: url('../images/giftshop/ribbon.gif') no-repeat 10px 51px;
}
	#layer_header {
		height: 58px;
	}
		#layer_header h2 {
			width: 490px;
			height: 28px; /* 58-30 */
			float: left;
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 0 10px; padding: 23px 0 0 57px;
			background: no-repeat 0 10px; }
			.step1 #layer_header h2 { background-image: url('../images/giftshop/symbol_step1.gif') }
			.step2 #layer_header h2 { background-image: url('../images/giftshop/symbol_step2.gif') }
			.step3 #layer_header h2 { background-image: url('../images/giftshop/symbol_step3.gif') }
			.step4 #layer_header h2 { background-image: url('../images/giftshop/symbol_step4.gif') }
			.step5 #layer_header h2 { background-image: url('../images/giftshop/symbol_step5.gif') }
			.step6 #layer_header h2 { background-image: url('../images/giftshop/symbol_step6.gif') 
		}

		#layer_header #logo {
			width: 160px;
			margin: 10px 0 0 0;
			float: left;
		}
	#layer_bg {
		background: no-repeat 20px 98%;
		height: 478px;
		 }
		.step1 #layer_bg { background-image: url('../images/giftshop/bg_step1.gif') }
		.step2 #layer_bg { background-image: url('../images/giftshop/bg_step2.gif') }
		.step3 #layer_bg { background-image: url('../images/giftshop/bg_step3.gif') }
		.step4 #layer_bg { background-image: url('../images/giftshop/bg_step4.gif') }
		.step5 #layer_bg { background-image: url('../images/giftshop/bg_step5.gif') }
		.step6 #layer_bg { background-image: url('../images/giftshop/bg_step6.gif') 
	}
	#layer_bg[id] {
		border: 1px solid transparent;
	}

	#layer_content {
		margin: 20px 10px 10px 10px;
		padding: 20px 10px 50px 47px;
		height: 340px;
		overflow: auto; 
	}
		
		#layer_description {
			margin: 0 0 20px 0;
			line-height: 14px;
			font-size: 11px;
			width: 500px;
			font-weight: bold;
		}
		#layer_wrapper p {
			margin: 0 0 20px 0;
		}
		
		#table_of_gift_boxes {
			width: 660px;
		}
			#table_of_gift_boxes tr {
				vertical-align: middle;
				font-size: 11px;
			}
				#table_of_gift_boxes tr td {
					vertical-align: middle;
					text-align: center;
					padding: 10px 0 0 0;
				}
				#table_of_gift_boxes tr th {
					text-align: center;	
				}
		#layer_wrapper a.balloon_tip:hover span {
			width: 450px;
			left: 0px; top: 20px;
		}
		
	button.next {
		height: 38px; width: 75px;
		float: right;
		margin: -40px 9px 0 0;
		padding: 0 0 0 57px;
		border: none;
		background: 0 0 no-repeat transparent;
		cursor: pointer; }
	button.prev {
		height: 38px; width: 75px;
		float: left;
		margin: -40px 0 0 17px;
		padding: 0 57px 0 0;
		border: none;
		background: 90% 0 no-repeat transparent;
		cursor: pointer; }
		button.to_step1 { background-image: url('../images/giftshop/symbol_step1.gif') }
		button.to_step2 { background-image: url('../images/giftshop/symbol_step2.gif') }
		button.to_step3 { background-image: url('../images/giftshop/symbol_step3.gif') }
		button.to_step4 { background-image: url('../images/giftshop/symbol_step4.gif') }
		button.to_step5 { background-image: url('../images/giftshop/symbol_step5.gif') }
		button.to_step6 { background-image: url('../images/giftshop/symbol_step6.gif') 
	}
	button#finish {
		height: 38px; width: 75px;
		border: none;
		cursor: pointer;
		float: right;
		margin: -40px 0 0 0;
		background: url('../images/giftshop/symbol_finish.gif') 0 0 no-repeat transparent;
	}

	#layer_info {
		padding-top: 2px;
		position: relative;
		top: -40px;
		left: 110px;
		height: 35px; width: 480px;
		font-style: italic;
		overflow: hidden;
	}

#layer_giftbox
{
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	text-align: center;
}

#layer_giftbox input
{
	position: relative;
	top: -100px;
}
#layer_giftbox img
{
	padding: 40px 0 0 100px;
}

	#card_select {
		float: left;
		height: 250px; width: 200px;
		font-size: 11px;
	}
	#card_options {
		float: left;
		height: 250px; width: 400px;
		margin-left: 20px;
		font-size: 11px;
	}
		#layer_content .input_cover {
			margin: 3px 0 0 3px; padding: 2px 0 0 2px;
			height: 12px; width: 200px;
		}
		
#card_preview img {
		
	}
	#layer_wrapper .input_text {
		width: 250px;
	}
	#layer_wrapper .input_textarea {
		height: 100px; width: 250px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;	
	}
	#layer_wrapper .input_textarea:focus {
		background-color: white;
		border-color: #A5ACB2;
	}

#waiting_layer {
	height: 320px; width: 400px;
}
	#wl_bg {
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	#wl_content {
		position: relative;
		text-align: center;
		color: #7a7a7a;
		font-size: 14px;
		line-height: 20px;
		height: 350px; width: 410px;
		overflow: hidden;
	}
		#wl_content h2 {
			padding: 20px 0 15px 0;
			font-weight: bold;
		}
		#wl_loader {
			padding: 45px 0 0 0;
		}
		#wl_logo {
			position: absolute;
			bottom: 0;
			left: 5px;
		}
	div#lightbox_default_wrapper {
		padding: 10px 10px 40px 20px;
		line-height: 1.4em;
	}
		div#lightbox_default_wrapper h2 {
		color: #ba0000;
		font-size: 16px;
		font-weight: bold;
	}