﻿#contentcenter
{
	margin: 0;
}

#AccountEditPanel
{	
	display:none;
	position:fixed;
	z-index: 999999999;
	background-color:White;
	width:800px;
	padding-bottom: 11px;
}

.hide
{
	display:none;
}

.editAccountPanel
{
	width:800px;
	height:428px;
	background-color:White;
	position:fixed;
	z-index:10001;
}

#LeftColumn
{
	background-color:White;
	clear:left;
	float:left;
	width:50%;
}

#RightColumn
{
	background-color:White;
	width: 50%;
	float:left;
}

.Buttons
{
	clear:both;
	height:auto;
	width:auto;
	float:right;
}

.AccountButtonSave
{
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	background-image: url('Images/Checkout/btn_forward_170px.gif');
	background-position:0px 27px;
	height: 27px;
	width:171px;
	float:right;
}

.AccountButtonCancel
{
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	background-image: url('Images/Checkout/btn_empty_130px.gif');
	background-position:left top;
	height: 27px;
	width:131px;
	float:right;
	margin-right:10px;
}

/* New */
#passForgottenLinkBox
{
	background:url("Images/arrow_right_grey_dark.png") no-repeat scroll right -4px transparent;
	float:right;
	font-size:10px;
	margin-top:38px;
	padding-bottom:3px;
	width:116px;
}

#passForgottenLinkBox:hover 
{
	text-decoration:underline;
}

.CloseCSSLine
{
	display: block;
	margin-bottom: 20px;
}

.CloseCSSBox
{
	float: right;
	margin-top: 3px;
	*margin-top:-18px
}

.CloseCSSBox a
{
	background: url('Images/btn_x.gif') no-repeat bottom right;
	color: #4B4B4B;
	padding-right: 20px;
	text-decoration: none;
}

.passForgottenControls
{
	margin-top: 10px;
}

#PassForgottenValidation
{
    margin-top: 5px;
}

#passForgottenControls
{
    margin-left: 15px;
}

#cartPrevButtonLink
{
	background: url(Images/Checkout/btn_back_120px.gif) no-repeat;
	display: block;
	float: left;
	height: 21px;
	width: 99px;
	padding-top:5px;
	padding-left:21px;
	color:#fff;
}

.ButtonSendNewPassword
{
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	vertical-align:middle;
	text-align:left;
  padding: 4px 0 9px 6px;
	background:url("Images/Checkout/cart/btn_zwart_140px.gif") no-repeat;
	height: 24px;
	width:140px;
	float:left;
	margin-left:70px;
	margin-top:10px;
}

/* Mijn MyCom Login Forgotten Password */
#passForgottenBoxMM
{
	background: #ffffff;
	display: none;
	position: relative;
	height: 130px;
	padding: 15px;
	width: 347px;
	z-index: 20;
}

#passForgottenBox
{
	background: #ffffff;
	display: none;
	position: relative;
	height: 130px;
	padding: 12px;
	width: 400px;
	z-index: 20;
}

/* Mail Exists Forgotten Password Popup */
#textForgottenPassword
{
	margin-top: 20px;
	margin-left: 15px;
	display: block;
}

.regularTextInactive
{
	display: none;
}

.regularTextActive
{
	width:233px;
	display: block;
}

.existingTextInactive
{
	display: none;
}

.existingTextActive
{
	display: block;
}

/* Grey Out Background */
#backgroundGreyOut
{
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #000000;
	z-index: 10;
}
/* New End */

/* New Style */
#loginPanel
{
	width:800px;
}

#loginAccountPanel
{
	background-color: White;
	width:398px;
	height:210px;
	border-left:solid 1px;
	border-top:solid 1px;
	border-bottom:solid 1px;
	border-color: #D7D7D6;
	float:left;
	margin-bottom:20px;
	font-size: 11px;
}

#loginAccountPanelInner 
{
	display:block;
	padding: 15px;
	height:150px;
	width:368px;
}

#createAccountPanel
{
	background-color: White;
	width: 398px;
	height: 210px;
	border: solid 1px;
	border-color: #D7D7D6;
	float:left;
	font-size: 11px;
}

.loginHeader
{
	font-weight: bold;
	font-size: 17px;
	display: block;
	float:left;
	width: 75px;
	margin-bottom: 10px;
}

.ie7fix
{
    width:368px;
    height:40px;
}

#cartPrevNextButtons
{
	display: block;
	float: left;
	width: 100%;
	*margin-top: 20px;
}

.accountHeader
{
	font-weight: bold;
	font-size: 17px;
	display: block;
	margin-bottom: 10px;
	margin-top: 15px;
	margin-left: 15px;
}

.profitList
{
    margin-left: 50px;
    margin-bottom: 9px;
}

.profitList li
{
    list-style-image: url('Images/Checkout/vinkje_oranje.png');
    line-height: 185%;
}

.loginHeaderMM
{
	font-weight: bold;
	font-size: 17px;
	margin-bottom:16px;
	width:230px;
}

