/*****************************************************************

	comenziforever.ro
	User modals stylesheet
	
	Created by the lovely ladies and awesome gentleman from Hyperactive
	http://www.hyperactive.ro | office@hyperactive.ro
	
*****************************************************************/

/*****************************************************************
modalbox.js default stylesheets
*****************************************************************/
#MB_overlay {
	background-color: #000 !important;
	height: 100%;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;	
	width: 100%; 
	z-index: 900;
	zoom: 1;
}
#MB_overlay[id] {
	position: fixed;
}
#MB_window {
	border: 0 solid;
	position:absolute;
	text-align: left;
	top: 20px;
	z-index: 1000;
	zoom: 1;
}
#MB_window[id] {
	position: absolute !important;
}
#MB_frame {
	height:100%;
	position:relative;
	zoom: 1;
}
#MB_header {
	display: block !important;
	margin: 0;
	height: 28px;
}
#MB_content {
	background: #C0CE3F;
	background: rgba(192, 206, 63, 0.7);
	overflow: hidden;
	padding: 3px;
	zoom: 1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#MB_caption {
	display: none;
}
#MB_close {
	background: url(../images/cross.png) center right no-repeat;
	_background: url(../images/cross.gif) center right no-repeat;
	color: #fff;
	font: normal 11px/17px Arial, sans-serif;
	display: block;
	height: 20px;
	margin: 7px 0 0 0;
	padding: 0 25px 0 0;
	position: absolute;
	right: 15px;
	top: 40px;
}
#MB_close:hover {
	text-decoration: none;
}
#MB_close span {
	cursor: pointer;
}
#MB_loading {
	background: transparent url(../images/modal-spinner.gif) center center no-repeat;
	padding: 1.5em;
	text-indent: -10000px;
}
/*****************************************************************
modalbox styles for auth/reg
*****************************************************************/
.overlay {
	background: #485412;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.overlay h2 {
	color: #fff;
	font: normal 22px/51px "Calibri", Arial, sans-serif;
	padding: 0 20px 3px 20px;
}
.overlay div.step {
	background: #EFF3E6;
	padding: 10px 20px;
}
.overlay div#related-wrap {
	max-height:240px;
	overflow: auto;
	padding: 20px 12px 15px 12px;
}
.overlay div.step p {
	margin: 0 0 10px 0;
}
.overlay form div.step {
	padding: 20px;
}
.overlay div.thankyou {
	padding: 15px 20px 20px 20px;
}
.overlay div.thankyou h1 {
	margin: 0 0 12px 0;
}
.overlay div.thankyou p {
	font: normal 12px/1.5 Arial, sans-serif;
	margin: 0 0 9px 0;
}
.overlay form input.text {
	width: 243px;
}
.overlay form button.finish {
	background-position: left -367px;
}
.overlay form button.finish span {
	background-position: right -367px;
}
.overlay p.o-info {
	color: #fff;
	font: normal 11px/1.8 Arial, sans-serif;
	padding: 13px 20px 16px 20px;
}
.overlay h3 {
	background: #576321;
	border-bottom: 1px solid #4D5917;
	color: #fff;
	font: bold 12px/28px Arial, sans-serif;
}
.overlay h3 a {
	color: #fff;
	display: block;
	padding: 0 0 0 100px;
	text-decoration: none;
}
.overlay h3.active {
	background: #C0CE3F;
	border-bottom: none;
}
.overlay ul.step {
	margin: 10px 0;
}
.overlay form ul.step select {
	width: 263px;
}
.overlay ul.step li p.small-input {
	margin: 0 0 0 5px;
	width: 250px !important;
}
.overlay ul.step li p.small-input input.text {
	width: 213px;
}
.overlay ul.step li p.reg-type span.required {
	margin: 0;
}
.overlay div.textarea {
	width: 465px;
}
.overlay ol.related-products li {
	
}
.overlay ol.related-products li label {
	background: #DDE2C4;
	border: 1px solid #BFC4A6;
	cursor: pointer;
	margin: 0 0 5px 0;
	padding: 5px;
	width: 232px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.overlay ol.related-products li label.checked {
	background: url(../images/related-selected.gif) #BFC4A6 220px 8px no-repeat;
	border: 1px solid #BFC4A6;
}
ol.related-products li label span.image {
	border: 1px solid #D3D8BA;
	display: block;
	height: 31px;
	margin: 0 8px 0 0;
	overflow: hidden;
	width: 51px;
}
ol.related-products li label span.image img {
	height: 31px;
	width: 51px;
}
ol.related-products li label strong {
	display: block;
	font: bold 12px Arial, sans-serif;
	padding: 0 25px 0 59px;
}
ol.related-products li label small {
	display: block;
	font: normal 11px Tahoma;
	padding: 0 0 0 59px;
}
ol.related-products li label input {
	display: none;
}
.overlay div.finish {
	border-top: 1px solid #3E4A08;
	padding: 11px 21px;
}
.overlay div.finish button.finish {
	background-position: left -260px;
	float: right !important;
}
.overlay div.finish button.finish span {
	background-position: right -260px;
	padding: 0 15px 0 5px;
}
.overlay div.finish p {
	color: #EFF3E6;
	line-height: 1.46;
	padding: 0 8px 0 0;
	width: 115px;
}
.overlay div.finish button._submit {
	float: right !important;
}
.overlay div.finish p span.points {
	text-transform: lowercase;
}
.overlay div.finish p span.product-price {
	font-family: Tahoma;
}
.overlay p.unit-price span, .overlay p.units-selected span {
	color: #BAC09F;
}
.overlay div.promo-details {
	background: #fff;
	border-bottom: 1px dotted #D7DFC5;
	padding: 17px 20px;
}
.overlay div.promo-details p{
	line-height: 1.35;
	padding: 5px 0 0 0;
}
.overlay div.promo-details i.logo{
	margin: 0 15px 0 0;
}
.overlay p.confirmation-buttons {
	margin: 0 auto !important;
	padding: 5px 0 8px 0;
	width: 175px;
}
.overlay p.confirmation-buttons a.yes {
	margin: 0 12px 0 0;
}
.overlay p.confirmation-buttons a.button i.ui {
	padding: 0 0 0 15px;
}
#promo .overlay label.inline,#promo_date .overlay label.inline {
	font-size: 11px;
	padding: 0 0 0 3px;
	position: relative;
	top: 2px;
}
.overlay form#register_form_distribuitor label.inline {
	display: block !important;
	width: 300px;
}
.overlay form#register_form_auth ul.step li.clear a.right {
	margin: 0 27px 0 0;
}