@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic|PT+Serif:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto);
/* CSS Document */
body {
    font-family: Arial, Helvetica, sans-serif;  
    /*font-family: Verdana,Arial,Helvetica Neue,Helvetica,sans-serif;*/
    margin:0;
    padding:0; 
    overflow-x: hidden;
}
.container-fluid { 
    padding-right: 4%; 
    padding-left: 4%; 
    margin-right: auto; 
    margin-left: auto; } 
.panel-body {
    border-radius:0 0; 
}
.flash{
         color:#f6a043;
         text-align:center;
         font-weight:bold;
         font-size: 14px;
         padding-top:50px;
         padding-bottom:50px;
     }
.padding-0{
    padding-right:0;
    padding-left:0;
}

/* hide up/down arrows ("spinners") on input fields marked type="number" */
.no-spinners {
  -moz-appearance:textfield;
}
.cartimage{
    margin-right:10px;
    padding:0;
}

.notify-badge{
    position: absolute;
    right:0;   
    top:0;   
    background:#f6a043;
    text-align: center;
    border-radius: 20px 20px 20px 20px;
    color:white;
    padding:5px 10px;
    font-size:9px;
}
.item {
    position:relative;
    display:inline;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.main_container{
    width:auto;
    height:auto;
    margin:auto;
    padding:0;
    background-color:#FFFFFF;
    text-align:center;
}

.txtColor{
    color:#808080;
}
li {
  color: black /* bullet color */
}
li span {
  color: blue;
}
li span:hover{
   color:#a2a7e4;   
   cursor: pointer;
}
li li span:hover {
  
}
.container {  
  padding: 0 0 0 0;
}

.navbar-inverse {
    background-image: none;
  /*background-color: #1f5b73;*/
    background-color: #414040;
    border-radius:0;   
}
  
.nav-form {
    width:auto;
}
a:hover {
     text-decoration:none;
     color:blue;
    }

.bg-white {
    background-color: #FFF;
    margin: 5px 0;
    padding: 0;
}

.account {
    padding: 0;
    height: 30px;
    margin-left:15px;
}
.logo {
    font-size: 22px;
    font-weight: bold;
    margin: 22px;
    float: left;
    color: #66579c;
    text-shadow: 1px 1px 5px rgba(48, 48, 48, 0.26);
    height: 35px;

}
.header .ad-block {
    background-color: #F0F0F0;
    width: 60%;
    float: right;
    height: 50px;
    margin: 10px;
}
.left-sidebar .ad-block {	
    height: auto;
}
.main-content .ad-block {
    background-color: #F0F0F0;
    height: 80px;
    width: 30%;
    margin: 10px;
}
.right-sidebar .ad-block {	
    height: auto;
}
.header {  
    height: 70px; 
}
.footer, .middle-left, .middle-right, .bottom-left-block, .bottom-middle-block, .bottom-right-block, .bottom-content {
    height: auto;
}
.left-sidebar, .right-sidebar {
    height: auto;
}
.main-content  {
    height: auto;
}

.logoscale{
    padding-left:3px;
}

.footer .copyright {
    color:white;
    text-align: center;
    background-color:#414040;
}
.hideTab{
        display:block;
    }


/*.logo {
    margin: 15px;
    float: none;
    text-align: center;
}
.header .ad-block {
    height: 50px;
    width: auto;
    margin: 10px;
    float: none;
}*/
.footer {
        height: auto;
}
/*.main-content .ad-block {
    background-color: #F0F0F0;
    height: 80px;
    width: auto;
}*/
/*}*/
#slider {
    opacity:1;
    transition: opacity 2s; 
}

#slider.fadeOut {
    opacity:0;
}
#slider1 {
    opacity:1;
    transition: opacity 2s; 
   
    
}
#slider1.fadeOut {
    opacity:0;
}


.navbar.navbar-inverse li > a:hover {
    /*color: cyan;
    color:#f6a043;*/
    background-color:#f6a043;
}
textarea {
     resize: none;
 }
.verticalLine {
  border-left: thick solid #ff0000;
}

 hr.divider { 
  margin: 0em;
  border-width: 2px;
} 

 /*step indicator*/
.process-step .btn:focus{
    outline:none
}
.process{
    display:table;
    width:100%;
    position:relative;
    text-align:center;
}
.process-row{
    display:table-row;
}
.process-step button[disabled]{
    opacity:1 !important;
    filter: alpha(opacity=100) !important

}
.process-row:before{
    top:25px;
    bottom:0;
    position:absolute;
    content:" ";
    width:80%;
    height:1px;
    margin-left:12%;
    background-color:#ccc;
    /*z-order:0*/
}
.process-step{
    display:table-cell;
    text-align:center;
    position:relative

}
.process-step p{
    margin-top:4px;
   
}
.btn-circle{
    width:50px;
    height:50px;
    text-align:center;
    font-size:8px;
    border-radius:50%
}

