/*
Border-top Skin
*/

/* Menu Items */
.menuzord-menu > li > a{
	padding: 15px 16px 15px;
	border-top: solid 4px transparent;
	-o-transition: border .3s linear;
	-moz-transition: border .3s linear;
	-webkit-transition: border .3s linear;
	transition: border .3s linear;
}
.header-nav-wrapper{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d45721+0,d05b18+1,d15a18+3,fffdff+4,fefffd+6,fffeff+7,fcfef9+9,fffdff+10,fcfcfc+20,e9e9e9+65,e2e2e2+91,dee2e1+93,e1e2dd+94,e4dee8+96,d15519+97,d25714+99,d4531c+100 */
background: #cf0005; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(212,87,33,1) 0%, rgba(208,91,24,1) 1%, rgba(209,90,24,1) 3%, rgba(255,253,255,1) 4%, rgba(254,255,253,1) 6%, rgba(255,254,255,1) 7%, rgba(252,254,249,1) 9%, rgba(255,253,255,1) 10%, rgba(252,252,252,1) 20%, rgba(233,233,233,1) 65%, rgba(226,226,226,1) 91%, rgba(222,226,225,1) 93%, rgba(225,226,221,1) 94%, rgba(228,222,232,1) 96%, rgba(209,85,25,1) 97%, rgba(210,87,20,1) 99%, rgba(212,83,28,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(212,87,33,1) 0%,rgba(208,91,24,1) 1%,rgba(209,90,24,1) 3%,rgba(255,253,255,1) 4%,rgba(254,255,253,1) 6%,rgba(255,254,255,1) 7%,rgba(252,254,249,1) 9%,rgba(255,253,255,1) 10%,rgba(252,252,252,1) 20%,rgba(233,233,233,1) 65%,rgba(226,226,226,1) 91%,rgba(222,226,225,1) 93%,rgba(225,226,221,1) 94%,rgba(228,222,232,1) 96%,rgba(209,85,25,1) 97%,rgba(210,87,20,1) 99%,rgba(212,83,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(212,87,33,1) 0%,rgba(208,91,24,1) 1%,rgba(209,90,24,1) 3%,rgba(255,253,255,1) 4%,rgba(254,255,253,1) 6%,rgba(255,254,255,1) 7%,rgba(252,254,249,1) 9%,rgba(255,253,255,1) 10%,rgba(252,252,252,1) 20%,rgba(233,233,233,1) 65%,rgba(226,226,226,1) 91%,rgba(222,226,225,1) 93%,rgba(225,226,221,1) 94%,rgba(228,222,232,1) 96%,rgba(209,85,25,1) 97%,rgba(210,87,20,1) 99%,rgba(212,83,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d45721', endColorstr='#d4531c',GradientType=0 ); /* IE6-9 */
box-shadow: 0px 1px 5px #bfbfbf;

}
.menuzord{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d45721+0,d05b18+1,d15a18+3,fffdff+4,fefffd+6,fffeff+7,fcfef9+9,fffdff+10,fcfcfc+20,e9e9e9+65,e2e2e2+91,dee2e1+93,e1e2dd+94,e4dee8+96,d15519+97,d25714+99,d4531c+100 */
background:#cf0005; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(212,87,33,1) 0%, rgba(208,91,24,1) 1%, rgba(209,90,24,1) 3%, rgba(255,253,255,1) 4%, rgba(254,255,253,1) 6%, rgba(255,254,255,1) 7%, rgba(252,254,249,1) 9%, rgba(255,253,255,1) 10%, rgba(252,252,252,1) 20%, rgba(233,233,233,1) 65%, rgba(226,226,226,1) 91%, rgba(222,226,225,1) 93%, rgba(225,226,221,1) 94%, rgba(228,222,232,1) 96%, rgba(209,85,25,1) 97%, rgba(210,87,20,1) 99%, rgba(212,83,28,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(212,87,33,1) 0%,rgba(208,91,24,1) 1%,rgba(209,90,24,1) 3%,rgba(255,253,255,1) 4%,rgba(254,255,253,1) 6%,rgba(255,254,255,1) 7%,rgba(252,254,249,1) 9%,rgba(255,253,255,1) 10%,rgba(252,252,252,1) 20%,rgba(233,233,233,1) 65%,rgba(226,226,226,1) 91%,rgba(222,226,225,1) 93%,rgba(225,226,221,1) 94%,rgba(228,222,232,1) 96%,rgba(209,85,25,1) 97%,rgba(210,87,20,1) 99%,rgba(212,83,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(212,87,33,1) 0%,rgba(208,91,24,1) 1%,rgba(209,90,24,1) 3%,rgba(255,253,255,1) 4%,rgba(254,255,253,1) 6%,rgba(255,254,255,1) 7%,rgba(252,254,249,1) 9%,rgba(255,253,255,1) 10%,rgba(252,252,252,1) 20%,rgba(233,233,233,1) 65%,rgba(226,226,226,1) 91%,rgba(222,226,225,1) 93%,rgba(225,226,221,1) 94%,rgba(228,222,232,1) 96%,rgba(209,85,25,1) 97%,rgba(210,87,20,1) 99%,rgba(212,83,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d45721', endColorstr='#d4531c',GradientType=0 ); /* IE6-9 */

}

