/* 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 +++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#cart-rows-holder {
clear:both;
}
.cart_row_option_labels {
float:left;
clear:both;
text-align:left;
font-size:11px;
font-weight:600;
letter-spacing: 0.09ex;
margin-right: 3px;
margin-top:1px;
}
.alert_msg {
text-align:inherit;
font-size:inherit;
color:#FF0000;
font-size:10px;
}
.cart_row_even {
background-color:#FFFEEE;
}
.cart_row_odd {
background-color:#FFEEEE;
}
.cart_row, .cart_row_even, .cart_row_odd {
position:relative;
float:left;
clear:both;
width:715px;
height:100px;
padding:5px;
font-family: sans-serif;
font-style: normal;
/*font-variant: small-caps;*/
font-weight: normal;
word-spacing: normal;
/*letter-spacing: 0.08ex;*/
text-decoration: none;
text-transform: none;
text-align: left;
text-indent: 0ex;
z-index: 100;
/*margin:3px;*/
}
	.cart_row_left {/* this is where the img is */
	float:left;
	text-align:center;
	height:100%;
	width:110px;
	margin-right:5px;
	/* background-color:#00FF99; */
	}
		.cart_remove {
		display:block;
		clear:both;
		width:100%;
		text-align:center;
		font-size:10px;
		color:#0000FF;
		text-decoration:underline;
		padding-top:2px;
		 }
	.cart_row_info {
	position:relative;
	float:left;
	height:100%;
	width:350px;
	margin-left:5px;
	margin-right:5px;	
	/* background-color:#00FFCC;*/
	}
		.cart_row_prod_name {
		width:100%;
		text-align:left;
		font-size:16px;
		font-weight:bold;
		}
		#info-lbl-box {
		float:left;
		clear:left;
		width:75px;
		height:40px;
		}
		#info-slctr-box {
		float:left;
		clear:right;
		height:40px;
		}
		#info-alert-box {
		clear:both;
		text-align:center;
		width:100%;
		height: 15px;
		}
		#info-alert-box span.alert_msg {
		text-align:inherit;
		font-size:12px;
		font-weight:600;
		color:#CC0000;
		background-color:#FFFF99;
		}
		.cart_catalog_info {
		width:100%;
		text-align:left;
		font-size:10px;
		}
	.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:65px;
	height:100%;	
	margin-left:12px;
	}
		.cart_price_label {
		width:100%;
		font-size:11px;
		font-weight:600;
		text-align:center;
		margin-left:0px;
		margin-top:0px;
		letter-spacing: 0.09ex;
		}
		.cart_price_regular {
		position:absolute;
		bottom: 50px;
		width:100%;
		text-align:center;
		font-size:16px;
		margin-left:0px;
		margin-top:12px;
		}
		.cart_price_special {
		position:absolute;
		bottom: 20px;
		width:100%;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		color:red;
		margin-left:0px;
		margin-top:12px;
		}
	.cart_row_rt_col {
	position:relative;
	float:left;
	height:100%;
	width:100px;	
	}
		.cart_row_total {
		position:absolute;
		bottom: 20px;
		width:100%;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		color:blue;
		margin-left:0px;
		margin-top:40px;
		}
.cart_row select, option {
clear:both;
font-size:10px;
}
select {
height:15px;
font-size: .6em;
color: #666;
background-color: #fee;
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 {
position:relative;
height:90px;
/*width:600px;*/
background-color:#FFFFFF;
}
a.button img {
border:0px;
}
img#completeOrder {
position:absolute;
bottom:2px;
left: 120px;
height: 78px;
}
#carttl_lbls_hldr {
position:absolute;
right:90px;
top:5px;
width:140px;
}
	#sub_ttl_label  {
	float:right;
	clear:both;
	width:100%;
	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;
	}
	#shipcost_label  {
	float:right;
	clear:both;
	width:100%;
	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;
	}
	#tax_label  {
    float:right;	
	clear:both;
	width:100%;
	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;
	}
	#grandtotal_label  {
	float:right;
	clear:both;
	width:100%;
	text-align:right;
	font-size:12px;
	font-weight:600;
	letter-spacing: 0.07ex;
	margin-right: 5px;
	margin-top:1px;
	font-size:16px;
	font-weight:bold;
	color:#0000FF;
	}