.linkButtonStyle{
    list-style: none;
}

#partCatNav ul{
 margin: 0;
 padding-top: 12px;
 padding-bottom: 12px;
 text-align: center;
  list-style: none;
  padding-left:2px;
  padding-right: 2px;
  font-weight:bold;
  font-size: 14px;
}
#partCatNav li{
   
    display: inline;   
    text-align:center;
}
#partCatNav li a {
   text-decoration: none;
}
#partCatNav a:hover {
   /*text-decoration: underline;*/
   color: #f6a043;
}
#partCatNav li:not(:first-child):before {
    content: " | ";
    padding: 0 0.3em;
}
 
.txtboxcss{
     /*border:none;*/
     border-bottom:1px solid #808080;
     border-radius:0;
}
.txtboxcss:focus{
    /*border:none;*/
    border-bottom:1px solid red;
}
.partdealerseach{
    /*display:block;*/
    display:block; padding-right:10px
}
.loginsignin{
    -moz-box-shadow: 0 0 3px;
    -webkit-box-shadow: 0 0 3px;
    box-shadow: 0 0 3px;
    background:#ffffff;
    padding-bottom:50px;
    border-radius:3px;
    
}
.navbar1{
    background:#1d2a39; 
    padding:5px;
    height:95px;
}
.navbar2{
    background:#346692;
    margin:0;
    padding-top:0;
    height:5px;
}
#menu1{
    float:right;
    position: relative; /*added for small screens*/
}

#menu1 li{
    display:inline-block;
    float:left;
    margin-right:20px;
    /*margin-left:20px;*/
    position:relative;
    text-align:center;
    margin-top:7px;
    text-decoration:none;   
}
#menu1 li a{
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: Montserrat, sans-serif;
    font-size:10px; 
    font-weight:bold;
    color: #fff;
    display:block;
    outline:0;
    margin-top:5px;
    text-decoration:none; 
}
#menu2{
    display:inline-block;
    float:left;
    margin-top:7px;   
}
#menu2 ul{
    margin-right:35px;
}

#menu2 li{
    display:inline-block;
    float:left;
    margin-right:25px;
    position:relative;
    text-align:center;
    margin-top:7px;
    text-decoration:none;   
}
#menu2 li a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px; 
    color:#ccc;
    display:block;
    outline:0;
    text-decoration:none; 
    font-weight:bold;
    padding-bottom:5px;
}
#menu1 li:hover a{
  color:#f6a043; 
}

#menu3{
    display:inline-block;
    float:right;
    margin-top:5px;
    /*border-left:1px solid #fff;*/   
}

#menu3 li{
    display:inline-block;
    float:left;
    margin-right:26px;
    position:relative;
    text-align:center;
    margin-top:7px;
    text-decoration:none; 
}
#menu3 li a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px; 
    color:#ccc;
    display:block;
    outline:0;
    text-decoration:none; 
    font-weight:bold; 
    padding-bottom:5px;  
}
#menu1 input[type=text]{
  padding: 5px;
  border:none;
  width:550px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px; 
  border-radius:3px 0px 0px 3px;
  outline: none;
  border: 1px solid #DDDDDD;
}
#menu1 input[type=text]:focus{
  border: 1px solid #f6a043;
}
#menu1 .search-container button {
  float: right;
  border-radius:0 3px 3px 0;
  padding: 6px 10px;
  margin-right: 16px;
  background: #f6a043;
  border: none;
  cursor: pointer;
  width:70px;
}

#menu1 .search-container button:hover {
  background: #ccc;
}
  
#buttonSearch {
    background: #f6a043;
    cursor: pointer;
    width: 70px;
    border: 1px solid #f6a043;
}
#inputSearch:focus {
    border: 1px solid #f6a043;
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
   

#ex3 .fa-stack[data-count]:after{
  position:absolute;
  right:0%;
  top:10%;
  content: attr(data-count);
  font-size:45%;
  padding:.6em;
  border-radius:50%;
  line-height:.8em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width: 1em;
  font-weight:bold;
}
#menu2 .cat1{
      font-size:15px; 
      padding-right:100px;
      padding-left:25px;
      margin-top:-2px;
      color:#fff;    
}
#menu4{
    display:inline-block;
    /*margin-top:7px;*/   
    z-index: 1;
    position: relative;   
  
    margin:0; 
}
#menu4 li{
    display:inline-block;
    margin-right:20px;
    position:relative;
    text-align:center;
    /*margin-top:7px;*/
    text-decoration:none;   
   
}
#menu4 li a{
    font-family: Montserrat, sans-serif;
    font-size:10px; 
    font-weight:bold;
    color: #fff;
    /*color: #2f3b48;*/
    display:block;
    outline:0;
    /*margin-top:5px;*/
    text-decoration:none; 
    vertical-align:central;
}


