div.construction
{
  width:90%;
  margin:10px auto;
  display:block;
  text-align:center;
  color: red;
  border:1px solid red;
}
body {
  margin:0;
  border:0;
  padding:0;
  font-family:tahoma,verdana,arial,sans-serif;
  background-color:#523;
  background: url("/images/gradient.jpg") top center;
}
#page
{
	position:relative;
	display:block;
	width:880px;
  margin:10px auto;
  color:#472500;
}
#logo {
	display:block;
	height:190px;
  background: url("/images/picture_frame2.jpg") top center no-repeat;
}
#header-text {
	display:block;
	width:640px;
  padding-top:45px;
  margin-left:234px;
  text-align:center;
}
#tagline1 {
  font-size:28px;
  color:#823;
}
#tagline2 {
  font-size:18px;
  font-style:italic;
  line-height:25px;
}
#contact {
  position:absolute;
  border-top:1px solid #ddd;
  top:134px;
  width:841px;
  left:19px;
  line-height:22px;
  font-size:15px;
}
.address {
  float:left;
  margin-left:10px;
}
.phone {
  float:right;
  margin-right:10px;
}
.contact-type {
  color:#823;
}
#menu {
  padding:0;
  text-align:center;
}
#menu span  {
  padding:0;
  margin: 0 1px 1px 0;
  padding: 0;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  white-space:nowrap;
  display: inline-block;
}
#menu a {
  padding:0 1em 0 1em;
/*  background-color:#fdb;*/
  background-color:#ffe4c4;
  text-decoration: none;
  color:#472500;
}
#menu span.current-menu-item a {
  color:#fff8d8;
  background-color:#823;
  text-decoration: none;
}
#menu a:hover {
  color:#fff8d8;
  background-color:#823;
  text-decoration: none;
}
#content {
  margin:auto;
}
a {
  color:#472500;
}
a:hover {
  color:#fff8d8;
  background-color:#823;
}

table {
  border-collapse:collapse;
}

div.display_frame {
  width:100%;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  background-color:#fffce8;
}

table.display_frame {
  width:100%;
  margin: 0 auto;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
}

table.display_frame th {
  width:100%;
  margin: 0 auto;
  color:#caa;
  font-size:27px;
  line-height:35px;
  border-bottom:1px solid #a88;
  background-color:#fed;
}

table.display_frame td {
  background-color: #fff;
  text-align:center;
  border:2px solid  #ecc;
}

table.cart_frame {
  width:880px;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  margin:10px auto 10px auto;
}

table.cart_frame th {
  color:#472500;
  background-color:#ffeccc;
  border:1px solid #dbb;
  border-right:1px solid #a88;
  border-bottom:1px solid #a88;
}
table.cart_frame td {
  color:#472500;
  background-color:#fff;
  border:1px solid #dbb;
}
table.cart_frame td.cart_enquiry_link {
  color:#472500;
  background-color:#ffeccc;
  border-bottom:1px solid #a88;
  text-align:center;
  font-size:smaller;
}
.prod_code,
.title {
  text-align:left;
}
.totals,
.currency {
  text-align:right;
}
.buttons,
.qty {
  text-align:center;
}

table.search_form {
  margin:auto;
  border:none;
}

table.choose_frame {
  margin: 0 auto;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  background-color:#fff8d8;
}
table.choose_frame td {
  text-align:center;
  vertical-align:bottom;
  border:2px solid  #ecc;
}

div.form_frame {
  display:block;
  margin-top:0;
  margin-bottom:2em;
  width:100%;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  text-align:center;
  background-color:#fffce8;
  vertical-align:bottom;
}

div.form_frame * {
  margin:8px;
}

table.form_frame {
  margin:auto;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  background-color:#fffce8;
}
table.form_frame table {
  margin:auto;
  border:2px solid #ecc;
  border-right:2px solid #b99;
  border-bottom:2px solid #b99;
}
table.form_frame td, table.form_frame th {
  padding:3px;
  border:1px solid #dbb;
}
table.form_frame th {
  border-right:none;
}
table.form_frame td {
  border-left:none;
}
table.form_frame td.centered,
td.centered
{
  text-align:center;
}

