@charset "utf-8";

/*-------------------------- MAILING LIST ---------------------------*/
#mailing { margin: 10px 0 0 0; }
#mailing label {
	color: #db8000;
	font-size: 14px;
	font-family: "Nobile", Helvetica, Arial, sans-serif;
	font-style: italic;
	margin: 0 10px 0 0;
	float: left;
	line-height: 32px;
}
#mailing label.two { line-height:normal; }
#mailing input, #newsletter select, .reveal-modal textarea {
	width: 210px;
	padding: 2px 5px;
	height: 26px;
	line-height: 26px;
	margin: 0 5px 10px 0;
	border: none;
	background: #FFF;
	font-family: "Nobile", Helvetica, Arial, sans-serif;
	color: #3c3c3c;
	float: left;
}
#newsletter select {
	width: 220px;
	height: 30px;
}
#mailing .sign_up, .reveal-modal .sign_up, a.sign_up {
	background: #3280C7;
	color: #fff;
	border: none;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin: 0;
	cursor: pointer;
	font-family: "Nobile", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}
#mailing .sign_up:hover, .reveal-modal .sign_up:hover, a.sign_up:hover {
	background: #DB8000;
	color: #FFF;	
}
.reveal-modal #mailing .sign_up { width: 220px; height: 30px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .75); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .75);
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
}
textarea.order { height: 100px; }

/*-------------------------- SMALL PW FORM ---------------------------*/

.upw-form {
	margin: 0; 
	margin-top: 10px;
	width: 98%;
	padding: 0px;
	display: block;
}

.upw-form-label {
	width: 90%;
	font-size: 12px;
	float: left;
	color: #004C8E;
	font-family: "Nobile", Helvetica, Arial, sans-serif;
}

.upw-form-input { float: left; width: 90%; }

.upw-form-input input {
	font-size: 12px;
	color: #353535;
	font-family: "Nobile", Helvetica, Arial, sans-serif;
	width: 92%;
	height: 16px;
	padding: 3px 4px;
	background: #FFF;
	border: 1px solid #dbdbdb;
}

.upw-form #submit, .form-input .submit-btn {
	background: #3280C7;
	color: #fff;
	border: none;
	width: 98%;
	height: 30px;
	margin: 0;
	cursor: pointer;
	font-family: "Nobile", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}
.upw-form #submit:hover, .form-input .submit-btn:hover { background: #db8000; }


/*-------------------------- OTHER FORMS ---------------------------*/
.contact-form {
	margin: 0; 
	width: 477px;
	padding: 15px;
	display: block;
	border: 1px solid #c8c8c8;
}
.contact-form.catalog { width: 89%; margin: 20px auto; border: none; }
.contact-form p { margin-top: 0; }
.form-row {
	width: 477px;
	margin: 0 0 8px 0;
	float: left;
}

.form-row .form-captcha {
	padding-left: 152px;
}

.form-label {
	width: 150px;
	font-size: 13px;
	margin: 0 15px 5px 0;
	float: left;
	color: #004C8E;
	font-family: "Nobile", Helvetica, Arial, sans-serif;
}
.form-label small { font-size: 10px; }

.form-input { float: left; width: 312px; }
.form-input input, .form-input textarea, .form-input select {
	font-size: 12px;
	color: #353535;
	font-family: "Nobile", Helvetica, Arial, sans-serif;
	width: 270px;
	height: 16px;
	padding: 3px 4px;
	background: #FFF;
	border: 1px solid #dbdbdb;
}
.form-input textarea { height: 70px; }
.form-input select {
	width: 280px; 
	height: 25px; 
	background: #FFF;
	border: 1px solid #d7d6df;
}
.form-input input.short { width: 118px; margin-right: 0; float: left; }
.form-input input.radio { width: 15px; margin-right: 10px; float: left; }
.form-input label { font-size: 11px; display: block; float: left; width: 135px; margin-right: 20px; line-height: 20px; }
.form-input label.long { width: 180px; font-size: 13px; }
.form-input img { border: 1px solid #d7d6df; margin: 0 15px 0 0; float: left; }


.form-response {
	padding: 10px;
	border: 1px dashed #e1715e;
	color: #ff0000;
	width: 346px;
	margin: 0 0 15px 20px;
	float: left;
}
.form-response.eval { width: 716px; margin: 0 0 15px 0; clear: both; }
.form-response.unsub { width: 716px; margin:0; }
.form-response.unsub.success { color: #fff; border-color: #25be50; }
#submit, .form-input .submit-btn {
	background: #3280C7;
	color: #fff;
	border: none;
	width: 280px;
	height: 30px;
	margin: 0;
	cursor: pointer;
	font-family: "Nobile", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}
#submit:hover, .form-input .submit-btn:hover { background: #db8000; }
#submit:active, .form-input .submit-btn:active { background: #3c3c3c; }

.form-input input.check { width: 13px; float: left; }
.form-input input[type=checkbox] { width: 13px; float: left; }

.form-input input.invalid, .form-input textare.invalid, .form-input select.invalid {
	border: 1px dotted #c62036;
	background: #cc9ba2;
}

.error, .success, .alert {
	padding: 5px 10px;
	background: #c44f44;
	color: #fff;
	font-size: 13px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(203, 200, 194, .45);
	box-shadow: 0px 1px 3px 0px rgba(203, 200, 194, .45); 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.alert {
	background: #f8ebbc; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8ebbc 0%, #ead994 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ebbc), color-stop(100%,#ead994)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8ebbc 0%,#ead994 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8ebbc 0%,#ead994 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8ebbc 0%,#ead994 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8ebbc 0%,#ead994 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ebbc', endColorstr='#ead994',GradientType=0 ); /* IE6-9 */
	color: #4c4c4c;
}
.success {
	background: #7ebd65; /* Old browsers */
	background: -moz-linear-gradient(top,  #7ebd65 0%, #70a55a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ebd65), color-stop(100%,#70a55a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7ebd65 0%,#70a55a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7ebd65 0%,#70a55a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7ebd65 0%,#70a55a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7ebd65 0%,#70a55a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ebd65', endColorstr='#70a55a',GradientType=0 ); /* IE6-9 */
}
.terms, .password { color: #db8000; }
.terms:hover, .password:hover { color: #8f5400; }

.notice { font-size: 11px; padding: 10px; background: #fafafa; line-height: 17px; }