#loginModal {
	height: 100%;
}

#loginModal .modal-backdrop {
	/* damn you bootstrap */
	height: 100% !important;
}

#signup-info {
	text-align: center;
	font-size: 10px;
	padding: 10px;
	color: #ccc;
}

#signup-info A {
	color: #ccc;
	border-bottom: 1px solid #ccc;
}

.modal-header {
	padding: 15px 10px 15px 10px;
	background-color: #55688b;
	border: none;
}

.modal-body-container {
	border-top: 1px solid #e5e5e5;
}

.modal-title {
	color: #fff;
	font-family: Futura-light, sans-serif;
	text-transform: uppercase;
}

.modal-body {
	position: relative;
	padding: 20px 20px 20px 20px;
}

BUTTON.shop_now {
	background-color: #990000;
	color: white;
	display: block;
	width: 100%;
	height: 36px;
	float: none;
}

.text-danger[data-suggested-email] {
    cursor: pointer;
    text-decoration: underline;
}

.pitch {
	text-transform: uppercase;
	font-family: Futura-Light, sans-serif;
	color: #fff;
	text-align: center;
}

.pitch H3  {
	line-height: 1.3em;
	font-size: 19px;
	margin: 0;
	padding: 0;
}

.pitch-line {
	margin: 0;
	color: #d0ef8f;
}


.modal-header { text-align: right; color: #d0ef8f; font-family: Futura-light, sans-serif; }
.modal-header a { color: #d0ef8f;  text-transform: uppercase; font-family: Futura-Book, Arial, sans-serif}
.modal-footer { background-color: #55688b; padding: 0;}

.pitch H3 {
    color:  #55688b;
    text-align: left;
    font-size: 30px;

}

.pitch-line {
    color: #333 !important;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    font-size: 90%;
    margin: 10px 0;
}

label[for=email] {
    color: #55688b;
    text-transform: lowercase;
}

.step2 {
    display: none;
}

#signup-button {
    margin-bottom: 20px;
}

#loginModal .modal-body {
    min-height: 300px;
}

.signup_steps {
    height: 30px;
    background-color: #fff;
}
.signup_steps .step2 {
    margin: 0;
    padding: 0;
    background: transparent url(../images/bgs/desktop-signup-modal-background2.png) top left no-repeat;
    height: 30px;

}

.modal-body-container {
    border-top: 0;
}


@media screen and (min-width: 768px)
{
    #loginModal .modal-dialog  {width: 377px; }
	#loginModal .modal-content {width: 377px; top:100px; padding: 0 5px 0 5px;}
    #loginModal .modal-content { position: fixed;}

    #loginModal .modal-title { color: #55688b;}

    #loginModal .modal-content { background-color: #55688b;}
    #loginModal .modal-body-container { background-color: #fff;}

}

@media screen and (max-width: 767px) {

    .modal.login .modal-content { position: relative;}

    .register-footer span { display:block; }
	.pitch H3  { font-size: 16px; }
    #loginModal .modal-dialog {
	    width: 80% !important;
	    top: 35px !important;
	    left: 7% !important;
	    position: fixed !important;
    }
    .modal-header { padding: 10px; }
    .modal-body { padding: 5px 15px; }
    .modal-footer { padding: 5px; }
    .pitch-line { font-size: 90%; }
	.or { padding: 2px; }
	#loginForm div.form-group { margin-bottom: 10px; }
    a.forgot { position: relative; top: -5px; }


}

BUTTON:hover {
	color: white !important;
}

#loginModal A.facebook {
	background-color: #3B5998;
	color: white !important;
	width: 100%;
	height: 36px;
	line-height: 26px;
}

.or {
	padding: 5px;
}

.modal-content {
	border-radius: 0;
}

.modal-backdrop {
	background-color: #000000;
}

.modal-backdrop.in {
	opacity: .95;
	filter: alpha(opacity=95);
}

.modal-backdrop, .modal-backdrop.in {
	opacity: 0.5 !important;
	filter: alpha(opacity=50) !important;
}

.modal-open {
	overflow: visible !important;
}

body span.chevron-up {
	display:none;
}

body span.dismiss {
	display: none;
	cursor: pointer;
}

body.mode-xs span.chevron-up,
body span.dismiss {
	display: block;
	position: absolute;
	right: 5px;
	top: 0px;
	color: #fff;
}