/* stylesheet for Wincanton website Horizontal Header - Wincanton.css */

body {
  background:white;    /* Background colour of all pages  - was Ivory */
}

/* Heading styles */

h1 {color: black;
    margin-left: 20px;
    font-size: 40px;
}

h2 { color: black;
     margin-left: 20px;
    font-size: 30px;
}

h3 { color: black;
     margin-left: 20px;
    font-size: 20px;
}
h4 { color: black;
     margin-left: 20px;
    font-size: 15px;
}

/* Set Center command for all pages */
.center {
   text-align: center;
}



/* Set paragraph style for class="banner" */
.banner {
   font-family: "Arial, Helvetica, sans-serif";
   font-size: 230%;
   color: blue;   /* Set colour of text in banner */
   background-color: yellow;  /* Set background colour for banner */
   top: -35px;
   position: fixed;
   width: 100%;
   padding: 9px; /* padded space around text in banner */

}



/* Set paragraph style for class="tiny" */
.tiny {
   font-family: "Arial, Helvetica, sans-serif";
   font-size: 5%;
}



/* Set paragraph style for class="Normal" */
p.normal {
   font-family: "Arial, Helvetica, sans-serif";
   font-size: 100%;
}



/*    Scrollable Menu bar */

.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
  position: sticky;       /* Set the menu bar to float but stick at top of page when page scrolled down */
  top: 0px;               /* bar floats but then sticks at top of window */

}

.scrollmenu a {
  display: inline-block;
  color: white;    /* Colour of text in menu links */
  text-align: center;
  padding: 20px;  /* Padded space around text in menu bar options  */
  text-decoration: none;  /* Remove underline from links */
  border-right: 3px solid grey;  /* place a grey border to the right of each link */
}

.scrollmenu a:hover {
  background-color: #777   /* Set colour of menu option background to grey when hovered over */
}

.scrollmenu a.active {
  background-color: #04AA6D;  /* Add a green colour background to the active/current link */
  color: white;   /* Colour of text in active link on menu bar */
}


/* ---------------------- */

/* Set up table properties for Prices tables */
 .price-table {
   border-collapse: collapse; /* Stop duplication of borders for table and table headers and table data items */
   width: 100%;
}

 .price-table td, th {
   border: 1px solid black;
   padding: 8px;
}


/* Set up table properties for tables with no borders and table headers aligned to the left */
.table-borderless {
 border-collapse: collapse;
 border: none;
 width: 100%
}

.table-borderless td, th{
  border: none;
  text-align: left;

}