/* SimpleCaddy css for Show cart
Commented-out are background colors
If you activate these lines, you can easily identify each element in the cart
*/

.sc_cart {
	margin-left: 2px;
	margin-right: 2px;
	width: auto;
/*	background-color: silver;*/
border: 1px solid #F3D680;
}
.selectItalic{
	font-style:italic;
}
.cartheading {
	font-weight: bold;	
	font-size: 115%; 
}

.code_col {
	clear: both;
	float: left;
padding: 5px;
border-bottom: 1px solid #F3D680;
border-right: 1px solid #F3D680;
height: 20px;
	width: 60px;
	display: inline;
	vertical-align: middle;
/*	background-color: green;*/
}

.desc_col {
	float: left;
padding: 5px;
border-bottom: 1px solid #F3D680;
border-right: 1px solid #F3D680;
height: 20px;
	width: 220px;
	display: inline;
	vertical-align: middle;
/*	background-color: orange;*/
}

.price_col {
	float: left;
padding: 5px;
border-bottom: 1px solid #F3D680;
border-right: 1px solid #F3D680;
height: 20px;
	width: 80px;
	text-align: right;
	display: inline;
	vertical-align: middle;
/*	background-color: yellow;*/
}

.qty_col {
	float: left;
padding: 5px;
border-bottom: 1px solid #F3D680;
border-right: 1px solid #F3D680;
height: 20px;
width: 60px;
	text-align:center;
	display: inline;
	vertical-align: middle;
/*	background-color: red;*/
}

.total_col {
	float: left;
padding: 5px;
border-bottom: 1px solid #F3D680;
border-right: 1px solid #F3D680;
height: 20px;
	width: 90px;
	text-align: right;
	display: inline;
	vertical-align: middle;
/*	background-color: aqua;*/
}

.actions_col {
	float: left;
padding: 5px;
height: 20px;
width: 160px; 
	display: inline;
	vertical-align: middle;
/*	background-color: gray;*/
}

.tax_col {
	margin-top: 2px;
	margin-bottom:2px;
padding: 5px;
	height: 30px;
	width: 400px;
	display: inline;
	vertical-align: middle;
/*	background-color: yellow;*/
}

.fill_col {
	clear: both;
	margin-top: 2px;
	margin-bottom:2px;
	height: 30px;
width:560px;
padding: 5px;
	font-size: larger;
	font-weight: bold;
	display: block;
/*	background-color: purple;*/
}

.fill_col_total {
	clear: left;
	display:block;
	height: 30px;
width:560px;
padding: 5px;
border-top: 1px solid #F3D680;
	font-size: larger;
	font-weight: bold;
/*	background-color: fuchsia;*/
}

.cartactions {
	clear:both;
padding: 5px;
	width: 100%;
/*	background-color: blue;*/
}

.text_left {
	float:left;
	display: inline;
padding: 5px;
/*	background-color: yellow;*/
}

.text_right {
	float: right;
padding: 5px;
	display: inline;
	text-align: right;
/*	background-color: red;*/
}

.voucher {
/*	background-color: red; */
	width:200px;
}

.voucherinfo {
	display: inline-block;
	font-size:smaller;
	font-weight: lighter;
	width: 150px;
/*	background-color: yellow;*/
}

/* buttons at the bottom of the cart display */
.btncshopping {
	
}

.btnemptycart {
	
}

.btnshowcart {
	
}

input.btncshopping, input.btnemptycart {
	margin: 10px 0px;
	padding: 5px;
	margin: 0px 2px;
	background: #EEEEEE;
	border: 1px solid #0680BA;
	font-size: 105%;
	color: #0680BA;
}
input.btncshopping:hover, input.btnemptycart:hover {
	padding: 5px;
	background: #FFFFFF;
	color: #0680BA;
}


input.btnorder, input.btnconfirm {
	margin: 10px;
	padding: 5px;
	background: #EEEEEE;
	border: 1px solid #44B922;
	font-size: 105%;
	color: #44B922;
}
input.btnorder:hover, input.btnconfirm:hover {
	padding: 5px;
	background: #FFFFFF;
	color: #33CC33;	
}


/* buttons at the right of the cart */

.btnchange {
	clear:both;
}

select, input.btnchange, input.btnremove {
	padding: 5px;
	margin: 0px 2px;
	background: #EEEEEE;
	border: 1px solid #0680BA;
	font-size: 75%;
	color: #0680BA;
}
select, input.btnchange:hover, input.btnremove:hover {
	padding: 5px;
	background: #FFFFFF;
	color: #0680BA;
}

/* fix qty box margin / pad */
.sc_cart input.sc_edtqty {
	margin: 0px;
	padding: 0px;
	width: 25px;
}

.errormsg {
	color: #F00;
	margin: 5px;
}
span.reqfield {
	color: #F00;
	font-weight: bold;
}

.caddytable td.labelcol {
	width: 150px;
	font-size: 105%;
	color: #666;
	font-weight: bold;
}