div#error, .error {
color: red;
}

body {
/*margin: 0px;*/
margin: 0px; padding: 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #333;
line-height: 1.5em;
}
html {
overflow: auto;
}

/*div#container {
width: 100%;
height: 100%;
}*/

div#head {
vertical-align: top;
text-align: left;
right: 0px;
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: 165px;
/*background-color: #FFF;*/
background-image: url(images/hdr_gradient.gif);
background-repeat: repeat-x;
background-position: left top;
}
div#head span#head_logo {
background-image: url(images/hdr_feverfest.gif);
width: 386px;
height: 116px;
margin-top: 19px;
float: left;
}
div#head span#head_logo:hover {
cursor: pointer;
}
div#head span#head_lr {
float: right;
padding-right: 50px;
padding-top: 10px;
}
div#head div#nav_head {
background-color: #5e70d9;
background-image: url(images/hdr_phone.png);
background-repeat: no-repeat;
color: white;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 20px;
margin: 0px;
}
div#head div#nav_head ul {
margin-left: 525px;
margin-top: 0px;
}
div#head div#nav_head ul li {
display: inline;
margin-left: 10px;
margin-right: 10px;
height: 20px;
float: left;
}
div#head div#nav_head ul li a {
text-decoration: none;
font-weight: bold;
color: #FFF;
float: left;
}
div#head div#nav_head ul li a:hover {
color: #DDD;
}

div#head span#cart_timer {
float: right;
margin-right: 20px;
}

div#nav_left {
position: absolute;
vertical-align: top;
width: 150px; left: 0px;
float: left; margin: 0px;
}
div#nav_left ul {
list-style: none; padding: 0px; margin-left: 0px;
}
div#nav_left ul li {
margin-top: 0px;
/*margin-left: -20px;*/
margin-bottom: 20px;
}
div#nav_left ul li a {
font-weight: bold;
color: #4B0051;
}
div#nav_left ul li a:hover {
color: #80A;
}
div#nav_left ul.sub {
list-style: none;
}
div#nav_left ul.sub li {
margin-left: -10px;
margin-bottom: 0px;
}
div#nav_left ul.sub li a{
text-decoration: none;
}
div#nav_left ul.sub li a:hover{
}

div#content {
vertical-align: top;
text-align: center;
position: relative;
padding: 0px; margin: auto;
padding-top: 10px;
width: 1010px;
min-height: 500px;
_height: 800px;
margin-left: auto; margin-right: auto;
}

div#foot {
clear: both;
margin: 0px; padding: 0px;
width: 100%;
height: 20px;
text-align: center;
font-size: 9px;
color: #999;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: 0em;
background-color: #000;
vertical-align: middle;
padding-top: 4px;
z-index: 2;
}

div#foot a, div#foot a:link, div#foot a:visited {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
text-decoration: none;
font-weight: bold;
color: #CCC;
letter-spacing: 0em;
}
div#foot a:hover {
text-decoration: underline;
color: #FFF;
}


/*******************************************************************/
/* generic styles for use in body content                          */
a {
color: #F00;
text-decoration: none;
}
a:hover {
color: #800;
text-decoration: none;
}

table {
border-spacing: 0px;
border-collapse: collapse;
}
thead {
background-color: #ddd;
}
.odd {
background-color: #bbb;
}
.even {
background-color: #ccc;
}
td,th {
padding: 2px 6px 2px 6px;
text-align: left;
}
tr.foot {
background-color: #eee;
}

input,textarea,select {
background-color: #FFFFFF;
color: #544730;

font-family: verdana, tahoma, sans-serif;
font-size: 10px;
padding: 0px;
border: 1px solid black; /* unfortunately, you can't set border color on <select> in IE */
}
input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0;
}

div.form_wrapper { /* <input> can not exist outside of p,div,etc, so we put a div inside every <form> */
vertical-align: middle;
}

img {
border: none;
}

.border {
padding: 5px;
border: 1px solid black;
border-collapse: collapse;
}

.disabled {
color: red;
}








div#form_box, div.form_box {
	margin: auto; background-color: white; /*clear: both;*/
	border: 1px solid black;
	text-align: left;
	width: 800px;
	font-size: 11px;
	font-weight: bold;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
}
div#form_box div.el, div.form_box div.el {
display: block;
width: 800px; margin: 0px; padding: 0px;
	height: 25px;
	padding: 0.2em 0.5em; /*clear: both;*/
}
div#form_box div.el span.halflbl, div.form_box div.el span.halflbl {
width: 120px;
display: -moz-inline-block; display: inline-block;
text-align: right; font-weight: bold;
white-space: nowrap;
float: left;
margin-right: 2px;
}
div#form_box div.el span.half, div.form_box div.el span.half {
width: 260px;
display: -moz-inline-block; display: inline-block;
text-align: left; font-weight: normal;
float: left;
}

div#form_box div.el span.fulllbl, div.form_box div.el span.fulllbl {
width: 120px;
display: -moz-inline-block; display: inline-block;
text-align: right; font-weight: bold;
white-space: nowrap;
float: left;
margin-right: 2px;
}
div#form_box div.el span.full, div.form_box div.el span.full {
width: 660px;
display: -moz-inline-block; display: inline-block;
text-align: left; font-weight: normal;
float: left;
}
div#form_box div.el div.h_item, div.form_box div.el div.h_item {
text-align: left; padding: 2px;
display: -moz-inline-block; display: inline-block;
float: left;
}
div#form_box div.el div.item, div.form_box div.el div.item {
text-align: left; padding: 2px;
display: -moz-inline-block; display: inline-block;
float: left;
}

div.popup_form {
position: absolute;
top: 80px;
left: 0px;
width: 100%;
text-align: center;
z-index: 50;
}

.underline {
border-bottom: 1px solid black;
}

 
#form_box div.hr, .form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box p, .form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
}
 
 
#log {
	float: left;
	padding: 0.5em;
	margin-left: 10px;
	width: 290px;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}