/* 	1.1
   	COUPON PICKER ORDER SUMMARY
	-------------------------------------------------- */
	
/*	1.1.1
	COUPON PICKER DIV
	-------------------------------------------------- */
	div.order-summary-coupon-picker, #couponPickerHeader {		
		width: 210px;
		margin: 2px auto 9px;
	}
	div.checkout-coupon-picker {
		width: 300px; 
		margin: 10px auto;
	}	
	

/*	1.1.2
	DIV HEADER
	-------------------------------------------------- */
	.order-summary-coupon-picker-header {	
		
	}
	div.order-summary-coupon-picker-header h2 {	
		background: url(../images/bg_popup_h2.png) repeat-x;	
		color: #fff;
		height: 15px;
		margin: 0px 10px 0px 0px;	
		padding: 10px 0 7px 0;
		font: bold 12px arial,geneva,helvetica,sans-serif;	
		text-transform: uppercase;	
		text-indent: 0px;	
		text-align: left
	}
	div.leftc {	
		background: url(../images/leftc.png) no-repeat 0px 1px;	
		padding: 0;
	} 
	div.rightc {
		background: url("../images/rightc.png") no-repeat 100% 1px;			
		margin: 0 0 0 14px;
	}
	div.rightc-blank {	
		background: url(../images/rightc_blank.png) no-repeat 100% 0px;	
		margin: 0px 0px 0px 14px
	}
	div.order-summary-coupon-picker-header h2 span {	
		float: right;
		display: inline;	
		font-weight: bold;	
		color: #fff;	
		margin-right: 5px
	}
	
	/*
	COUPON-PICKER CONTENT WRAPPER
	----------------------------------------- */
	.order-summary-coupon-picker-content {	
		clear: both;	
		margin: -3px 0px 0px -3px;	
		font: 11px arial,geneva,helvetica,sans-serif;	
		text-align: left
	}
	.order-summary-coupon-picker-content div.left {	
		background: url(../images/bg_popup_body_left.png) no-repeat left bottom;	
		margin: 0px;	
		padding: 0;
	} 
		
	.order-summary-coupon-picker-content div.right {	
		background: url(../images/bg_popup_body_right.png) no-repeat right bottom;	
		margin-left: 10px;	
		padding: 0;
	}
	
	.order-summary-coupon-picker-content div.middle {	
		background: url(../images/bg_popup_body_bottom.png) repeat-x 50% bottom;	
		margin-right: 10px;	
		padding: 7px 5px 10px 6px;
	} 

	/*
	COUPON-PICKER CONTENT
	----------------------------------------- */
	
	div.middle table#order-summary-coupon-picker-list {	
		margin: 0px;	
		width: 100%;	
		border-collapse: collapse
	}

	div.middle table#order-summary-coupon-picker-list tr td {	
		padding-right: 3px;	
		padding-left: 3px;	
		padding-bottom: 3px;	
		font: 11px/16px arial,geneva,helvetica,sans-serif;	
		vertical-align: top;	
		border-top-style: none;	
		padding-top: 3px;	
		border-right-style: none;	
		border-left-style: none;	
		border-bottom-style: none
	}
	
	div.middle table#order-summary-coupon-picker-list tr td a {	
		color: #000000;
		text-decoration: none
	}
	
	div.middle table#order-summary-coupon-picker-list tr:hover td, div.middle table#order-summary-coupon-picker-list tr.over td {
		background: #81b6d3;
		color: #ffffff;
	}
	
	div.middle table#order-summary-coupon-picker-list tr:hover td a, div.middle table#order-summary-coupon-picker-list tr.over td a {
		background: #81b6d3;
		color: #ffffff;
		text-decoration: none;
	}	

	div.middle table#order-summary-coupon-picker-list tr td a.add-coupon-picker {	
		display: block;	
		font-weight: bold;	
		color: #069;	
		text-indent: 0px;	
		padding-top: 5px;	
		text-decoration: underline;
		cursor: pointer;
	}
	
	div.middle table#order-summary-coupon-picker-list tr td a.add-coupon-picker:hover {
		color: #cc3300;
	}
	
	
	
	
	* HTML div.leftc {
		background: url(../images/leftc.gif) no-repeat 0 1px;
	}
	
	* HTML div.order-summary-coupon-picker-header h2  {
		background: url(../images/bg_popup_h2.gif) repeat-x;
	}
	
	* HTML div.rightc {
		background: url(../images/rightc.gif) no-repeat 100% 1px;			
	}
	
	* HTML div.rightc-blank {
		background: url(../images/rightc_blank.gif) no-repeat 100% 1px;			
	}

/*
	POP-UP CONTENT
	----------------------------------------- */
	* HTML .order-summary-coupon-picker-content div.left {
		background: url(../images/bg_popup_body_left.gif) no-repeat left bottom;		
	}
	
	* HTML .order-summary-coupon-picker-content div.right {
		background: url(../images/bg_popup_body_right.gif) no-repeat right bottom;	
	}
	
	* HTML .order-summary-coupon-picker-content div.middle {
		background: url(../images/bg_popup_body_bottom.gif) repeat-x bottom;
	}