@import url(http://www.chirp.com.au/table_formatting.css);
@import url(http://www.chirp.com.au/form_formatting.css);

html {
  background: #909a37 url(images/html_bg.gif) top center;
}
body {
  margin: 0;
  background: url(images/body_bg.jpg) top repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #630;
}

a.chirplink { display: none; }

#nav {
  padding-left: 14px;
  background-color: #515c20;
  line-height: 37px;
  font-size: 14px;
  color: #cced9a;
}
#nav a:link, #nav a:visited {
  padding: 0 6px;
  text-transform: lowercase;
  text-decoration: none;
  color: #cced9a;
}
#nav a:hover {
  color: #fff;
}

#cart {
  padding: 16px 36px 0 0;
  background: #515c20 url(/images/content_top.jpg) right no-repeat;
  vertical-align: top;
  text-align: right;
  font-size: 12px;
  color: #fff;
}
#cart a:link, #cart a:visited {
  color: #fff;
}

#shopping {
  padding: 0 1em 1em;
  border-left: 15px solid #515c20;
  border-right: 2px solid #EBE39B;
  background: #fff url(/images/bg-content.jpg) bottom left repeat-x;
  vertical-align: top;
}
#shopping dt {
  margin-bottom: 0;
  white-space: nowrap;
}
#shopping dd {
  margin: 0 0 1em 1em;
  font-size: 11px;
}

#content {
  padding: 0 20px 25px;
  border-right: 15px solid #515c20;
  background: #fff url(/images/bg-content.jpg) bottom left repeat-x;
  vertical-align: top;
}
#content li {
  margin: 3px 0;
}

h1 {
  margin: 0;
  padding: 0.75em 0 0.5em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  font-size: 27px;
  color: #557424;
}
h2, h3, h4, h5, big, dt, dt a:link, dt a:visited {
  margin: 0 0 7px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  color: #909a37;
}
h2 {
  font-size: 23px;
  margin-top: 20px;
}
h3 {
  font-size: 19px;
  margin-top: 20px;
}
h4, dt {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
h5 a:link, h5 a:visited {
  color: #909a37;
}

a:link, a:visited {
  text-decoration: none;
  color: #fa5790;
}
a:hover {
  text-decoration: underline !important;
  color: #fc0;
}

#footer {
  height: 149px;
  background: url(/images/footer_bg.jpg) left top no-repeat;
  vertical-align: top;
}

#footer_menu {
  padding: 0 0 0 220px;
}
#footer_menu a:link, #footer_menu a:visited {
  padding: 0 4px;
  text-transform: lowercase;
  text-decoration: none;
  line-height: 20px;
  font-size: 12px;
  color: #cced9a;
}

#contact {
  padding-right: 16px;
  vertical-align: top;
  text-align: right;
  font-size: 14px;
  color: #fff;
}

#copyright {
  padding-left: 16px;
  color: #cced9a;
}

table.products {
  border-collapse: collapse;
}
.products td {
  padding: 10px;
  border: solid #ce0;
}
table.products td.left {
  padding-left: 0;
  border-width: 1px 1px 1px 0;
}
table.products td.right {
  padding-right: 0;
  border-width: 1px 0 1px 1px;
}
table.products table td {
  padding: 0 0 0 10px;
  border-width: 0;
}

table.product {
  padding-bottom: 4px;
  border-bottom: 2px solid #ce9;
}
table.product td {
  vertical-align: top;
}
table.product td.layout {
  padding-top: 4px;	
  border-top: 2px solid #ce9;
}
table.product td.layout img {
  border: 1px solid #fff;
}
table.product form {
  margin: 0;
  padding: 4px 0;
  border: solid #ce9;
  background: url(/images/bg-price-box.gif); 
  font-size: 14px;
  color: #999;
}
table.product form td, table.product form input {
  vertical-align: middle;
}
table.product td.details {
  padding-left: 10px;
}
table.product td.price {
  padding-left: 6px;
  font-size: 22px;
  color: #557424;
}
table.product td.qty {
  text-align: center;
}
table.product td.add {
  padding-right: 6px;
  text-align: right;
}
table.product td.extratext {
  padding: 10px;
  width: 140px;
  background: #e7f5c7 url(/images/bg-text-box.gif) bottom repeat-x;  
}

table.orders {
  margin: 1em 0;
  border-collapse: separate;
  border: 1px solid #ccc;
}
table.orders:hover {
  border: 1px solid #666;
}
.orders tr {
  vertical-align: top;
}
.orders thead td, .orders tfoot td {
  background-color: #ccc;
  font-size: 11px;
  color: #00637a;
}
.orders tbody th {
  background-color: #eee;
  text-align: right;
  font-size: 11px;
}
.orders tbody td {
  background-color: #eee;
}

.divider {
  clear: both;
  margin: 20px 0;
  height: 2px;
  background: url(/images/divider-dash.gif) top left repeat-x;
}

#infopanel {
  background: #f5efc5 url(/images/bg-infopanel.gif) top left repeat-x;
  padding: 0 1em 1em;
  border-left: 15px solid #515c20;
  border-right: 15px solid #515c20;
}
#infopanel td {
  padding: 10px;
}

.box {
  margin: 0 0 0.5em 0;
  border: 2px solid #909a37;
  padding: 0;
}
.box h4 {
  padding: 4px;
  background-color: #909a37;
  font-weight: normal;
  color: #fff;
}
.box ol {
  margin-left: 0;
  padding-left: 40px;
}

.links img {
   margin-bottom: 2em;
}