/* BASIC */
body {
  background-color: #fff;
  color: #000;
  margin: 10px;
  max-width: 780px;
}

body, p, ol, ul, td {
/*  font-family: verdana, arial, helvetica, sans-serif; */
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   1em;
}

img {
  border: 0px;
}

a { background-color: #fff; color: #050; text-decoration: underline; }
a:visited { background-color: #fff; color: #050; }
a:hover { background-color: #fff; color: #000; }
a img { background-color: #fff; color: #050; }

dt {
  font-weight: bold;
  font-size: 1.5em;
}

/* STANDARD */
.fieldWithErrors {
  border: 1px solid #f00;
  display: inline;
}

.clear {
  clear: both;
}

span.title {
  font-weight: bold;
}

.notice {
  border: 1px solid #000;
  background-color: #ccf;
  padding: 10px;
  color: #000;
}

.errors {
  border: 1px solid #000;
  background-color: #fcc;
  padding: 10px;
  color: #000;
}

/* MENU */
.menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: inline;
}

.menu ul li {
  display: inline;
}

.menu ul li a, .menu ul li a:visited {
  text-decoration: underline;
  padding: 0.3em 0.5em 0.3em 0.5em;
  display: block;
  float: left;
  background-color: #6a6;
  color: #fff;
  margin: 0px 2px;
}

.menu ul li a:hover {
  color: #fff;
  background-color: #040;
}

.menu ul li a.current, .menu ul li a.current:visited {
  background-color: #cfc;
  color: #000;
}

.menu ul li a.current:hover {
  background-color: #cfc;
  color: #000;
}

/* LAYOUT */


#mainlogo {
  margin: 10px;
  border: 1px solid #6a6;
  width: 200px;
}

#occasions {
  float: left;
  margin-right: 10px;
}

#arrangements {
  display: block;
  margin-left: 135px;
}

.content {
  margin: 0px;
  padding: 0px;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  color: #000;
  background-color: #cfc;
}

.content a {
  color: #000;
  background-color: #cfc;
}

.maincontent {
  padding: 15px;
}

.footer {
  background-color: #ccd6cc;
  color: #000;
/*  height: 57px; */
  padding-top: 4px;
  margin-top: 15px;
}

.footerimg {
  display: block;
  float: left;
  padding: 2px;
}

/* HOME PAGE */
.box {
  color: #000;
  background-color: #fff;
  border: 1px solid #6a6;
  padding: 4px;
  text-align: center;
  margin: 10px;
  width: 250px;
}

.box a, .box a:visited {
  color: #000;
  background-color: #fff;
}

.box ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.box ul li {
  list-style-type: none;
}

.picture {
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
  padding: 4px;
  max-width: 210px;
  overflow: hidden;
}

/* ARRANGEMENT */
.arrangement {
  display: block;
  padding: 20px;
  text-align: left;
  border: 1px solid #6a6;
  background-color: #fff;
  overflow: hidden;
  margin-left: 160px;
}

.arrangement a, .arrangement a:visited {
  color: #000;
  background-color: #fff;
}

.arrangement span.title {
  font-size: 1.8em;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.arrangement span.image {
  float: left;
  margin-right: 20px;
}

.arrangement span.price {
  display: block;
  margin-bottom: 10px;
}

.arrangement span.purchase {
  display: block;
  padding: 10px;
}

.arrangement span.purchase a {
  padding: 10px;
  border: 1px solid #000;
}

.arrangement span.purchase a:hover {
  padding: 10px;
  background-color: #050;
  color: #fff;
}

.arrangement span.description {
  display: block;
}

/* CART */
table.cart {
  width: 100%;
}

table.cart th {
  background-color: #fff;
  border: 1px #000 solid;
  text-align: center;
}

table.cart .total {
  width: 100px;
}

table.cart td.total {
  text-align: right;
}

table.cart td.image {
  text-align: center;
}

table.cart td.quantity {
  text-align: center;
}

table.cart td.unit_price {
  text-align: center;
}

table.cart td.subtot {
  text-align: center;
}

.clearcart {
  display: block;
}

.checkout {
  display: block;
  text-align: center;
}

.checkout a {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #000;
}

.checkout a:hover {
  padding: 10px;
  color: #fff;
  background-color: #050;
  border: 1px solid #000;
}

td.sum {
  text-align: right;
}

td#divider {
  background-color: #000;
}

#orderimg {
  float: right;
}

#logout {
  float: right;
}

#login {
  float: right;
}

table.address {
  padding: 5px;
}

td.label {
  text-align: right;
  width: 220px;
}

td.data {
  text-align: center;
  font-weight: bold;
}

.confirm {
  font-size: 2em;
}

.order_header {
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #060;
  background-color: #dfd;
  color: #000;
  font-weight: bold;
  font-size: 1.3em;
}

.order_content {
  width: 600px;
  padding: 5px;
}

.order_content p {
  margin-top: 0px;
}

.message {
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  padding: 5px;
}

#arrangements span.title {
  font-size: 1.5em;
  font-weight: bold;
  display: block;
}

.arrangement_thumb {
  float: left;
  border: 1px solid #000;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  margin: 5px;
  height: 220px;
  width: 160px;
}

.arrangement_thumb a, .arrangement_thumb a:visited {
  color: #050;
  background-color: #fff;
}

.arrangement_thumb span {
  display: block;
  text-align: center;
}

#arrangements .arrangement_thumb span.title {
  font-size: 1em;
}

.photo {
  float: left;
  border: 1px solid #000;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  margin: 5px;
}

.photo span {
  display: block;
  text-align: center;
}

.photo_large {
  border: 1px solid #000;
  background-color: #fff;
  width: 500px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

.photo_large span {
  display: block;
  text-align: center;
}

.photo_large span.title {
  font-weight: bold;
}


.occasion {
  display: block;
  text-align: center;
  border: 1px solid #6a6;
  background-color: #cfc;
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin-bottom: 10px;
}

.occasion td.caption {
  height: 35px;
  text-align: center;
}

.occasion td.image {
  width: 120px;
  height: 85px;
}


.order {
  border: 1px solid #000;
  margin: 10px;
}

.paid {
  background-color: #cff;
}

.fulfilled {
  background-color: #fff;
}

.incomplete {
  background-color: #ffc;
}

.failed {
  background-color: #fcc;
}

.canceled {
  background-color: #ccf;
}