/* All-media stylesheet for Ash Removals site.
 * (C) Ash Removals 2010.
 *
 * KEEP CHANGES IN SYNC WITH modules/fck_editor/wb_config/wb_fckeditorarea.css!
 */

/* Basics */

body {
  font-family: Verdana, Arial, sans-serif;
  background: #aaa url(../images/body_fade.png) top left repeat-x;
  margin: 0;
  padding: 0;
  font-size: 11pt;
}

/* Header and footer links vs body text (content) links; the "*" variants
 * mean that an <a> enclosing (e.g) a <span> will still get link styles.
 */

            a        *,             a        { text-decoration: underline; color: #3f648d; }
            a:hover  *,             a:hover  { text-decoration: underline; color: #08f;    }
            a:active *,             a:active { text-decoration: underline; color: #0cf;    }

.navigation a        *, .navigation a        { text-decoration: none;      color: #eee;    }
.navigation a:hover  *, .navigation a:hover  { text-decoration: underline; color: #fff;    }
.navigation a:active *, .navigation a:active { text-decoration: none;      color: #fff;    }

/* Interaction between links and other elements */

a img { border: none; }

h1, h1 a, h3, h3 a, h5, h5 a { color: #002a57; text-decoration: none; }
h2, h2 a, h4, h4 a, h6, h5 a { color: #3f648d; text-decoration: none; }

/* Headings */

h1 { font-size: 225%; }
h2 { font-size: 175%; }
h3 { font-size: 150%; }
h4 { font-size: 135%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Impact", "Arial Black", Helvetica, sans-serif;
  font-weight: normal;
  line-height: 100%;
  margin: 20px 0;
  padding: 0;
}

.content table > tbody > tr:first-child h1,
.content table > tbody > tr:first-child h2,
.content table > tbody > tr:first-child h3,
.content table > tbody > tr:first-child h4,
.content table > tbody > tr:first-child h5,
.content table > tbody > tr:first-child h6 {
  margin-top: 0;
}

/* Special text classes - see modules/fckeditor/wb_config/... */

.highlighted_text {
  color: #3f648d;
  font-size: 125%;
  font-weight: bold;
}

.small_text {
  font-size: 80%;
}

.quote_block {
  margin: 0 2em;
  font-family: "Palatino", "Palatino Linotype", "Times New Roman", times, serif;
  font-style: italic;
  font-size: 115%;
}

.quote_attribution {
  font-family: "Palatino", "Palatino Linotype", "Times New Roman", times, serif;
  font-style: normal;
  font-size: 90%;
}

/* Outer border tables - generic */

table.border {
  width: 92%;
  border: none;
  margin-top: 23px; /* Height of "body_fade.png" */
  border-collapse: collapse;
  background-color: #fff;
}

/* Navigation */

tr.border_navigation td.top_left {
  width: 30px;
  height: 30px;
  min-width: 30px;
  background: #063260 url(../images/blue_top_left.png) bottom right no-repeat;
}

tr.border_navigation td.top_edge {
  height: 30px;
  background: #063260 url(../images/blue_top_edge.png) bottom left repeat-x;
}

tr.border_navigation td.top_right {
  width: 30px;
  height: 30px;
  min-width: 30px;
  background: #063260 url(../images/blue_top_right.png) bottom left no-repeat;
}

tr.border_navigation td.left_edge {
  width: 30px;
  background: #063260 url(../images/blue_left_edge.png) top right no-repeat;
}

tr.border_navigation td.right_edge {
  width: 30px;
  background: #063260 url(../images/blue_right_edge.png) top left no-repeat;
}

/* Outer table - tab navigation */

tr.border_navigation td.tab_left {
  width: 30px;
  height: 42px;
  background: #063260 url(../images/tab_left_edge.png) top left no-repeat;
}

tr.border_navigation td.tab_middle {
  height: 42px;
  background: #063260 url(../images/tab_mid_tile.png) top left repeat-x;
}

tr.border_navigation td.tab_right {
  width: 30px;
  height: 42px;
  background: #063260 url(../images/tab_right_edge.png) top left no-repeat;
}

table.navigation_tabs td.tab_mid a {
  display: block;
  text-decoration: none;
  white-space: nowrap;
  font-weight: bold;
  font-size: 90%;
  padding: 14px 12px 0 12px;
  height: 28px;
  text-align: center;
}

table.navigation_tabs td.tab_mid.menu-current {
  padding-left: 15px;
  background: url(../images/tab_left.png) top left no-repeat;
}

table.navigation_tabs td.tab_mid a:hover {
  text-decoration: underline;
  color: #fff;
}

table.navigation_tabs td.tab_mid a:active {
  text-decoration: none;
}

table.navigation_tabs td.tab_mid.menu-current a {
  padding-right: 30px;
  color: #002a57;
  background: url(../images/tab_right.png) top right no-repeat;
}

table.navigation_tabs td.tab_mid.menu-current a:hover {
  color: #002a57;
  text-decoration: none;
}

/* Outer border table - content */

tr.border_content td.left_edge {
  width: 30px;
  background: white url(../images/white_left_edge.png) top right repeat-y;
}

tr.border_content td.right_edge {
  width: 30px;
  background: white url(../images/white_right_edge.png) top left repeat-y;
}

/* Outer border table - footer */

tr.border_footer {
  background-color: #063160;
}

tr.border_footer td.top_left {
  width: 30px;
  height: 2px;
  background: white url(../images/footer_top_left.png) bottom right no-repeat;
}

tr.border_footer td.top_edge {
  height: 2px;
  background: white url(../images/footer_top_mid_tile.png) bottom left repeat-x;
}

tr.border_footer td.top_right {
  width: 30px;
  height: 2px;
  background: white url(../images/footer_top_right.png) bottom left no-repeat;
}

tr.border_footer td.left_edge {
  width: 30px;
  background: #063260 url(../images/blue_left_edge_tile.png) top right repeat-y;
}

tr.border_footer td.right_edge {
  width: 30px;
  background: #063260 url(../images/blue_right_edge_tile.png) top left repeat-y;
}

tr.border_footer td.bottom_left {
  width: 30px;
  height: 30px;
  background: #063260 url(../images/blue_bottom_left.png) bottom right no-repeat;
}

tr.border_footer td.bottom_edge {
  height: 30px;
  background: #063260 url(../images/blue_bottom_edge.png) bottom left repeat-x;
}

tr.border_footer td.bottom_right {
  width: 30px;
  height: 30px;
  background: #063260 url(../images/blue_bottom_right.png) bottom left no-repeat;
}

/* Inner table - navigation */

table.navigation {
  width: 100%;
}

table.navigation_header {
  background: #002a57 url(../images/blue_top_fade.png) top left repeat-x;
}

/* Inner table - navigation - logo */

td.logo {
  text-align: left;
  vertical-align: middle;
}

td.logo img {
  width: 182px;
  height: 157px;
  background: url(../images/logo.png) center center no-repeat;

  /* For Microsoft Internet Explorer 6 only */
# background-image: url(../images/logo.gif);
}

/* Inner table - navigation - top navigation (e.g. link to site map) */

td.top_navigation {
  vertical-align: top;
  text-align: right;
  padding: 10px;
}

td.top_navigation,
td.top_navigation a {
  font-weight: bold;
  color: #eee;
}

td.top_navigation span.menu-first {
  display: none;
}

/* Inner table - navigation - primary 'trucks' navigation */

td.trucks {
  white-space: nowrap;
  padding-top: 36px;
  text-align: right;
}

a.trucks {
  display: inline-block;
  width: 117px;
  height: 70px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

a.trucks:hover {
  background-position: 0px -70px;
}

span.trucks_text {
  display: none;
}

a#trucks_1 {
  background-image: url(../images/trucks_areas.png);

  /* For Microsoft Internet Explorer 6 only */
# background-image: url(../images/trucks_areas.gif);
}

a#trucks_2 {
  background-image: url(../images/trucks_storage.png);

  /* For Microsoft Internet Explorer 6 only */
# background-image: url(../images/trucks_storage.gif);
}

a#trucks_3 {
  background-image: url(../images/trucks_insurance.png);

  /* For Microsoft Internet Explorer 6 only */
# background-image: url(../images/trucks_insurance.gif);
}

a#trucks_4 {
  background-image: url(../images/trucks_quote.png);

  /* For Microsoft Internet Explorer 6 only */
# background-image: url(../images/trucks_quote.gif);
}

/* Inner table - content */

.content {
  padding: 16px 10px;
}

div.random_image {
  float: right;
  margin-left: 10px;
}

.content img[align="right"] {
  margin-left: 10px;
  margin-bottom: 20px;
}

.content img[align="left"] {
  margin-right: 10px;
  margin-bottom: 20px;
}

.content table {
  padding: 0;
}

/* Inner table - forms */

td.field_heading       { padding: 20px 0; }
td.field_heading label { /* Above and below => roughly same as 'h2' */
  color: #3f648d;
  font-size: 175%;
  font-family: "Impact", "Arial Black", Helvetica, sans-serif;
  font-weight: normal;
  line-height: 100%;
}

.required {
  color: #FF0000;
}

.field_title {
  width: 320px;
  font-size: 10pt;
  vertical-align: middle;
  text-align: right;
}
.textfield {
  width: 280px;
}
.textarea {
  width: 90%;
  height: 100px;
}
.select {
}
.checkbox_label {
  cursor: pointer;
}
.radio_label {
  cursor: pointer;
}
.email {
  width: 200px;
}

/* Inner table - footer */

table.footer {
  margin-top: 20px;
}

table.footer td {
  font-size: 80%;
  color: #eee;
}

table.footer td.footer_text {
  text-align: center;
}

/* Add the following to the footer template underneath the single text
 * cell class "footer_text" to add a styled search box:
 *
 * <?php if(SHOW_SEARCH) { ?>
 *               <td class="footer_search">
 *                 <form name="search" action="<?php echo WB_URL.'/search/index.php'; ?>" method="get"><input type="text" id="string" name="string" />&nbsp;<input type="submit" name="submit" value="<?php echo $TEXT['SEARCH']; ?>" /></form>
 *               </td>
 * <?php } ?>
 *
 */

table.footer td.footer_search {
  text-align: right;
  vertical-align: middle;
}

table.footer td.footer_search form {
  margin: 0;
  padding: 0;
}

table.footer td.footer_search input#string {
  border: 1px solid #eee;
}