h1 {
  font-size:27px;
  line-height:40px;
}
table.form_frame th {
  text-align:right;
}
form {
  margin:0;padding:0;
}

.errors {
  background-color: #faa;
}

.search_box {
  display:block;
  text-align:center;
  margin:10px 0 10px 0;
  padding:0 10px 10px 10px;
  border:2px solid #ecc;
  border-right:2px solid #b99;
  border-bottom:2px solid #b99;
  background-color:#fff8d8;
}
.search_box h1 {
  font-size:20px;
  text-align:left;
  margin:0;
  padding:0;
}

th.heading_link {
  font-size:120%;
  font-weight:normal;
  padding:10px;
  text-align:left;
  border-bottom:1px solid #dbb;
  white-space:nowrap;
}
th.heading_link a {
  color:#823;
}
th.heading_link a:hover {
  color:#fff8d8;
  background-color:#823;
}

table.catalogue {
  width:880px;
}

table.catalogue td {
  border:1px solid #cbb;
  vertical-align:top;
}

table.catalogue td.picture_frame {
  text-align:center;
  width:220px;
  height:220px;
  vertical-align:middle;
}
table.catalogue td.large_picture_frame {
  text-align:center;
  width:420px;
  height:450px;
  vertical-align:middle;
}
table.catalogue td.large_picture_frame a {
  line-height:30px;
  color:#472500;
}
table.catalogue td.large_picture_frame a:hover {
  color:#fff8d8;
  background-color:#823;
}
table.catalogue td.picture_frame img,
table.catalogue td.large_picture_frame img{
  border:1px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
}
td.prod_desc {
  text-align:center;
  width:220px;
}
td.wide_prod_desc {
  text-align:center;
  width:660px;
}
td.prod_details {
  text-align:center;
  width:460px;
}

th.material_heading {
  vertical-align:middle;
  background-color:#ffe4c4;
  font-size:120%;
  border:none;
  border-bottom:2px solid #a88;
  height:30px;
}

table.catalogue table{
  width:100%;
  margin:0;
  padding:0;
  border:none;
}

table.catalogue table td {
  vertical-align:middle;
  border:none;
}

table.catalogue table th.category_link {
  vertical-align:middle;
  background-color:#ffeccc;
  font-size:120%;
  border:none;
  border-bottom:1px solid #a88;
  height:60px;
}
table.catalogue table th.item_title {
  vertical-align:middle;
  background-color:#ffeccc;
  font-size:140%;
  border:none;
  border-bottom:1px solid #a88;
  height:70px;
}
table.catalogue table th.category_link a {
  display:block;
  text-decoration:none;
  padding:5px;
  color:#472500;
}
table.catalogue table th.category_link a:hover {
  color:#fff8d8;
  background-color:#823;
}
table.catalogue table td.description {
  height:125px;
  padding:0 8px 0 8px
}
table.catalogue table td.wide_description {
  height:50px;
  padding:0 8px 0 8px
}
span.dimensions {
  display:block;
  height:65px;
}
span.wide_dimensions {
  display:block;
  height:50px;
}
span.price {
  display:block;
  font-size:140%;
  color:#823;
  height:35px;
  padding-bottom:5px;
}
span.wide_price {
  display:block;
  font-size:120%;
  color:#823;
  height:25px;
}

#map {
  width: 800px; 
  height: 450px;
  margin:auto; 
  border:2px solid #ecc;
  border-right:2px solid #b99;
  border-bottom:2px solid #b99;
}

#directions_form {
  text-align:center;
  padding:10px;
  margin:10px auto 0 auto;
  background-color:#fffce8;
  border:2px solid #ecc;
  border-right:2px solid #b99;
  border-bottom:2px solid #b99;
}
td.submenu{
  text-align:left;
}
td.submenu table {
  width:660px;
}
td.submenu table td {
  vertical-align:top;
}

td.submenu ul {
  margin:0;
  padding:0 0 0 20px;
}

