/** Principal Layout **/
#bg_popin {
  border: 0;
	background: #000;
	left: 50%;
	margin-left: -487px;
	margin-top: 0px;
	position: absolute;
	top: 105px;
	z-index: 100; 
}
#loaderpopin {
    border: 0;
    height: 66px;
    left: 50%;
    opacity: 0.5;
    padding: 0;
	  position: absolute;	
    top: 325px;
    width: 66px;
}

/* big orange buttons*/

#popin button.orangeBtn {
	background: url(/img/garnier-club/orangeBtn_right.png) right no-repeat;
	border: 0;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
}

#popin button.orangeBtn span {
	background: url(/img/garnier-club/orangeBtn_left.png) left no-repeat;
	cursor: pointer;
	display: block;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 10px;
}

/* small orange buttons */

#popin button.orangeBtn.small {
	background: url(/img/garnier-club/small_orangeBtn_right.png) right no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	padding-right: 10px;
}

#popin button.orangeBtn.small span {
	height: 20px;
	line-height: 20px;
	background: url(/img/garnier-club/small_orangeBtn_left.png) left no-repeat;
	color: #ffffff;
	margin-left: -3px;
}

/* small orange button-links */

#popin a.orangeBtn.small:link, #popin a.orangeBtn.small:visited, #popin a.orangeBtn.small:hover, #popin a.orangeBtn.small:active {
	font-weight: bold;
	padding: 5px 0;
	text-align: left;
	background: url(/img/garnier-club/small_orangeBtn_right.png) right no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

#popin a.orangeBtn.small span {
	height: 20px;
	line-height: 20px;
	background: url(/img/garnier-club/small_orangeBtn_left.png) left no-repeat;
	color: #ffffff;
	padding: 5px 10px 5px 20px;
}

/* big orange button-links */

#popin a.orangeBtn:link, #popin a.orangeBtn:visited, #popin a.orangeBtn:hover, #popin a.orangeBtn:active {
	background: url(/img/garnier-club/orangeBtn_right.png) right no-repeat;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px 5px 0;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
}

#popin a.orangeBtn span {
	height: 25px;
	line-height: 25px;
	background: url(/img/garnier-club/orangeBtn_left.png) left no-repeat;
	color: #ffffff;
	padding: 5px 10px 5px 20px;
}


/* NEW CSS */

/* @group Common */

#popin {
    border: 0;
	background: transparent;
	position: absolute;
	top: 325px;
	left: 50%;
	padding-top: 22px;
	padding-left: 10px;
	/*margin-left: -310px;
	margin-top: -25px;
	height: 250px;
	width: 620px;*/
	z-index: 100000;
}

.absbotright {
	bottom: 0;
	position: absolute;
	right: -12px;
}

.absbotleft {
	bottom: 0;
	left: 0;
	position: absolute;
}

.clear {
	clear: both;
}

/* @group ToolBar */

#popin #modal-popin #modal-top-bar {
	position: absolute;
	width: 100%;
}

#popin #modal-popin #modal-top-bar .modal-title {
	background: #BDCF07;
	color: #FFFFFF;
	float: left;
	font: 18px Arial,Helvetica,sans-serif;
	line-height: 28px;
	height: 28px;
	margin-top: -15px;
	margin-left: -10px;
	padding: 0px 10px;
	position: absolute;
	text-transform: uppercase;
	display:inline;
}

#popin #modal-popin #modal-top-bar .modal-close {
	background: #FFFFFF; 
	color: #464646;
	float: right;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin-top: -22px;
	margin-right: 10px !important;
	_margin-right: 0px;
	margin-right: 0;
	padding: 0 5px;
	position: relative;
	text-decoration: underline;
	display:inline;
}

#popin #modal-popin #modal-top-bar .modal-close:hover {
	text-decoration: none;
}

/* @end */

/* @end */

/* @group Content */

#popin #modal-popin .modal-content {
	background: #fff;
	clear: both;
	color: #464646;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	padding: 20px 15px;
	padding-bottom: 15px;
}

/* @group SignIn */

#popin #modal-popin .modal-content .modal-signin-msg,
#popin #modal-popin .modal-content .modal-pass-msg {
	clear: both;
	float: left;
	margin-bottom: 25px;
	width: 100%;
}

#popin #modal-popin .modal-content .modal-pass-msg {
	margin-bottom: 15px;
}

#popin #modal-popin .modal-content .modal-signin-msg h4 {
	font: bold 14px Verdana, Geneva, sans-serif;
}

#popin #modal-popin .modal-content .modal-signin-form,
#popin #modal-popin .modal-content .modal-pass-form {
	clear: both;
	float: left;
    margin-bottom: 15px;
	width: 100%;
}
#popin #modal-popin .modal-content .modal-signin-form {
	width: 590px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft {
	border-right: 1px solid #666;
	clear: both;
	float: left;
	height: 143px;
	padding-right: 30px;
	width: 250px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft .modal-container-formleft {
	height: 143px;
	position: absolute;
	width: 220px;
}

#popin #modal-popin .modal-content .modal-signin-form h5 {
	font: bold 11px Verdana, Geneva, sans-serif;
	margin-bottom: 5px;
	color: #367908;
	text-transform: uppercase;
}

#popin #modal-popin .modal-content .modal-signin-form input {
	border: 1px solid #DBDBDB;
	font: 11px Verdana,Geneva,sans-serif;
	height: 17px;
	line-height: 17px;
	margin-top: 5px;
	padding: 0;
	width: 230px;
}

#popin #modal-popin .modal-content .modal-signin-form fieldset input,
#popin #modal-popin .modal-content .modal-signin-form fieldset {
	border: 0;
	width: auto;
}

#popin #modal-popin .modal-content .modal-signin-form label {
	border: 0;
	clear: both;
	margin-bottom: 20px;
}

#popin #modal-popin .modal-content a.modal-link-arrow {
	background: url(/img/garnier-club/icn_next.png) 0 1px no-repeat;
	color: #EA7A28;
	font: bold 9px/normal Verdana,Geneva,sans-serif;
	padding-left: 12px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright {
	float: right;
	height: 143px;
	padding-left: 30px;
	width: 249px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright .modal-container-formright {
	position: absolute;
	height: 143px;
	width: 220px;
}

#popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright .modal-container-formright p {
    position: relative;
}

/* @end */

/* @end */

/** IE6 **/
* html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright {
	margin-right: 5px;
	width: 240px;
}

* html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft {
	padding-right: 0px;
	width: 294px;
}
* html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft .modal-container-formleft {
	width: 250px;
}

 /** IE7 **/ 
 *:first-child+html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formright {
	margin-right: -5px;
	width: 240px;
}

 *:first-child+html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft {
	padding-right: 0px;
	width: 294px;
}
 *:first-child+html #popin #modal-popin .modal-content .modal-signin-form .modal-signin-formleft .modal-container-formleft {
	width: 235px;
}