/* CSS Document  */
/* V 1.1 */
/* PKL SHOPPING CART AUG 2008
related files: 	pklCart.js, 
				cart_functions.php, 
				insert_cart_prod_row.php, 
				pkl_chkout_head.php
				pkl_cart.css
*/
/* ++++++++++++++++++++++++++++++++BEGIN++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++ CART PRODUCT ROWS SECTION +++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.center { text-align:center;}

#cart-empty {
text-align:center;
font-size: 32px;
width:90%;
margin: 100px 0 180px 0;
padding:0
}

div#cart-rows-holder {
float:left;
width:720px;/* reduced to fit in ie 6 jjs */ 
border:0px solid #CCC;
clear:both;
font-family:helvetica,geneva,swiss,sunsans-regular;

margin: -50px 0 60px 0;

}
.cart_row_option_labels {
								float:left;
								width:60px;
								text-align:left;
								font-size:11px;
								margin:4px 0;
								

								}
.alert_msg {
text-align:inherit;
font-size:inherit;
color:#FF0000;
font-size:10px;
}
.cart_row_even {
background-color:#FFFFFF;
}
.cart_row_odd {
background-color:#FFFFFF;
}
.cart_row, .cart_row_even, .cart_row_odd {
position:relative;
float:left;
clear:both;
width:700px;
padding:5px;
z-index: 100;
margin: 5px 0;
border-bottom:1px solid #DDDDDD;

}

.cart_row_ {float:left;margin:8px 0;}
#cart-rows-holder select {height:18px;}

.pad {padding:0px 0 2px 0; float:left;margin:10px 0;}

	.cart_row_left {/* this is where the img is */
	float:left;
	text-align:center;
	height:100%;
	width:130px;
	margin-right:5px;
	/* background-color:#00FF99; */
	}
.cart_remove 
					{
					display:block;
					text-align:right;
					font-size:11px;
					color:#A0AEC8;
					line-height:24px;
					padding-top:-2px;
					margin: 0 5px 0 0 ;
					}
					 
 .cart_remove img 
 					{
 					position:relative; 
 					top:2px; left:8px;
 					}
		 

.cart_row_info {
	position:relative;
	float:left;
	height:100%;
	width:240px;
	margin: 0 5px 0 30px;
	/* background-color:#00FFCC;*/
	}
	
/* //////////////////////// ORDER ROWS ////////////////////////////////////// */

.order_row_info {
margin: 4px 0 6px 0;
/* border: 1px solid red; */
}

	
	
	
	
		.cart_row_prod_name {
		width:300px;
		height:25px;
		font-family: helvetica,geneva,swiss,sunsans-regular;
		text-align:left;
		font-size:16px;
		font-weight:bold;
		overflow:hidden;
		}
		#info-lbl-box {
		float:left;
		clear:left;
		width:75px;
		height:40px;
		
		}
		#info-slctr-box {
		float:left;
		clear:right;
		height:40px;
		
		}
	
		#info-alert-box span.alert_msg {

		font-size:12px;
		color:blue;
		background-color:#FFFF99;
		position:relative; 
		white-space:nowrap; 
		top:-20px;
		left:120px;
		
		}
		.cart_catalog_info {
		width:100%;
		text-align:left;
		font-size:11px;
		}
	.cart_row_quan {
	position:relative;
	float:left;
	height:100%;
	width:60px;
	}
		.cart_qty_label {
		width:100%;
		text-align:center;
		font-size:11px;
		font-weight:600;
		text-align:center;
		letter-spacing: 0.09ex;
		

		}
		.cart_qty_shelf {
		position:absolute;
		bottom:49px;
		width:100%;
		text-align:center;
		}
		.cart_qty {
		text-align:center;
		font-size:10px;
		height: 16px;
		
		}
	.cart_row_price {
	position:relative;
	float:left;
	width:190px;
	height:100%;	
	margin-left:12px;
	}
		/* FOR WISHLIST */
		.cart_row_price .add2cart-1, 
		.cart_row_price .cart2wishlist {
		display:block;
		text-align:right;
		font-size:12px;
		color:#C7D9EA;
		line-height:24px;
		padding-top:-2px;
		float:right;
		clear:both;
		color: #5580AA;
		margin: 10px 5px 0 0;
		}
		 
		.cart_row_price .cart2wishlist img {
		position:relative;
		left:8px;
		top:4px;
		
		}
		.cart_row_price .cart_remove {
		float:right;
		clear:both;
		}
		.cart_price_label {
		float:left;
		height:100%;
		font-size:11px;
		font-weight:600;
		text-align:center;
		padding: 0;
		margin: 0 1px 0 25px;
		letter-spacing: 0.09ex;
		display:none;
		}
		
		.cart_price_regular {
		display:none;
		position:absolute;
		top: -10px;
		right:5px;
		text-align:center;
		font-size:16px;
		margin-left:0px;
		margin-top:12px;
		}
		
		.cart_price_regular_buy1get1 {
		position:absolute;
		top: -10px;
		right:5px;
		text-align:center;
		font-size:14px;
		margin:  12px 0px -4px 0px;
		}
		.free-item, .cart_row_rt_col {
		 font-size:11px!important;
		 margin:  2px 0px -4px 0px;
		}
		.free-item img, .cart_row_rt_col img {
		 height:20px;
		 margin:  5px 2px -4px 3px;
	
		}
		
		.cart_price_special {
		display:none;
		position:absolute;
		bottom: 0px;
		right:5px;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		color:red;
		margin-left:0px;
		margin-top:12px;
		}
	.cart_row_rt_col {
		position:relative;
		float:right;

		width:70px;
		border-left: 2px solid #EEEEEE;
		height:60px;
		right:13px;	
		
	}
		.cart_row_total {
		position:absolute;
		bottom: 1px;
		right: 1px;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		color:green;
		margin: 0 0 0 20px;
		}
