@charset "utf-8";
/* :::::::::::: Head Styles - Structure Stylesheet 
 -----------------------------------------------------------------  
 :: StyleSheet  : Header Styles
 :: Version     : 1.0.0
 :: Author      : James Gober
 :: Company     : App Soft Development
 :: Company URL : http://appsoftdevelopment.com
 -----------------------------------------------------------------
     Copyright  : (C) 2014 App Soft Development. All Rights Reserved.
*/



header{
    max-height: 180px;
    display: block;
    border-bottom: 3px solid #ea470e;
}


/* Head Top
 ******************************************************************/
#head_top{
    height: 130px;
    display: block;
}

#head_top #head_logo{
    height: 130px;
    display: block;
    text-align: center;
}

#head_top #head_logo img{
    width: 203px;
    height: 81px;
    margin-top: 30px;
    display: block;
}

#head_top #head_social{
    height: 130px;
    display: block;
}

#head_top #head_social a{
    width: 30px;
    height: 30px;
    margin-top: 10px;
    display: inline;
    display: inline-block;
    font-size: 25px;
    color: #a1a1a1;
    text-align: center;
    line-height: normal;
}

#head_top #head_social a:hover{
    color: #ea470e;
}

#head_top #head_responsive{
    height: 130px;
    display: block;
    font-size: 25px;
    position: relative;

}

#head_top #head_responsive span{
    margin-top: 10px;
    display: block;
    font-size: 21px;
    color: #aaaaaa;
    text-align: right;
}

img.head_img{max-width: 190px; margin-top: -15px; }

h4.nav_veh{}

@media screen and (max-width: 991px){
    #head_top #head_responsive span{ display: none; }
    #head_top #head_logo img{ float: left; margin-left: 10px; }
    #head_top #head_responsive{
    	position: absolute;
    }
	
	
}

@media screen and (max-width: 400px){
    #head_top #head_logo img{ width: 98%; height: auto;  }
    #head_top, #head_top #head_social, #head_top #head_logo, #head_top #head_responsive {
        height: 100px!important;
    }
}

/* Responsive Menu
 ******************************************************************/
#responder_nav{
    width: 100%;
    /*min-width: 250px;*/
    position: absolute;
    top: 30px;
    right: 0px;
    z-index: 400;
}

#responder_nav button{ float: right; background: #ea470e; }


/* Head Navigation
 ******************************************************************/
header nav{
    height: 47px;
    display: block;
    background: #cccccc url('./../images/header/navbar.jpg') repeat-x left top;
    border-top: 1px solid #aaaaaa;
    text-align: center;
    position: relative;
}

header nav ul{
    height: 46px;
    margin: 0 auto;
    list-style: none;
}

header nav ul li{
    height: 46px;
    display: inline;
    display: inline-block;
    list-style: none;
    vertical-align: top;
    font-family: 'ATX Modern', Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-variant: small-caps;
    text-transform: lowercase;
}

header nav ul li.nav_line{
    width: 2px;
    height: 46px;
    display: inline;
    display: inline-block;
    list-style: none;
    background-color: #ffffff;
    border-right: 1px solid #999999;
}

header nav ul li a{
    height: 47px;
    padding: 0px 10px;
    padding-top: 7px;
    display: block;
    color: #333333;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: narrow;
    font-size: 90%;
}


header nav ul li:hover a,
header nav ul li a:hover,
header nav ul li a:active{
    text-decoration: none;
    color: #ea470e;
}
@media screen and (max-width: 1600px){	header nav ul li a{padding-top: 11px; font-size: 75%;}}
@media screen and (max-width: 1300px){	header nav ul li a{padding-top: 11px; font-size: 65%;}}
@media screen and (max-width: 1100px){
    header nav ul li{ height: 47px; padding-top: 5px; font-size: 17px; }
	header nav ul li a{padding-top: 10px; font-size: 70%;}
    
}



/* Nav Mega Menu
 ******************************************************************/
/**/
header nav ul li div.mega_menu{
    width: 100%;
    height: auto;
    min-height: 200px;
    padding: 10px 0px;
    display: none;
    position: absolute;
    top: 47px;
    left: 0px;
    z-index: 900;
    background: #dedede;
    -webkit-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.41);
    -moz-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.41);
    box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.41);
}


/*
header nav ul li:hover div.mega_menu{ display: block; }

header nav ul li:hover div.mega_menu div.mega_menu_block{
    
}

header nav ul li:hover div.mega_menu div.mega_menu_block div.six{
    width: 16%;
    height: auto;
    min-height: 200px;
    background: url('./../images/header/navborder.jpg') repeat-y right top;
}


header nav ul li:hover div.mega_menu div.mega_menu_block div{
    width: 20%;
    height: auto;
    min-height: 250px;
    background: url('./../images/header/navborder.jpg') repeat-y right top;
}

header nav ul li:hover div.mega_menu div.mega_menu_block div:last-child{ background: none; }

header nav ul li:hover div.mega_menu div.mega_menu_block div img{ width: 90%; height: auto; }

header nav ul li:hover div.mega_menu div.mega_menu_block div h4{
    font-size: 17px;
    color: #333333;
    text-align: center;
    min-height: 50px;
    max-height: 50px;
    display: block;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: narrow;
    letter-spacing: 0px;
}

header nav ul li:hover div.mega_menu div.mega_menu_block div:hover h4{ color: #ea470e; }
*/


ul.parts{margin-top: 30px;}
ul.parts li.parts_cat{
    width: 100%;
    display: block;
    clear: left;
    line-height: 14px;
    color: #000000;
}

ul.parts li.parts_cat a{
    width: 100%;
    text-align: center;
    display: block;
    clear: left;
    line-height: 14px;
    color: #000000;
}


/* Nav Drop Menu
 ******************************************************************/
header nav ul li div.drop_menu{
    width: auto;
    height: auto;
    min-width: 250px;
    min-height: 20px;
    padding: 10px 0px;
    margin-left: -4px;
    display: none;
    position: absolute;
    top: 46px;
    left: 0px;
    z-index: 900;
    background: #dedede;
    
background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(204,204,204,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cccccc', GradientType=0 );

-webkit-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.41);
box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.41);
}
/*
header nav ul li:hover div.drop_menu{ display: block; }
*/
header nav ul li div.drop_menu ul{
    width: auto;
    height: auto;
    padding: 0px;
    margin: 0px;
    display: block;
    list-style: none;
}

header nav ul li div.drop_menu ul li{
    width: 100%;
    height: auto;
    display: block;
    list-style: none;
    vertical-align: top;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-variant: small-caps;
    text-transform: lowercase;
}


header nav ul li div.drop_menu ul li a{
    height: auto;
    padding: 0px 10px;
    margin: 0px;
    display: block;
    color: #333333;
    text-align: left;
    font-size: 110%;
}
/*
header nav ul li div.drop_menu ul li a:hover{
    text-decoration: none;
    color: #ea470e;
}
*/

.header-center { display:inline-block; position:relative; }