#cart_totals_hldr {
position:absolute;
right:0px;
top:5px;
height:100%;
width:120px;
}
	#cart_sub_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;
	}
	
	#cart_shipping {
	clear:both;
	text-align:right;
	font-size:12px;
	font-weight:600;
	letter-spacing: 0.09ex;
	margin-right: 5px;
	margin-top:1px;
	font-size:16px;
	}
	#cart_tax {
	clear:both;
	text-align:right;
	font-size:12px;
	font-weight:600;
	letter-spacing: 0.09ex;
	margin-right: 5px;
	margin-top:1px;
	font-size:16px;
	}
	#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:#0000FF;
	}
#cart_dicount_code {
display:block;
position:absolute;
left:5px;
top:5px;
margin:2px;
text-align:center;
background-color:#8FFFFF;
color:#336600;
font-size:11px;
height: 22px;
/*font-weight:bold;*/
}
/* --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 +++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* CSS Document */
/* pkl_paybox.php   contols the look of the credit card box */
/*
#feedbck_cc_box_shell {
}
*/
/* for IE */
#cc_box_shell {
/*+++++++++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;
width:800px;
height:200px;
padding:2px;
font-family: sans-serif;
font-style: normal;
font-weight: normal;
word-spacing: normal;
text-decoration: none;
text-transform: none;
text-align: left;
text-indent: 0ex;
/*background-color:#FF3300;*/
}
#cartCheckoutRow {
clear:both;
}
/* BEGIN -----PAYMENT SECTION CLASSES (UNIVERSAL) ----*/
img.pay-button-img {
width: 65px;
float:right;
margin:5px;
}
.paddingAround {
padding:4px;
}
.info-holder {
position:relative;
clear:both;
width:100%;
padding:2px;
}
.button-holder {
position:relative;
}
.ccaddress_lbl_hldr {
float:left;
width:42px;
padding-right:3px;
}
.ccaddress_txtbx_hldr {
float: left;
clear: right;
height: 40px;
}	
input.ccaddress {
width: 135px;
font-size:9px;
}
span.ccaddress_lbl {
float:right;
display:block;
font-size:9px;
line-height:16px;
}
div.cc-states select.selectState {
font-size:6px;
width:135px;
margin:0px;
}
div.cc-states select.selectState option {
font-size:6px;
}
div.cc-states select.selectState:hover {
margin:0px;
border:none;
}
div.cc-states select.selectState:focus {
margin:0px;
border:none;
}

div.cc-countries select.selectCountry {
font-size:6px;
width:135px;
margin:0px;
}
div.cc-countries select.selectCountry option {
font-size:6px;
}
div.cc-countries select.selectCountry:hover {
margin:0px;
border:none;
}
div.cc-countries select.selectCountry:focus {
margin:0px;
border:none;
}

