body, html { font-family: Arial; font-weight:400;  width:100%; margin:0 auto;font-size:13px; max-width: 2000px !important; position:relative;}
header {max-width: 2000px!important;margin:0 auto;} 

.box_1200 {  max-width: 1200px!important;  }
.box_1600 {  max-width: 2000px!important; margin: 0 auto; padding:0px; width: 100%;content: "";display: table;clear: both;}


/** LOGO **/
#logo { display: inline-block; margin:0px; padding:0px; width:27%;}
#logo img { width:190px; margin:0px;  padding:0px; }

#divHeader { width:100%; max-width: 1200px!important; margin:0 auto; border-bottom:3px solid #DC002E;}

.grey
{
 font-style:italic;
}

h3
{
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 20px;
}

h6
{
    font-size: 16px;
    line-height: 18px;
    margin:10px 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    width:80%;
}

.text-box {
    height: 38px;
    line-height:38px;
    margin:5px;
    padding-left:10px;
    border:1px solid #ccc; 
    width: 200px;
}

/** HEADER LANGUAGES**/
#languages 
{
    position:absolute;
    top:0;
    right:10px;
    float:right;
    margin:0px;
    padding:0px;
    display:block;
    font-size:14px;
    z-index:9999999;
    color:#000;
    display:none;
}

#languages li {display:inline-block; padding:10px 0px;}
#languages li a {color:#000;text-decoration:none; text-transform:uppercase;font-weight:bold; }
#languages li a::after{ content: "|";}
#languages li:last-child a::after{ content: "";}
#languages li a.current {color:#DC002E; font-weight:bold;}

.acenter {text-align:center;}


/** MENU **/
nav  {display: inline-block; vertical-align:top;width:72%; } 
#menu-icon
{
    display: none;
    width: 90px;
    height: 40px;
    background: transparent url(../images/menu-icon-b.png) no-repeat center right;
    color: #6A6A6A;
    padding: 10px 10px 0px 10px;
    text-decoration: none;
    font-size: 13px;
    line-height: 30px;
}

a:hover#menu-icon
{
    color: #010101;
    background-color: #FFFFFF;
}

nav #menu
{
    margin-top: 34px;
    text-align: right;
    float:right;
}

nav #menu ul
{
 
    list-style: outside none none;
    padding-top: 0;
    position: relative;
    z-index: 99999;
}

nav #menu ul li
{
    float: left;
}

nav #menu  > ul > li:hover > a, #menu > ul > li  a.active
{
    color: #fff;
	background-color: #dc0030;
    
    /*font-weight:bold;*/  

}

nav #menu > ul > li > a
{
    /*color: #000;
    font-weight:bold; */

    display: block;
    font-size: 13px; 
      

    padding:20px 15px;
    text-decoration: none;
    text-transform: uppercase;
}



nav ul.ulMenu li
{
    position:relative;
}

ul.ulMenu li ul.ulMenu
{
   
    position:absolute !important;
    z-index:100;
    background-color: #dc0030;
    width:164px;
}

ul.ulMenu li ul.ulMenu li 
{
    float:left;
    
    display:block;      
    width:100%;
    border-bottom: 1px solid #fff;  

}

ul.ulMenu li ul.ulMenu li a
{
    /*padding:20px 10px;;  */
    font-size:13px;
    text-decoration:none;  
    color:#fff;  
    padding:10px;
    display:block;
}

ul.ulMenu li ul.ulMenu li:first-child
{
    border-top: 1px solid #fff;  
}

ul.ulMenu li ul.ulMenu li a.active
{
    color:#000 !important;
}

ul.ulMenu li ul.ulMenu li:last-child
{
   display:none;
}


ul.ulMenu li ul.ulMenu li:last-child
{
   display:none;
}


/** FOOTER **/
.FooterHeader
{
    margin:0;
    padding:0;
    width:100%;   
    padding:30px 0;
    background-color:#f2f4f7;    
}


#divFooter
{
    padding-top: 40px;    
    color: #dddddd;
    border-top: 2px solid #D51127;  
}