.LoginButton {
  background:url("Images/Checkout/cart/btn_zwart_140px.gif") no-repeat;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
  float:left;
	font-size:11px;
  margin: 30px 0 0 88px;
  padding: 4px 0 9px 6px;
	text-align:left;
  width:140px;
  height:24px;
}

.CreateButton
{
  background:url("Images/Checkout/cart/btn_zwart_140px.gif") no-repeat;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
  float:left;
	font-size:11px;
  height:24px;
  margin: 0 0 0 30px; 
  padding: 4px 0 9px 6px;
	text-align:left;
  vertical-align:middle;
  width:140px;
}

.QuickOrderBtn
{
	background:url("Images/arrow_right_grey_dark.png") no-repeat scroll right -2px transparent;
	color:#4B4B4B;
	cursor:pointer;
	float:left;
	font-size:10px;
	margin-left:21px;
	margin-top:5px;
	width:149px;
}

.QuickOrderBtn:hover 
{
  text-decoration:underline;
}

.emailgroup
{
	margin-bottom: 10px;
	width:350px;
	height:30px;
	padding-left:18px;
}

.passwordgroup
{
    width:353px;
    height: 30px;
    padding-left:15px;
}

.loginLabel
{
	float:left;
	width: 65px;
	margin-right: 2px;
	margin-top: 3px;
	font-weight: normal;
	font-size: 11px;
}

.passForgottenloginLabel
{
    display: block;
    width: 70px;
	margin-top: 6px;
	margin-left: 15px;
	margin-right: 5px;
	font-weight: bold;
	font-size: 11px;
}

.loginTextBox
{
	border: solid 1px #373333;
	height: 18px;
	padding: 3px;
	width: 194px;
	margin-right: 12px;
	padding-left: 23px;
	background: url('Images/Checkout/icon_mail_input.png') no-repeat 4px center;
}

.RequiredEmailMarker
{
	margin-top: 7px;
}

.lblLoginErrorMessage
{
	color: Red;
	float: left;
}

.lblLoginErrorMessageForgotten
{
    color: Red;
	float: left;
	margin-left: 102px;
}

.lblLoginSuccessMessage
{
	color: #65942D;
	float: left;
}

#LoginValidation
{
    margin-top: 5px;
    margin-left: 20px;
    float: left;
    width: 260px;
}

.passwordLabel
{
	float: left;
	display: block;
	width: 65px;
	margin-right: 5px;
	margin-top: 3px;
	font-weight: normal;
	font-size: 11px;
}

.passwordTextBox
{
	border: solid 1px #373333;
	height: 18px;
	padding: 3px;
	width: 194px;
	margin-right: 12px;
	padding-left: 23px;
	background: url('Images/Checkout/icon_key_input.gif') no-repeat 4px center;
}

.RequiredPasswordMarker
{
	margin-top: 7px;
}

.RequiredPasswordMarker2
{
	margin-top: 0px;
}

.lblPasswordErrorMessage
{
	color: Red;
	float: left;
	clear: left;
}

.infobutton
{
	background-image: url('Images/btnInfo.gif');
	width:19px;
	height:19px;
	float:left;
	clear:left;
	margin-right:3px;
	margin-top:-2px;
}

.ValidationSummary
{
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-left:44px;
	padding:14px 10px 3px 6px;
	width:220px;
}

.AccountValidationSummary
{	
	float:left;
	margin-bottom:23px;
	margin-left:180px;
	width:216px;
}

.cvZipCode
{
	float:left;
	position:relative;
	right:101px;
	top:8px;
}

.cvEmail
{
	float:left;
	left:53px;
	position:relative;
	top:8px;
}

.cvFirstName
{
	float:left;
	left:68px;
	position:relative;
	top:8px;
}

.cvLastName
{
	float:left;
	left:57px;
	position:relative;
	top:8px;
}

.cvPassCompare
{
	float:left;
	left:12px;
	position:relative;
	top:1px;
}

.cvPhone1
{
	float:right;
	position:relative;
	right:17px;
	top:7px;
}

.cvPhone2
{
	float:right;
	position:relative;
	right:17px;
	top:8px;
}

.emptyPass
{
	float:left;
	left:57px;
	position:relative;
	top:8px;
}

.cvBirthday
{
	float:left;
	left:40px;
	position:relative;
	top:8px;
}

#reqFieldValidatorPassword {
	clear:both;
	float:left;
	margin-left:390px;
	margin-top:-63px;
}

.login-form {
	padding:20px;
}

.left {
	float:left;
	width:271px;
}

.right {
	width:271px;
	float:right;
}

.login-form .register-button { margin-top:20px; }

.login-form p {	margin:10px 0px; }

.LoginTable {
	margin:15px 0px 15px 5px; 
	border:solid 1px;
	border-color:#D7D7D6;
}

.LoginTable ul li { list-style-type:none; }
.Links a:hover { color:#FCB016; }

.Description {
	font-size:10px;
	font-weight:bold;
	padding-right:5px;
	padding-bottom:8px;
	text-align:right;
}

.Values {
	color:#4B4B4B;
	padding-bottom:5px;
}

.Links {
	padding-bottom:8px;
	padding-left:10px;
	vertical-align:top;
}
