/*#TemplateName[כחול-2]END.נא לא לשנות שורה זו,אבל ניתן לשנות את שם התבנית שבסוגריים
*Copyright:Copyright (C) 2018 srv.co.il*/
@import url('../../basetemplatertl/horizontal-menu.css');
@import url('colors.css');
#TopMenu,
#TopMenuLine,
#NavDivider,
#navigation,
#main-nav>li{
	background:#3270a3;
	background:-moz-linear-gradient(#3270a3 0%, #004d8d 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3270a3), color-stop(100%, #004d8d));
	background:-webkit-linear-gradient(#3270a3 0%, #004d8d 100%);
	background:-o-linear-gradient(#3270a3 0%, #004d8d 100%);
	background:-ms-linear-gradient(#3270a3 0%, #004d8d 100%);
	background:linear-gradient(#3270a3 0%, #004d8d 100%);
}

#main-nav>li>.subMenuOpen>i,
#main-nav>li>.menu-links{
	color:#fff !important;
	text-shadow:0 1px 1px #000;	
}

#main-nav>li:focus>.subMenuOpen>i,
#main-nav>li:hover>.menu-links{
	text-shadow:0 1px 1px #999;	
}

#main-nav>li>.subMenuOpen>i:hover{
	background:rgba(0,0,0,.2);
}

#main-nav>li,
#main-nav .bordered-bottom:focus,
#main-nav .bordered-bottom:hover,
#main-nav .menu-links:focus .bordered-bottom,
#main-nav .menu-links:hover .bordered-bottom{
	border-color:#aaa !important;
}

#MainBanner,
#SearchForm,
#main-nav .bordered-bottom,
#main-nav .full-width,
#main-nav .MenuCatDesc,
#main-nav .MenuCatImg,
.SaleItemImg{
	border-color:#e7e7e7;
}

#SearchForm #SubSearch:focus,
#SearchForm #SubSearch:hover,
#main-nav .full-width ul.l-three-cols li>.menu-links:focus,
#main-nav .full-width ul.l-three-cols li>.menu-links:hover{
	color:#fff !important;
	text-shadow:0 0 1px #333;	
}

#main-nav .full-width ul.l-three-cols li>.menu-links:focus,
#main-nav .full-width ul.l-three-cols li>.menu-links:hover,
#navigation .trigger-click>li:focus,
#navigation .trigger-click>li:hover{
	background:#aaa;
}

#navigation .trigger-click>li.is-click-active{
	-webkit-box-shadow:0 -1px 0 0 #e7e7e7;
	-moz-box-shadow:0 -1px 0 0 #e7e7e7;
	box-shadow:0 -1px 0 0 #e7e7e7;
}

#SearchForm #strSearch{
	color:#777;
}

#TopContLine,
#main-nav .full-width,
#main-nav>li>.menu-links:focus,
#navigation .trigger-hover>li:focus,
#navigation .trigger-hover>li:hover,
#main-nav .full-width ul.l-three-cols li.l-va-top:focus,
#main-nav .full-width ul.l-three-cols li.l-va-top:hover,
#navigation .trigger-click>li.is-click-active,
#PageContentTopMenu{
	background:#fff;
}

#main-nav li.l-va-top:focus .bordered-bottom,
#main-nav li.l-va-top:focus-within .bordered-bottom,
#main-nav li.l-va-top:hover .bordered-bottom,
#SearchForm #strSearch,
#SearchForm #SubSearch{
	border-color:#3270a3;
}

#main-nav>li>.menu-links:focus,
#navigation .trigger-hover>li:focus>.menu-links,
#navigation .trigger-hover>li:hover>.menu-links,
#navigation .trigger-click>li.is-click-active>.subMenuOpen>i,
#navigation .trigger-click>li.is-click-active>.menu-links{
	color:#000 !important;
}

#SearchForm #SubSearch:focus,
#SearchForm #SubSearch:hover{
	border-color:#000;
	background:#000;
}

#main-nav li.l-va-top:focus-within,
#main-nav li.l-va-top:focus-within .menu-links,
#main-nav li.l-va-top:focus-within .menu-links::before,
#main-nav .full-width ul li:focus  .menu-links::before,
#main-nav .full-width ul li:hover  .menu-links::before,
#main-nav li.l-va-top:hover .menu-links,
#main-nav li.l-va-top:focus::before,
#main-nav li.l-va-top:hover::before,
#main-nav .menu-links{
	color:#585858;
}

#main-nav .menu-links:focus,
#main-nav .menu-links:hover,
#main-nav>li>.menu-links:focus,
#main-nav>li>.menu-links:hover,
#navigation .trigger-click>li.is-click-active>.menu-links{
	text-shadow:0 0 1px #666;
}

#main-nav .full-width,
#main-nav .full-width-nb{
	-webkit-box-shadow:0 2px 5px -3px #999;
	-moz-box-shadow:0 2px 5px -3px #999;
	box-shadow:0 2px 5px -3px #999;
}

@media all and (max-width:1199px){
	#navigation .trigger-hover>li:focus>.menu-links,
	#navigation .trigger-hover>li:hover>.menu-links,
	#navigation .trigger-click>li.is-click-active>.menu-links,
	#navigation .trigger-click>li.is-click-active>.subMenuOpen>i{
		color:#fff !important;
		text-shadow:0 1px 1px #000;
		background:#999;
	}
	#main-nav>li .menu-links{
		color:#000;
	}
	#navigation .trigger-click>li.is-click-active{
		-webkit-box-shadow:0 0 0 0 transparent;
		-moz-box-shadow: 0 0 0 0 transparent;
		box-shadow: 0 0 0 0 transparent;
	}
	#main-nav .MenuCatDesc{
		border-color:#e7e7e7;
	}
}

@media all and (max-width:1023px){
	#TopMenu #SCart{
		color:#fff;
		background:rgba(255, 0, 0, 0.8);
		-webkit-box-shadow:0 0 1px #666;
		-moz-box-shadow:0 0 1px #666;
		box-shadow:0 0 1px #666;
	}
}