/*
MasterLayoutFooter.css used by MVC _Layout.cshtml
*/

.footer_nav
{
    background-color:#231f20;
    margin-top: 10px;
    height:auto;
    font-size:11px;
}
.footer_nav a
{
    color:#000;
}
.footer_nav a:hover
{
    color: #6d6e71;
}

.footer_social_icons_facebook a
{
    float: left;
    background-image:url(https://static.achica.com/images/footer_facebook_icon.png);
	background-repeat:no-repeat;
    height:32px;
	background-position:50% 0;
	display:block;
	width: 33px;
	margin: 0px;
}

.footer_social_icons_facebook a:hover
{
    background-position: 50% -32px;
}
     
.footer_social_icons_twitter a
{
    float: left;
    margin-left: 27px;
    background-image:url(https://static.achica.com/images/footer_twitter_icon.png);
	background-repeat:no-repeat;
    height:32px;
	background-position:50% 0;
	display:block;
	width: 33px;
}

.footer_social_icons_twitter a:hover
{
    background-position: 50% -32px;
}
     
.footer_social_icons_pinterest a
{
    float: left;
    margin-left: 27px;
    background-image:url(https://static.achica.com/images/footer_pinterest_icon.png);
	background-repeat:no-repeat;
    height:32px;
	background-position:50% 0;
	display:block;
	width: 33px;
}

.footer_social_icons_pinterest a:hover
{
    background-position: 50% -32px;
}
     
.footer_social_icons_google a
{
    float: left;
    margin-left: 27px;
    background-image:url(https://static.achica.com/images/footer_google_icon.png);
	background-repeat:no-repeat;
    height:32px;
	background-position:50% 0;
	display:block;
	width: 33px;
}

.footer_social_icons_google a:hover
{
    background-position: 50% -32px;
}
     
     
.footer_link_background_gradient
{ 
    height: 30px; 
    width: 250px; 
    font-size: 14px;
    text-align: left; 
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    margin-bottom: 2px; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#525252), to(#231f20));
    background-image: -webkit-linear-gradient(top, #525252, #231f20); 
    background-image: -moz-linear-gradient(top, #525252, #231f20);
    background-image: -ms-linear-gradient(top, #525252, #231f20);
    background-image: -o-linear-gradient(top, #525252, #231f20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#525252', endColorstr='#231f20');
}

ul.menuCatFoot 
{
	list-style:none; 
	margin:0;	                    	                         	            	            
}

ul.menuCatFoot a 
{
	display:block; 
	text-decoration:none;
}

ul.menuCatFoot li 
{
	position:relative; 
	float:left;		
	display: block;                     	            	             
}

ul.menuCatFoot li img
{
	width: 16px;
	height: 7px;
	opacity: 1;		                        	            	             
}

ul.menuCatFoot ul
{
	position:absolute; 	        
	bottom:10px;	            
	display:none; 
	opacity:0; 
	height: auto;
	list-style:none;
}

.menuCatFootHoverBackground 
{
    background-color: #231f20;
    border-radius: 6px;
    width: 262px;
}

.menuCatFootDropDownBackground 
{
    background-color: #323232;
    border-radius: 6px;
    overflow: auto;
    height: auto;
    width: 262px;
    padding: 0;
    margin-bottom: -5px;
}
    

ul.menuCatFoot ul li 	
{
	position:relative; 
	border-top:none; 
	width:250px; 
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 5px; 
	text-align:left;
	background-color:#525252;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#525252), to(#231f20));
    background-image: -webkit-linear-gradient(top, #525252, #231f20); 
    background-image: -moz-linear-gradient(top, #525252, #231f20);
    background-image: -ms-linear-gradient(top, #525252, #231f20);
    background-image: -o-linear-gradient(top, #525252, #231f20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#525252', endColorstr='#231f20');
}

ul.menuCatFoot ul li a	
{	
	display:block; 
	padding:11px 8px 11px 8px;	        
	background-color: #323232;
	border: 1px solid #585858;
	border-radius: 6px;
	width: 235px;
	color: #949393;
}

ul.menuCatFoot ul li a:hover 
{
    background-color: #6d6e71;
    border: 1px solid #585858;
    border-radius: 6px;
    color: #fff;
}
            
ul.menuCatFoot .menulink 
{ 
	padding:0; 
	text-align:center;	            
}

ul.menuCatFoot .menulink:hover, ul.menuCatFoot .menuhover 
{
	background:url(https://static.achica.com/images/header_over.gif);
}