#menu1A {
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-bottom:-5px;
    z-index: 2;
    position: relative;
}
#menu1A li{
    display:block; 
    margin-right:10px;
    position:relative;
    text-align:center;
    margin-top:8px;
    text-decoration:none; 
}
#menu1A li a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    color:#fff;
    display:block;
    outline:0;
    text-decoration:none; 
    font-weight:bold; 
    padding-bottom:5px;  
    padding-left:10px;
    margin-top:-2px; 
    border-radius:2px 2px 0px 0px;  
    transition: all 0.0s ease 0.03s; /*delay disappearace of category submenu*/   
}
#menu1A li:hover a {
    color:#f6a043;
    background-color:#fff;  
    transition: all 0s ease 0s;
}

#menu1A li:hover .dropdown_1{
    left:-1px;
    top:auto;
    opacity: 1;
    transition: all 0s ease 0s;
}

#menu1A li .dropdown_1{    
    opacity: 0;
    transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/
}
#menu1A li .dropdown_1 ul{      
  padding:20px 10px;
 
}
#menu1A li .dropdown_1 ul li a{      
   color:#2f3b48;
   font-size:12px;
   text-align:left;  
}
#menu1A li .dropdown_1 ul li:hover a{       
   color:#f6a043;      
}
#menu1A li .dropdown_1 ul li li a {       
    color:#f6a043;   
}


#menu1A li .dropdown_1 ul li .dropdown_2 {          
   opacity: 0; 
   transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/
}
#menu1A li .dropdown_1 ul li:hover .dropdown_2 {          
   left:-1px;
   opacity: 1;
   transition: all 0s ease 0s;
}
#menu1A li .dropdown_1 ul li .dropdown_3 {    
   opacity: 0; 
   transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/     
}
#menu1A li .dropdown_1 ul li:hover .dropdown_3 {        
   left:-1px;
   opacity: 1;
   transition: all 0s ease 0s;
}
#menu1A li .dropdown_1 ul li .dropdown_4 {        
  opacity: 0; 
   transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/     
}
#menu1A li .dropdown_1 ul li:hover .dropdown_4 {        
   left:-1px;
   opacity: 1;
   transition: all 0s ease 0s;
}
#menu1A li .dropdown_1 ul li .dropdown_5 {        
   opacity: 0; 
   transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/   
}
#menu1A li .dropdown_1 ul li:hover .dropdown_5 {        
   left:-1px;
   opacity: 1;
   transition: all 0s ease 0s;
}
#menu1A li .dropdown_1 ul li .dropdown_6 {        
   opacity: 0; 
   transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/   
}
#menu1A li .dropdown_1 ul li:hover .dropdown_6 {        
   left:-1px;
   opacity: 1;
   transition: all 0s ease 0s;
}
#menu1A li .dropdown_1 ul li .dropdown_7 {        
   opacity: 0; 
   transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/   
}
#menu1A li .dropdown_1 ul li:hover .dropdown_7 {        
   left:-1px;
   opacity: 1;
   transition: all 0s ease 0s;
}
#menu1A li .dropdown_1 ul li .dropdown_8 {        
   opacity: 0; 
   transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/   
}
#menu1A li .dropdown_1 ul li:hover .dropdown_8 {        
   left:-1px;
   opacity: 1;
   transition: all 0s ease 0s;
   /*-o-transition: all 0s ease 0s;
   -moz-transition: all 0s ease 0s;
   -webkit-transition:all 0s ease 0s;*/
}
#menu1A li .dropdown_1 ul li .dropdown_9 {        
   opacity: 0; 
   transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/   
}
#menu1A li .dropdown_1 ul li:hover .dropdown_9 {        
   left:-1px;
   opacity: 1;
   transition: all 0s ease 0s;
}
#menu1A li .dropdown_1 ul li .dropdown_10 {        
   opacity: 0; 
   transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/   
}
#menu1A li .dropdown_1 ul li:hover .dropdown_10 {        
   left:-1px;
   opacity: 1;
   transition: all 0s ease 0s;
}