.progStageMsg {
display:block;
font-size:8px;
color:#CC0099;
}
img.editAddress {
height:20px;
width:80px;
border:0px;
}
img.editName {
height:20px;
width:80px;
border:0px;
}
img.editBill {
height:20px;
width:80px;
border:0px;
}
img.editShip {
height:20px;
width:80px;
border:0px;
}
/* END -----PAYMENT SECTION CLASSES (UNIVERSAL) ----*/
/*-BEGIN--- NAME BOX SPECIFIC -----*/
#name-shell {
float:left;
display:inline;
width:180px;
margin:5px;
/*background-color:#E6E6E6;*/
}
#ccname_hdr {
float:right;
font-size:14px;
font-weight:700;
margin:0px;
text-align:right;
width:100%;
}
#ccname_lbl_hldr {
float:left;
width:42px;
}
.ccname_lbl {
display:block;
font-weight:400;
font-size: 12px;
margin-top:5px;
}
.ccname_info {
display:block;
font-weight:700;
font-size: 10px;
margin-top:5px;
}
#ccname_txtbx_hldr {
float:left;
}
.ccname {
width:130px;
height:20px;
}
#ccemail {
clear:both;
width:100%;
font-weight:400;
margin:2px;
text-align:center;
font-size:9px;
}
#editNameBut {
float:right;
}
input#ccname-f-name, input#ccname-l-name {
float:left;
clear:both;
font-size:10px;
width:110px;
height:18px;
}
.name_hdr_holder {
position:relative;
clear:both;
height:48px;
padding:2px;
}
.ccname-img {
position:absolute;
left:0px;
top:0px;
height: 35px;
margin:5px;
}
input#ccemail {
position:relative;
clear:both;
font-size:10px;
width:180px;
height:18px;
}
/*--END-- NAME BOX SPECIFIC -----*/
/*---BEGIN: CC BILL ADDRESS SPECIFIC -----  */
#bill-shell {
float:left;
display:inline;
width:180px;
margin:5px;
/*background-color:#33CCCC;*/
}
.bill_hdr_holder {
position:relative;
clear:both;
height:48px;
padding:2px;
}
#ccbill_hdr {
float:right;
font-size:14px;
font-weight:700;
margin:0px;
text-align:right;
width:100%;
}
.billing-img {
position:absolute;
left:0px;
top:0px;
width: 50px;
margin:5px;
}
#editBillBut {
float:right;
margin-top:4px;
margin-right:5px;
}
div.cc-states {
float:left;
}

/*----END: CC BILL ADDRESS SPECIFIC -----  */

/*---BEGIN: CC SHIP ADDRESS SPECIFIC -----  */
#ship-shell {
float:left;
display:inline;
margin:5px;
width:180px;
}
.ship_hdr_holder {
position:relative;
	height:48px;
	clear:both;
	padding:2px;
}
#ccship_hdr {
float:right;
clear:both;
font-size:14px;
font-weight:700;
margin:0px;
text-align:right;
width:100%;
}
.shipping-img {
position:absolute;
left:0px;
top:10px;
width: 75px;
margin:5px;
}
#editShipBut {
float:right;
margin-top:4px;
margin-right:5px;
}
/*----END: CC SHIP ADDRESS SPECIFIC -----  */
/*---BEGIN: CC ENTRY SPECIFIC -----  */
.inlinecclogo {
height:15px;
}
#cc-shell {
width:180px;
float:left;
display:inline;
width:180px;
margin-top:5px;
margin-bottom:5px;
}
.ccentry_hdr {
display:block;
clear:both;
font-size:12px;
font-weight:700;
margin:0px;
text-align:left;
width:100%;
}
#submitPaymentBut {
float:right;
margin-right:5px;
margin-top:8px;
}
img.ccPaymentBut {
width:160px;
border:0px;
}
input#cc_number {
font-size:9px;
}
/*----END: CC ENTRY SPECIFIC -----  */
/*---BEGIN: PAYMENT TYPE SPECIFIC -----  */
#payment-type-shell {
margin-top:5px;
margin-bottom:5px;
}
/*----END: CC PAYMENT TYPE SPECIFIC -----  */
/*----BEGIN: CUSTOMER COMMENTS BOX ------ */
#custComment-shell {
float:left;
clear:both;
padding:5px;
background-color:#E6E6E6;
border-style:solid;
border-width:0px;
border-color:grey;
}
#custComment-shell textarea {
width:400px;
padding:2px;
color:#0000FF;
}
/*----END: CUSTOMER COMMENTS BOX ------ */
/*---BEGIN: CC RESPONSES -----  */
div#cc-response-box {
position:relative;
background-color:#FFFFFF;
padding:10px;
width:715px;
height:auto;
margin-top:5px;
margin-bottom:5px;
}
#thankyou {
width:100%;
font-family:Arial, Helvitica;
font-size:28px;
font-weight:900;
color:#990000;
text-align:center;
}
.ccprocessConfirmCode {
font-family:Arial, Helvitica;
font-size:18px;
font-weight:700;
color:#000000;
}
.ccprocessResponse {
font-family:Arial, Helvitica;
font-size:18px;
font-weight:900;
color:#0000FF;
text-align:center;
}
#offer-shell-left img {
width:200px;
}
/*----END: CC RESPONSES  -----  */