@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);
@font-face { font-family: "hw"; src: url("shmuel.woff") format('woff');
}
BODY { direction: rtl; padding-left: 1em; padding-right: 1em;   
	font-family: "Alef Hebrew",“Helvetica Neue”,Helvetica,Arial,sans-serif; 
	padding-bottom:2em;padding-top:0; margin-top:0;}

DIV#fixedtotal {
 position:fixed;
 background-color:#ffffee;
 border: solid 1px black;
 top: 11em; left: -1px;
 z-index: 100;
 padding:0.2em;
}	
DIV#fixedtotal #fixedtotalnum { font-weight:bold; }
DIV#fixedtotal #fixedtotalnotes { font-size: 0.5em; }

DIV.titleprn { margin-top:-0.3em; margin-left: 1em; float: right; color: white; font-size:35pt; font-weight:bold; -webkit-text-stroke: 1px black; text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
DIV#signupform { display: none; background-color: white; }

DIV#msg {font-size:1.3em; text-align:center; font-family: hw; font-weight: bold; line-height: 1.3em; }
DIV#msg .disttime { color: green; text-decoration: underline; }
DIV#msg .subdead { color: purple; text-decoration: underline; }
DIV#msg .redbtn { 	color: red; text-decoration: underline; }

DIV#toc {font-size:1em; margin-bottom: 1em;text-align:center;}
DIV#toc A {font-weight:bold; text-shadow: 1px 1px 0 #333; -webkit-text-stroke: 1px black; padding-left: 0.2em; padding-right: 0.2em; }
DIV#toc A:hover {background-color: #ccffbb;}
FORM { padding: 0; margin: 0; }
DIV.field { width: 11em; margin: 0.5em; float: right; }
DIV.field LABEL { font-size: 1.3em; font-weight: bold; margin-left: 0.5em; }

DIV.field LI {height: 4em; display:block; z-index:0;  }
DIV.field LI P {position: absolute; font-size: small;
	width: 70vw; right: 150px; top: -1em; text-align: right; }
DIV.field LI .inner {position: absolute; text-align:center; vertical-align: bottom;}

DIV.field INPUT[type=text] {font-size:1.3em; border: solid 2px black; width: 100%; }
DIV.field span { font-size: small; display: block; }
DIV.category { clear: both; border-top: solid 1px #DDD; padding-top: 5px; }
DIV.category DIV.btt { float: left; font-size:2em; font-weight: bold;}
DIV.category DIV.btt A { text-decoration: none; text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
DIV.category DIV.btt A:hover { background-color: #ccffbb; }
DIV.category H1 { margin-bottom: 0px; margin-top: -10px; font-size:1.8em; font-weight:bold; 
 -webkit-text-stroke: 1px black; text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
DIV.category P { margin-top: 0px; margin-bottom: 0px; color: black;}
DIV.item {  width: 12em; height: 5em; float: right; margin: 0.1em; overflow: hidden; z-index:0; position: relative; }
DIV.item .inner { position: absolute; width: 11.4em; padding: 0.3em; border: solid 1px #AAAAAA; background-repeat:no-repeat; background-position:left top; background-origin:border-box;background-size:80px 80px; vertical-align:middle; }
DIV.item:hover { overflow: visible; z-index:100;}
DIV.item:hover .inner { z-index: 100; background-color: #F1F1FF; box-shadow:0.2em 0.2em 1em black;}
DIV.item:hover .ribbon-wrapper-new { display: none; }
DIV.item:hover .ribbon-wrapper-deal { display: none; }
DIV.item INPUT[type=button] { cursor: pointer; font-size: x-small;}
DIV.item H3,P { color: black; text-shadow: 
        -1px -1px 0px #ffffff,
         0px -1px 0px #ffffff,
         1px -1px 0px #ffffff,
        -1px  0px 0px #ffffff,
         1px  0px 0px #ffffff,
        -1px  1px 0px #ffffff,
         0px  1px 0px #ffffff,
         1px  1px 0px #ffffff,
		 2px 2px #eeeeee
		 ; 
}  
DIV.item H3 {  max-width:10em; margin:0px; }
DIV.item P { font-size: 0.7em; margin-top: 0.5em; }
DIV.item P .units {   background: #cccccc; } 
DIV.item P .origin { background-color: #CCFF33; }
DIV.item P .organic { background-color: #00CC33; }
DIV.item P .organish { background-color: #66CCFF; }
DIV.item P .wild { background-color: #66FF33; }
DIV.item INPUT[type=number] { font-size: 1em; font-weight: bold; border: solid 2px black; width: 2.5em; direction: ltr;}

DIV.category TABLE { border-collapse: collapse; border: none; clear:both; }
DIV.category TBODY TD { border: dashed 1px black; border-collapse: collapse;  vertical-align: top; }
DIV.category TABLE TH { font-weight: bold; font-size:6pt; text-align: right; vertical-align: bottom; }
DIV.category TABLE TD { font-size: 8pt;}
DIV.category TABLE TD P { font-size: 5pt; max-width: 300pt;}

#policy {clear:both;}

DIV.kosher {
	float: left;
	background-image: url('k.png');
	background-size: 1em 1em;
	background-repeat: no-repeat;
	height: 1em; width:1em;
}

BUTTON.redbutton {
	background-image: url('redbutton.png');
    background-repeat: no-repeat;
    background-position: center; 
	 background-size: 100px 100px;
	font-size: 1.2em;
	height: 3em;
	background-color:#951927;
	border: solid #771521 2px;
	-webkit-border-radius: 50;
	-moz-border-radius: 50;
	border-radius: 50px;
	color: black; text-shadow: 
        -1px -1px 0px #ffffff,
         0px -1px 0px #ffffff,
         1px -1px 0px #ffffff,
        -1px  0px 0px #ffffff,
         1px  0px 0px #ffffff,
        -1px  1px 0px #ffffff,
         0px  1px 0px #ffffff,
         1px  1px 0px #ffffff,
		 2px 2px #eeeeee
		 ; 
	box-shadow: 0 1px 2px rgba(0,0,0,1), inset 0px -15px 10px -12px rgba(0,0,0,0.25);

}

BUTTON.redbutton:hover {
	background-color:#C54957;
	border: solid #971741 2px;
	cursor: pointer;
	color: red;
}

.ribbon-wrapper-new {
  width: 3em;
  height: 3em;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 9em;
}
 
.ribbon-new {
  font: bold 0.7em Sans-Serif;
  color: #000000;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  padding: 0.1em 0;
  left: 0.5em;
  top: 0.5em;
  width: 6.5em; 
    background-color: #8BCC32;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8BCC32), to(#D0D8BF)); 
  background-image: -webkit-linear-gradient(top, #8BCC32, #D0D8BF); 
  background-image:    -moz-linear-gradient(top, #8BCC32, #D0D8BF); 
  background-image:     -ms-linear-gradient(top, #8BCC32, #D0D8BF); 
  background-image:      -o-linear-gradient(top, #8BCC32, #D0D8BF); 
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-wrapper-deal {
  width: 3em;
  height: 3em;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 9em;
}
 
.ribbon-deal {
  font: bold 0.7em Sans-Serif;
  color: #000000;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  padding: 0.1em 0;
  left: 0.5em;
  top: 0.5em;
  width: 6.5em; 
    background-color: #CE4AA8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#CE4AA8), to(#FEDD00)); 
  background-image: -webkit-linear-gradient(top, #CE4AA8, #FEDD00); 
  background-image:    -moz-linear-gradient(top, #CE4AA8, #FEDD00); 
  background-image:     -ms-linear-gradient(top, #CE4AA8, #FEDD00); 
  background-image:      -o-linear-gradient(top, #CE4AA8, #FEDD00); 
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}


  .collect input[type=radio] {
	  position: absolute;
	  top:1.2em;
  }
  .collect {
	float: none;
	list-style: none;
	position: relative;
	padding: 0;
  }
  .collect li{
	float: right;
  }
  .collect label {
	  display: block;
	  padding: 10px 20px;
	  border-radius: 2px 2px 0 0;
	  color: #00040A;
	  font-size: 24px;
	  font-weight: normal;
	  background: rgba(255,255,255,0.2);
	  cursor: pointer;
	  position: relative;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset 0px 1px 3px rgba(0,0,0,0.1);
	border-radius: 30px;

  }
  .collect label:hover {
	box-shadow: 0 1px 2px rgba(0,0,0,1), inset 0px -15px 10px -12px rgba(0,0,0,0.25);
	border-radius: 30px;
  }
  
  [id^=collect]:checked + label {
	border: 2px solid #9a9e9e;
	border: 2px solid #9a9e9e;
	box-shadow: 0 1px 2px rgba(0,0,0,1), inset 0px 1px 3px rgba(0,0,0,1);
	border-radius: 30px;
  }

  [id^=collect]:hover ~ [id^=collect-content], [id^=collect]:hover ~ [id^=collect-content] > div {
	  display: block;
	  z-index: 20;
	  background: #D0847A;
  }
  
  [id^=collect]:checked ~ [id^=collect-content], [id^=collect]:checked ~ [id^=collect-content] > div {
	  display: block;
  }
  .collect-content{
	display: none;
	text-align: right;
	overflow: hidden;
	width: 100%;
	line-height: 100%;
	padding-top: 5px;
	background: #C0746A;
	padding: 15px;
	color: white;
	position: absolute;
	top: 60px;
	left: 0;
	box-sizing: border-box;	
	height: 5em;
  }
  .collect-content > div{
	display: none;
  }

