﻿body
{
      background: #fff;
      font-family: Arial;
      font-size: 62.5%;
      padding: 0;
      margin: 0;
}

#body-site-container
{
      /*background: #fff;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;                             
      z-index:-9999;*/
}

#randomizer-container
{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
}
      #randomizer-container .masker
      {
            position: relative;
            width: 100%;
            height: 641px;
            overflow: hidden;
      }
            #randomizer-container .center-in-mask
            {
                  width: 1px;
                  margin: 0 auto;
                  position: relative;
                  
            }
                  #randomizer-container .full-case
                  {
                        position: absolute;
                        width: 1200px;
                        top: 0;
                        left: -600px;
                        top: 0;
                  }


#site-container
{
      margin: 0 auto;
      width: 960px;
      position: relative;
      z-index: 10;
}

#site-container li span
{
    color: #5F6062 !important;
    font-size: 12px !important;
    }

#content li
{
    color: #5F6062;
    font-size: 12px;
    line-height: 18px;
    }

#header
{

      height: 50px;
}
      #logo
      {
            background: url(Images/new_logo.png) no-repeat;
            display: block;
            float: left;
            height: 31px;
            margin-top: 7px;
            width: 168px;
      }
      
      #header h1
      {
    float: left;
    font-size: 1.8em;
    margin:13px 0px 0px 0px;
    padding: 0;
      }
      
      #menu-1
      {
            list-style: none;
            margin: 0;
            padding: 0;  
            float:right;                 
      }
            #menu-1 li
            {
                  float: left;
            }
                  #menu-1 li a
                  {
                        font-size: 1.1em;
                        float: left;
                        text-transform: uppercase;
                        text-decoration: none;
                        height: 44px;
                        line-height: 44px;
                        color: #777777;
                        padding: 0 15px;
                  }
                  #menu-1 li.last a
                  {
                        padding-right: 10px;
                  }
                  #menu-1 li a:hover
                  {
                        color: #196db6;
                  }

#menu-2
{
      background: url(Images/menu-2-bg.png);
      height: 30px;
	  margin: 0;
      padding: 0;
      list-style: none;
}
      #menu-2 li
      {
            float: left;
            border-left: solid 1px #A4A8B1;
      }
      #menu-2 li.first
      {
            border-left: none;
      }
            #menu-2 a
            {
                  float: left;
                  text-decoration: none;
                  text-transform: uppercase;
                  color: #fff;
                  font-size: 1.4em;
                  font-weight: bold;
                  height: 30px;
                  line-height: 30px;
                  padding: 0 8px;
            }
            #menu-2 a:hover
            {
                  color: #6A4D52;
                  background: #fff;
            }

#menu-3
{
      display: block;
      margin: 396px 0 16px;
      padding: 0;
      height: 149px;
      list-style: none;
}
      #menu-3 li
      {
            float: left;
            padding: 0 0 0 10px;
      }
      #menu-3 li.first
      {
            padding: 0;
      }


#footer
{
      background: url(Images/footer-bg.png);
      height: 126px;
}
      #footer-brace
      {
            position: relative;
            margin: 0 auto;
            width: 960px;
      }
            #footer-logo
            {
                  background: url(Images/new-footer-logo.png);
                  height: 61px;
                  width: 82px;
                  position: absolute;
                  right: 0;
                  top: 30px;
            }
            #menu-4
            {
                  position: absolute;
                  top: 66px;
                  left: 0;
                  list-style: none;
                  padding: 0;
                  margin: 0;
                  width:100%;
            }
                  #menu-4 li
                  {
                        float: left;
                        border-left: solid 1px #fff;
                        height: 10px;
                        line-height: 10px;
                  }
                  #menu-4 li.first
                  {
                        border: 0;
                  }
                        #menu-4 a
                        {
                              text-decoration: none;
                              color: #fff;
                              padding: 0 4px;
                        }
                        #menu-4 a:hover
                        {
                              text-decoration: underline;
                        }

#content-body-container
{
      padding: 0 0 20px;
}

