/*CONTACT*/

#contactinfo, #contactformarea {margin-top: 25px;} #contactinfo {text-align: center;}
#success, #error {margin-top: -110px; position: relative;}

#contactinfo table {margin: auto; border-collapse: collapse;}
#contactinfo td {text-align: left; vertical-align: top; padding: 5px; border: 1px solid #BBB;}

/*Contact Info*/
.conamecont {font-size: 1.2em; line-height: 1.25; font-weight: 600;}
@media (max-width: 415px) and (min-width: 300px) {.conamecont span {display: block;}}
.servingcont {font-size: .9em; line-height: 1.4; margin-top: 5px;}
@media (max-width: 390px) and (min-width: 300px) {.servingcont span {display: block;}}
.contacthours {font-size: .85em; line-height: 1.4; margin-top: 15px;}
@media (max-width: 315px) {.contacthours span {display: block;}}
.phoneline {font-size: 1.1em; font-weight: 600;}
.fax, .fax:hover, .fax a, .fax a:hover {color: #222 !important; text-decoration: none; cursor: text !important; pointer-events: none;}
.fax span {font-size: .85em;}

/*Contact Form*/
#contactformarea {height: 735px;}
.text {height: 24px;}
.text, #comments
{padding: 5px 8px 7px 7px; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; background-color:#EEE; border: 1px solid #DDD; border-radius: 6px; resize: none; width: 330px;}
#comments {height: 80px;}
.submit {font-size: 20px; margin-top: 10px; padding: 7px 12px 5px 12px; background-color: #2f518f; border: 1px solid #2f518f; border-radius: 5px; cursor: pointer; color: #FFF;}
.submit:hover {background-color: #527cc8; border: 1px solid #527cc8;}
#privacy {margin-top: 20px; padding: 0 5px; text-align: center; font-size: 12px; line-height: 1.4;}
#privacy span {display: block;}

/*"Required" Contact form options*/
.required {text-align: center; margin-bottom: 8px; font-weight: 600; font-size: 16px; color: #F10000;}
.title {text-align: left; font-size: 18px; line-height: 1.4; padding-top: 7px; padding-bottom: 1px;}
form label {font-size: 13px; font-weight: normal; text-align: right; margin-top: -22px;}
#success, #error {display:none; text-align: center;}
#success p, #error p {font-size: 22px !important; line-height: 32px;}
#success span, #error span {display:block; top:0; width: 100%; font-weight: 600;}
form label, #success span, #error span {position: absolute;}
form label, form label.error, #error span p {color: #F10000;}
.msg {font-weight: normal; font-size: 13px;}

@media (min-width: 400px) {.text, #comments {width: 330px;} form label {width: 346px;}}
@media (max-width: 399px) {.text, #comments {width: 260px;} form label {width: 276px;}}
@media (max-width: 330px) {#privacy span {display: inline;}}
@media (max-width: 320px) {.text, #comments {width: 240px;} form label {width: 256px;}}
@media (max-width: 300px) {.text, #comments {width: 220px;} form label {width: 236px;}}