/* Created by Yotam Omer */

*{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

img{
	border:0px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	background:#ffffff;
	color:#1F1A18;
	min-width:100%;
}
#mainContainer{
	width:100%;
	position:relative;
}

#header{
	width:100%;
	position:relative;
	height:85px;
	min-width:100%;
	/*background:url("../images/mobileBG.png") 0 0 repeat-x #c3c3c3;*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #e6e6e6 47%, #858585 47%, #c3c3c3 65%, #c3c3c3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(47%,#e6e6e6), color-stop(47%,#858585), color-stop(65%,#c3c3c3), color-stop(100%,#c3c3c3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 47%,#858585 47%,#c3c3c3 65%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 47%,#858585 47%,#c3c3c3 65%,#c3c3c3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 47%,#858585 47%,#c3c3c3 65%,#c3c3c3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e6e6e6 0%,#e6e6e6 47%,#858585 47%,#c3c3c3 65%,#c3c3c3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#c3c3c3',GradientType=0 ); /* IE6-9 */

}

.content{
	width:100%;
	position:relative;
}

#logo{
	position:absolute;
	top:0px;
	left:25px;
}

#likeBox{
	position:absolute;
	top:10px;
	right:20px;
	width:130px;
	height:20px;
}

#categoryBox{
	width:90%;
	margin:5px auto;
	/*border:1px solid black;*/
	text-align:center;
}

#bCont{
	position:fixed;
	width:100%;
	top:0; left:0;
	text-align:center;
	z-index: 9999;
	background: #c3c3c3;
}
#bCont a, #bCont img{
	display:block;
	margin: 0 auto;
}

h1{
	width:70%;
	font-size:25px;
	margin:0 auto;
	padding:5px 0px;
	text-align:center;
	font-weight:normal;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:white;
	background:#3fa9f5;
}

.tagBox{
	background:white;
	border:1px solid black;
	min-height:80px;
	padding:5px;
}

#theBlender{
	font-size:11px;
	margin:10px auto;
	width:80%;
	padding:10px;
}

.blenderBtn,.blenderBtn:link,.blenderBtn:visited{
	display:inline-block;
	cursor:pointer;
	background:#1F1A18;
	font-size:14px;
	color:white;
	padding:5px 15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-weight:bold;
}

.blenderBtn:hover{
	text-decoration:none;
	background: #423833; /* Old browsers */
	background: -moz-linear-gradient(top,  #423833 0%, #1f1a18 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#423833), color-stop(100%,#1f1a18)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #423833 0%,#1f1a18 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #423833 0%,#1f1a18 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #423833 0%,#1f1a18 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #423833 0%,#1f1a18 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#423833', endColorstr='#1f1a18',GradientType=0 ); /* IE6-9 */
}

.blenderBtn:active{
	background: #1f1a18; /* Old browsers */
	background: -moz-linear-gradient(top,  #1f1a18 0%, #423833 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1a18), color-stop(100%,#423833)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1f1a18 0%,#423833 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1f1a18 0%,#423833 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1f1a18 0%,#423833 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1f1a18 0%,#423833 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1a18', endColorstr='#423833',GradientType=0 ); /* IE6-9 */
}

.categoryContainer{
	display:none;
	width:97%;
	margin:0 auto;
	background:white;
	padding-bottom:10px;
}

a.categoryName,a.categoryName:link,a.categoryName:visited{
	position:relative;
	width:100%;
	height:45px;
	background:#1F1A18;
	font-size:28px;
	line-height:45px;
	vertical-align:middle;
	color:white;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
	text-align:center;
	display:block;
	margin:0 auto;
	margin-top:10px;
	cursor:pointer;
}

a.categoryName:hover{
	text-decoration:none;
	background: #423833; /* Old browsers */
	background: -moz-linear-gradient(top,  #423833 0%, #1f1a18 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#423833), color-stop(100%,#1f1a18)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #423833 0%,#1f1a18 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #423833 0%,#1f1a18 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #423833 0%,#1f1a18 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #423833 0%,#1f1a18 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#423833', endColorstr='#1f1a18',GradientType=0 ); /* IE6-9 */
}

a.categoryName:active{
	background: #1f1a18; /* Old browsers */
	background: -moz-linear-gradient(top,  #1f1a18 0%, #423833 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1a18), color-stop(100%,#423833)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1f1a18 0%,#423833 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1f1a18 0%,#423833 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1f1a18 0%,#423833 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1f1a18 0%,#423833 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1a18', endColorstr='#423833',GradientType=0 ); /* IE6-9 */
}

h2{
	text-align:left;
	font-size:20px;
	padding-top:10px;
	padding-left:10px;
}

.categoryContainer div.tagBox{
	margin-left:10px;
	width:70%;
	font-size:12px;
}

.tagBlockRow{
	width:100%;
	position:relative;
}

.plusBtn{
	width:42px;
	height:42px;
	display:block;
	background:url("../images/+btn.png") 0 0 no-repeat;
	cursor:pointer;
	color:white;
	font-size:25px;
	text-align:center;
	position:absolute;
	right:12px;
	top:35px;
	line-height:50px;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);
}

.plusBtn:hover{
	background-position:0 -51px;
}

.plusBtn:active{
	background-position:0 -103px;
}

.plusBtn.disabled{
	background-position:0 -154px !important;
	cursor:default !important;
}

#rights{
	position:relative;
	margin:0 auto;
	width:136px;
	height:69px;
	background:url("../images/footer.png") 0 0 no-repeat;
    z-index: -100;
}

#copyRights{
	position: absolute;
	top: 48px;
	left: 8px;
	font-size: 13px;
	font-weight: bold;
    text-align: center;
}

#sideBlender{
	width:155px;
	height:125px;
	background:url("../images/blender3.png") 0 -250px no-repeat;
	position:fixed;
	top:100%;
	left:0%;
	margin: 0px 0px 0px -155px;
}

.newMark{
	position:absolute;
	top:2px;
	left:2px;
	width:39px;
	height:39px;
    display: none;
}
a:active {
  color: #1F1A18;
}
a:link {
  color: #1F1A18;
}
a:visited {
  color: #1F1A18;
}
.button-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: 0;
  border-radius: 2px;
  box-shadow: none;
  background: #1F1A18;
  color: #fff;
  font-size: 26px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
}

.button-top-visible {
  opacity: 1;
  pointer-events: auto;
}