/* ----------------------- Begin GENERAL Form Elements ------------------------ */
.contactform {clear: both; max-width: 500px; margin: 1em 0 0 0; font-family: 'Raleway', verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;}
.contactform fieldset {text-align: left; margin: .5em 0 .25em 0; padding: 0; border: none;}
.contactform div {text-align: left; margin: .5em 0 .25em 0; padding: 0; border: none;}
.contactform .label {display: block; width: 90%; margin: 0; padding: 0; color: #000; text-align: left; font-size:1.0em; line-height: 1.25em;}
	#page-content p.label {margin-bottom: 0; font-size:1.1375em; line-height: 1.25em;}
	
	.contactform fieldset.float label {display: inline;}

.contactform input[type="text"], .contactform input[type="tel"], .contactform input[type="email"], .contactform input[type="number"], .contactform input[type="password"], .contactform textarea
	{display: block; width: 96%; margin: 0; padding: .25em .25em .35em .25em; /*color: #47a76e;*/ color: #900028; font-size: 1.0625em; font-family: 'Raleway', verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif; background-color: #fff2d0; border: 1px solid #f5e3b6; border-top: 3px solid #f5e3b6;}
	.contactform input[type="text"]:focus, .contactform input[type="tel"]:focus, .contactform input[type="email"]:focus, .contactform input[type="number"], .contactform input[type="password"]:focus, .contactform textarea:focus 
	{background-color: #fbe6b1; border: 1px solid #f5e3b6; border-top: 3px solid #f5e3b6;}


.contactform select {padding: .75em .5em; font-weight: normal; font-size: .65em; width: 96%;}

.contactform input[type="radio"] {display: inline; margin-right: .25em;}
	.contactform label.radio-label {display: inline; margin-right: 1em;}

#content .contactform h4 {color: #564434; margin-bottom: .25em;}
.contactform input[type="checkbox"] {clear: both; float: left; margin: .25em .5em 0 0;}

.contactform input.inline, .contactform .inline {display: inline; margin-right: 1.25em;}

.contactform .date-select {width: 23%; display: inline;}

.contactform input[type="submit"] {padding: .75em 2em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */
	/* 400px/16px = 30em */
	@media all and (min-width: 30em) {
	.contactform #zip, .contactform #stateSelect, .contactform #CodeOnPackage, .contactform #upc, .contactform #country {width: 50%;}
		}


/*ERROR COLOR FOR INPUT FIELDS
{color: #900028; background-color: #f6d1dc; border: 1px solid #900028; border-top: 3px solid #900028;}
*/
.form-error {color: #900028 !important; background-color: #f6d1dc !important; border: 1px solid #900028 !important; border-top: 3px solid #900028 !important;}

.validation-summary, .validation-summary-errors ul { display: none; padding: 10px; margin: 25px 0; color: #900028; background-color: #f6d1dc; border: 1px solid #900028; border-top: 3px solid #900028;list-style-type: none;}
.validation-summary-errors ul { display: block; }

/* -----------------------  ------------------------ */


/* ----------------------- Begin CONTACT Form Elements ------------------------ */
.contactform select#BirthMM {width: 31%; display: inline; font-size: .65em;}
.contactform select#BirthDD {width: 24%; display: inline; font-size: .65em;}
.contactform select#BirthYY {width: 26%; display: inline; font-size: .65em;}



/* ----------------------- Sales Form Elements ------------------------ */
#expiration_month, #expiration_year  {width: 40%; float: left; max-width: 300px; margin: 0 1em 0 0;}
#expiration_month {clear: both;}
#security_code {clear: both; width: 40%; max-width: 300px; margin: 0 1em 0 0;}
#amount {width: 40%; max-width: 300px; margin: 0 0 0 .25em;}
/* ----------------------- 


/* ----------------------- Where to Buy Form Elements ------------------------ */
#find-our-products {position: relative; border: 1px solid #575757; width: 630px; margin-top: 20px; padding: 20px 10px 0px 10px;}
#find-our-products p  {padding-left: 10px; font-size: 13px; line-height: 13px; color: #575757}
#find-our-products label  {margin-right: 20px; color: #575757;}

.search-by {border: 1px solid #4286b5; float: none; width: 85%; height: auto; margin: 2em 1em 0 0; padding: 0 7% 7% 7%; background: #fff;}
#page-content .box-header {width: 70%; margin: -.5em auto 1em auto; padding: 0 .5em; text-align: center; font-size: 1.25em; background-color: #fff;}
#page-content .or {float: none; display: block; clear: both; margin: 1em auto 0 auto; padding: 0px; color: #007f61; text-align: center; font-weight: bold; font-size: 1.75em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */
	/* 400px/16px = 30em */
	@media all and (min-width: 25em) {
	#page-content .box-header {width: 60%;}
		}
	/* 560px/16px = 35em */
	@media all and (min-width: 35em) {
	.search-by {float: left; width: 35%; height: 250px; padding: 0 3% 3% 3%;}
	#page-content .box-header {width: 90%;}
	#page-content .or {float: left; clear: none; margin: 70px 10px 0px 0px; padding: 10px 0px;}
		}
	/* 700px/16px = 43.75em */
	@media all and (min-width: 43.75em) {
	.search-by {float: none; width: 85%; height: auto; margin: 2em 1em 0 0; padding: 0 7% 7% 7%;}
	#page-content .box-header {width: 60%;}
	#page-content .or {float: none; display: block; clear: both; margin: 1em auto 0 auto; padding: 0px;}
		}
	/* 900px/16px = 56.25em */
	@media all and (min-width: 56.25em) {
	.search-by {float: left; width: 35%; height: 250px; padding: 0 3% 3% 3%;}
	#page-content .or {float: left; clear: none; margin: 70px 10px 0px 0px; padding: 10px 0px;}
		}
	/* 1020px/16px = 63.75em */
	@media all and (min-width: 63.75em) {
	#page-content .box-header {width: 70%;}
		}
		
/* -----------------------*/

.ui-state-focus {
    margin: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    font-weight: normal !important;
}

.indent fieldset{
	margin-left: 20px;
}