/* Big Fresh Standard Contact Form Specs

COLORS:
Light Grey - #eeeeee (background of boxes) 
Medium Grey - #999999 (lines around boxes/fields)
Dark Grey  - #333333 (title box) 
Red - #cc0000 (Required Info) 
Orange - #ff9900 (Links, selected field) 
White - #ffffff

FONTS:
Titles: Trebuchet, reg, 16px, white
Address Details: Titles: Trebuchet, reg, 13px, Dark Grey  - #333333
Links: Arial, reg, 11px, underlined, Orange - #ff9900 
Field Names: Links - Arial, reg, 11px, Dark Grey  - #333333 
Required Information: Arial, reg, 10px, ALL CAPS, Red - #cc0000 
Instruction Text: Trebuchet, reg, 14px, Dark Grey  - #333333
*/

/*font styles*/
p.title {
font-family:Trebuchet MS, sans-serif;
font-size:16px;
font-weight:normal;
color:#ffffff;
text-align:center;}

#contact_top .address p {
font-family:Trebuchet MS, sans-serif;
font-size:13px;
font-weight:normal;
color:#333333;
margin:6px 0;
padding:0;
vertical-align:middle}

/*	this shouyld be superceded by the a tag style in the regular css
a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;

color:#ff9900;
text-decoration:underline;
}
*/

.map a img {
border:1px solid #999999;}

table.form {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;}

table.form p {
font-family:Trebuchet MS, sans-serif;
font-size:13px;
font-weight:normal;
color:#333333;
margin:10px 5px 0 18px;}

td.required {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-transform:uppercase;
color:#cc0000;
padding-left:15px;}

.red {
color:#cc0000;
font-size:12px;}


/*layout styles*/

* {
margin:0;
padding:0;}

#container {
width:430px;
margin:20px auto 0 auto;}

/*top box*/
#contact_top {
width:420px;
float:left;
background-color:#eeeeee;
border:1px solid #999999;
border-top:none;
margin-bottom:20px;}

.title_bar {
width:420px;
height:24px;
float:left;
background-color:#333333;
border:1px solid #333333;}

#contact_top .address {
float:left;
padding:5px 10px 0 15px;}

.map {
float:right;
padding:15px 15px 15px 10px;
}


/*bottom box*/
#contact_bottom {
width:420px;
float:left;
background-color:#eeeeee;
border:1px solid #999999;
border-top:none;}

#contact_bottom form {
margin-left:0;}

#contact_bottom form table td {
padding: 0px 2px 1px 2px;}

#contact_bottom form table td.contact_label {
padding: 2px 2px 0px 2px;
vertical-align: bottom;}

table.form {
margin:5px 10px;
padding:0px;
border:0px;
width:400px;}

#contact_bottom form table td img {
padding:2px 0;}


/*.button {border: 1px solid #999999; font-size: 12px; font-family: Verdana; background-color: #ffffff; height:25px; color:#FFFFFF; }*/
.textbox { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 240px; height:22px; margin-bottom:5px;}
.textboxreqd { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 240px; height:22px; margin-bottom:5px; background-color: #ffffff;}
.textboxsmall { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 150px; height:22px; margin-bottom:5px;}
.dropdown { border: 1px solid #999999; font-size: 13px; font-family: Verdana; height:22px; margin-bottom:5px;}
.large_text { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 380px; height: 125px; }
.textareabox { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 240px; height: 100px; }
.textboxsmall{ border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 100px; height:22px; margin-bottom:5px; 
background-color: #ffffff; 
}

/* spam decoys */
.form_serial { 
display: none; }

/* row highlighting  from http://www.jankoatwarpspeed.com/examples/ContextHighlighting/ */
.over{
border:1px solid #ff9900;
}

/* this doesn't work in IE */
.swap {
float:right; 
margin-right:25px;
background-image:url("images/submit_button_transparent.png");
}

.swap:hover {
background-image:url("images/submit_button_orange.png");
}