/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/

/*
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery{float:right;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}

 

.qmmc {position:relative;zoom:1;z-index:10;}*/

.mefo_XX {
  background: linear-gradient(to bottom, #d6a55a, #806544) !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 16px !important;
}

.upgrade {
  background: linear-gradient(to right, #c5fbff, #ffedae) !important;
  color: black !important;
  height: 16px !important;
}

.qmmc a,
.qmmc li {
  float: right;
  display: block;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.qmmc div a,
.qmmc ul a,
.qmmc ul li {
  float: none;
}
.qmmc div {
  visibility: hidden;
  position: absolute;
}
.qmmc li {
  z-index: auto;
}
.qmmc ul {
  left: -10000px;
  position: absolute;
  z-index: 10;
}
.qmmc,
.qmmc ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.qmmc li a {
  float: none;
}
.qmmc li:hover > ul {
  left: auto;
}
#qm0 ul {
  top: 100%;
}
#qm0 ul li:hover > ul {
  top: 0px;
  left: 100%;
}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/

/* QuickMenu 0 */

/*"""""""" (MAIN) Container""""""""*/
#qm0 {
  width: 960px;
}

#qm0 .qmparent:hover {
  background: url(img/hover-bg.jpg) repeat-x;
}

/*"""""""" (MAIN) Items""""""""*/
#qm0 .qmparent {
  font-size: 14px;
  font-weight: bold;
  display: inline;
  border-left-width: thin;
  border-left-style: solid;
  border-left-color: #fff;
  padding-right: 20px;
  padding-left: 21px;
  padding-top: 7px;
  padding-bottom: 6px;
  height: 29px;
  margin-top: 0px;
  background: url(img/menu-bg.jpg) repeat-x;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

/*"""""""" (SUB) Container""""""""*/
#qm0 div {
  width: 195px;
  direction: rtl;
  padding: 5px 2px 0px;
  margin: 0px;
  background-color: #fafbfb;
  background-image: url(img/bgmenugradientR3.gif);
  background-repeat: repeat-y;
  background-position: left center;
  border-width: 1px;
  border-style: solid;
  border-color: #9f9f9f;

  margin-top: -13px;
}

/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover {
  /*background-image:url(img/3dbuttonBG20.gif);*/
  background-repeat: no-repeat;
  background-position: top;
  color: #1887f6;
}

#qm0 .yechidim a:hover {
  background: url(img/bt172.gif) no-repeat center;
}
#qm0 .mosdot a:hover {
  background: url(img/bt141.gif) no-repeat center;
}
#qm0 .ot-new a:hover {
  background: url(img/bt172.gif) no-repeat center;
}
#qm0 .mivtsa a:hover {
  color: Blue;
}
#qm0 .mechiron a:hover {
  background: url(img/bt172.gif) no-repeat center;
}
#qm0 .conta a:hover {
  background: url(img/bt97.gif) no-repeat center;
}

#qm0 .yechidim {
  width: 187px;
}

#qm0 .mosdot {
  width: 143px;
}

#qm0 .ot-new {
  width: auto;
  background-image: url(img/bgmenugradientR3.gif);
  background-repeat-x: repeat;
}

#qm0 .mechiron {
  width: 187px;
  background-image: url(img/bgmenugradientR2.gif);
}

#qm0 .conta {
  width: 99px;
  background-image: url(img/bgmenugradientR2.gif);
}

/*"""""""" (SUB) Items""""""""*/
#qm0 div a,
#qm0 ul a {
  padding: 5px;

  margin: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  color: #5a5a5a;
  font-size: 11px;
  text-decoration: none;
}

/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover > a {
  /*background-image:url(img/3dbuttonBG20.gif);*/
  background-repeat: no-repeat;
  background-position: center center;
  color: #121212;
}

/*"""""""" (SUB) Parent Items""""""""	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		background-image:url(http://www.wdc.com/global/images/navigation/parent_arrow.gif);
		background-repeat:no-repeat;
		background-position:97% 50%;
	}*/

/*"""""""" (SUB) Parent Hover State""""""""*/
#qm0 div .qmparent:hover {
  background-image: url(img/card.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive,
body #qm0 div .qmactive:hover {
  background-color: #ffffff;
  /*background-image:url(img/3dbuttonBG20.gif);*/
  background-repeat: no-repeat;
  background-position: center center;
  color: #121212;
  text-decoration: underline;
}

/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle {
  margin: 2px 0px 5px;
  color: #222222;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
}

/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx {
  border-top-width: 1px;
  margin: 4px 0px;
  border-color: #999999;
}

/*"""""""" (main) Rounded Items""""""""	
	#qm0 .qmritem span	
	{	
		border-color:#666666;
		background-color:#eeeeee;
	}
*/

/*"""""""" (main) Rounded Items Content""""""""	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}
*/

/*"""""""" (sub) Rounded Items""""""""	
	#qm0 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#eeeeee;
	}*/

/*"""""""" (sub) Rounded Items Content""""""""	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}
*/

/*"""""""" Custom Rule""""""""*/
ul#qm0 ul li:hover > a.qmparent {
  background-color: #ffffff;
  background-image: url(img/card.jpg);
  color: #000000;
  text-decoration: underline;
}

.upgrade-btn {
  margin: 5px !important;
  display: inline-block;
  background-color: white !important;
  color: black;
  font-size: 14px !important;
  font-weight: bold;
  padding: 10px 10px !important;
  border-radius: 10px;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  text-align: right;
  cursor: pointer;
  transition: all 0.3s ease;
  &:hover {
    background-color: #f0f0f0; /* Slight gray background on hover */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Deeper shadow on hover */
  }
}

/*"""""""" Custom Rule""""""""	
	ul#qm0 a img	
	{	
		display:block;
		border-style:none;
	}


er-style:none;
	}
*/

@charset "utf-8";
/* CSS Document */
