body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #454545;
background-image:url(/images/LOTEgradBG.jpg);
background-repeat:repeat-x;
background-color: #E5E8E1;
margin:0px;
}

td, th {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
color: #454545;
}

a {
	color: #336699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.head {
	font-size:14px;
	font-weight:bold;
	color:#336699;
}

.subhead {
	font-weight:bold;
	color:#336699;
}

.bigred {
	font-weight:bold;
	color:#990000;
}

.more {
	color:#CC0000;
	font-style:italic;
	text-decoration:none;
}

.more:hover {
	text-decoration:underline;
}

.bluebutton a {
	color: #336699;
	background-color:#C8D2FF;
	text-decoration: none;
	padding: 3px;
	border:#999999 1px solid;
}

.bluebutton a:hover {
	text-decoration: underline;
}

legend {
color:#336699;
font-weight:bold;
}

.clear {
clear:both;
font-size:1px;
height:1px;
margin-top:-1px;
}

.boarderLite {
background-color:#FFFFFF;
border:#999999 1px solid;
}

.cleantable {
background-color:#FFFFFF;
}

label {
    width: 150px;
    margin-bottom: 2px;
}

/*
input, select {
border:#666666 1px solid;
font-size:0.9em;
width: 180px;
margin-bottom: 5px;
}
*/

select.small {
    width: 80px;
}

input[type="checkbox"], input[type="radio"] {
width: auto;
border:none;
}

#date_select select {
border:none;
font-size:0.9em;
width: auto;
margin-bottom: 5px;
}

#content br{
clear:left;
}

select.date{
width: auto;
margin-bottom: 5px;
}

/*
input.button{
background-color:#EDEDEB;
border:1px solid #999;
width: auto;
margin-right: 3px;
}
*/

h1{
font-size: 1.5em;
margin:0;
padding:0;
}

h2{
font-size: 1em;
font-weight:bold;
margin:0;
padding:0;
}

h3{
font-size: 1em;
margin:1em 0 0.5em 0;
padding:0;
}

#container{
width: 700px;
margin:auto;
padding-left:5px;
padding-right:5px;
background-color:#FFFFFF;
border:#dedede 1px solid;
}

#banner{
background-image:url(../images/loteHeader880.gif);
width: 700px;
height: 71px;
text-indent: 30px;
padding-top: 30px;
}

#nav {
background-color:#FFFFFF;
background-image:url(../images/communityMenuBar.gif);
width: 700px;
height: 25px;
background-repeat:no-repeat;
font-size: 0.9em;
}

html>body #nav{
padding-top:1px;
}

#nav .leftnav{
float:left;
color:#99ccff;
margin-top: 3px;
margin-left: 15px;
}

.leftnav a{
color:#cccccc;
text-decoration:none;
border-bottom: 1px dotted #106A0C;
}

.leftnav a:hover{
color:#ffffff;
text-decoration:underline;
}

#nav .rightnav{
float:right;
margin-top: 3px;
margin-right: 15px;
color:#99ccff;
}

.rightnav a{
color:#cccccc;
text-decoration:none;
border-bottom: 1px dotted #106A0C;
}

.rightnav a:hover{
color:#ffffff;
text-decoration:underline;
}

#content {
background-color: #ffffff;
padding: 20px 10px 10px 10px;

}
html>body #content {
margin-top:-1px;
}

#content table{
width: 650px;
margin:auto;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
font-size: 0.8em;
margin-bottom:-10px;
margin-top:-20px;
}

#content table th{
background-color:#336699;
color:#ffffff;
font-weight:bold;
text-align:left;
}

#content table th.item{
width: 127px;
}

#content table th.desc{
width: 265px;
}

#content table th.price{
width: 86px;
  text-align:right;
}

#content table td{
vertical-align:bottom;
}

#content table td.item{
text-align:center;
}

#content table td.price, #content table td.quantity{
vertical-align:bottom;
text-align:right;
}

#content table td.remove{
vertical-align:bottom;
text-align:right;
color:#336699;
}

#content table tr.total{
font-weight: bold;
}

#content table tr.total td{
vertical-align:bottom;
text-align:right;
}

#content table tr.total_discount{
  height: 70px;
  font-weight: bold;
}

#content table tr.total_discount td{
vertical-align:bottom;
text-align:right;
}

#content table a{
color:#336699;
text-decoration:none;
}

#content table a:hover{
text-decoration: underline;
}


#content .leftcontent{
float:left;
width: 400px;
margin-left: 5px;
padding-top: 10px;
font-size:0.9em;
}

.leftcontent .creditcard img{
border:1px solid #666666;
float:left;
margin-right:5px;
margin-bottom: 25px;
}

#content .rightcontent{
float:right;
padding-top: 70px;
margin-right: 40px;
}

#content .contentdetails{
width: 584px;
margin:auto;
margin-bottom: 40px;
padding: 8px;
font-size:0.72em;
}

.contentdetails p{
margin:0;
padding:0;
margin-top:8px;
margin-bottom:8px;
}

#footer {
background-image:url(../images/communityFooterBG.gif);
font-size: 10px;
width: 700px;
height: 40px;
background-repeat:no-repeat;
color:#ffffff;
padding-top:8px;
}

#footer .copyright{
float:left;
font-size: 0.75em;
color:#cccccc;
margin-left: 15px;
}

#footer .links{
float:right;
margin-right: 5px;
}

#footer a{
color: #ffffff;
text-decoration: none;
}

html>body #footer a{
text-decoration:none;
}

#footer a:hover{
text-decoration: underline;
}

td.quantity input {
width: 40px;
margin-bottom: 0;
text-align:right;
}

td.quantity input[type="submit"] {
width: auto;
margin-bottom: 0;
border: 1px solid black;
}

div#notice {
    color: green;
    background: #ffc;
    border: 1px solid #bb8;
    padding: 10px;
}
div#error {
  color: red;
  background: #ffc;
  border: 1px solid #bb8;
  padding: 10px;
}


#rightbutton a td th{
	float:right;
	border:none;
}

form.button-to, form.button-to div {display: inline;}

div.fieldWithErrors {display: inline;}
div.fieldWithErrors input, div.fieldWithErrors select, div.fieldWithErrors textarea {border: 1px solid #c00;}

span.regular-price {color: #888; text-decoration: line-through;}

span.static-field {color: #000;}


body.grey div#container, body.grey th, body.grey td {background-color: #e8e8e8;}
body.grey, body.grey th, body.grey td, body.grey span.static-field, body.grey input, body.grey select {color: #aaa;}
body.grey legend {color: #abc;}
body.grey fieldset {border-color: #eee;}

div.focused-edit-block, body.grey fieldset.active table {display:none;}
body.grey fieldset.active div.focused-edit-block, body.grey fieldset.active div.focused-edit-block table {display:block;}
body.grey fieldset.active legend {color:#336699;}
body.grey div.focused-edit-block input, body.grey div.focused-edit-block select, body.grey div.focused-edit-block label {color: #555;}
body.grey div.focused-edit-block .actions input {color: #222;}
body.grey fieldset.active, body.grey div.focused-edit-block th, body.grey div.focused-edit-block td  {background-color: #fff;}