html {overflow-y: scroll;}

body
{
  background-image:url('images/mota_ru_2082219-1600x1200.jpg');
  background-attachment:fixed;
  }

.start
{
position:absolute;
left:50%;
margin-left:-450px;
width:900px;
height:900px;
top:10px;
background-color:rgba(0,0,0,.8);
opacity:1;
z-index:2;
text-align:center;
font-family:HelveticaNeue-Light;
font-weight:200;
color:white;
border-radius:35px;
border: double 7px rgba(47,62,45,0.55);
  display:block;
  transition: transform 2s,opacity 2s;
  -webkit-transition: -webkit-transform 2s,opacity 2s;
  -moz-transition: -moz-transform 2s,opacity 2s;
  -o-transition: -o-transform 2s,opacity 2s;


}

.cartButton
{
position:absolute; 
right:10px; 
width:75px; 
top:5px;
}

img {
    border:none;
    outline:none
}

#searchResult
{
position:absolute;
width:350px;
height:500px;
overflow-y:auto;
border:solid 1px #7B8D39;
left:50%; 
margin-left:-81px;
background-color:rgba(0,0,0,.7);
display:none;
}

#searchedResult
{
position:absolute;
width:250px;
height:500px;
overflow-y:auto;
border:solid 1px #7B8D39;
left:891px; top:27px;
margin-left:-81px;
background-color:rgba(0,0,0,.95);
display:none;
z-index:50;
}

.searchField
{
position:absolute;
top:5px; 
left:792px;
}

.login
{
position:absolute;
top:5px; 
left:130px;
}

.addtocart
{
width: 150px;
filter:grayscale(100%) brightness(200%);
-webkit-filter:grayscale(100%) brightness(200%);
-moz-filter:grayscale(100%) brightness(200%);
-o-filter:grayscale(100%) brightness(200%);
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  z-index:25;
}

.flyingProduct
{
position:absolute;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
    transform:scale(1.50,1.50);
-webkit-transform:scale(1.50,1.50);
-moz-transform:scale(1.50,1.50);
-o-transform:scale(1.50,1.50);
margin-left:-64px; 
margin-top:-225px;
}

.addtocart:hover
{
filter:grayscale(0%) brightness(120%);;
-webkit-filter:grayscale(0%) brightness(120%);
-moz-filter:grayscale(0%) brightness(120%);
-o-filter:grayscale(0%) brightness(120%);
}

.cartnumber
{
margin-left:5px;
float:right;
}

.store
{
position:absolute;
left:50%;
margin-left:-550px;
width:1100px;
display:block;
overflow:auto;
top:10px;
background-color:rgba(0,0,0,.8);
opacity:0;
z-index:0;
text-align:center;
font-family:HelveticaNeue-Light;
font-weight:200;
color:white;
border-radius:35px;

border: double 7px rgba(47,62,45,0.55);
  
  transition: -webkit-transform 2s,opacity 2s;
  -webkit-transition: -webkit-transform 2s,opacity 2s;
  -moz-transition: -webkit-transform 2s,opacity 2s;
  -o-transition: -webkit-transform 2s,opacity 2s;
  
/*
transform:scale(.75,.75);
-webkit-transform:scale(.75,.75);
-moz-transform:scale(.75,.75);
-o-transform:scale(.75,.75);
*/
}

.buttonContainer
{
position:relative;
left:50%;
margin-left:-300px;
width:600px;
clear:both;
}

.categoryContainer
{
position:relative;
left:50%;
margin-left:-512px;
height:500px;
width:1024px;
}

.categoryDescription
{
position:relative;
z-index:5;
text-align:center;
margin:10px;
clear:both;
}

h1
{
font-family:HelveticaNeue-Light;
font-weight:200;
}

h2
{
font-family:HelveticaNeue-Light;
font-weight:200;
}

h3
{
font-family:HelveticaNeue-Light;
font-weight:200;
margin-bottom:-10px;
}

a
{
 color:white;
 text-decoration: none;
   border:none;
    outline:none
}

