body
{
	background-color: #ffffff;
	margin: 0px;
}


/* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
.mobile-container { display:none; }

/*****************************************
  CSS3 Animation to allow fade in effect 
******************************************/

.pcview_only { display:block; }

#fadetext {
    margin-top: 15px;
	/*font-family:Arial;*/
	font-family:Calibri;
    font-weight:lighter;
    line-height: 45px;
    font-size: 48px;
    color:#ffffff;
    text-align:center;

    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


h1 {   
  color:#182513; 
  font-weight:100; 
  font-family:Arial, Helvetica, sans-serif; 
  text-align:center; 
  font-size:12px;
  line-height:1.8;   
}

h2 { font-family:Arial, Calibri, Helvetica; font-size:0.9em; font-weight:300; line-height:1.6; text-align:left; color:#2E4A5A; margin:0 2% 0 2%;  }
h3 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:500; line-height:1.6; text-align:left; color:#233944; margin:0 2% 0 2%;  }
h4 { font-family:Arial, Calibri, Helvetica; font-size:1em; font-weight:400; line-height:1.0; color:#BCA85E;   }
h5 { font-family:Arial, Calibri, Helvetica; font-size:0.7em; font-weight:100; line-height:1.5; color:#ffffff; margin:0 2% 0 2% 0; width:96%;  }

h6 { font-family:Arial, Calibri, Helvetica; font-size:1em; font-weight:100; line-height:2.5; color:#404040; margin:-3% 0 0 0;  }
.h7 { font-family:Arial, Calibri, Helvetica; font-size:1em; font-weight:100; line-height:2.5; color:#404040; margin:-1.1% 0 0 0;  }

.vehicle_style { margin:0 5% 0 5%; }

/* Forms Start */
.txtinput { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:40%; }
.txtinputlong { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:50%; }
.txtrows { height:200px; font-size:20px; line-height:2.0; font-family:Arial; width:60%;}
.txtinputshort { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:15%; }
.txtinputlong { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:75%; }
.txtselectcontact { height:33px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:92%; }


.txtinputcontact { height:27px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:70%; }
.txtrowscontact { height:140px; font-size:18px; line-height:2.0; font-family:Arial; width:70%;}

/* Forms end */

.mapsize { width:1200px; height:580px; }

#iphone_reviews_link { display:none; }
.nodisplay { display:block; width:960px; height:400px; text-align:center; margin:0 0 0 10% !important; }

html {
    -webkit-text-size-adjust: 100%;
}

/* LINKS */

    /* a { text-decoration:none; color:#5F223C; }*/
    a { text-decoration:none; color:#000000; }

    /* setup links style */
    a:link { }

    a:visited { color:#000000; }

    /*when someone hovers over the link */
    a:hover {  background-color:inherit; color:#BCA85E; text-decoration: underline;}


    .blacklinks { font-weight:400; color:#404040; }

    .blacklinks:visited { font-weight:400; color:#404040; }
    
    .blacklinks:hover {  font-weight:400; background-color:inherit; text-decoration: underline; color:#404040; }

    /* New Link for PDF image view */
    .newlink { font-style:underline; color:#ffffff;  }

    .newlink:visited { font-style:underline; /*color:lightblue;*/ color:#BCA85E; }

    .newlink:hover { font-style:underline; color:rgb(190, 162, 58); }


    /* New Link for Featured - see more details */
    .featured { font-style:underline; color:#000000;  }

    .featured:visited { font-style:underline; /*color:lightblue;*/ color:#000000; }

    .featured:hover { font-style:underline; color:rgb(190, 162, 58); }






/* Image Border */
    .imageBorder {
	    border: 5px solid #ffffff;
    }

    .imageBorder:hover {
	    border: 5px solid #7F676F;
    }

    .imageBorderActive {
	    border-bottom: 5px solid #5F4C52;
	    font-weight:900;
    }

    .homepageActive {
	    color:#000000;
	    font-weight:bold;
    }

.hover_green
{
  background-color:#BCA85E;
}

.hover_green:visited
{ 

}

.hover_green:hover
{ 
  background-color:#BCA85E;
}

.hover_green a
{ 

}



.href_white
{
  color:#ffffff;
  font-weight:400;
  font-family:Arimo; 
  font-size:1em;
  font-style:underline;
}

.href_white:visited
{
  color:#ffffff;
  font-weight:400;
  font-family:Arimo; 
  font-size:1em;
  font-style:underline;
}

.href_white:hover
{
  color:#ffffff;
  font-weight:400;
  font-family:Arimo; 
  font-size:1em;
  font-style:underline;
}

a .href_white 
{
  color:#ffffff;
  font-weight:400;
  font-family:Arimo; 
  font-size:1em;
  font-style:underline;
}

/* SUBMIT BUTTON */
.btn{
    background-color: #F6CF3C;
    border: none;
    color: #000000;
    padding: 15px;
    text-align: center;
    font-family: 'Corbel', Arial, sans-serif;
    text-decoration: none;
    display: inline-block;
    font-weight:800;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 8px;
    border-left:solid 2px black; 
    border-top:solid 2px black; 
    border-right:solid 5px black; 
    border-bottom:solid 5px black; 
}

.btn:hover  {
  opacity: 0.8; font-weight:bold; 
  border-left:solid 2px black; 
  border-top:solid 2px black; 
  border-right:solid 5px black; 
  border-bottom:solid 5px black; 
  background-color:#ffffff; 
  color: #000000;
  padding: 15px;
  text-align: center;
  font-family: 'Corbel', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight:800;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 8px;
}

/* SIMPLE BUTTON FOR BABY COURSES */
.btn_simple{
 background-color: #F6CF3C;
   /*background-color: #A0522D;*/
  border: none;
  color: #000000;
  padding: 15px;
  text-align: center;
  font-family: 'Corbel', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight:800;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 8px;

}

.btn_simple:hover  {
opacity: 0.8; font-weight:bold; 
background-color:rgb(240, 203, 69); 
/*background-color:rgb(160, 82, 45); */
color: #000000;
padding: 15px;
text-align: center;
font-family: 'Corbel', Arial, sans-serif;
text-decoration: none;
display: inline-block;
font-weight:800;
font-size: 16px;
margin: 4px 2px;
border-radius: 8px;
}

/* BUTTON INVISIBLE */
.btn_invisible{
  display:none;
  border: none;
}



/* SUBMIT BUTTON - Black */
.btn_black {
    background-color: #111111;
    border: none;
    color: #ffffff;
    padding: 25px 40px 25px 40px;
    text-align: center;
    font-family: Microsoft YaHei UI LIght;
    text-decoration: none;
    display: inline-block;
    font-weight:500;
    font-size: 16px;
    margin: 4px 2px;
    /*border-radius: 12px;*/
}

.btn_black:hover {opacity: 0.95; color:#39CCCC; }

/* SUBMIT BUTTON - Black Rounded */
.btn_blackround {
    background-color: #111111;
    border: none;
    color: #ffffff;
    padding: 15px 30px 15px 30px;
    text-align: center;
    font-family: Microsoft YaHei UI LIght;
    text-decoration: none;
    display: inline-block;
    font-weight:500;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 12px;
}

.btn_blackround:hover {opacity: 0.95; color:#39CCCC; }

/* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
.mobile-container { display:none; }

/* FULL PAGE CONTAINER */
.containerscotts { vertical-align: top; margin: 0 auto; padding: 0; text-align: center; width:100%; }

/* IMPORTANT - Keep containerouterheader at MAX z-index so that the scroll works */
#containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0;  text-align: center; position:fixed; z-index:350; width:100%; height:140px !important; background-color:#ffffff; }

/* Home Page - Logo and Menubar Positioning */
.container_menubar { display:block; text-align:center; width: 100%; background: #ffffff; height:140px !important;  margin: 0 auto; padding: 0; margin:0 0 0 0;  }
#container_logo { float:left; width:100%; text-align:center; margin:0; }

.container_navigation { display:block; width:100%; text-align:center; width: 100%; height:200px;   margin: 0 auto; padding: 0;  }

/* Home Page- Banner Section */
.container_banner { float:left; margin: 0 auto; text-align:center; width: 100%; background: #F0F2F6; height:600px;  margin:7% 0 0 0; padding: 0;  }

#container_homebanner 
{ 
  display:block; 
  float:left;
  opacity:1.0; 
  z-index:-1; 
  background:url('../images/banner-used-lorries.jpg') no-repeat bottom; 
  height:100%; 
  height:600px; 
  width:100%; 
  max-width:100%;  
}

#container_contactbanner 
{ 
  display:block; 
  float:left;
  opacity:1.0; 
  z-index:-1; 
  background:url('../images/banner_contact.png') no-repeat center; 
  height:100%; 
  height:450px; 
  width:100%; 
  max-width:100%;  
}
#container_privacybanner 
{ 
  display:block; 
  float:left;
  opacity:1.0; 
  z-index:-1; 
  background:url('../images/banner_privacy.jpg') no-repeat center; 
  height:100%; 
  height:450px; 
  width:100%; 
  max-width:100%;  
}

.container_fadedbanner { 
  float:left; 
  width:100%; 
  height:60px; 
  margin:-4% 0 0 0; 
  background-color:#000000; 
  opacity:0.6;
  color:#ffffff; 
  font-weight:400; 
  font-family:Arimo; 
  text-align:center; 
  font-size:1.7em;
  line-height:2.0;
}

.container_welcome {
  float:left;
  text-align:center; 
  vertical-align:top middle;
  height:300px;
  background-color:#ffffff;
  margin: 0 auto; 
  width:100%; 
  max-width:100%; 
}

.container_featured { 
  float:left; 
  height:100px;
  vertical-align:top middle; width:100%; max-width:100%; 
  background-color:#F3F3F4; color:#182513; line-height:3.5;
  height:auto;  margin: 0 auto; text-align:center;
}

#container_featured_text { 
  text-align:left;
  margin: 0 auto;
  width:1200px; 
  font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; }

.container_innerwelcome { text-align:center;  margin: 0 auto; padding: 0; width:1200px; height:auto; text-align:center; padding:1% 0 0 0; }

/* Three Lorries section */
.container_lorries { float:left; text-align:center; background-color:#ffffff; height:auto;  margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%;   }
#container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px;  padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }
.lorry_left { float:left; width:21%;  text-align:center; vertical-align:center; height:auto; }
.lorry_left_spacer { float:left; width:4%;  text-align:center; vertical-align:center; background-color:#ffffff; height:auto;  }

.lorry_left_home { float:left; width:30%;  text-align:center; vertical-align:center; height:auto; }
.lorry_mid { float:left; width:30%; text-align:center; vertical-align:center; height:auto; }
.lorry_right { float:right; width:30%; text-align:center; vertical-align:center; height:auto; }


.green_line { 
  float:left; 
  text-align:center; background-color:#ffffff; 
  border-top:solid 1px #BCA85E; 
  border-bottom:solid 1px #BCA85E; 
  border-left:solid 1px #BCA85E; 
  border-right:solid 1px #BCA85E; 
  height:40px;  
  width:100% !important;
  margin: 0 auto; vertical-align:top middle;  
}
.details_left { float:left; text-align:left; margin:1% 0 0 3%; width:67%; }
.details_right{ float:right; text-align:right; margin:1% 3% 0 0; width:27%; }

/* Lorry Detail Screen */
.lorry_detail_left { float:left; width:47%; text-align:left; vertical-align:center; height:auto;  }
.lorry_detail_right { float:right; width:52%; text-align:center; vertical-align:center; height:auto;  }



/* Banners on lower home page */
.container_banners { 
  margin: 0 auto;
  width:1200px;
  background-color:#F3F3F4; height:400px;
  font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; color:#182513; line-height:3.5;
}


    /* Image Border */
    .imageBorder {
      border: 5px solid #ffffff;
    }

    .imageBorder:hover {
      border: 5px solid #7F676F;
    }

    .imageBorderActive {
      border-bottom: 5px solid #5F4C52;
      font-weight:900;
    }

    .homepageActive {
      color:#000000;
      font-weight:bold;
    }



.banner_left { 
  float:left; 
  text-align:left !important; 
  margin:2% 0 0 0; 
  width:50%;
  display:block; 
  opacity:1.0; 
  z-index:-1; 
  background:url('../images/download_pdf.png') no-repeat bottom; 
  height:100%; 
  height:387px; 
  /*border:solid 1px blue;
  filter:brightness(60%);*/
  
 }

.banner_right{   
  float:left; 
  text-align:left; 
  margin:2% 0 0 0; 
  width:50%;
  display:block; 
  opacity:1.0; 
  z-index:-1; 
  background:url('../images/download_emails.png') no-repeat bottom; 
  height:100%; 
  height:387px;  
  /*border:solid 1px red;
  filter:brightness(60%);*/
}

.download_icon { float:left; width:50%; margin:-22% 0 0 0; z-index:200; text-align:center; }
.email_icon { float:right; width:50%; margin:-22% 0 0 0; z-index:200; text-align:center; }

 .download_format { 
  font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
 font-weight:100; line-height:1.5; color:#ffffff;
 margin:0 13% 0 13%; 
 width:74%;
 text-align:center;
 z-index:200;
}

 .email_format { 
   font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
  font-weight:100; line-height:1.5; color:#ffffff;
  margin:0 13% 0 13%;  
  width:74%;
  text-align:center;
  z-index:200;
}


/* Bottom Paragraph Text */
.container_welcome_bottom {
  float:left;
  text-align:center; 
  vertical-align:top middle;
  height:auto;
  background-color:#ffffff;
  margin: 0 auto; 
  width:100%; 
  max-width:100%; 
}

.container_innerwelcome_bottom { text-align:center;  margin: 0 auto; padding: 0; width:1200px; height:auto; text-align:center; padding:3% 0 0 0; }


/* Footer */
.container_footer_whitespace { float:left; text-align:center; vertical-align:top middle; background:#ffffff; height:50px; margin: 0 auto; padding: 0;  width:100%; max-width:100%; }

.container_footer { float:left; text-align:center; vertical-align:top middle; background:#BCA85E; height:150px; margin: 0 auto; padding: 0;  width:100%; max-width:100%; }
#container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:1200px; height:100%; padding:3% 0 0 0; font-family:Microsoft YaHei UI LIght; font-size: 13px; font-weight:none; line-height:2.2; color:#ffffff;   }
.footer_left_home { float:left; width:22.5%; text-align: left; margin:0 0 0 4.5%;  }
.footer_mid_home { float:left; width:14%; text-align: left; vertical-align:top; margin:0 0 0 1%;  }
.footer_right_home { float:right; width:57%; text-align: left; vertical-align:top; margin:0 0 0 1%;  }

.footer_left { float:left; width:29%; text-align: left; margin:0;  }
.footer_mid { float:left; width:18%; text-align: left; vertical-align:top; margin:0 0 0 1%;  }
.footer_right { float:right; width:49%; text-align: left; vertical-align:top; margin:0 0 0 1%;  }

.container_footer_menubar { 
    float:left; text-align:center; vertical-align:top middle; width: 100%; max-width:100%; 
    background:#ffffff; margin:6% 0 0 0; 
    height:60px;  margin: 0 auto; padding: 0;
    font-family:Arial, Calibri, Helvetica; 
    font-size:14px; 
    font-weight:100; line-height:1.5; 
    color:#333333 !important; 
    text-align:center;
  }
.selectliststyle { width:280px; height:45px; line-height:1.5; font-size:16px; }

.txtinputsubject { height:30px; font-size:18px; line-height:1.0; font-family:Arial; width:77%;}
.txtinputcode { height:30px; font-size:18px; line-height:3.0; font-family:Arial; width:20%; }


/* All Stock Page */
.container_allstock { 
  float:left;
  background-color:#A0522D; height:70%; width:100%; padding:0 2% 2% 3%;
  font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; 
  /*color:#182513;*/ 
  color:#ffffff;
  line-height:1.5;
  width:100% !important;
  margin: 0 auto; vertical-align:top middle;  
}

.stock_left { float:left; text-align:left; margin:2% 0 0 3%; width:47%; }
.stock_right{ float:right; text-align:right; margin:2% 3% 0 0; width:47%; }
.container_stock_whitespace { float:left; text-align:center; vertical-align:top middle; background:#ffffff; height:30px; margin: 0 auto; padding: 0;  width:100%; max-width:100%; }



/* Contact Page */
.container_contact {
  float:left;
  text-align:center; 
  vertical-align:top middle;
  height:auto;
  background-color:#ffffff;
  margin: 0 auto; 
  width:100%; 
  max-width:100%; 
}
.container_innercontact { text-align:center;  margin: 0 auto; padding: 0; width:1200px; height:auto; text-align:center; padding:1% 0 0 0; }

.contact_left { float:left; width:49%; text-align:left; margin:0 0 0 1%; }
.contact_right { float:right; width:45%; text-align:left; margin:0 5% 0 0; }


/* Privacy Page */
.container_privacy {
  float:left;
  text-align:center; 
  vertical-align:top middle;
  height:auto;
  background-color:#ffffff;
  margin: 0 auto; 
  width:100%; 
  max-width:100%; 
}
.container_innerprivacy { text-align:center;  margin: 0 auto; padding: 0; width:1200px; height:auto; text-align:center; padding:1% 0 0 0; }

.privacy_left { float:left; width:88%; text-align:left; margin:0 0 0 1%; }
.privacy_right { float:right; width:10%; text-align:left; margin:0; }

/* START FOOTER - Image hover to another image */

  .homeicon {
    display:inline-block;
    width: 60px;
    height: 53px;
    background: url('../images/icons/home_icon.png') no-repeat;
    
  }
  .homeicon:hover {
    background: url('../images/icons/home_icon_hover.png') no-repeat;
  }

  .phoneicon {
    display:inline-block;
    width: 60px;
    height: 53px;
    background: url('../images/icons/phone_icon.png') no-repeat;
    
  }
  .phoneicon:hover {
    background: url('../images/icons/phone_icon_hover.png') no-repeat;
  }

  .emailicon {
    display:inline-block;
    width: 60px;
    height: 53px;
    background: url('../images/icons/emailus_icon.png') no-repeat;
    
  }
  .emailicon:hover {
    background: url('../images/icons/emailus_icon_hover.png') no-repeat;
  }

  .fbicon {
    display:inline-block;
    width: 60px;
    height: 53px;
    background: url('../images/icons/fb_icon.png') no-repeat;
    
  }
  .fbicon:hover {
    background: url('../images/icons/fb_icon_hover.png') no-repeat;
  }

/* END FOOTER - Image hover to another image */


/*NEW HOVER STYLE FOR SCOTTS OF ANTRIM */

    .containerimg {
      position: relative;
      width: 100%;
    }

    .image {
      opacity: 1;
      display: block;
      width: 100%;
      height: 150px;
      transition: .5s ease;
      backface-visibility: hidden;
    }

    .imagehome {
      opacity: 1;
      display: block;
      width: 100%;
      height: 230px;
      transition: .5s ease;
      backface-visibility: hidden;
    }

    .middle {
      transition: .5s ease;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);

      text-align: center;
    }

    .containerimg:hover .image {
      opacity: 0.3;
    }

    .containerimg:hover .middle {
      opacity: 1;
    }

    .text {
      /*background-color: #4CAF50;*/
      color: white;
      font-size: 16px;
      padding: 16px 32px;
    }

/*END OF - NEW HOVER STYLE */


.zoom {
    padding: 2px;
    background-image: '../images/lorry1.png';
    /*background-color: green;*/
    transition: transform .2s; /* Animation */
    width: 350px;
    height: 234px;
    margin: 0 auto;
  }
  
  .zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    opacity:0.8;

  }

  .zoom_venue {
    padding: 10px;
    background-image: '../images/image1.jpg';
    /*background-color: green;*/
    transition: transform .2s; /* Animation */
    width: 370px;
    height: 264px;
    margin: 0 auto;

  }
  
  .zoom_venue:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }


  .zoom_detail {
    padding: 10px;
    background-image: '../images/image1.jpg';
    /*background-color: green;*/
    transition: transform .2s; /* Animation */
    width: 450px;
    height: 402px;
    margin: 0 auto;
  }
  
  .zoom_detail:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }





  /* ----------- iPhone 5 and 5s   ----------- */

  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 568px)
    and (-webkit-min-device-pixel-ratio: 2) {

  }

  /* Portrait Iphone 5 and 5s */
  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
    and (-webkit-min-device-pixel-ratio: 1)
  /* and (-webkit-text-size-adjust:auto) 414 width */
    and (orientation: portrait) {

              /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
              .mobile-container { display:block !important; padding:0 !important;  }
              #pcview_only { display:none !important; }

              h6 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-3% 0 0 0;  }
              .h7 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-1.1% 0 0 0;  }


              #container_homebanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner-used-lorries.jpg') no-repeat top; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }

              #container_contactbanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner_contact.png') no-repeat center; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }

              #container_privacybanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner_privacy.jpg') no-repeat bottom; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }


              .container_fadedbanner { 
                float:left; 
                width:100%; 
                height:60px; 
                margin:-16% 0 0 0; 
                background-color:#000000; 
                opacity:0.6;
                color:#ffffff; 
                font-weight:400; 
                font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                text-align:center; 
                font-size:1.7em;
                line-height:2.0;
              }

              .container_welcome { float:left; text-align:center; vertical-align:top middle; height:auto !important; background-color:#ffffff; margin: 0 auto; width:100%;  max-width:100%; }

              .container_innerwelcome { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:12% 0 0 0; }
      
              #container_featured_text { 
                text-align:left;
                margin: 0 auto;
                width:90% !important; 
                margin:0 5% 0 5% !important;
                font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; }


                #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }
                .lorry_left { float:left; width:89% !important; margin:0 5% 3% 5% !important;  text-align:center; vertical-align:center; height:auto;  }
                .lorry_left_spacer { float:left; width:0.1% !important;  text-align:center; vertical-align:center; background-color:#ffffff; height:auto;  }
                
                .lorry_left_home { float:left; width:89%; margin:0 5% 0 5% !important;  text-align:center; vertical-align:center; height:auto; }
                .lorry_mid { float:left; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
                .lorry_right { float:left !important; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
                
                /* Banners on lower home page */
                .container_banners { 
                  margin: 0 auto;
                  width:100% !important;
                  background-color:#F3F3F4; height:400px;
                  font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; color:#182513; line-height:3.5;
                }

                .banner_left { 
                  float:left; 
                  text-align:left !important; 
                  margin:2% 0 0 0; 
                  width:100% !important;
                  display:block; 
                  opacity:1.0; 
                  z-index:-1; 
                  background:url('../images/download_pdf.png') no-repeat bottom; 
                  height:100%; 
                  height:387px; 
                  /*border:solid 1px blue;
                  filter:brightness(40%);*/
                  
                }

                .banner_right{   
                  float:left; 
                  text-align:left; 
                  margin:2% 0 0 0; 
                  width:100% !important;
                  display:block; 
                  opacity:1.0; 
                  z-index:-1; 
                  background:url('../images/download_emails.png') no-repeat bottom; 
                  height:100%; 
                  height:387px;  
                  /*border:solid 1px red;
                  filter:brightness(60%);*/
                }

                .download_icon { float:left; width:100%; margin:-75% 0 0 0; z-index:-2; text-align:center; }
                .email_icon { float:right; width:100%; margin:-159% 0 0 0; z-index:200; text-align:center; }

                .download_format { 
                  font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
                font-weight:100; line-height:1.5; color:#ffffff;
                margin:0 13% 0 13%; 
                width:74%;
                text-align:center;
                z-index:200;
                }

                .email_format { 
                  font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
                  font-weight:100; line-height:1.5; color:#ffffff;
                  margin:0 13% 0 13%;  
                  width:74%;
                  text-align:center;
                  z-index:200;
                }

                .container_footer { float:left; text-align:center; vertical-align:top middle; background:#BCA85E; height:auto !important; margin: 0 auto; padding: 0;  width:100%; max-width:100%; }
                #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; font-family:Microsoft YaHei UI LIght; font-size: 13px; font-weight:none; line-height:2.2; color:#ffffff;   }

                .footer_left { float:left; width:100% !important; height:85px; text-align: left; margin:0;   }
                .footer_mid { float:left; width:97% !important; margin:5% 0 0 3% !important;  text-align: left; vertical-align:top;    }
                .footer_right { float:left !important;  width:97% !important;  text-align: left; vertical-align:top; margin:7% 0 0 3%;  }
                

                .container_innercontact { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

                .contact_left { float:left; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }
                .contact_right { float:left !important; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }

                .txtinputcontact { height:37px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
                .txtrowscontact { height:140px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}

                .container_innerprivacy { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

                .privacy_left { float:left; width:93%; text-align:left; margin:0 0 0 3%; }
                .privacy_right { float:right; width:4%; text-align:left; margin:0; }

                .image {
                  opacity: 1;
                  display: block;
                  width: 98% !important;
                  height: 180px;
                  transition: .5s ease;
                  backface-visibility: hidden;
                }

                /* Vehicle Detail Screen */
                .container_lorries { float:left; text-align:center; background-color:#ffffff; height:auto;  margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%;   }
                #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important;  padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }

                .lorry_detail_left { float:left; width:100%; text-align:left; vertical-align:center; height:auto;  }
                .lorry_detail_right { float:left !important; width:94% !important; margin:0 0 0 4%; text-align:center; vertical-align:center; height:auto;  }
                #iphonewidth { width:100% !important; max-width:100% !important; }


                .container_innerwelcome_bottom { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:3% 0 0 0; }


  }

  /* Landscape Iphone 5 and 5s */
  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 1)
  /* and (-webkit-text-size-adjust:auto) 414 width */
  and (orientation: landscape) {

              /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
              .mobile-container { display:block !important; padding:0 !important;  }
              #pcview_only { display:none !important; }

              h6 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-3% 0 0 0;  }
              .h7 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-1.1% 0 0 0;  }


              #container_homebanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner-used-lorries.jpg') no-repeat top; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }

              #container_contactbanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner_contact.png') no-repeat center; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }

              #container_privacybanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner_privacy.jpg') no-repeat bottom; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }


              .container_fadedbanner { 
                float:left; 
                width:100%; 
                height:60px; 
                margin:-16% 0 0 0; 
                background-color:#000000; 
                opacity:0.6;
                color:#ffffff; 
                font-weight:400; 
                font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                text-align:center; 
                font-size:1.7em;
                line-height:2.0;
              }

              .container_welcome { float:left; text-align:center; vertical-align:top middle; height:auto !important; background-color:#ffffff; margin: 0 auto; width:100%;  max-width:100%; }

              .container_innerwelcome { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:12% 0 0 0; }
      
              #container_featured_text { 
                text-align:left;
                margin: 0 auto;
                width:90% !important; 
                margin:0 5% 0 5% !important;
                font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; }


                #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }
                .lorry_left { float:left; width:89% !important; margin:0 5% 3% 5% !important;  text-align:center; vertical-align:center; height:auto;  }
                .lorry_left_spacer { float:left; width:0.1% !important;  text-align:center; vertical-align:center; background-color:#ffffff; height:auto;  }
                
                .lorry_left_home { float:left; width:89%; margin:0 5% 0 5% !important;  text-align:center; vertical-align:center; height:auto; }
                .lorry_mid { float:left; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
                .lorry_right { float:left !important; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
                
                /* Banners on lower home page */
                .container_banners { 
                  margin: 0 auto;
                  width:100% !important;
                  background-color:#F3F3F4; height:400px;
                  font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; color:#182513; line-height:3.5;
                }

                .banner_left { 
                  float:left; 
                  text-align:left !important; 
                  margin:2% 0 0 0; 
                  width:100% !important;
                  display:block; 
                  opacity:1.0; 
                  z-index:-1; 
                  background:url('../images/download_pdf.png') no-repeat bottom; 
                  height:100%; 
                  height:387px; 
                  /*border:solid 1px blue;
                  filter:brightness(40%);*/
                  
                }

                .banner_right{   
                  float:left; 
                  text-align:left; 
                  margin:2% 0 0 0; 
                  width:100% !important;
                  display:block; 
                  opacity:1.0; 
                  z-index:-1; 
                  background:url('../images/download_emails.png') no-repeat bottom; 
                  height:100%; 
                  height:387px;  
                  /*border:solid 1px red;
                  filter:brightness(60%);*/
                }

                .download_icon { float:left; width:100%; margin:-75% 0 0 0; z-index:-2; text-align:center; }
                .email_icon { float:right; width:100%; margin:-159% 0 0 0; z-index:200; text-align:center; }

                .download_format { 
                  font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
                font-weight:100; line-height:1.5; color:#ffffff;
                margin:0 13% 0 13%; 
                width:74%;
                text-align:center;
                z-index:200;
                }

                .email_format { 
                  font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
                  font-weight:100; line-height:1.5; color:#ffffff;
                  margin:0 13% 0 13%;  
                  width:74%;
                  text-align:center;
                  z-index:200;
                }

                .container_footer { float:left; text-align:center; vertical-align:top middle; background:#BCA85E; height:auto !important; margin: 0 auto; padding: 0;  width:100%; max-width:100%; }
                #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; font-family:Microsoft YaHei UI LIght; font-size: 13px; font-weight:none; line-height:2.2; color:#ffffff;   }

                .footer_left { float:left; width:100% !important; height:85px; text-align: left; margin:0;   }
                .footer_mid { float:left; width:97% !important; margin:5% 0 0 3% !important;  text-align: left; vertical-align:top;    }
                .footer_right { float:left !important;  width:97% !important;  text-align: left; vertical-align:top; margin:7% 0 0 3%;  }
                

                .container_innercontact { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

                .contact_left { float:left; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }
                .contact_right { float:left !important; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }

                .txtinputcontact { height:37px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
                .txtrowscontact { height:140px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}

                .container_innerprivacy { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

                .privacy_left { float:left; width:93%; text-align:left; margin:0 0 0 3%; }
                .privacy_right { float:right; width:4%; text-align:left; margin:0; }


                .image {
                  opacity: 1;
                  display: block;
                  width: 68% !important;
                  height: 180px;
                  transition: .5s ease;
                  backface-visibility: hidden;
                }

                /* Vehicle Detail Screen */
                .container_lorries { float:left; text-align:center; background-color:#ffffff; height:auto;  margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%;   }
                #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important;  padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }

                .lorry_detail_left { float:left; width:100%; text-align:left; vertical-align:center; height:auto;  }
                .lorry_detail_right { float:left !important; width:94% !important; margin:0 0 0 4%; text-align:center; vertical-align:center; height:auto;  }
                #iphonewidth { width:100% !important; max-width:100% !important; }

                .container_innerwelcome_bottom { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:3% 0 0 0; }

  }




  /* ----------- iPhone 6, 6plus 7, 8, X, XS   ----------- */

  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 767px)
    and (-webkit-min-device-pixel-ratio: 2) {

  }

  /* Portrait */
  @media only screen 
 /* and (min-device-width: 320px) 
  and (max-device-width: 568px)*/
  and (min-device-width: 375px) 
  and (max-device-width: 767px)
    and (-webkit-min-device-pixel-ratio: 1)
  /* and (-webkit-text-size-adjust:auto) 414 width */
    and (orientation: portrait) {

              /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
              .mobile-container { display:block !important; padding:0 !important;  }
              #pcview_only { display:none !important; }

              h6 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-3% 0 0 0;  }
              .h7 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-1.1% 0 0 0;  }


              #container_homebanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner-used-lorries.jpg') no-repeat top; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }

              #container_contactbanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner_contact.png') no-repeat center; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }

              #container_privacybanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner_privacy.jpg') no-repeat bottom; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }


              .container_fadedbanner { 
                float:left; 
                width:100%; 
                height:60px; 
                margin:-16% 0 0 0; 
                background-color:#000000; 
                opacity:0.6;
                color:#ffffff; 
                font-weight:400; 
                font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                text-align:center; 
                font-size:1.7em;
                line-height:2.0;
              }

              .container_welcome { float:left; text-align:center; vertical-align:top middle; height:auto !important; background-color:#ffffff; margin: 0 auto; width:100%;  max-width:100%; }

              .container_innerwelcome { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:12% 0 0 0; }
      
              #container_featured_text { 
                text-align:left;
                margin: 0 auto;
                width:90% !important; 
                margin:0 5% 0 5% !important;
                font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; }


                #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }
                .lorry_left { float:left; width:89% !important; margin:0 5% 3% 5% !important;  text-align:center; vertical-align:center; height:auto;  }
                .lorry_left_spacer { float:left; width:0.1% !important;  text-align:center; vertical-align:center; background-color:#ffffff; height:auto;  }
                
                .lorry_left_home { float:left; width:89%; margin:0 5% 0 5% !important;  text-align:center; vertical-align:center; height:auto; }
                .lorry_mid { float:left; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
                .lorry_right { float:left !important; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
                
                /* Banners on lower home page */
                .container_banners { 
                  margin: 0 auto;
                  width:100% !important;
                  background-color:#F3F3F4; height:400px;
                  font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; color:#182513; line-height:3.5;
                }

                .banner_left { 
                  float:left; 
                  text-align:left !important; 
                  margin:2% 0 0 0; 
                  width:100% !important;
                  display:block; 
                  opacity:1.0; 
                  z-index:-1; 
                  background:url('../images/download_pdf.png') no-repeat bottom; 
                  height:100%; 
                  height:387px; 
                  /*border:solid 1px blue;
                  filter:brightness(40%);*/
                  
                }

                .banner_right{   
                  float:left; 
                  text-align:left; 
                  margin:2% 0 0 0; 
                  width:100% !important;
                  display:block; 
                  opacity:1.0; 
                  z-index:-1; 
                  background:url('../images/download_emails.png') no-repeat bottom; 
                  height:100%; 
                  height:387px;  
                  /*border:solid 1px red;
                  filter:brightness(60%);*/
                }

                .download_icon { float:left; width:100%; margin:-75% 0 0 0; z-index:-2; text-align:center; }
                .email_icon { float:right; width:100%; margin:-159% 0 0 0; z-index:200; text-align:center; }

                .download_format { 
                  font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
                font-weight:100; line-height:1.5; color:#ffffff;
                margin:0 13% 0 13%; 
                width:74%;
                text-align:center;
                z-index:200;
                }

                .email_format { 
                  font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
                  font-weight:100; line-height:1.5; color:#ffffff;
                  margin:0 13% 0 13%;  
                  width:74%;
                  text-align:center;
                  z-index:200;
                }

                .container_footer { float:left; text-align:center; vertical-align:top middle; background:#BCA85E; height:auto !important; margin: 0 auto; padding: 0;  width:100%; max-width:100%; }
                #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; font-family:Microsoft YaHei UI LIght; font-size: 13px; font-weight:none; line-height:2.2; color:#ffffff;   }

                .footer_left { float:left; width:100% !important; height:85px; text-align: left; margin:0;   }
                .footer_mid { float:left; width:97% !important; margin:5% 0 0 3% !important;  text-align: left; vertical-align:top;    }
                .footer_right { float:left !important;  width:97% !important;  text-align: left; vertical-align:top; margin:7% 0 0 3%;  }
                

                .container_innercontact { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

                .contact_left { float:left; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }
                .contact_right { float:left !important; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }

                .txtinputcontact { height:37px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
                .txtrowscontact { height:140px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}

                .container_innerprivacy { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

                .privacy_left { float:left; width:93%; text-align:left; margin:0 0 0 3%; }
                .privacy_right { float:right; width:4%; text-align:left; margin:0; }

                .image {
                  opacity: 1;
                  display: block;
                  width: 98% !important;
                  height: 180px;
                  transition: .5s ease;
                  backface-visibility: hidden;
                }


                /* Vehicle Detail Screen */
                .container_lorries { float:left; text-align:center; background-color:#ffffff; height:auto;  margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%;   }
                #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important;  padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }

                .lorry_detail_left { float:left; width:100%; text-align:left; vertical-align:center; height:auto;  }
                .lorry_detail_right { float:left !important; width:94% !important; margin:0 0 0 4%; text-align:center; vertical-align:center; height:auto;  }
                #iphonewidth { width:100% !important; max-width:100% !important; }
     
                .container_innerwelcome_bottom { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:3% 0 0 0; }

      }

      /* Landscape iPhone 6, 6plus 7, 8, X, XS */
      @media only screen 
    /* and (min-device-width: 320px) 
      and (max-device-width: 568px)*/
      and (min-device-width: 375px) 
      and (max-device-width: 767px)
      and (-webkit-min-device-pixel-ratio: 1)
      /* and (-webkit-text-size-adjust:auto) 414 width */
      and (orientation: landscape) {

              /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
              .mobile-container { display:block !important; padding:0 !important;  }
              #pcview_only { display:none !important; }

              h6 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-3% 0 0 0;  }
              .h7 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-1.1% 0 0 0;  }


              #container_homebanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner-used-lorries.jpg') no-repeat top; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }

              #container_contactbanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner_contact.png') no-repeat center; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }

              #container_privacybanner 
              { 
                display:block; 
                float:left;
                opacity:1.0; 
                z-index:-1; 
                background:url('../images/banner_privacy.jpg') no-repeat bottom; 
                height:100%; 
                height:275px; 
                width:100%; 
                max-width:100%;  
              }


              .container_fadedbanner { 
                float:left; 
                width:100%; 
                height:60px; 
                margin:-16% 0 0 0; 
                background-color:#000000; 
                opacity:0.6;
                color:#ffffff; 
                font-weight:400; 
                font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                text-align:center; 
                font-size:1.7em;
                line-height:2.0;
              }

              .container_welcome { float:left; text-align:center; vertical-align:top middle; height:auto !important; background-color:#ffffff; margin: 0 auto; width:100%;  max-width:100%; }

              .container_innerwelcome { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:12% 0 0 0; }
      
              #container_featured_text { 
                text-align:left;
                margin: 0 auto;
                width:90% !important; 
                margin:0 5% 0 5% !important;
                font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; }


                #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }
                .lorry_left { float:left; width:89% !important; margin:0 5% 3% 5% !important;  text-align:center; vertical-align:center; height:auto;  }
                .lorry_left_spacer { float:left; width:0.1% !important;  text-align:center; vertical-align:center; background-color:#ffffff; height:auto;  }
                
                .lorry_left_home { float:left; width:89%; margin:0 5% 0 5% !important;  text-align:center; vertical-align:center; height:auto; }
                .lorry_mid { float:left; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
                .lorry_right { float:left !important; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
                
                /* Banners on lower home page */
                .container_banners { 
                  margin: 0 auto;
                  width:100% !important;
                  background-color:#F3F3F4; height:400px;
                  font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; color:#182513; line-height:3.5;
                }

                .banner_left { 
                  float:left; 
                  text-align:left !important; 
                  margin:2% 0 0 0; 
                  width:100% !important;
                  display:block; 
                  opacity:1.0; 
                  z-index:-1; 
                  background:url('../images/download_pdf.png') no-repeat bottom; 
                  height:100%; 
                  height:387px; 
                  /*border:solid 1px blue;
                  filter:brightness(40%);*/
                  
                }

                .banner_right{   
                  float:left; 
                  text-align:left; 
                  margin:2% 0 0 0; 
                  width:100% !important;
                  display:block; 
                  opacity:1.0; 
                  z-index:-1; 
                  background:url('../images/download_emails.png') no-repeat bottom; 
                  height:100%; 
                  height:387px;  
                  /*border:solid 1px red;
                  filter:brightness(60%);*/
                }

                .download_icon { float:left; width:100%; margin:-75% 0 0 0; z-index:-2; text-align:center; }
                .email_icon { float:right; width:100%; margin:-159% 0 0 0; z-index:200; text-align:center; }

                .download_format { 
                  font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
                font-weight:100; line-height:1.5; color:#ffffff;
                margin:0 13% 0 13%; 
                width:74%;
                text-align:center;
                z-index:200;
                }

                .email_format { 
                  font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
                  font-weight:100; line-height:1.5; color:#ffffff;
                  margin:0 13% 0 13%;  
                  width:74%;
                  text-align:center;
                  z-index:200;
                }

                .container_footer { float:left; text-align:center; vertical-align:top middle; background:#BCA85E; height:auto !important; margin: 0 auto; padding: 0;  width:100%; max-width:100%; }
                #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; font-family:Microsoft YaHei UI LIght; font-size: 13px; font-weight:none; line-height:2.2; color:#ffffff;   }

                .footer_left { float:left; width:100% !important; height:85px; text-align: left; margin:0;   }
                .footer_mid { float:left; width:97% !important; margin:5% 0 0 3% !important;  text-align: left; vertical-align:top;    }
                .footer_right { float:left !important;  width:97% !important;  text-align: left; vertical-align:top; margin:7% 0 0 3%;  }
                

                .container_innercontact { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

                .contact_left { float:left; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }
                .contact_right { float:left !important; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }

                .txtinputcontact { height:37px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
                .txtrowscontact { height:140px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}

                .container_innerprivacy { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

                .privacy_left { float:left; width:93%; text-align:left; margin:0 0 0 3%; }
                .privacy_right { float:right; width:4%; text-align:left; margin:0; }


                .image {
                  opacity: 1;
                  display: block;
                  width: 68% !important;
                  height: 180px;
                  transition: .5s ease;
                  backface-visibility: hidden;
                }

                /* Vehicle Detail Screen */
                .container_lorries { float:left; text-align:center; background-color:#ffffff; height:auto;  margin: 0 auto; vertical-align:top middle; width:100%; max-width:100%;   }
                #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important;  padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }

                .lorry_detail_left { float:left; width:100%; text-align:left; vertical-align:center; height:auto;  }
                .lorry_detail_right { float:left !important; width:94% !important; margin:0 0 0 4%; text-align:center; vertical-align:center; height:auto;  }
                #iphonewidth { width:100% !important; max-width:100% !important; }


                .container_innerwelcome_bottom { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:3% 0 0 0; }

           
      }


       /* Samsung Galaxy S6 or S7 - Portrait View */

       @media only screen 
       and (min-device-width : 360px) 
       and (max-device-width : 640px)
       and (-webkit-min-device-pixel-ratio: 1)  
       and (orientation: portrait) 
       {
         /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
         .mobile-container { display:block !important; padding:0 !important;  }
         #pcview_only { display:none !important; }

         h6 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-3% 0 0 0;  }
         .h7 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-1.1% 0 0 0;  }


         #container_homebanner 
         { 
           display:block; 
           float:left;
           opacity:1.0; 
           z-index:-1; 
           background:url('../images/banner-used-lorries.jpg') no-repeat top; 
           height:100%; 
           height:275px; 
           width:100%; 
           max-width:100%;  
         }

         #container_contactbanner 
         { 
           display:block; 
           float:left;
           opacity:1.0; 
           z-index:-1; 
           background:url('../images/banner_contact.png') no-repeat center; 
           height:100%; 
           height:275px; 
           width:100%; 
           max-width:100%;  
         }

         #container_privacybanner 
         { 
           display:block; 
           float:left;
           opacity:1.0; 
           z-index:-1; 
           background:url('../images/banner_privacy.jpg') no-repeat bottom; 
           height:100%; 
           height:275px; 
           width:100%; 
           max-width:100%;  
         }


         .container_fadedbanner { 
           float:left; 
           width:100%; 
           height:60px; 
           margin:-16% 0 0 0; 
           background-color:#000000; 
           opacity:0.6;
           color:#ffffff; 
           font-weight:400; 
           font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
           text-align:center; 
           font-size:1.7em;
           line-height:2.0;
         }

         .container_welcome { float:left; text-align:center; vertical-align:top middle; height:auto !important; background-color:#ffffff; margin: 0 auto; width:100%;  max-width:100%; }

         .container_innerwelcome { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:12% 0 0 0; }
 
         #container_featured_text { 
           text-align:left;
           margin: 0 auto;
           width:90% !important; 
           margin:0 5% 0 5% !important;
           font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; }

           #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }
           .lorry_left { float:left; width:89% !important; margin:0 5% 3% 5% !important;  text-align:center; vertical-align:center; height:auto;  }
           .lorry_left_spacer { float:left; width:0.1% !important;  text-align:center; vertical-align:center; background-color:#ffffff; height:auto;  }
           
           .lorry_left_home { float:left; width:89%; margin:0 5% 0 5% !important;  text-align:center; vertical-align:center; height:auto; }
           .lorry_mid { float:left; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
           .lorry_right { float:left !important; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
           
           /* Banners on lower home page */
           .container_banners { 
             margin: 0 auto;
             width:100% !important;
             background-color:#F3F3F4; height:400px;
             font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; color:#182513; line-height:3.5;
           }

           .banner_left { 
            float:left; 
            text-align:left !important; 
            margin:2% 0 0 0; 
            width:100% !important;
            display:block; 
            opacity:1.0; 
            z-index:-1; 
            background:url('../images/download_pdf.png') no-repeat bottom; 
            height:100%; 
            height:387px; 
            /*border:solid 1px blue;
            filter:brightness(40%);*/
            
          }

          .banner_right{   
            float:left; 
            text-align:left; 
            margin:2% 0 0 0; 
            width:100% !important;
            display:block; 
            opacity:1.0; 
            z-index:-1; 
            background:url('../images/download_emails.png') no-repeat bottom; 
            height:100%; 
            height:387px;  
            /*border:solid 1px red;
            filter:brightness(60%);*/
          }

           .download_icon { float:left; width:100%; margin:-75% 0 0 0; z-index:-2; text-align:center; }
           .email_icon { float:right; width:100%; margin:-159% 0 0 0; z-index:200; text-align:center; }

           .download_format { 
             font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
           font-weight:100; line-height:1.5; color:#ffffff;
           margin:0 13% 0 13%; 
           width:74%;
           text-align:center;
           z-index:200;
           }

           .email_format { 
             font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
             font-weight:100; line-height:1.5; color:#ffffff;
             margin:0 13% 0 13%;  
             width:74%;
             text-align:center;
             z-index:200;
           }

           .container_footer { float:left; text-align:center; vertical-align:top middle; background:#BCA85E; height:auto !important; margin: 0 auto; padding: 0;  width:100%; max-width:100%; }
           #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; font-family:Microsoft YaHei UI LIght; font-size: 13px; font-weight:none; line-height:2.2; color:#ffffff;   }

           .footer_left { float:left; width:100% !important; height:85px; text-align: left; margin:0;   }
           .footer_mid { float:left; width:97% !important; margin:5% 0 0 3% !important;  text-align: left; vertical-align:top;    }
           .footer_right { float:left !important;  width:97% !important;  text-align: left; vertical-align:top; margin:7% 0 0 3%;  }
           

           .container_innercontact { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

           .contact_left { float:left; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }
           .contact_right { float:left !important; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }

           .txtinputcontact { height:37px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
           .txtrowscontact { height:140px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}

           .container_innerprivacy { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

           .privacy_left { float:left; width:93%; text-align:left; margin:0 0 0 3%; }
           .privacy_right { float:right; width:4%; text-align:left; margin:0; }

           .image {
            opacity: 1;
            display: block;
            width: 98% !important;
            height: 180px;
            transition: .5s ease;
            backface-visibility: hidden;
          }

          .container_innerwelcome_bottom { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:3% 0 0 0; }


       }

       /* Samsung Galaxy S6 or S7- Landscape View */
       @media only screen 
       and (min-device-width : 360px) 
       and (max-device-width : 640px)
       and (-webkit-min-device-pixel-ratio: 1)  
       and (orientation: landscape) 
       {
         /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
         .mobile-container { display:block !important; padding:0 !important;  }
         #pcview_only { display:none !important; }

         h6 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-3% 0 0 0;  }
         .h7 { font-family:Arial, Calibri, Helvetica; font-size:1.2em; font-weight:100; line-height:2.5; color:#404040; margin:-1.1% 0 0 0;  }


         #container_homebanner 
         { 
           display:block; 
           float:left;
           opacity:1.0; 
           z-index:-1; 
           background:url('../images/banner-used-lorries.jpg') no-repeat top; 
           height:100%; 
           height:275px; 
           width:100%; 
           max-width:100%;  
         }

         #container_contactbanner 
         { 
           display:block; 
           float:left;
           opacity:1.0; 
           z-index:-1; 
           background:url('../images/banner_contact.png') no-repeat center; 
           height:100%; 
           height:275px; 
           width:100%; 
           max-width:100%;  
         }

         #container_privacybanner 
         { 
           display:block; 
           float:left;
           opacity:1.0; 
           z-index:-1; 
           background:url('../images/banner_privacy.jpg') no-repeat bottom; 
           height:100%; 
           height:275px; 
           width:100%; 
           max-width:100%;  
         }


         .container_fadedbanner { 
           float:left; 
           width:100%; 
           height:60px; 
           margin:-16% 0 0 0; 
           background-color:#000000; 
           opacity:0.6;
           color:#ffffff; 
           font-weight:400; 
           font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
           text-align:center; 
           font-size:1.7em;
           line-height:2.0;
         }

         .container_welcome { float:left; text-align:center; vertical-align:top middle; height:auto !important; background-color:#ffffff; margin: 0 auto; width:100%;  max-width:100%; }

         .container_innerwelcome { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:12% 0 0 0; }
 
         #container_featured_text { 
           text-align:left;
           margin: 0 auto;
           width:90% !important; 
           margin:0 5% 0 5% !important;
           font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; }

           #container_lorries_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; padding:1% 0 0 0; height:auto;  font-family:Arial, Calibri, Helvetica; font-size: 15px; font-weight:none; line-height:1.7;   }
           .lorry_left { float:left; width:89% !important; margin:0 5% 3% 5% !important;  text-align:center; vertical-align:center; height:auto;  }
           .lorry_left_spacer { float:left; width:0.1% !important;  text-align:center; vertical-align:center; background-color:#ffffff; height:auto;  }
           
           .lorry_left_home { float:left; width:89%; margin:0 5% 0 5% !important;  text-align:center; vertical-align:center; height:auto; }
           .lorry_mid { float:left; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
           .lorry_right { float:left !important; width:89% !important; margin:0 5% 0 5% !important; text-align:center; vertical-align:center; height:auto; }
           
           /* Banners on lower home page */
           .container_banners { 
             margin: 0 auto;
             width:100% !important;
             background-color:#F3F3F4; height:400px;
             font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; color:#182513; line-height:3.5;
           }

           .banner_left { 
            float:left; 
            text-align:left !important; 
            margin:2% 0 0 0; 
            width:100% !important;
            display:block; 
            opacity:1.0; 
            z-index:-1; 
            background:url('../images/download_pdf.png') no-repeat bottom; 
            height:100%; 
            height:387px; 
            /*border:solid 1px blue;
            filter:brightness(40%);*/
            
          }

          .banner_right{   
            float:left; 
            text-align:left; 
            margin:2% 0 0 0; 
            width:100% !important;
            display:block; 
            opacity:1.0; 
            z-index:-1; 
            background:url('../images/download_emails.png') no-repeat bottom; 
            height:100%; 
            height:387px;  
            /*border:solid 1px red;
            filter:brightness(60%);*/
          }

           .download_icon { float:left; width:100%; margin:-75% 0 0 0; z-index:-2; text-align:center; }
           .email_icon { float:right; width:100%; margin:-159% 0 0 0; z-index:200; text-align:center; }

           .download_format { 
             font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
           font-weight:100; line-height:1.5; color:#ffffff;
           margin:0 13% 0 13%; 
           width:74%;
           text-align:center;
           z-index:200;
           }

           .email_format { 
             font-family:Arial, Calibri, Helvetica; font-size:0.7em; 
             font-weight:100; line-height:1.5; color:#ffffff;
             margin:0 13% 0 13%;  
             width:74%;
             text-align:center;
             z-index:200;
           }

           .container_footer { float:left; text-align:center; vertical-align:top middle; background:#BCA85E; height:auto !important; margin: 0 auto; padding: 0;  width:100%; max-width:100%; }
           #container_footer_inner { text-align:center; margin: 0 auto; padding: 0; width:100% !important; height:100%; padding:3% 0 0 0; font-family:Microsoft YaHei UI LIght; font-size: 13px; font-weight:none; line-height:2.2; color:#ffffff;   }

           .footer_left { float:left; width:100% !important; height:85px; text-align: left; margin:0;   }
           .footer_mid { float:left; width:97% !important; margin:5% 0 0 3% !important;  text-align: left; vertical-align:top;    }
           .footer_right { float:left !important;  width:97% !important;  text-align: left; vertical-align:top; margin:7% 0 0 3%;  }
           

           .container_innercontact { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

           .contact_left { float:left; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }
           .contact_right { float:left !important; width:97%; text-align:left; margin:0 0 0 3%; height:auto; }

           .txtinputcontact { height:37px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
           .txtrowscontact { height:140px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}

           .container_innerprivacy { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:1% 0 0 0; }

           .privacy_left { float:left; width:93%; text-align:left; margin:0 0 0 3%; }
           .privacy_right { float:right; width:4%; text-align:left; margin:0; }


           .image {
             opacity: 1;
             display: block;
             width: 68% !important;
             height: 180px;
             transition: .5s ease;
             backface-visibility: hidden;
           }

           .container_innerwelcome_bottom { text-align:center;  margin: 0 auto; padding: 0; width:100% !important; height:auto; text-align:center; padding:3% 0 0 0; }


       }




      /* IPad 2 (looks good in ipad pro also) - Portrait View*/

      @media only screen 
      and (min-device-width : 768px) 
      and (max-device-width : 1024px)
      and (-webkit-min-device-pixel-ratio: 1)  
      and (orientation: portrait) 
      {

           
      }


      /* IPad 2 - Landscape View*/

      @media only screen 
      and (min-device-width : 768px) 
      and (max-device-width : 1024px)
      and (-webkit-min-device-pixel-ratio: 1)  
      and (orientation: landscape) 
      {
      
      }