.cart_row select, option {
clear:both;
font-size:10px;
}
select {
height:15px;
font-size: 10px;
color: #666;

padding: 0px;
border: solid 1px #DDDEEE;
margin-right: 5px;
margin-bottom: 2px;
cursor: pointer;
}
select:hover {
color: #333;
background-color: #ccffff;
border: solid 1px #006600;
}
select:focus {
color: #000;
background-color: #ffffff;
border: solid 1px #006600;
}
.cartRowOrderShell-odd {
background-color:#FFFEEE;
}
.cartRowOrderShell-even {
background-color:#FFEEEE;
}
/* +++++++++++++++++++++++++++++++++++++BEGIN++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++ CART TOTALS SECTION +++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#cart_Totals_Row {
float:left;
position:relative;
height:90px;
width:700px;
background-color:#FFFFFF;
border:none!important;
}
a.button img {
border:0px;
}

img#completeOrder {
position:absolute;
bottom:-20px;
left: 420px;
z-index:800;

}

#carttl_lbls_hldr {
position:absolute;
right:90px;
top:5px;
width:140px;
color:#000;
}

#sub_ttl_label, #tax_label, #grandtotal_label, #shipcost_label, #cart_totals_hldr 		
			{
			z-index:805;
			position:relative;
			}
		

	#sub_ttl_label  {
	float:right;
	clear:both;
	width:100%;
	text-align:right;
	font-size:12px;

	margin-right: 5px;
	margin-top:1px;

	}
	#shipcost_label  {
	float:right;
	clear:both;
	width:100%;
	text-align:right;
	font-size:12px;

	letter-spacing: 0.09ex;
	margin-right: 5px;
	margin-top:1px;

	}
	#tax_label  {
    float:right;	
	clear:both;
	width:100%;
	text-align:right;
	font-size:12px;

	letter-spacing: 0.09ex;
	margin-right: 5px;
	margin-top:1px;



	}
	#grandtotal_label  {
	float:right;
	clear:both;
	width:100%;
	text-align:right;
	font-size:12px;

	letter-spacing: 0.07ex;
	margin-right: 5px;
	margin-top:1px;
	font-size:16px;
	font-weight:bold;

	}
#cart_totals_hldr {
position:absolute;
right:0px;
top:5px;
height:60px;
width:80px;
}
	#cart_sub_total {
	clear:both;
	text-align:right;
	font-size:12px;
color:#000;
	letter-spacing: 0.09ex;
	margin-right: 5px;
	margin-top:1px;


	}
	
	#cart_shipping {
	clear:both;
	text-align:right;
	font-size:12px;
color:#000;
	letter-spacing: 0.09ex;
	margin-right: 5px;
	margin-top:1px;
	}
	#cart_tax {
	clear:both;
	text-align:right;
	font-size:12px;
color:#000;
	letter-spacing: 0.09ex;
	margin-right: 5px;
	margin-top:1px;

	}
	#cart_grand_total {
	clear:both;
	text-align:right;
	font-size:12px;
	font-weight:600;
	letter-spacing: 0.09ex;
	margin-right: 5px;
	margin-top:1px;
	font-size:16px;
	font-weight:bold;
	color:green; 
	}
/* --END: CART TOTALS------------------------------------- */
/* ------- */
/* ------ */
.row-feedback-img {
/* --Contol Altered by Javascript in pklCart.js --- */
/* -- via function progressIndicator(state, cart_row) --*/
position:absolute;
/*visibility:hidden;*/
left:-1000px;
top:40px;
width:0px;
height:0px;
}
.form-feedback-img {
/* --Contol Altered by Javascript in pklCart.js --- */
/* -- via function progressIndicator(state, cart_row) --*/
position:absolute;
/*visibility:hidden;*/
left:-1000px;
top:40px;
width:0px;
height:0px;
}
 .flash {
height:100%;
width:100%;
background-color:yellow;
 }