#divFooter p
{
    color:#4b4a4d; 
    font-size:13px;
}

#divFooter .footer
{
    padding-bottom: 20px;
}

#divFooter h3
{
    color: #dc0030;
    margin-bottom:10px;
    font-weight:bold;
     font-size: 16px;
}
#divFooter a
{
    color:#4b4a4d;
    text-decoration:none;
    font-size:13px;
    line-height:20px;
}
#divFooter a:hover
{
    color: #dc002e;
    text-decoration:none;
    font-size:13px;
}
#divFooter .widget
{
    padding: 20px;
}





.blankrow
{
    height:100px;
}

#divCopyright
{

   
    color: #dddddd;
    font-size: 12px;



    margin-top:10px;
     padding: 15px 10px;
    border-top: 1px solid #999;
}

#divCopyright p
{
    font-size: 12px;
}
#divCopyright a
{
    color: #dc002e;
}
#divCopyright a:hover
{
    color: #dc002e;
}

#scrollUp {
    background: url("../images/top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 20px;
    font-size: 0;
    height: 38px;
    line-height: 0;
    right: 20px;
    width: 38px;
}


/** SLIDER **/
.slideshowContainer
{
    width:100%;
    position:relative; 
    max-width:769px;
    max-height:304px;
}

.imagesPager 
{
   position:absolute;
   top:90%;
   right:2%;
   margin:0;
   padding:0;
   height:0px;  
   z-index:250;
   text-align:center;
   display:block;
   float:right;
}

.imagesPager ul li 
{
    text-align:center;
    display:inline;    
    background-repeat:no-repeat;   
}

.imagesPager a
{  
    padding:10px;    
    background-image:url('../images/bullet.png');
    color: transparent;
    background-repeat:no-repeat;
    width:15px;
}

.imagesPager .activeSlide a
{
    padding:10px; 
    background-image:url('../images/bullety.png');
    background-repeat:no-repeat;
    background-repeat:no-repeat;
    color:transparent;
    width:15px;
}

#divSlideShow .slide-item img
{
    width:100%;
    max-width:1600px;
    max-height:700px;
    position:relative; 
}

#prev
{
   background-image:url('../images/prevtrans.png');   
   background-color:rgba(0, 0, 0, 0.6);
   background-repeat:no-repeat;
   width:60px;
   height:60px;
   position:absolute;
   top: 124px;
   left:0px;
   z-index:100;
   cursor:pointer;
}

#next
{
    background:url('../images/nexttrans.png');
    background-repeat:no-repeat;
    width:60px;
    height:60px;
    background-color:rgba(0, 0, 0, 0.6);
    position:absolute;
    top: 124px;
    right:0px;
    z-index:100;
    cursor:pointer;
}


/** RIGHT MENU **/
.tools ul {
    margin: 0;
    font-size: 0;
    text-align: center;
    width:100%;
    margin: 0 auto;
    color:#000;
    margin-top: 20px;
    margin-left: 20px;
}

.tools li 
{
    
    display: block;
    width: 92%;
    margin-left: 0.25%;
    text-align: left;
    color:#000;   
    background-color:#FFF;
    margin-bottom:10px;
    vertical-align:top;
    
}

.tools li a {
    position: relative;
    display: block;
    padding:20px;
    font-size:12px; 
    white-space: nowrap;
    border-bottom: 2px solid;
    /*background: url("../images/17.png") repeat scroll 0 0 #fff;*/
    border-color: #DC002E;
    color: #4b4a4d;
    text-decoration:none;
    width:100%;
    text-transform:uppercase;
    border-top:1px solid #E1E1E1;
    border-left:1px solid #E1E1E1;
    border-right:1px solid #E1E1E1;
}

.tools li a span {padding-left:5px; text-align:center; padding-top:5px; }
.tools li a:hover 
{
    background-color:#f0f0ef;
    border: 1px solid #E1E1E1;
    border-bottom: 2px solid #DC002E;
    color:#000;
    text-decoration:none;
}