#menu1B {
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-bottom:-5px;
    z-index: 2;
    position: relative;
}
#menu1B li{
    display:block; 
    margin-right:10px;
    position:relative;
    text-align:center;
    margin-top:8px;
    text-decoration:none; 
}
#menu1B li a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    color:#fff;
    display:block;
    outline:0;
    text-decoration:none; 
    font-weight:bold; 
    padding-bottom:5px;  
    padding-left:8px;
    margin-top:-2px; 
    border-radius:2px 2px 0px 0px;  
    transition: all 0.0s ease 0.03s; /*delay disappearace of category submenu*/   
}
#menu1B li:hover a {
    color:#f6a043;
    background-color:#fff;  
    transition: all 0s ease 0s;
}
#menu1B li:hover .dropdown_1A{
    left:-1px;
    top:auto;
    opacity: 1;
    transition: all 0s ease 0s;
}
#menu1B li .dropdown_1A{    
    opacity: 0;
    transition: all 0.0s ease 0.05s; /*delay disappearace of category submenu*/
}
#menu1B li .dropdown_1A ul{      
  padding:10px 10px;
 
}
#menu1B li .dropdown_1A ul li a{      
   color:#2f3b48;
   font-size:12px;
   text-align:left;  
}
#menu1B li .dropdown_1A ul li:hover a{       
   color:#f6a043;
   text-decoration:underline;      
}
.dropdown_1A{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:195px; 
    /* Rounded Corners */
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;     
}

.dropdown_1{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:270px; 
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;     
}
.dropdown_2{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:830px;

    margin-left:258px;
    margin-top:-48px;
    height:274px;
 
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;  
}
.dropdown_3{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:650px;

    margin-left:258px;
    margin-top:-76px;
    height:274px;
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;  
}
.dropdown_4{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:650px;

    margin-left:258px;
    margin-top:-104px;
    height:274px;
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;  
}
.dropdown_5{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:700px;

    margin-left:258px;
    margin-top:-132px;
    height:274px;
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;  
}
.dropdown_6{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:650px;

    margin-left:258px;
    margin-top:-160px;
    height:274px;
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;  
}
.dropdown_7{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:650px;

    margin-left:258px;
    margin-top:-188px;
    height:274px;
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;  
}
.dropdown_8{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:510px;

    margin-left:258px;
    margin-top:-216px;
    height:274px;
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;  
}
.dropdown_9{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:510px;

    margin-left:258px;
    margin-top:-245px;
    height:274px;
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;  
}
.dropdown_10{
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    border:1px solid #ccc; 
    border-top:none;
    background:#fff; 
    width:510px;

    margin-left:258px;
    margin-top:-273px;
    height:274px;
    /* Rounded Corners */
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    border-radius: 0px 3px 3px 3px;  
}
#menu1A li .dropdown_1 #submenu li .dropdown_2 ul li ul li:hover a {       
    color:#f6a043; 
    text-decoration:underline;
}
#menu1A li .dropdown_1 #submenu li .dropdown_3 ul li ul li:hover a {       
    color:#f6a043; 
    text-decoration:underline;
}
#menu1A li .dropdown_1 #submenu li .dropdown_4 ul li ul li:hover a {       
    color:#f6a043; 
    text-decoration:underline;
}
#menu1A li .dropdown_1 #submenu li .dropdown_5 ul li ul li:hover a {       
    color:#f6a043; 
    text-decoration:underline;
}
#menu1A li .dropdown_1 #submenu li .dropdown_6 ul li ul li:hover a {       
    color:#f6a043; 
    text-decoration:underline;
}
#menu1A li .dropdown_1 #submenu li .dropdown_7 ul li ul li:hover a {       
    color:#f6a043; 
    text-decoration:underline;
}
#menu1A li .dropdown_1 #submenu li .dropdown_8 ul li ul li:hover a {       
    color:#f6a043; 
    text-decoration:underline;
}
#menu1A li .dropdown_1 #submenu li .dropdown_9 ul li ul li:hover a {       
    color:#f6a043; 
    text-decoration:underline;
}
#menu1A li .dropdown_1 #submenu li .dropdown_10 ul li ul li:hover a {       
    color:#f6a043; 
    text-decoration:underline;
}