/* +++++++++++++++++++BEGIN+++++++++++++++++++++++++ */
/* ++++++ PKL_PAYBOX.CSS  SECTION +++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
.cc-header {
text-align: left;
font-size: 16px;
font-weight: bold;
}
input.checkout-error {
background-color: #F7D862;
border: 2px solid red;
}

/* CSS Document */
/* pkl_paybox.php   contols the look of the credit card box */
/*
#feedbck_cc_box_shell {
}
*/
/* for IE */
#cc_box_shell {
position:relative;
/*+++++++++WARNING !! WARNING !! +++++++++
position relative here makes the drop downs 
not work several nested div's down the line.
* see comments below  PKL 10-10-2008 
+++++++++WARNING !! WARNING !! +++++++++*/
float:left;
padding:2px;
width:100%;
text-decoration: none;
text-transform: none;
text-align: left;
text-indent: 0ex;
/*background-color:#FF3300;*/

}

#cc_box_shell .error {
display:block;
clear:both;
width:98%;
color: #990033;
font-size:14px;
margin: 0 5px 0 5px;
}




/* END -----PAYMENT SECTION CLASSES (UNIVERSAL) ----*/
/*-BEGIN--- NAME BOX SPECIFIC -----*/
/*img#nameAjaxActivityFeedback {
position:absolute:
top:30%;
left:30%;
width:30%;
display:none;
}*/



.checkout-component
							{
							width:174px;	
							background: url(../../_images/bg-checkout-component.jpg) no-repeat;
							float:left;				
							}
.checkout-component .content-pad
							{
						padding:12px 4px!important;
							}
							
.checkout-component .center { height:50px;clear:both;}					
.checkout-component h3
					{
					color:#990033;
					display:block;
					font-size:12px;
					text-indent:15px;
					}

.checkout-component span {text-align:left; display:block; }					
span#billState, span#billCity, span#ccname-f-name, span#ccname-l-name, #shipCity, #shipState
					{display:inline; position:relative; left:10px; text-align:left!important; }
			
input#ccname-l-name, input#ccname-f-name, input#shipCity, input#shipState, select#shipState {position:relative; left:-0px;}

#name-box-shell .center {position:relative; top:15px;}

.checkout-component .icon, .submit-message img  
					{
					position:relative;
					top:10px;
					right:10px;	
					}

textarea#shipInstructions {
width:140px;
height:30px;
margin: 1px 0 0 10px;
}
					
.ccaddress_lbl label {display:block; text-align:left; position:relative; top:2px; }					
.checkout-component label , .checkout-component span  {text-indent:10px;}
.checkout-component input, .checkout-component select, .ccaddress_lbl input, .ccaddress_lbl select {width:145px;margin-left:10px;}


#discount-code-holder
		{
		position:relative;
		top:-15px;
		height:87px;
		width:292px;
		background: url(../../_images/bg-cart-discount.jpg) no-repeat;
		}

#discount-code-holder .content-pad
			{
		padding:5px 12px;
			}
#discount-code-holder h5
			{
			color:#990033;
			font-size:13px;					
			margin-bottom:7px;
			}

#discount-code-holder label
			{
			float:left; 
			width:120px;
			font-size:11px;

			}


input#cart_dicount_codeg {
background:#fff!important;
border:solid 1px #c4c4c3;
background-color: #f8f7F3;
width:100px
}


.product-title {
					background: url(../../_images/shoppingcart_03.jpg) no-repeat; 
					height:32px; 
					color:#dd9100; 					

					text-indent:34px;
					line-height:34px;
					}
.product-title #prodName-1 {}

#cartProdType-1, #cartRowQty-1 {margin:4px 0 6px 0;}

/* END: HEADER SHOPPING CART BOX----------------------*/


.submit-message 
				{
				color:#2fa166;				
				text-align:center;
				position:relative;
				top:-30px;
				clear:both;
				left:10px;
				width:500px;
				}

select#exp_year, select#exp_month {width:70px; }

input#cc_sec3dig {width:30px; float:left;}
					
a#cvc-what-is-this {cursor:pointer; position:relative ; top:6px; left:3px;}
			
.pay_hdr_holder 	.center 
				{margin-top:40px;}
				
.pay_hdr_holder input, 
.pay_hdr_holder  select 
				{margin:3px  0 3px 10px;}
				
input#cc_number {margin-top:0;}