*{margin:0px;padding:0px;}

body{
  text-align:center;
  font-size:14px;
  background:url(../images/bg_body.png) repeat;
  font-family:arial;
}

ul,ol{margin-left:15px;margin-bottom:15px;}
li{margin-left:15px;}
p{margin-bottom:15px;}

h1{
  margin-top:20px;
  margin-bottom:20px;
  padding-bottom:20px;
  color:#363636;
  border-bottom:1px solid #bdbdbd;
}
h2 {font-family:Arial, Helvetica, sans-serif; margin-top:0px; margin-bottom:15px; font-size: 19px; font-weight: bold; }
h3 { text-align:left; font-family:Arial, Helvetica, sans-serif; margin-top:0px; margin-bottom:0px; font-size: 12px; font-weight: bold;margin-bottom:5px; }
h4 {text-align:left; font-family:Arial, Helvetica, sans-serif; margin-top:0px; margin-bottom:0px; font-size: 14px; font-weight: bold; color:#262948; }

/* Base CSS */
ul {margin-bottom:15px;}
li {margin-bottom:5px;}

.blueglassOuter{
  width:100%;
  height:220px;
  background:url(../images/bg_glass_blue.png) repeat;
  color:#ffffff;
}

.logo{
  display:block;
  float:left;
}
.pageInner{
  width:950px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

#contentTop{
  width:100%;
  background:url(/templates/themes/bst2015/images/bg_page.png) repeat-x top center #ffffff;
}
.contentPad{padding-bottom:30px;}

.fluidImage{
  width:100%;
  height:auto;
  border:none;
}
/* ------------------- / Homepage ------------------ */
#homeTop{
  width:100%;
  background:url(../images/bg_home.jpg) no-repeat top center;
  background-size:cover;
  height:545px;
  height:auto;
}
.homeCellOuter{width:100%;text-align:center;}
.homeCell{
  float:left;

  width:236px;
  width:236px;
  height:218px;
  text-align:left;
}

.hcFarmBikes{
  margin-right:4px;
  margin-bottom:15px;
  background:url(/templates/themes/bst2015/images/home_cells_farm_bikes.png) top left no-repeat;
}
.hcLightCommercial{
  margin-right:4px;
  margin-bottom:15px;
  background:url(/templates/themes/bst2015/images/home_cells_light_commercial.png) top left no-repeat;
}
.hcHeavyCommercial{
  margin-bottom:15px;
  background:url(/templates/themes/bst2015/images/home_cells_heavy_commercial.png) top left no-repeat;
}
.hcHydrolicTippers{
  width:232px;
  margin-bottom:15px;
  background:url(/templates/themes/bst2015/images/home_cells_hydrolic_tippers.png) top left no-repeat;
}

.hcCustomDesigns{
  height:190px;
  margin-right:5px;
  background:url(/templates/themes/bst2015/images/home_cells_custom_designs.png) top left no-repeat;
}
.hcCanopysHorsefloats{
  height:190px;
  margin-right:3px;
  background:url(/templates/themes/bst2015/images/home_cells_canopys_horsefloats.png) top left no-repeat;
}

.hcUteDecks{
  height:190px;
  margin-right:5px;
  background:url(/templates/themes/bst2015/images/home_cells_ute_decks.png) top left no-repeat;
}
.hcLogSplitters{
  height:190px;
  width:226px;
  background:url(/templates/themes/bst2015/images/home_cells_log_splitters-v3.png) top left no-repeat;
}
.hcHeavyCommercial2{
  float:none;
  display:inline-block;
  margin-bottom:15px;
  background:url(/templates/themes/bst2015/images/home_cells_heavy_commercial3500.png) top left no-repeat;
}