#menu1A li .dropdown_1 #submenu li .dropdown_2 ul li ul li a {       
     color:#2f3b48;  
}
#menu1A li .dropdown_1 #submenu li .dropdown_3 ul li ul li a {       
     color:#2f3b48;  
}
#menu1A li .dropdown_1 #submenu li .dropdown_4 ul li ul li a {       
     color:#2f3b48;  
}
#menu1A li .dropdown_1 #submenu li .dropdown_5 ul li ul li a {       
     color:#2f3b48;  
}
#menu1A li .dropdown_1 #submenu li .dropdown_6 ul li ul li a {       
     color:#2f3b48;  
}
#menu1A li .dropdown_1 #submenu li .dropdown_7 ul li ul li a {       
     color:#2f3b48;  
}
#menu1A li .dropdown_1 #submenu li .dropdown_8 ul li ul li a {       
     color:#2f3b48;  
}
#menu1A li .dropdown_1 #submenu li .dropdown_9 ul li ul li a {       
     color:#2f3b48;  
}
#menu1A li .dropdown_1 #submenu li .dropdown_10 ul li ul li a {       
     color:#2f3b48;  
}


#submenu li .dropdown_2 ul li a{
    font-size:16px;  
}
#submenu li .dropdown_2 ul li ul{
    padding-left:0px;
    padding-top:0px;  
    padding-right:0px;
}
#submenu li .dropdown_2 li ul li a{
     color:#2f3b48; 
}

#submenu li .dropdown_2 ul li ul li a{
    text-align:left;
    font-size:12px;  
    padding-bottom:0px;
}
#submenu li .dropdown_2 ul li:hover a{
    color:#f6a043; 
}


#submenu li .dropdown_3 ul li a{
    font-size:16px;  
}
#submenu li .dropdown_3 ul li ul{
    padding-left:0px;
    padding-top:0px;  
    padding-right:0px;
}
#submenu li .dropdown_3 li ul li a{
     color:#2f3b48; 
}

#submenu li .dropdown_3 ul li ul li a{
    text-align:left;
    font-size:12px; 
    padding-bottom:0px;
}
#submenu li .dropdown_3 ul li:hover a{
    color:#f6a043; 
}



#submenu li .dropdown_4 ul li a{
    font-size:16px;  
}
#submenu li .dropdown_4 ul li ul{
    padding-left:0px;
    padding-top:0px;  
    padding-right:0px;
}
#submenu li .dropdown_4 li ul li a{
     color:#2f3b48; 
}

#submenu li .dropdown_4 ul li ul li a{
    text-align:left;
    font-size:12px; 
    padding-bottom:0px;
}
#submenu li .dropdown_4 ul li:hover a{
    color:#f6a043; 
}


#submenu li .dropdown_5 ul li a{
    font-size:16px;  
}
#submenu li .dropdown_5 ul li ul{
    padding-left:0px;
    padding-top:0px;  
    padding-right:0px;
}
#submenu li .dropdown_5 li ul li a{
     color:#2f3b48; 
}

#submenu li .dropdown_5 ul li ul li a{
    text-align:left;
    font-size:12px;
    padding-bottom:0px;
}
#submenu li .dropdown_5 ul li:hover a{
    color:#f6a043; 
}


#submenu li .dropdown_6 ul li a{
    font-size:16px;  
}
#submenu li .dropdown_6 ul li ul{
    padding-left:0px;
    padding-top:0px;  
    padding-right:0px;
}
#submenu li .dropdown_6 li ul li a{
     color:#2f3b48; 
}

#submenu li .dropdown_6 ul li ul li a{
    text-align:left;
    font-size:12px;  
    padding-bottom:0px;
}
#submenu li .dropdown_6 ul li:hover a{
    color:#f6a043; 
}


#submenu li .dropdown_7 ul li a{
    font-size:16px;  
}
#submenu li .dropdown_7 ul li ul{
    padding-left:0px;
    padding-top:0px;  
    padding-right:0px;
}
#submenu li .dropdown_7 li ul li a{
     color:#2f3b48; 
}

#submenu li .dropdown_7 ul li ul li a{
    text-align:left;
    font-size:12px; 
    padding-bottom:0px;
}
#submenu li .dropdown_7 ul li:hover a{
    color:#f6a043; 
}


#submenu li .dropdown_8 ul li a{
    font-size:16px;  
}
#submenu li .dropdown_8 ul li ul{
    padding-left:0px;
    padding-top:0px;  
    padding-right:0px;
}
#submenu li .dropdown_8 li ul li a{
     color:#2f3b48; 
}

#submenu li .dropdown_8 ul li ul li a{
    text-align:left;
    font-size:12px; 
    padding-bottom:0;
}
#submenu li .dropdown_8 ul li:hover a{
    color:#f6a043; 
}


#submenu li .dropdown_9 ul li a{
    font-size:16px;  
}
#submenu li .dropdown_9 ul li ul{
    padding-left:0;
    padding-top:0;  
    padding-right:0;
}
#submenu li .dropdown_9 li ul li a{
     color:#2f3b48; 
}

