/* TOP LEFT / RIGHT */
.sf-menu2 {
    font-family:Arial,Helvetica,sans-serif
}

.sf-menu2 a {
    padding:7px 12px 8px;
    display:inline-block;
    text-transform:uppercase;
    color:#f3f3f3
}

.sf-menu2 a:hover {
    background-color:#f20303;
    color:#565656;
    text-decoration:none
}
/********************/

/* TOP MENU LEFT / RIGHT*/
.sf-menu1 {
    list-style:none;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-style:normal;
    height:36px;
	border: 3px solid #aa0305;
	border-left: none;
	border-right: none;
}

.sf-menu1 li {
    position:relative;
    float:left;
    list-style:none
}

.sf-menu1 a {
    display:block;
    position:relative;
    padding:11px 17px 10px;
    text-decoration:none;
    text-transform:uppercase;
	transition:.3s;
	-webkit-transition:.3s;
	font-size:13px;
}

@-moz-document url-prefix() {
	.sf-menu1 a {
		padding:10px 23px 10px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
    ::i-block-chrome, .sf-menu1 a {
		padding:10px 23px;
	}
}

.sf-menu1 li:hover {
    cursor:pointer
}

.sf-menu1 li:hover > a {
    color:#222;
	background-color: #f20303;
}

.sf-menu1 > li:hover > ul {
    opacity:1;
	visibility:visible;
}

.sf-menu1 ul {
    position:absolute;
	opacity:0;
	transition:.3s;
	-webkit-transition:.3s;
	top:36px;
	visibility:hidden;
}

.sf-menu1 ul li {
    position:relative;
    width:285px;
    text-align:left;
    background-color:#d10317; /*dropdown background*/
}

.sf-menu1 ul li a {
    padding:7px 13px;
    text-decoration:none;
    color:#f3f3f3
}

.sf-menu1 li li a:hover {
    outline:0;
    text-decoration:none;
    background-color: #b8051e; 
}

ul.sf-menu1 > li li ul {
	left:0px;
	top:0;
	opacity:0;
}

ul.sf-menu1 > li li:hover ul {
	left:285px;
	opacity:1;
	visibility:visible;
}

/***************************/