div.home_page_frame
{
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  margin-bottom:2em;
  width:100%;
  background-color:#fffce8;
}

div.welcome_frame
{
  height:330px;
  width:860px;
  margin: 10px 0 0 10px;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  background-color:#fff4e0;
}
div.welcome_frame p
{
  margin:15px;
/*  text-align:center;*/
  font-size:18px;
}

div.step_container {
  height:510px;
}
div.step1 {
  position:absolute;
  left:5px;
}
div.step2 {
  position:absolute;
  left:297px;
}
div.step3 {
  position:absolute;
  left:590px;
}
div.step4 {
  position:relative;
  top:325px;
  left:5px;
  width:848px;
  height:110px;
  padding:10px;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  background-color:#fff4e0;
}

span.step_title{
  color:#823;
  font-size:110%;
}

div.step_frame {
  width:265px;
  height:250px;
  padding:10px;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  background-color:#fff4e0;
}
.home_page_frame h1,
.home_page_frame h2,
.home_page_frame h3
{
  color:#823;
}
.home_page_frame h1,
.home_page_frame h3
{
  text-align:center;
}
.home_page_frame h1
{
  padding:0;
  margin:10px 0 0 0
}

.step1 p,
.step2 p,
.step3 p
{
  padding:0;
  margin-top:5px;
  margin-bottom:10px;
}
.step1 h2,
.step2 h2,
.step3 h2
{
  padding:0;
  margin:12px 0 5px 10px;
}

.home_page_frame h3
{
  text-decoration:underline;
}
.step_frame h3{
  text-align:left;
  text-decoration:none;
  display:inline;
  font-size:110%;
}

div.home_page_frame table
{
  height:330px;
  width:290px;
  float:right;
  text-align:center;
  margin-left:15px;
}
div.home_page_frame img
{
  border:1px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;

}

div.user_page_frame
{
  width:100%;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  margin-bottom:20px;
  background-color:#fffce8;
}
h1.user_page_heading {
  padding:10px;
  margin:10px;
  background-color:#fff4e0;
  text-align:center;
  color:#823;
  border:1px solid #dbb;
  border-right:1px solid #a88;
  border-bottom:1px solid #a88;
}
div.user_box_frame
{
  width:850px;
  margin:10px;
  padding:5px;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
  background-color:#fff4e0;
}
div.user_box_frame p
{
  margin: 5px 5px 10px 5px;
}
div.user_box_frame h1,
div.user_box_frame h2,
div.user_box_frame h3
{
  padding:0;
  margin:5px 5px 0 5px;
  color:#823;
  text-align:left;
  text-decoration:none;
}
div.user_box_frame table{
  margin: 10px;
  border:2px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
}
div.user_box_frame table th,
div.user_box_frame table td{
  padding: 5px;
  border:1px solid #ecc;
}

h1.user_box_heading {
  margin:8px;
  text-align:center;
  color:#823;
  border-bottom:1px solid #a88;
}

table.full_size_picture_box img,
table.large_picture_box img,
table.medium_picture_box img,
table.small_picture_box img
{
  border:1px solid #dbb;
  border-right:2px solid #a88;
  border-bottom:2px solid #a88;
}
div.user_box_frame table.full_size_picture_box,
div.user_box_frame table.large_picture_box,
div.user_box_frame table.medium_picture_box,
div.user_box_frame table.small_picture_box{
  border:none;
  text-align:center;
}
div.user_box_frame table.full_size_picture_box td,
div.user_box_frame table.large_picture_box td,
div.user_box_frame table.medium_picture_box td,
div.user_box_frame table.small_picture_box td{
  border:none;
}

table.full_size_picture_box {
  width:980px;
  height:740px;
}
table.large_picture_box {
  width:420px;
  height:420px;
}
table.medium_picture_box {
  height:300px;
  width:300px;
}
table.small_picture_box {
  height:220px;
  width:220px;
}
div.small_print{
  text-align:center;
  margin-bottom:2em;
}
div.small_print a {
  color:blue;
}