#submenu li .dropdown_9 ul li ul li a{
    text-align:left;
    font-size:12px;
  
    padding-bottom:0;
}
#submenu li .dropdown_9 ul li:hover a{
    color:#f6a043; 
}


#submenu li .dropdown_10 ul li a{
    font-size:16px;  
}
#submenu li .dropdown_10 ul li ul{
    padding-left:0;
    padding-top:0;  
    padding-right:0;
}
#submenu li .dropdown_10 li ul li a{
     color:#2f3b48; 
}

#submenu li .dropdown_10 ul li ul li a{
    text-align:left;
    font-size:12px;
  
    padding-bottom:0;
}
#submenu li .dropdown_10 ul li:hover a{
    color:#f6a043; 
}


.caret{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
}

.understyle {
  display: inline-block;

  /* Set up the hover */
  /* If you aren't using autoprefix, remember to prefix the gradient for other browsers */
  background-image: linear-gradient(#f6a043, #f6a043), none;
  background-size: 0 1px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  transition: all .2s ease-out;
}
.understyle1{
  
  display: inline-block;
  /* Set up the hover 
   If you aren't using autoprefix, remember to prefix the gradient for other browsers 
  background-image: linear-gradient(#f6a043, #f6a043), none;*/
  background-size: 0 1px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 2px, auto;
  transition: all .2s ease-out;

}
.understyle:hover {
  /* The following line makes the underline only as wide as the text */
  /* background-size: calc(100% - 2em) 5px, auto; */
  background-size: 100% 2px, auto;
}
.asplbl{
    color:#fff;
    pointer-events: none;
}
.one{
  width:70%;
  padding:10px;

}

/*for small screens*/
 .toggle, [id^=drop] {
       display: none;
    }

 .box-shadow-menu {
  position: relative;
  padding-left: 20px;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 16px;
  width: 1em;
  height: 0.15em;
  background: #fff;
  box-shadow: 
    0 0.25em 0 0 #fff,
    0 0.5em 0 0 #fff;
}
.w1{
    width:340px;
    color:#808080
}
.info1,.info3{
    font-family:Arial, Helvetica, sans-serif;
    height:auto;
    width:100%;
    padding:10px;
    background-color:#7fbd9e;
    color:#fff;
    text-align:center;
    font-size:15px; 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin-bottom:0 20px 20px 20px;
}
.info2{
    font-family:Arial, Helvetica, sans-serif;
    height:auto;
    width:100%;
    padding-top:15px;
    padding-bottom:10px;
    border:1px solid #fa7575;
    box-shadow:0 1px 1px #f7a2a2;
    padding-left: 10px;
    /*background-color:aliceblue;*/
    /*text-align:center;*/
    font-size:15px; 
    color:#808080; 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin-top:20px;
}
.info3{
    height:auto;
    padding:20px;  
}
.info4{
    /*font-family:Arial, Helvetica, sans-serif;*/
    height:auto;
    width:100%;
    padding-top:8px;
    padding-right:2px;
    padding-bottom:8px;
    border:1px solid #4e78cf;
    box-shadow:0 1px 1px #6c85fc;
    padding-left: 10px;
    /*background-color:aliceblue;*/
    /*text-align:center;*/
    /*font-size:15px;*/ 
    color:#808080; 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin-top:20px;
  
}
.deatails{
    width: 100%; 
    padding:0px 60px
}

.cardContainer{
  background: #fafafa;
  color: #333;
  height:auto; 
}
.card1{
    background:#fff;
    height:auto;   
    margin:15px 10px;  
    padding:20px 10px;
    box-shadow:0 0 2px;
    clear: both;
}
.card2{
    background:#fff;
    height:auto;
    margin:15px 12px;  
    padding:20px 10px;
    box-shadow:0px 0px 2px;
    width:47%;
}
.col_padding{
    padding-left:0;
}

figure{
    width:120px;
    height:120px;   
    /*padding:5px;*/
    /*border:1px solid #f6a043;*/
}
.object-fit_contain { 
    max-height:100%;
    max-width:100%;
}
.header1{
    /*font-family: 'Source Code Pro', Monaco;*/
    /*font-family: "Roboto", helvetica, arial, sans-serif;*/
    font: 600 2.4rem/3.2rem "PT Serif", palatino, times, serif;
    color: #2f3b48; 
    font-size:21px;
    padding-left:10px;
}
#cards li { 
    list-style:none; 
}
#cards li a{  
    font-family: 'Source Code Pro', Monaco;
    font-size:14px;
    color:#808080;  
}
#cards li:hover a{
    color:#f6a043; 
    text-decoration:underline;
}
.card2_left{
    float:left;   
   margin-top:0px;
}
.card2_right{
    float:left;
    margin-top:0px;
}