.rimg
{
    vertical-align: middle;
    padding-right:7px;
}

/** END RIGHT MENU**/
.box {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 7px 10px #999;
    padding: 20px;
}

#divQuickSearchContainer 
{
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-left: 20px;
    text-align: left;
    color: #000;
    background-color: #FFF;
    margin-bottom: 10px;
    vertical-align: top;
   
}

#divQuickSearchContainer form
{
    
    padding:20px;
    border-bottom: 2px solid #DC002E;
}

#divQuickSearchContainer 
{
    width: 92%;
    border: 1px solid #E1E1E1;
    background-color:#f0f0ef;
}

#divQuickSearchContainer h3
{
    padding-left:20px;
    padding-top:10px;
    margin-bottom:0px;
}

.divModel label
{
    padding:5px;
    font-size:13px;
    
}


.divModel #ModelID
{
    width:200px;
    margin-bottom:10px;
}




.submitButton
{
     margin:10px auto;
    display:block;
    
    text-transform:uppercase;
    color:#000;
   
}

.submitButton a
{
    text-align:center;
    padding:10px 20px;
    background-color:#ccc;     
    margin:10px auto;
    cursor:pointer;
    margin-top:5px;
    margin-left:50px;
}


.submitButton div
{
    text-align:center;
    padding:10px 20px;
    background-color:#ccc;     
    margin:10px auto;
    cursor:pointer;
    margin-top:5px;
    margin-left:5px;
    width:200px;
    color:#6b6b6b;
}

.submitButton div:hover
{
  color:#000;
}

.quick-search .submitButton
{
    text-align:center;
}

/*CONTACT FORM*/
#contactForm
{
    padding-bottom:30px;
}
.divContactForm 
{
   margin-bottom:20px;
}
.divContactForm .submitButton
{
    /*margin-left: 5px;*/
    cursor: pointer;
}

.divContactForm .divComments textarea
{
    max-width:300px !important;    
    background-color: #fff;    
    width: 300px;
    resize: none; 
    overflow: auto;
}

.divAppointmentForm textarea
{
    max-width:300px !important;     
    background-color: #fff;    
    width: 300px;
    resize: none;
     overflow: auto;
}

.divContactForm .submitButton div
{
    background-color:#ccc; 
    display:inline-block;
    padding:5px 20px;
    text-transform:uppercase;
}

#divContact h2
{
    font-size:22px;
    color: #000;
    text-transform:uppercase;
    font-weight:600;
    width:80%;
    margin-top:20px;
    margin-bottom:10px;
}


#contactPageMap
{
    max-height:400px;
    height:220px;
  
}


/*FORM*/
#divTaxation
{
    padding:20px 10px;
}

form h2, #divTaxation h2
{
    padding-left:0px !important;
    font-weight:600;
    padding-bottom:20px;
    font-size:20px;
}

.form-placeholder
{
    color:#c0c0c0;
}

input[type="text"]{
    height: 38px;
    line-height:38px;
    margin:5px;
    padding-left:10px;
    border:1px solid #ccc; 
}

textarea
{
    margin:5px;
    padding:5px 0 0 10px;
    border:1px solid #ccc;
}

textarea, input { outline: none; }

.ff-reqired {
   background-image: url(../images/required.jpg);
   background-position: right top;
   background-repeat:no-repeat;
}

#container1
{
  margin-bottom:20px;
}

@media (max-width:1250px)
{
  
    nav {width:70%;}
    #logo {
        margin-left: 20px;
    }
}

@media (max-width:1100px)
{
    
    nav #menu > ul > li > a
    {
        font-size:12px;
    }
    
    ul.ulMenu li ul.ulMenu li a
    {
       font-size:13px;
       padding:10px;
    }
    
    ul.ulMenu li ul.ulMenu
    {
        width:156px;
    }
    
    nav #menu
    {
        margin-top:34px;
    }
    
    
}

