/* This stylesheet is universally called throughout your Cularis site. If you are having trouble getting your styles to stick, try putting them here as this sheet will override anything else. This is a good spot to make custom changes while leaving the sylesheets that came with your Cularis theme intact. */


/* ---- CHECKOUT STEPS ---- */
/*----------------------------------------------*/

#checkout_steps {margin: 0 0 10px -20px; }
#checkout_steps p {margin-left: 20px;}

#checkout_steps .on, #checkout_steps .off {
	width: 100px; height: 110px;
	margin: 10px 0 10px 20px;
	padding: 0;
	border: none;
	float: left;
	text-align: center;
	font-size: 11px;
	background: #6D6F71;
	position: relative;
	overflow: hidden;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}

#checkout_steps h2.step_number {
	padding: 0; margin: 0;
	text-align: center;
	border-bottom: solid 1px #666;
	font-size: 45px;  line-height: 45px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: none;
}

#checkout_steps .step_border { border: 1px solid #ccc; padding: 5px; height: 98px;}

#checkout_steps .off { color: #F3BEBD; background: #000 url(../images/backgrounds/checkout_off.gif) repeat; }
#checkout_steps .off h2.step_number {color: #fff;}

#checkout_steps .on p, #checkout_steps .off p { border-top: 1px solid #ccc; margin: 0; padding: 7px 0 0 0; }

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


.address { 
	float: left; display: inline;
	width: 41%; 
	margin: 20px 2%;
	padding: 0 2% 10px 2%; 
	background: #333;
	line-height: 1.5em;

}

.panel_code {padding: 10px;}