.button
{
font-family:HelveticaNeue-Light;
font-weight:200;
text-shadow: 2px 2px 2px black;
font-size:18pt;
background-color:rgba(195,229,171,.2);
width:230px;
margin:10px;
height:165px;
cursor:pointer;
border-radius:35px;
border: ridge 3px rgba(195,229,171,0.35);

}

.buttonImage
{
position:relative;
top:-25px;
width:180px;
height:180px;
  transition: all .25s;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;

}

.buttonImage:hover
{
transform:scale(1.15);
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-o-transform:scale(1.15);
}

.buttonText
{
position:relative; 
z-index:2;
top:-50px;
}


.left
{
float:left;
}

.right
{
float:right;
}

.hidden
{
visibility:hidden;
}

.return
{
position:relative;
clear:both;
top:20px;
line-height:44pt;
height:32px;
margin-bottom:15px;
cursor:pointer;
z-index:77;

}

.returnText
{
position:relative;
top:-10px;
left:10px;
}



.title
{
position:relative;
left:-55px;
mask-image: url('Jani/BAMBOOmask.png');
-webkit-mask-image: url('Jani/BAMBOOmask.png');
}

.smallTitle
{
position:relative;
left:0px;
margin-left:-85px;
}

.subCategory
{
position:relative;
left:130px;
width:192px;
height:192px;
text-align:center;
float:left;
margin:10px;
margin-top:20px;
cursor:pointer;
overflow:hidden;
transform:scale(1.25);
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-o-transform:scale(1.25);

  transition: -webkit-transform 2s,opacity 2s;
  -webkit-transition: -webkit-transform 2s,opacity 2s;
  -moz-transition: -webkit-transform 2s,opacity 2s;
  -o-transition: -webkit-transform 2s,opacity 2s;
}

.subCategory:hover
{
transform:scale(1.30);
-webkit-transform:scale(1.30);
-moz-transform:scale(1.30);
-o-transform:scale(1.30);
}

.categoryImage
{
width:128px;
height:128px;
transform:scale(1.50,1.50);
-webkit-transform:scale(1.50,1.50);
-moz-transform:scale(1.50,1.50);
-o-transform:scale(1.50,1.50);
}

.products
{
background: -moz-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,32,32,1)), color-stop(10%,rgba(128,128,128,0.71)), color-stop(85%,rgba(128,128,128,0.7)), color-stop(100%,rgba(90,90,90,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#b3808080',GradientType=0 ); /* IE6-9 */
height:0px;
opacity:0;
overflow:hidden;
text-align:center;
clear:both;
float:none;
width:100%;

  
  transition: all 2s;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
}

.productsOpen
{
#height:550px;
overflow:hidden;
opacity:1;
background: -moz-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,90,90,1)), color-stop(10%,rgba(128,128,128,0.71)), color-stop(85%,rgba(128,128,128,0.7)), color-stop(100%,rgba(90,90,90,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(32,32,32,1) 0%, rgba(128,128,128,0.71) 10%, rgba(128,128,128,0.7) 85%, rgba(90,90,90,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#b3808080',GradientType=0 ); /* IE6-9 */
clear:both;
float:none;
width:100%;
text-align:center;
  
  transition: all 2s;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
}

.product
{
width:280px;
height:255px;
text-align:center;
display: inline-block;
/*float:left;*/
margin:10px;
overflow:hidden;
}

.productImage
{
width:128px;
height:128px;
transform:scale(1.50,1.50);
-webkit-transform:scale(1.50,1.50);
  transition: -webkit-transform 2s,opacity 2s;
  -webkit-transition: -webkit-transform 2s,opacity 2s;
  -moz-transition: -webkit-transform 2s,opacity 2s;
  -o-transition: -webkit-transform 2s,opacity 2s;
  z-index:0;
}

.productImage:hover
{
transform:scale(1.55);
-webkit-transform:scale(1.55);
-moz-transform:scale(1.55);
-o-transform:scale(1.55);
}

.newRow
{
clear:left;
}

.none
{

}

.subpageLink
{
color:rgba(195,229,171,.7);
}

.subpageLink:hover
{
text-decoration:underline;
}

.bodymargins
{
position:relative;
left:130px;
}
.footer
{
text-align:center;
}