#new-vehicle-menu
{
      height: 121px;
      margin: 3px 0;
      border: solid 1px #CFCFCF;
}
      #new-vehicle-menu .button 
      {
            background: url(Images/carousel-arrows.png) no-repeat;
            display: block;
            width: 20px;
            height: 121px;
            border: solid 1px #CFCFCF;
            border-top: none;
            border-bottom: none;
      }
      #new-vehicle-menu .left-button 
      {
            background-position: top left;
            float: left;
            cursor: pointer;
      }
      #new-vehicle-menu .right-button 
      {
            background-position: top right;
            float: right;
            cursor: pointer;
      }
      #new-vehicle-menu .disabled-left-button
      {
            cursor: default;
            background-position: bottom left;
      }
      #new-vehicle-menu .disabled-right-button
      {
            cursor: default;
            background-position: bottom right;
      }
      #new-vehicle-menu .view-port
      {
            position: relative;
            overflow: hidden;
            height: 121px;
      }
      #new-vehicle-menu ul
      {
            list-style: none;
            margin: 0;
            padding: 0;
            display: block;
            position: absolute;

      }
            #new-vehicle-menu li
            {
                  background: url(Images/new-car-sep.png) no-repeat top right;
                  float: left;
                  display: block;
                  width: 143px;
                  height: 121px;
                  padding: 0 1px 0 0;
            }
                  #new-vehicle-menu ul a
                  {
                        background: url(Images/vehicle-hover-bg.png) repeat-x;
                        display: block;
                        cursor: pointer;
                        height: 121px;
                        text-decoration: none;
                  }
                        #new-vehicle-menu ul span
                        {
                              display: block;
                        }
                        #new-vehicle-menu ul span.pic
                        {
                              background-position: center center;
                              height: 91px;
                        }
                        #new-vehicle-menu ul span.txt
                        {
                              font-size: 11px;
                              line-height: 13px;
                              color: #000;
                              text-align: center;
                              text-decoration: none;

                        }
						
p { font-size: 12px; color: #5F6062; line-height: 18px; }

a { color: #196DB6; text-decoration: none; }
a:hover { text-decoration: underline; }

#site-container h2 { font-size: 16px; }

/* Module - Contacts */

.module_contacts { margin: 0 0 15px 0; font-size: 12px; color: #5F6062; }

/* Module - Service Booking */

#chkCustomer { border:none !important; }
.module_service_booking { margin: 0 0 15px 0; font-size: 12px; color: #5F6062; }
.module_service_booking td { font-size: 12px !important; }
.module_service_booking input { margin: 0 0 10px 0; }
.module_service_booking select { margin: 0 0 10px 0; }
.module_service_booking textarea { margin: 0 0 10px 0; font-family: Arial; font-size: 12px; color: #5F6062; }
td#personnel-container table tbody tr td {
    width: 300px;
}
td#personnel-container table tbody tr {
    width: 400px;
}
td#personnel-container table tbody tr td img {
    width: 100px;
}
#vehicle-display #vehicle-display-header-container 
{
    margin-left:1%;
}
#vehicle-display-jump-to-container 
{
    margin-right:0.5% !important;
}
.leonlogo 
{
    float:right;
}

.Slide img { width: 100%; }
#jssor_1 { position: relative; margin: 0 auto; top: 0; left: 0; width: 1200px; height: 640px; overflow: hidden; visibility: hidden }
.jssor_1_slider_bottom, .jssor_1_slider_top { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block }
.jssor_1_slider { position: absolute; top: 0; left: 0 }
.jssor_1_slider_top { filter: alpha(opacity=70); opacity: .7 }
.jssor_1_slider_bottom { background: url(/Layout/Williams_Hunt_R_1/layout/ajax-loader.gif) center center no-repeat }
.jssor_1_overlay { cursor: default; position: relative; top: 0; left: 0; width: 1200px; height: 640px; overflow: hidden }
.jssora22l, .jssora22r { top: 240px; width: 60px; height: 60px; display: block; position: absolute; cursor: pointer; overflow: hidden }
.jssora22l { background: url(/Layout/Williams_Hunt_R_1/layout/Arrow-Left.png) no-repeat }
.jssora22r { background: url(/Layout/Williams_Hunt_R_1/layout/Arrow-Right.png) no-repeat }
span.jssora22r { right: 10px; top: 335px }
span.jssora22l { left: 10px; top: 335px }
.jssora22l:hover:after { color: #cc092f }
.jssora22r:hover:after { color: #cc092f }
.ix-powered-by { float: left; width: 100%; text-align: center; background-color: #fff; border-top: 1px solid #c6cbce }
.ix-powered-by img { margin: 8px 0 }
.copyright { float: right; color:#fff; }