/* #336666 dark green 51,102,102 */
/* #cccc99 beige (bg) 204,204,153 */
/* #cccc00 gold (text highlight) 204,204,0*/

/* #ddddcc light beige 221,221,204 */
/* #99cccc light green 153,204,204 */
/* #eeeedd lighter beige 238,238,221 */

body { font-family: verdana, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
	color: #ffffff;
  line-height: 14px; 
  background-color: #cccc99 }

body.popup { background-color: #336666 }

h1 { font-size: 18px;
  font-weight: bold }

h2 { font-size: 14px;
  font-weight: bold }

h3 { font-size: 12px;
  font-weight: bold }

a {	color: #cccc00;
  text-decoration: underline }
a:visited {  color: #cccc00;
  text-decoration: underline}
a:hover { color: #cccc00;
  text-decoration: underline}
a:active {  color: #cccc00;
  text-decoration: underline}
  
div.main { padding-top: 20px;
  padding-left: 20px }
  
div.normal { text-align: left;
  padding-left: 20px;
  padding-right: 20px }
  
div.center { text-align: center }

div.right { text-align: right }

div.login { text-align: right;
  padding-left: 20px;
  padding-right: 20px }
  
table.outer { 
  background-color: #ffffff;
  padding: 0 
}
  
tr.outer { 
  padding: 0 
}

td.outer { 
  padding: 0;
  vertical-align: top 
}

td.outer_copy { 
  padding:0;
  vertical-align: bottom 
}
  

table.sidebar { 
  background-color: #ffffff;
  color: #336666;
  width: 206px;
  height: 480px;
  padding: 0 
}
  
table.main { 
  background-color: #336666;
  width: 570px;
  height: 550px; /* 515px */
  padding: 0 
}
  
td.main { 
  vertical-align: top 
}

td.rh_sidebar {
  background-color: #336666;
}

div.sidebar_button {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
}
  
div.sidebar_button_text {
  color: #cccc00;
  font-size: 18px;
}

table.copy { 
  background-color: #ffffff;
  color: #336666;
  width: 206px;
  height: 30px;
  padding: 0 
}


td.logo { 
  text-align:right;
  vertical-align: top;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  height: 136px }

td.home_button { text-align:right;
  vertical-align: bottom;
  height: 40px;
  padding-right: 18px }

td.button { text-align:right;
  vertical-align: top;
  padding-right: 18px;
  height: 18px }

td.copy { font-size: 8px;
  text-align: right;
  vertical-align: bottom;
  padding-right: 18px }

td.photo_wide { width: 202px;
  height: 137px;
  margin: 1px }
  
td.photo { width: 102px;
  height: 137px;
  margin: 1px }
  
td.photo3 { 
  width: 137px;
  height: 137px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: top;
}

td.logo2 { 
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 10px }
  
img.button { border-style: none }

li.feature { padding-bottom: 10px }

span.feature { font-weight: bold; 
  font-size: 12px;
  color: #cccc00}

dd.feature { padding-bottom: 10px }

span.right_float {
  float:right;
}

/* swatch.html */

table.swatch { padding: 10px }

td.swatch { padding-bottom: 10px;
  text-align: center;
  vertical-align: top;
}

span.swatch { font-weight: bold;
  font-size: 12px;
}
  
/* how.html */
td.how_l {
  padding-right: 20px;
}

td.how_r {
  padding-left: 20px;
}


/* faq.html */

div.faq { padding-bottom: 10px }
span.faq_question { color: #cccc00 }

/* gallery.html */

table.gallery { padding-bottom: 20px;
  width: 100% }

td.gallery_image { text-align: right;
  padding-right: 0px }
  
td.gallery_image_r { text-align: left;
  padding-left: 0px }

td.gallery_text { text-align: left;
  width: 100%;
  padding-left: 10px }
  
td.gallery_text_l { text-align: right;
  width: 100%;
  padding-right: 10px }
  

/* design.php */

table.storage_type { 
  background-color: #336666;
  width: 390px;
  height: 60px;
  padding: 0px;
}

td.storage_type_radio { 
  text-align: center;
  vertical-align: bottom;
  width: 25px 
}

td.storage_type {
  text-align: left;
  vertical-align: bottom;
  width: 70px;
  height: 60px;
  padding-bottom: 0px 
}
  
table.dimensions { 
  background-color: #336666;
  padding: 0 
}
  
td.dimensions { 
  text-align: right;
  vertical-align: bottom;
  padding-right:5px 
}

td.dimensions_input { 
  text-align: left;
  vertical-align: bottom;
  padding-top: 4px 
}

td.dimensions_input2 { 
  text-align: left;
  vertical-align: bottom;
  padding-top: 10px 
}

span.dimensions {
  vertical-align: bottom;
}

span.limits { 
  font-size: 9px;
  vertical-align: bottom;
}

table.login { padding: 0px; border: none }
table.login2 { padding: 0px; 
  border: none;
  background-color: #ffffff }

tr.login { padding: 0px; border: none }

td.login { padding: 0px;
  text-align: center; border: none }

/* quote.html */

table.customer_details {
  padding-top: 10px;
  padding-bottom: 20px;
}

td.detail_type {
  text-align: right;
}

td.detail_value {
  text-align:left;
}

div.quote_button {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
  
td.customer_extras {
  text-align:right;
}
  

/* install.html */

div.install {
  background-color: #cccc00;
  color: #000000;
  padding: 3px;
  margin-top: 5px;
  margin-bottom: 10px;
}

h3.install {
  color: #ffffff;
  text-align: center;
}

h4.install {
  color: #ffffff;
  text-align: center;
}

td.install {
  width: 120px;
  vertical-align: top;
  text-align: center;
}

img.install {
  padding: 0px;
  margin: 0px;
}

span.tip {
  background-color: #336666;
  color: #ffffff;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
}

span.tip_text {
  font-style: italic;
}

/* testimonial */

div.quote {
  background-color: #cccc99;
  color: #336666;
  padding: 0px;
  margin-bottom:  10px;
  margin-left: 0px;
  margin-right: 0px;
}

table.steps {
  margin: 0px;
}

td.step_image {
  padding: 2px;
  width: 134px;
  height: 134px;
  vertical-align: top;
}

td.step_text {
  height: 25px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: bottom;
}

span.step_text {
  font-weight: bold;
  font-size: 14px;
}

div.quote2 {
  text-align: left;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}

div.quote3 {
  text-align: right;
  font-style: italic;
  padding-left: 5px;
  padding-right: 5px;
}

div.quote_images {
  padding-top: 5px;
  text-align: center;
}

span.quote_images {
  padding-left: 5px;
  padding-right: 5px;
}


/* examples */

table.examples {
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
  margin-top,margin-bottom: 20px;
  background: #ffffff;
  width: 380px;
}

tr.example_green {
  background: #99cccc;
}

tr.example_yellow {
  background: #eeeedd;
}

td.ex_header_left {
  background: #ffffff;
  color: #000000;
  text-align: left;
  padding-top: 10px;
  width: 380px;
}

td.ex_header_right {
  background: #ffffff;
  color: #000000;
  text-align: right;
  padding-top: 10px;
  width: 380px;
}

td.ex_text_left {
  background: #99cccc;
  color: #000000;
  height: 175px;
  width: 180px;
  padding: 0px;
  padding-left: 10px;
  margin: 0px;
}

td.ex_text_right {
  background: #eeeedd;
  color: #000000;
  height: 175px;
  width: 180px;
  padding: 0px;
  padding-right: 10px;
  margin: 0px;
}

td.ex_image {
  width: 180px;
  height: 180px;
  padding: 0px;
  margin: 0px;
}

span.example {
  font-size: 12px;
  font-weight: bold;
}

span.example_finish {
  font-style: italic;
}

/* press area */

td.press_pics {
  text-align: center;
  padding-bottom: 15px;
  font-size: smaller;
}

/* admin scripts */
  
body.admin { background-color: #cccc99;
  color: #336666; }
  
a.admin {	color: #336666;
  text-decoration: underline }
a.admin:visited {  color: #336666;
  text-decoration: underline}
a.admin:hover { color: #336666;
  text-decoration: underline}
a.admin:active {  color: #336666;
  text-decoration: underline}
  
div.options { background-color: #ffffff;
  padding: 5px;
  width: 200px }

div.data { background-color: #ffffff;
  padding: 5px;
  width: 220px }

table.admin { background-color: #ffffff; }

td.admin_type { background-color: #336666;
  vertical-align: top;
  color: #cccc00;
  font-weight: bold }

td.admin_value { background-color: #ffffff;
  vertical-align: top;
  color: #336666 }
td.admin_value2 { background-color: #eeeedd;
  vertical-align: top;
  color: #336666 }
  
span.error { color: #ff0000 }