@media (max-width:900px)
{
    
    nav {width:71%;}
    #logo {width:25%;}
    nav #menu > ul > li > a
    {
        font-size:12px;
    }
    
    ul.ulMenu li ul.ulMenu li a
    {
       font-size:13px;
       padding:10px;
    }
    
    ul.ulMenu li ul.ulMenu
    {
        width:156px;
    }
    
    nav #menu
    {
        margin-top:34px;
    }
    
    .tools li a
    {
         font-size:11px;
    }
    
    #divFooter h3
    {
        font-size:14px;
    }
    
    #divFooter a, #divFooter a:active, #divFooter a:hover, #divFooter a:visited
    {
        font-size:12px;
    }
    
    #divFooter p
    {
        font-size:12px;
        padding-left:5px;
    }
     #logo {margin-left:20px;}
     
     .divCarDetailsOptions {top:381px;}
}

@media (max-width:870px)
{
  
    
    
    nav #menu > ul > li > a
    {
         font-size:12px;
    }
    .tools li a 
    {
         font-size:10px; 
    }
    
    nav #menu  #menu-icon { display: inline-block;  background-color: transparent; margin-top:68px;}
    nav #menu  > ul
    {
	    display:none;
    }
    nav #menu.open  #menu-icon  {margin-top:0px;} 
    nav #menu.open {text-align:right; top:0px; margin-top:10px;} 
    nav #menu.open  #menu-icon { background-color: #FFFFFF; color: #010101; }  
    nav #menu.open #logo {display:none;}
    nav #menu.open .span_9 {width: 100%!important;}    
    nav #menu.open > ul {display:block;} 
    
    nav #menu ul > li
    {
        display: block;
        float: left;
        width: 100%;
        margin:0;
        
	
    }
    
    ul.ulMenu li a
    {
	border-top:1px solid #cccccc;
	
    }

  
    nav #menu ul > li > a 
    {
        padding: 10px 20px;
        background-color:#f0f0ef; 
        margin:0;         
        

    }
  


    
    ul.ulMenu li ul.ulMenu 
    {
        display:block;
        position:relative !important;
        width:100% !important;
        float:left;
        clear:both;
        color:#000;
        top: 0px !important;
    }
    
    ul.ulMenu li ul.ulMenu li
    {
        padding:0px;
        background-color:#fff; 
 	
	padding-left:30px !important;
    }
    
    ul.ulMenu li ul.ulMenu li a
    {
        padding:10px 10px !important; 
        font-size:13px;
        text-decoration:none;  
        color:#000;  
        display:block;
        background-color:#fff !important;
	
	
    }


  ul.ulMenu li ul.ulMenu li:hover, ul.ulMenu li ul.ulMenu li a:hover {
        background-color: #dc0030 !important;
        color: #fff;
    }

   
    ul.ulMenu li ul.ulMenu li a {border-top:0px;}
    
    
    li.ui-menu-item ul.ulMenu {display:block !IMPORTANT;}


    #logo {margin-left:20px;}
    
    nav {display: block; width:100%;}
    nav #menu {margin-top:0px;}
    nav #menu #menu-icon {margin-top:10px;}
    nav #menu.open #menu-icon {margin-top:0px;}
    #next, #prev {display:none;}
}

@media (max-width:800px)
{
 #divFooter .span_9 .span_3
    {
        margin-bottom:15px;
        padding-bottom:10px;
        border-bottom:1px solid #ccc;
    }

}    

@media (max-width:700px)
{
   
    nav #menu  #menu-icon { display: inline-block;  background-color: transparent;}
    .tools li a 
    {
         font-size:12px; 
    }
  
    #next {display:none;}
    #prev {display:none;}
}



@media (max-width:500px)
{
    .field-validation-error
    {
        display:block;
        clear:both;
        width:100%;
    }
    
    #divContact h2
    {
        font-size:18px;
    }
}
  
@media (max-width:400px)
{
    .tools li a 
    {
         font-size:10px; 
    }
    
     .field-validation-error
    {
        display:block;
        clear:both;
        width:100%;
    }
    
}