#liA ul{
  list-style: none;
  margin: 0;
  padding: 0;
  }
#liA li{
   
}
#liA li a{
    
}
#liA li:hover a {
   
}


#liA label{
  display: block;
  cursor: pointer;
  padding-left: 8px; 
  border-bottom: 1px solid #ccc; 
  font-size:9px;
  color:#1f4b92
}

#liA label:hover{

  /*border:1px solid #c6dfe4;*/
  color:#f6a043;
}

#liA label.last{
  /*border-bottom: 1px solid #808080;*/
}

#liA ul ul li{
  padding: 8px;
  background: #cbe2f3;
  margin-bottom:1px;
  font-size:12px;
}
#liA ul ul li:hover a{
 color:#f6a043;
}


#liA input[type="checkbox"]{
  position: absolute;
  left: -9999px;
}

#liA input[type="checkbox"] ~ ul{
  height: 0;
  transform: scaleY(0);
}

#liA input[type="checkbox"]:checked ~ ul{
  height: 100%;
  transform-origin: top;
  transition: transform .2s ease-out;
  transform: scaleY(1); 
  
}

#liA input[type="checkbox"]:checked + label{
  /*background: #26C281;*/
  color:#fff;
  background: #a3ccf3;
  border:1px solid #c6dfe4;
  
}
.card3{
    width:370px; 
    height:auto
}
.horizontalFloat{
    float:left; 
    margin-left:15px; 
    margin-right:15px;
}
.card3tr{
    border:ridge; 
    border-width:1px; 
    border-color:#c9e0e1; 
    padding:10px
}
.card3td{ 
  /*padding-top:10px;
  padding-left:10px;
  padding-right:10px;*/
  padding:10px
}
.card3Searched{
    margin:2px; 
    color:#9f7662; 
    border-top:ridge; 
    border-width:1px; 
    border-color:#c9e0e1
}
.priceColumn{
    padding-top:10px;
    padding-right:100px;
}
.topSearched{
    border-bottom:1px solid #6c85fc;
}

.topSearchedShort:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    /*margin: 0 auto;*/ /* This will center the border. */
    width: 29%; /* Change this to whatever width you want. */
    /*padding-top: 20px;*/ /* This creates some space between the element and the border. */
    border-bottom:1px solid #6c85fc; /* This creates the border. Replace black with whatever color you want. */
}
.alert{
    padding:5px;
    text-align:center;
    border:1px solid #fc323e;
    margin-left:20px;
    margin-right:20px
}
.well-sm{
    /*width:350px;*/
    /*width:auto;*/
    /*margin:0 20px;*/
}
.deals{
    border:1px solid #f59797;
    height:auto;
}
.img {
    height: 50px;
    width: 100%;   
}
.img1 {
    height: 50px;
    width: 100%; 
    margin-top:5px;  
}
.sell-padding{
    padding:0 5px;
    height:auto;
    width:100%;
    overflow:hidden;
}
.panel1 {
    border: 1px solid #ccc;
}
.panel1-header{
   padding-left:20px;
   height:40px;
   border-bottom:1px solid #ccc;
   border-left:3px solid #ccc;
   margin-bottom:20px;
  /*padding-top:5px;*/
}
.banner11{
    width:100%; 
    height:200px;
}
h6 {
    line-height:1.4;
    font-size:0.86em;
}
.info5{
    background-color: #fef1f1;
}
.responsiveImage {
    width: 100%;
    height: auto;
}
.showIt {
    display: none;
}
.dutyadstyle {
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 1px 15px;
    border: 1px solid #1d2a39;
    border-radius: 4px;
    background-color:#ffffff
}
.dutyad1 {
    color: #d9534f;
    font-family: 'Roboto', sans-serif;
    font-weight:bold;    
}
.dutyad2 {
    font-weight: bold;
}
.duty-main {
    padding: 40px 40px;
}
.duty-head {
    height: auto;
    margin: 0 0 50px 0;
    padding: 0 0 0 5px;
    font-weight: bold;
}

.duty-vin-head {
    border-bottom: 1px solid #6e3a6e;
}

.duty-vin-details {
    padding: 20px 0 20px 0;
    font-family: 'Neuton', serif;
    font-size: 1.15em;
}

.duty-duty-details {
    padding: 20px 0 20px 0;
    /*border-bottom: 1px solid #6e3a6e;*/
    font-family: 'Neuton', serif;
    /*font-size:large;*/
    font-size: 1.15em;
}

.duty-figures {
    font-family: 'Neuton', serif;
}