/* Active/hover state (Menu Items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	color: #333;
	border-top-color: #333;
}

/* Hover state (dropdown items) */
.menuzord-menu ul.dropdown li:hover > a{
	color: #333;
}

/* Color schemes */
/* blue */
.menuzord.blue .menuzord-menu > li.active > a, 
.menuzord.blue .menuzord-menu > li:hover > a, 
.menuzord.blue .menuzord-menu ul.dropdown li:hover > a{ 
	color: #4A89DC; 
}
.menuzord.blue .menuzord-menu > li.active > a, 
.menuzord.blue .menuzord-menu > li:hover > a{ 
	border-top-color: #4A89DC; 
}
/* green */
.menuzord.green .menuzord-menu > li.active > a, 
.menuzord.green .menuzord-menu > li:hover > a, 
.menuzord.green .menuzord-menu ul.dropdown li:hover > a{ 
	color: #37BC9B; 
}
.menuzord.green .menuzord-menu > li.active > a, 
.menuzord.green .menuzord-menu > li:hover > a{ 
	border-top-color: #37BC9B; 
}
/* red */
.menuzord.red .menuzord-menu > li.active > a, 
.menuzord.red .menuzord-menu > li:hover > a, 
.menuzord.red .menuzord-menu ul.dropdown li:hover > a{ 
	color: #E9573F; 
}
.menuzord.red .menuzord-menu > li.active > a, 
.menuzord.red .menuzord-menu > li:hover > a{ 
	border-top-color: #E9573F; 
}
/* orange */
.menuzord.orange .menuzord-menu > li.active > a, 
.menuzord.orange .menuzord-menu > li:hover > a, 
.menuzord.orange .menuzord-menu ul.dropdown li:hover > a{ 
	color: #ff670f; 
}
.menuzord.orange .menuzord-menu > li.active > a, 
.menuzord.orange .menuzord-menu > li:hover > a{ 
	border-top-color: #ff670f; 
}
/* yellow */
.menuzord.yellow .menuzord-menu > li.active > a, 
.menuzord.yellow .menuzord-menu > li:hover > a, 
.menuzord.yellow .menuzord-menu ul.dropdown li:hover > a{ 
	color: #F6BB42; 
}
.menuzord.yellow .menuzord-menu > li.active > a, 
.menuzord.yellow .menuzord-menu > li:hover > a{ 
	border-top-color: #F6BB42; 
}
/* purple */
.menuzord.purple .menuzord-menu > li.active > a, 
.menuzord.purple .menuzord-menu > li:hover > a, 
.menuzord.purple .menuzord-menu ul.dropdown li:hover > a{ 
	color: #967ADC; 
}
.menuzord.purple .menuzord-menu > li.active > a, 
.menuzord.purple .menuzord-menu > li:hover > a{ 
	border-top-color: #967ADC; 
}
/* pink */
.menuzord.pink .menuzord-menu > li.active > a, 
.menuzord.pink .menuzord-menu > li:hover > a, 
.menuzord.pink .menuzord-menu ul.dropdown li:hover > a{ 
	color: #D770AD; 
}
.menuzord.pink .menuzord-menu > li.active > a, 
.menuzord.pink .menuzord-menu > li:hover > a{ 
	border-top-color: #D770AD; 
}

/* Mobile mode (Responsive mode) */
@media (max-width: 768px){
	.menuzord-responsive .menuzord-menu > li > a{
		padding: 12px 20px !important;
		border-top-width: 1px;
	}
	.header-nav-wrapper{ background:#eee !important;}
	.menuzord{ background:#eee !important;}
	.menuzord .showhide {
    height: 36px;
    padding: 7px 0 0;
}
}