.cellContent{
  padding-top:95px;
  color:#ffffff;
  padding-left:15px;
}
  .cellContent h2{margin-bottom:7px;font-size:13px;text-transform:uppercase;}
  .cellContent h2 a{color:#ffffff;text-decoration:none;}

.cellContentBottomRow{
  padding-top:15px;
}
.cellButton{
  padding:8px;
  color:#ffffff;
  text-decoration:none;
  text-transform:lowercase;
  border:1px solid  rgba(255, 255, 255, .5);
}
  .cellButton:hover{
    background:rgba(255, 255, 255, .5);
  }
/* ------------------- / Homepage ------------------ */



/* -------------- trailer -------------- */
.colFarmBike,.colfarm-bike-trailers,.colour-products{background-color:#0e4797;}
.colLightCommercial,.collight-commercial-trailers{background-color:#161c36;}
.colHeavyCommercial3500kg,.colheavy-commercial-3500kg{background-color:#dd161b;}
.colHeavyCommercial,.colheavy-commercial-trailers{background-color:#dd161b;}
.colHeavyCommercial2500kg,.colheavy-commercial-trailers-2500kg{background-color:#dd161b;}
.colHydrolicTippers,.colhydraulic-tippers{background-color:#a3571c;}
.colCustomDesigns,.colcustom-designed-trailers{background-color:#41791f;}
.colCanopys,.colcanopieshorse-floats{background-color:#b9840b;}
.colUteDecks,.colute-decks{background-color:#164a2f;}
.colLogSplitter,.collog-splitters{background-color:#631513;}

.productsBox{
  float:left;
  margin:10px;
}

.pageHeadingContainer{
  padding:15px;
  border-radius:8px;
  margin-bottom:15px;
  font-size:13px;
  color:#ffffff;
}
  .pageHeadingContainer h1{
    font-size:18px;
    margin-top:0px;
    margin-bottom:10px;
    padding-bottom:4px;
    color:#ffffff;
    text-shadow:1px 1px #000000;
  }
  .pageHeadingContainer h1 a{color:#ffffff;text-decoration:none;}
  .pageHeadingContainer strong{
    font-size:21px;
  }
.pageHeadingLeft{
  float:left;
  width:70%;
}
.pageHeadingRight{
  float:right;
  width:29%;
  text-align:right;
}
.headingRed{
  background:#dd161b;
}



.trlrContainer{
  width:100%;
  margin-top:15px;
  padding:0px;
}
  .trlrHeading{
    /*background-color:#262948;*/
    color:#ffffff;
    padding-left:15px;
    padding-right:15px;
    line-height:25px;

  }
  .trlrHeading h2{margin-bottom:0px;}
    .trlrHeadingLeft{
      float:left;

      font-weight:bold;
      font-size:14px;
      text-transform:uppercase;
    }
    .trlrHeadingRight{
      float:right;

      text-align:right;
      font-weight:bold;
      font-size:14px;
      text-transform:uppercase;
    }
  .trlrContent{
    clear:both;
    padding:10px;
    background-color:#cdcdd5;
    text-align:left;
    color:#262948;

  }
    .trlrContentColA{
      float:left;
      width:255px;
    }
    .trlrContentColB{
      float:left;
      width:210px;
      margin-left:10px;
    }
    .trlrContentColC{
      float:left;
      width:210px;
      margin-left:10px;
    }
    .trlrContentColD{
      float:left;
      width:155px;
      width:210px;
      margin-left:10px;
    }

  .trlrFooter{
    background-color:#cdcdd5;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    color:#262948;
  }
    .trlrFooterLeft{
      float:left;
    }
    .trlrFooterRight{
      text-align:right;
    }
      .trlrFooterRightImage{
        float:right;
        margin-left:5px;
      }
  .btnEnquire{

    width:255px;
    display:block;
    text-align:center;
    background-color:#75768a;
    color:#ffffff;
    padding:5px;
    text-decoration:none;

  }
    .btnEnquire:hover{
      background-color:#252847;
      color:#ffffff;
      text-decoration:underline;
    }


/* -------------- /trailer -------------- */

/* ------- Contact -------  */
.contactForm form{padding-top:10px;}


.contactForm input,textarea,select{

  margin-bottom:20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border:1px solid #949494;
  color:#333333;
}


.formbutton,.contactForm input[type="submit"]{
  border:1px solid #49798e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background:#161c36;

  padding:5px 12px 5px 12px;
  color:#ffffff;
  text-decoration:none;
  text-shadow: 1px 1px #000000;
  cursor:pointer;
}
.contactForm input[type="submit"]:hover{
  color:#ffffff;
  background:#dd161b;
}

.forminput,.contactForm input[type="text"],input[type="password"]{
  width:100%;
  border:1px solid #949494;
  height:33px;
  line-height:33px;
  padding-left:10px;
}
.forminput{width:300px;}

.mapIframe {
    width: 100%;
    height: 250px;
}

.contactForm textarea,select{
  width:100%;
  padding:10px;
  font-family:arial;
  font-size:13px;
}
.leftMargin{
  margin-left:25px;
}
.pageLeft{
  float:left;
  width:48%;
}
.pageRight{
  float:left;
  width:48%;
}
/* ------- /Contact -------  */

/* -------------------- footer ---------------------- */
.footer{
  padding-top:15px;
  padding-bottom:30px;

  color:#090101;
  font-size:11px;
  line-height:20px;
  border-bottom:12px solid #b7b7b7;
}
.footerPhone{

  padding-left:25px;
  padding-bottom:15px;
  padding-top:6px;
  background:url(../images/icon_phone.png) top left no-repeat;
  font-weight:bold;
  font-size:25px;
}
.footerText{
  padding-top:20px;
  padding-bottom:20px;
}

.floatLeft{
  float:left;
}
.floatRight{
  float:right;
}
/* -------------------- /footer ---------------------- */

#backToTop {
    width: 100px;
    z-index: 10;
    border: 1px solid #333;
    background: #121212;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    display: none;
    color: #fff;
    text-transform: lowercase;
    font-size: 0.9em;
}

.contentPad{padding:20px;}
.clr{clear:both;}
.debug{border:1px solid #ff00ff;}