.duty-decode {
    padding: 20px 0 0 0;
    /*margin: 20px 0 0 0;*/
}
.line {
    display: block;
    margin: 5px
}

    .line h2 {
        font-size: 15px;
        text-align: center;
        border-bottom: 1px solid #6e3a6e;
        position: relative;
        font-weight: bold;
    }

        .line h2 span {
            background-color: white;
            position: relative;
            top: 10px;
            padding: 0 10px;
        }

.head-line {
    display: block;
    margin: 5px
}

    .head-line h3 {
        font-size: 24px;
        text-align: center;
        border-bottom: 2px solid #6e3a6e;
        position: relative;
    }

        .head-line h3 span {
            background-color: white;
            position: relative;
            top: 10px;
            padding: 0 10px;
        }

.inner {
    padding: 0 20px;
    /*display: table;
    margin: 0 auto;*/
}
.ErrorMsg {
    height: auto;
    padding: 5px;
    margin: 20px 0 20px 0;
    color: #d93636;
    border-radius: 3px;
    border: 1px solid #ea8d8d;
}







@media only screen and (min-width:767px) and (max-width:991px){

   .header {
    height: auto;
   }

    .hideIt{
        display:none;
    }

    .showIt {
        display:block;
    }

    .logoscale{

    }
    .w1{
      width:600px;
      color:#808080
   }

    .deatails{
      width: 100%;
      padding:0 0;
       margin:0; 
    }

    .card2{
    background:#fff;
    height:auto;
    margin:15px 10px;  
    padding:20px 10px;
    box-shadow:0px 0px 2px;
    width:96%;
   }
  
    .well-sm{
    /*width:250px;*/
    width:auto;
   }
    .banner11{
    width:100%; 
    height:auto;
   }

}


@media only screen and (max-width:767px) {

   .w1{
    width:350px;
    color:#808080
   }
    .header {
        height: auto;
        text-align:center;
        padding-bottom:2%;
    }
    .hideCarLogos {
        display: none;
    }
    .hideIt{
       display:none;
    }
    .showIt {
        display: block;
    }
    .space{ 
        margin-top:10px;
    }

    #litab1{
        display:none;
    }

     #litab2{
        display:none;
    }
    .partdealerseach{    
       margin:0;
       width:60%;      
    }

    /*nav items*/
    .toggle + a, .menu {
        display: none;
    }
    .toggle {
        display: block;
        background-color: #f6a043;       
        padding:8px 43px;	
        color:#FFF;
        font-size:17px;
        text-decoration:none;
        border:none;
        border-radius:3px;
    }
    .toggle:hover {
        background-color: #f8c893;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + #menu1 {
        display: block;
    }


  #menu1{
       
        background-color:#1d2a39;
        margin-top:-7px;
        text-decoration:none;   
        border-radius:0px 0px 3px 5px;
        padding-left:25px;
        padding-right:0px;
  }
   #menu1 li{
         
        position:relative;
        text-align:left;
        /*margin-top:7px;*/
        text-decoration:none;  
        width:100%; 
         padding-right:0px;
  }
    #menu1 li:last-child a{     
       text-align:right;   
       padding-top:10px;
       padding-left:-10px;
       margin-left:50%;
  }
  #menu1 li a{

        /*font-family:Arial, Helvetica, sans-serif;*/
        font-family: Montserrat, sans-serif;
        font-size:14px; 
        font-weight:bold;
        color:#808080;
        /*display:block;*/
        outline:0;
        margin-top:5px;
        text-decoration:none; 
       
    }

    #menu1 li:hover a{
        color:#f6a043; 
   }

    #menu1 .toggle,
    #menu1 a {
        /*padding: 0 10px;*/

    }   
    .navbar1{
        background:#fff;
        padding:10px;
        height:auto;
   }
    .deatails{
        width: 100%; 
        padding:0 0;
        margin:0;
   }
    .card2{
    background:#fff;
    height:auto;
    margin:15px 10px;  
    padding:20px 10px;
    box-shadow:0 0 2px;
    width:95%;
   }
   .card3{
     width:320px; 
     height:auto
   }
   
   .priceColumn{
    padding-top:10px;
    padding-right:10px;
    }
   .topSearchedShort:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    /*margin: 0 auto;*/ /* This will center the border. */
    width: 90%; /* Change this to whatever width you want. */
    /*padding-top: 20px;*/ /* This creates some space between the element and the border. */
    border-bottom:1px solid #6c85fc; /* This creates the border. Replace black with whatever color you want. */
   }
   .well-sm{
    /*width:350px;*/
    width:auto;
  }
    .banner11{
    width:100%; 
    height:auto;
   }
      
}