html
{
	margin:0;
	padding:0;
	background-color:#ffffff;
}

body {color: #666666;FONT-FAMILY: Arial, Serif; font-size: 12px;

	text-align:center;
	min-width:960px;
	margin:0;
	padding:0;
	background-color:#ffffff;
}

#content_container
{
	position: relative; width:960px; margin-left: auto; background-color:#ffffff; margin-right: auto; text-align:left;
}

h1 {color: #666666;FONT-FAMILY: Arial, Serif; font-size: 18px;padding:10px 0px 0px 0px;}

h2 {color: #666666;FONT-FAMILY: Arial, Serif; font-size: 16px;padding:0px 0px 0px 0px;}

.hometext			{color: #666666;FONT-FAMILY: Arial, Serif; font-size: 12px; font-weight:bold; text-decoration:none;}

.wtext				{color: #ffffff;FONT-FAMILY: Arial, Serif; font-size: 12px; font-weight:bold; text-decoration:none;}
.wtext a:active		{color: #ffffff;FONT-FAMILY: Arial, Serif; font-size: 12px; font-weight:bold; text-decoration:none;}
.wtext a:link		{color: #ffffff;FONT-FAMILY: Arial, Serif; font-size: 12px; font-weight:bold; text-decoration:none;}
.wtext a:visited	{color: #ffffff;FONT-FAMILY: Arial, Serif; font-size: 12px; font-weight:bold; text-decoration:none;}
.wtext a:hover		{color: #ffffff;FONT-FAMILY: Arial, Serif; font-size: 12px; font-weight:bold; text-decoration:underline;}

.wfooter			{color: #ffffff;FONT-FAMILY: Arial, Serif; font-size: 11px; font-weight:normal;}


.error				{color: red;FONT-FAMILY: Arial, Serif; font-size: 12px; padding:2px;font-weight:bold;list-style-image: url(http://localhost/northerncrates/images/error.jpg);}

.footer				{color: #cc0033;FONT-FAMILY: Arial, Serif; font-size: 11px;text-decoration:none;}
.footer a:active	{color: #cc0033;FONT-FAMILY: Arial, Serif; font-size: 11px;text-decoration:none;}
.footer a:link		{color: #cc0033;FONT-FAMILY: Arial, Serif; font-size: 11x;text-decoration:none;}
.footer a:visited	{color: #cc0033;FONT-FAMILY: Arial, Serif; font-size: 11px;text-decoration:none;}
.footer a:hover		{color: #cc0033;FONT-FAMILY: Arial, Serif; font-size: 11px;text-decoration:underline;}


.contact_field  {margin: 1em 0;padding: 1em;border:1px solid #000000;background:#fff;}
.contact_legend {color:black;font-family:Arial;font-weight:bold;}
.contact_label	{float:left;width:90px;font-size:12px;font-family:arial,sans-serif;}
.title_label	{float:left;width:300px;font-size:12px;font-family:arial,sans-serif;}
.contact_dlabel	{float:left;width:140px;font-size:12px;font-family:arial,sans-serif;}
.contact_qlabel	{float:left;width:120px;font-size:12px;font-family:arial,sans-serif;}
.contact_olabel	{float:left;width:260px;}
.login_label	{float:left;width:60px;font-size:12px;font-family:arial,sans-serif;}
.contact_button {color:#ffffff;background-color:red;font-family:Arial;font-weight:bold;font-size:11px;border:0;text-align:center;}
.contact_qbutton {color:#ffffff;background-color:red;font-family:Arial;font-weight:bold;font-size:11px;border:0;text-align:center;}
.quote_label	{float:left;width:120px;font-size:13px;font-family:arial,sans-serif;}

img {border:0px}

input
{
	font-size: 11px;
	color:#999999;
	font-weight:bold;
	border:1px solid red;
	background-color: #E9FDFE;
	margin:0px;
	padding:3px;
}

.ctext {line-height:22px};


select
{
	font-size: 11px;
	color:#666666;
	font-weight:bold;
	border:1px solid red;
	background-color: #E9FDFE;
	margin:0px;
	padding:0px 0px 0px 0px;
}

textarea
{
	font-size:12px;
	border:1px solid red;
	font-weight:bold;
	background-color: #E9FDFE;
	padding:2px;
	color:#666666;
}

.button
{
	font-size:12px;
	color: #ffffff;
	border:0px solid #000000;
	font-weight:bold;
	background-color: red;
}

legend
{
	padding:10px;
	text-align:left;
	COLOR: #666666;
    FONT-FAMILY: Arial, Serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}


.spiderpic{
position: relative;
z-index: 0;
}

.spiderpic:hover{
background-color: transparent;
z-index: 50;
}

.spiderpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.spiderpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.spiderpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
