/* font-family: "RobotoRegular"; */
@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoLight"; */
@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/RobotoLight/RobotoLight.eot");
    src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoLight/RobotoLight.woff") format("woff"),
    url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoMedium"; */
@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/RobotoMedium/RobotoMedium.eot");
    src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
    url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoBold"; */
@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/RobotoBold/RobotoBold.eot");
    src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoBold/RobotoBold.woff") format("woff"),
    url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "RobotoCondensedRegular"; */
@font-face {
    font-family: "RobotoCondensedRegular";
    src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot");
    src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.woff") format("woff"),
    url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoCondensedLight"; */
@font-face {
    font-family: "RobotoCondensedLight";
    src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot");
    src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoCondensedLight/RobotoCondensedLight.woff") format("woff"),
    url("../fonts/RobotoCondensedLight/RobotoCondensedLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoCondensedBold"; */
@font-face {
    font-family: "RobotoCondensedBold";
    src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot");
    src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/RobotoCondensedBold/RobotoCondensedBold.woff") format("woff"),
    url("../fonts/RobotoCondensedBold/RobotoCondensedBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  outline:none;
  font-size: 100%;
}

html,
body {
  height: 100%;
  position:relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

b,
strong {
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

li {
  display:list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

svg {
  overflow: hidden;
}

pre,
code {
  font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
}

body {
background-color:#fff;
color:#656565;
font:14px/1.5 Arial,Tahoma,sans-serif;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

#content ul {
  list-style:none;
}

li {
  margin-left:20px;
}

h1,h2,h3,h4,h5,h6 {color:#282828;font-weight:normal;line-height:1;margin:20px 0;font-family:"RobotoRegular",Arial,Tahoma,sans-serif;}

h1 {
font-size:26px;
}

h2 {
font-size:22px;
color:#71CABC; 
}

h3 {
margin:15px 0;
font-size:18px; 
}

h4 {
margin:15px 0;
font-size:16px; 
}

a{
color:#4ebdac;
font-weight:normal;
background:none;
text-decoration:underline;
cursor:pointer;
}

a:hover, a:active{
text-decoration:none;
}

p{
margin-top:15px;
}

#top_header {
height:40px;	
line-height:40px;	
background-color:#464646;
color:#fff;
font-family:"RobotoRegular",Arial,Tahoma,sans-serif;
}

#top_header img {
margin-right:7px;
vertical-align:middle;
margin-bottom:2px;	
}

#top_header ul {
margin:0;
padding:0;
list-style:none;
}

#top_header li {
margin:0 20px 0 0;
padding:0;
list-style:none;
display:inline;
}

#top_header li a {
font-size:14px;
text-decoration:none;
color:#fff;
}

#top_header li a:hover {
color:#4ebdac;	
}

#top_menu li.active a,
#top_menu li.active a:hover {
color:#4ebdac;	
}

#top_header li.item-536 ul {
display:none;	
}
#top_header li.item-1332 ul {
display:none;	
}
#top_header li.item-2008 ul {
display:none;	
}


#work_time {
border-left:1px solid #747474;
border-right:1px solid #747474;
box-sizing:border-box;
text-align:center;
}

#currency_chng {
border-right:1px solid #747474;
box-sizing:border-box;
text-align:center;
height:40px;	
}

#currency_chng select#id_currency {
margin:0;
padding:0;
width:75px;
height:40px;
background: transparent;
border:none;
font-size:14px;
color:#fff;
-webkit-appearance: none;
cursor:pointer;
}

#currency_chng span{
display:block;
float:left;
height:40px;
margin-left:3px;
}

#currency_chng .styled {
display:block;
  overflow: hidden;
  width:37px;
   height:40px;	
   line-height:30px;
   background:transparent url('../images/arrow-mint.png') no-repeat right 20px;
}

.login-menu {
text-align:right !important;	
}

.login-menu li{
text-align:right !important;
margin:0 0 0 20px !important;	
}

#header_wrapper {
padding-top:30px;
padding-bottom:30px;
color:#656565;
background-color:#F4F4F4;
}

#header_wrapper  a{
color:#656565;
}

#contacts {
margin-top:5px;	
}

#contacts img {
vertical-align:middle;
margin-right:10px;
background:none;
}

#contacts p {
font-size:18px;
margin-top:0;
margin-bottom:5px;
font-family:"RobotoRegular",Arial,Tahoma,sans-serif;
}

#logo img{
width:auto;
height:auto;
}

#jshop_module_cart {
margin-top:34px;	
float:right;
}

#jshop_module_cart img {
display:inline-block;		
margin-right:5px;
margin-bottom:18px;
width:34px;
height:auto;
}

#jshop_module_cart a {
text-decoration:none;	
}

#jshop_summ_product {
display:inline-block;	
font-size:14px;
line-height:1.2;
}



.search {	
margin:30px auto 0;
height:43px;
width:362px;
}

#mod-search-searchword {
float:left;
width:301px;
height:41px;
padding:0;
border:1px solid #E7E7E7;
color:#979797;
outline:none;
margin:0;
text-indent:10px;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

#mod-search-searchword text:focus {
outline:none;
border:0;
}

.button_finder {
float:right;
cursor:pointer;
height:43px;
width:59px;
border:0;
outline:none;
}

#content .search {
margin-top:20px;
height:auto;
width:100%;
}

#categories_menu {
position:relative;
height:50px;
line-height:50px;
background-color:#ddd;
}

#categories_menu ul{
padding:0;
margin:0;
}

#categories_menu li{
display:inline-block;
list-style:none;
margin:0;
padding:0;
height:50px;
line-height:50px;
position:relative;
}

#categories_menu li a{
font-family:"RobotoRegular",Arial,Tahoma,sans-serif;	
display:block;	
color:#464646;
font-weight:normal;
font-size:14px;
height:50px;
line-height:50px;
background:none;
padding:0 12px;
text-decoration:none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#categories_menu li a:hover,
#categories_menu li a:active{
color:#fff;
background:#4ebdac;
}

#categories_menu li.active a {
color:#fff;
background:#4ebdac;
}

#categories_menu li.active a:hover {
color:#fff;
background:#4ebdac;
}
#categories_menu li.item-2684 a {
  color: #fff;
  background: #4ebdac url('../images/arrow-white.jpg') bottom center no-repeat;
}
#categories_menu li.item-2684 a:hover{
background:#4ebdac;	
}
#categories_menu li.item-557 a{
color:#fff;
background:#4ebdac url('../images/arrow-white.jpg') bottom center no-repeat;	
}

#categories_menu li.item-557 a:hover{
background:#4ebdac;	
}

#categories_menu .menu li:hover > ul
{
        display: block;
}

#categories_menu .menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top:50px;
    left: 0;
    z-index: 99999;
    background:#4ebdac;
}

#categories_menu .menu ul ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
	left:185px;
    top:0;
    z-index: 99999;
    background:#464646;
}

#categories_menu .menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
	background:#4ebdac;
	height:auto;
line-height:1.2;
}

#categories_menu .menu ul ul li,
#categories_menu .menu ul ul ul li
 {
background:#4ebdac;
}

#categories_menu .menu li ul a
{
    padding:10px;
	color:#fff;
    height: auto;
    line-height:1.2;
    display: block;
	font-weight:normal;
    float: none;
    text-transform: none;
	font-size:14px;
	background:#4ebdac !important;
	border-bottom:1px solid #42A092;
	border-top:none;
	width:170px;
	text-shadow:none;
	-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
border-radius:0 !important;
}

#categories_menu .menu li.item-582 ul,
#categories_menu .menu li.item-583 ul,
#categories_menu .menu li.item-635 ul
{
width:388px;	
}

#categories_menu .menu li.item-582 ul a,
#categories_menu .menu li.item-583 ul a,
#categories_menu .menu li.item-635 ul a {
float:left;
vertical-align:top;	
margin:0 2px;
}

#categories_menu .menu ul a:hover,
#categories_menu .menu ul a:active {
background:#464646 !important;
}

#categories_menu .menu ul ul a, 
#categories_menu .menu ul ul ul a 
{
background:#464646 !important;
border-left:none;
border-color:#5a5a5a;
}

#categories_menu .menu ul ul a:hover, 
#categories_menu .menu ul ul ul a:hover 
{
color:#4ebdac;
}

*:first-child+html #categories_menu .menu ul a /* IE7 */
{
        height: 10px;
        width:200px;
}


#categories_menu .menu ul li:first-child a:hover:after
{
    border-bottom-color: #fff;
}

#categories_menu .menu:after
{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

*:first-child+html #categories_menu .menu { zoom: 1; } /* IE7 */

#slider {
margin-top:40px;	
}

#info_message {
margin-top:40px;
background-color:#FEF200;
color:#000;
text-align:center;	
padding-bottom:20px;
font-size:22px;
font-family:"RobotoBold",Arial,Tahoma,sans-serif;
}

#info_message h5{
color:#ff0000;
font-size:34px;	
font-family:"RobotoBold",Arial,Tahoma,sans-serif;
}

#main {
margin-top:40px;
}

#left {
padding-left:0;
}

#left .module{
margin-bottom:20px;
}

#left h3 {
margin-top:0;
font-size:24px;
}

#left a,
#left a span {
font-weight:normal !important;
font-family:"RobotoRegular",Arial,Tahoma,sans-serif !important;
}

.item-separator {
clear:both;	
}

.breadcrumbs {
color:#979797;	
padding-bottom:7px;
margin-bottom:20px;
border-bottom:1px solid #E7E7E7;
font-size:12px;
}

.breadcrumbs a{
text-decoration:underline;
}

.breadcrumbs a:hover{
text-decoration:none;
}

.shop-categories {
margin-top:40px;		
}

.shop-categories .jshop_menu_level_0 {
float:left;	
width:23%;
margin:0 1% 20px 1%;
text-align:center;
}

.shop-categories .jshop_menu_level_0 a {
	display:block;
	max-width:270px;
	width:auto;
	height:270px;
	margin:0 auto;
font-size:16px;	
line-height:1.2;
text-decoration:none;
background-color:#E9E9E9;
-moz-transition: all 0.4s ease 0s;	
-webkit-transition: all 0.4s ease 0s;		
transition: all 0.4s ease 0s;	
overflow:hidden;
position:relative;
}

.shop-categories .jshop_menu_level_0 a span.top-title {
position:absolute;
bottom:30px;
left:0;
width:100%;
height:auto;
height:25px;
line-height:25px;
padding:5px 0;
color:#fff;
background:rgba(70,70,70,.9) url('../images/arrow_cats_new.png') right center no-repeat;	
text-transform:uppercase;
}

.shop-categories .jshop_menu_level_0 a:hover span.top-title {
background:rgba(78,189,172,.9) url('../images/arrow_cats_new.png') right center no-repeat;	
}

.shop-categories .jshop_menu_level_0 a img{
display:block;
margin:0 auto;
	max-width:270px;
	width:auto;
	height:270px;
-moz-transition: all 0.6s ease 0s;	
-webkit-transition: all 0.6s ease 0s;		
transition: all 0.6s ease 0s;	
border:1px solid #4EBDAC;
box-sizing:border-box;
}

.shop-categories .jshop_menu_level_0 a:hover img{
-moz-transform: scale(1.10);
-webkit-transform: scale(1.10);
-o-transform: scale(1.10);
-ms-transform: scale(1.10);
transform: scale(1.10);
border-color:#464646;
}


#bottom_block {
background-color:#4EBDAC;
padding:30px 0;
color:#272425;
font-family:"RobotoRegular",Arial,Tahoma,sans-serif;
font-size:16px;
line-height:1.2;
text-align:center;
margin-top:60px;
}

#bottom_block .block-stats img {
vertical-align:top;
display:block;	
margin:0 auto 10px;
}

#content ul,
#content ol{
margin-top:10px;
}

#content li{
list-style-position:inside;
}

.may-view {
list-style-type:disc !important;	
}

.message-block {
border:1px dashed #704176;
text-align:center;
padding:7px;
font-style:italic;
margin-bottom:30px;
}

.message-block  p{
margin:0;
}

.shop-categories {
padding-bottom:10px;
margin-bottom:10px;
}

.item-separator {
height:1px;
border-top:1px dashed #7C4280;
margin:20px 0;
}

p.contentheading {
font-size:20px;
color:#EB6F97;
line-height:1;
margin-top:0;
font-weight:bold;
}

.module {
margin-bottom:20px;
}

#new_in {
margin-top:40px;	
}

.shop-categories h3,
#new_in h3{
padding:10px 20px;
margin-top:0;
margin-bottom:20px;
background-color:#ddd;
}

.shop-categories h3 {
margin-bottom:30px;
}

#footer_wrapper {
padding:40px 0;
background-color: #24231F;
color:#979797;
font-family:"RobotoRegular",Arial,Tahoma,sans-serif;
font-size:12px;
line-height:1.2;
}

#footer_wrapper a{
color:#979797;
}

#footer_wrapper p{
margin:5px 0 0 0;
}

#footer_wrapper ul{
list-style:none;
margin:0;
padding:0;	
text-align:right;
}

#footer_wrapper li{
display:inline;	
margin:0 0 0 20px;
font-size:14px;
}

button,
input.button {
color:#fff;
background-color:#4EBDAC;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
/*-webkit-box-shadow:0 1px 3px 0 #575757;
-moz-box-shadow:0 1px 3px 0 #575757;
box-shadow:0 1px 3px 0 #575757;*/
height:35px;
line-height:35px;
text-shadow: none;
border-image: none;
border-style: solid;
border-width:0;
cursor: pointer;
text-align:center;
vertical-align: middle;
font-size:14px;
margin:5px 0;
}


/*checkout*/

.checkout-left-block {
float:left;
width:35%;	
margin-right:5%;
}

.checkout-right-block {
float:left;
width:60%;
margin-top:50px;
}

.block_np_cities{
position:relative;
}

#np_city_name{
/*position:absolute;*/
width: 240px;
}

#list_np_cities{
  // position: absolute;
width: 300px;
z-index: 9999;
height: 200px;
overflow-x: auto;




}

#list_np_cities option:first-child{
/*padding-top:40px;*/
}

.block_np_adress #np_street{
width:95%;
}

#table_shippings {
width:100%;	
}

#table_payments tbody tr,
#table_shippings tbody tr{
display:block;
float:left;
width:33.3%;	
}

#table_payments {
width:100%;	
}

#table_payments tbody tr {
width:50%;	
}

#table_shippings tbody  tr  tr{
display:table-row;
width:100%;
float:none;
}

#table_shippings tbody tr > td{
display:block;	
}

.payment-block,
.delivery-block {
border-bottom:1px solid #E7E7E7;
}


/*end checkout*/



button:hover,
input:hover.button {
background-color:#464646;
/*-webkit-box-shadow:inset 0 0 5px 0 #781888;
-moz-box-shadow:inset 0 0 5px 0 #781888;
box-shadow:inset 0 0 5px 0 #781888;*/
}

.productfull .prod_buttons .buttons input.button[type="submit"]{
color:#222;
background:transparent url('../images/shop_cart.png') 8px center no-repeat;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
/*-webkit-box-shadow:0 1px 3px 0 #575757;
-moz-box-shadow:0 1px 3px 0 #575757;
box-shadow:0 1px 3px 0 #575757;*/
width:130px;
height:35px;
line-height:35px;
text-shadow:none;
border-image: none;
border-radius: 4px;
border-style: solid;
border-width:0;
cursor: pointer;
text-align:right;
vertical-align: middle;
font-size:16px;
}

.productfull .prod_buttons .buttons input.button[type="submit"]:hover{
	color:#fff;
background:#464646 url('../images/shop_cart.png') 8px center no-repeat;
/*-webkit-box-shadow:inset 0 0 5px 0 #781888;
-moz-box-shadow:inset 0 0 5px 0 #781888;
box-shadow:inset 0 0 5px 0 #781888;*/
}

.buttons button[type="submit"].button_cart {
color:#fff;
background:#4EBDAC url('../images/shop_cart.png') 10px center no-repeat;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
/*-webkit-box-shadow:0 1px 3px 0 #575757;
-moz-box-shadow:0 1px 3px 0 #575757;
box-shadow:0 1px 3px 0 #575757;*/
width:130px;
height:35px;
line-height:35px;
text-shadow:none;
border-image: none;
border-style: solid;
border-width:0;
cursor: pointer;
text-align:right;
vertical-align: middle;
font-size:16px;
}

.buttons button[type="submit"]:hover.button_cart{
background:#464646 url('../images/shop_cart.png') 10px center no-repeat;
/*-webkit-box-shadow:inset 0 0 5px 0 #781888;
-moz-box-shadow:inset 0 0 5px 0 #781888;
box-shadow:inset 0 0 5px 0 #781888;*/
}

.buttons input.inputbox[type="text"] {
width:35px;
height:25px;
background-color:#fff;
-webkit-border-radius:none;
-moz-border-radius:none;
border-radius:none;
/*-webkit-box-shadow:inset 0 0 2px 0 #4B0654;
-moz-box-shadow:inset 0 0 2px 0 #4B0654;
box-shadow:inset 0 0 2px 0 #4B0654;*/
border-image: none;
border-style: solid;
border-width:0;
text-align:center;
vertical-align: middle;
font-size:14px;
border:1px solid #E7E7E7;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,select{
height:30px;
background-color:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
/*-webkit-box-shadow:inset 0 0 2px 0 #4B0654;
-moz-box-shadow:inset 0 0 2px 0 #4B0654;
box-shadow:inset 0 0 2px 0 #4B0654;*/
border-image: none;
border:1px solid #4EBDAC;
vertical-align: middle;
padding:0 5px;
margin:5px 0;
}

textarea {
height:220px;
}

input#quantity {
width:25px;
text-align:center;
}

dt #jform_contact_email_copy-lbl {
float:left;
}

#system-message{
margin-bottom:20px;
}

#system-message dt.message,
#system-message dt.error{
display:none;
}

#system-message dd.message{
background-color:#4EBDAC;
}

#system-message dd.message ul{
list-style:none;
font-size:20px;
color:#fff;
font-family: "RobotoBold",Arial,Tahoma,sans-serif;
margin:5px 0;
text-align:center;
}

img.jshop_img {
    transition: all 0.2s ease 0s;
    width: 200px;
	border: 2px solid #fff;
    /*max-width: 95%;
	height:auto;*/
    outline: 1px solid #b5b5b5;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	opacity:1;
}

img.jshop_img:hover {
/*border: 2px solid #fff;	
outline: 1px solid #b5b5b5;*/
opacity:0.7;
}

.jshop_categ img.jshop_img {
height:200px;	
}

.jshop_categ img.jshop_img:hover {
border: none;	
outline: none;
}

.jshop_list_category .category .image {
    width: 200px;
}

.jshop table.category td {
    text-align: center;
}


.jshop_list_category .category td {
    vertical-align: top;
}

.jshop_list_product .image_block img{

}

.jshop table.category td {
    text-align: center;
}

.jshop h1 {
    font-size: 26px;
    margin-top: 0;
}

.jshop_list_category .category .image {
    padding-right:0;
}

td.jshop_categ a.product_link {
	display:block;
    font-style:normal;
    font-weight:normal;
    font-size: 16px;
	text-align: center;
	text-decoration:none;
	font-family: "RobotoRegular",Arial,Tahoma,sans-serif;
}

td.jshop_categ a.product_link:hover {
color:#464646;
}

.jshop_list_product .product .name a{
border-bottom: 1px solid #dedede;
    color: #656565;
    display:block !important;
    font-family: "RobotoBold",Arial,Tahoma,sans-serif;
    /*font-weight: bold;*/
    line-height: 16px;
	min-height:32px;
	height:auto;
    /*margin-bottom: 5px;*/
	text-decoration:none;
  /*  margin-top: 10px;*/
    padding: 0 0 5px;
    /*text-transform: uppercase;*/
	vertical-align:middle;
}

.defaultLayout .bt-inner .bt-title {
min-height:32px;
	height:auto;	
}

.jshop_list_product .product .name a:hover{
border-bottom: 1px solid #4EBDAC;
    color: #4EBDAC;	
}


.productfull #block_price,
.jshop_price {
    background-color: #4ebdac;
    color: #fff;
    display: inline-block;
    font-family: "RobotoBold",Arial,Tahoma,sans-serif;
    font-size: 14px;
    padding: 5px 10px;
	margin-top:0;
}

.productfull #block_price {
font-size:16px;	
}

.jshop_list_product .description {
    color: #7f7f7f;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
    margin: 5px 0 5px;
    text-align: center;	
}

.jshop_list_product .extra_fields {
 color: #7f7f7f;
display: block;
    font-size: 12px;
padding-top:0;	
}

.jshop_list_product .block_product {
    padding-bottom: 50px;
}

.jshop_list_product .product {
transition: all .4s;
width:200px;	
}

.jshop table.category {
    width: 200px;
}

.jshop_list_product .product .wrapper-cat-buttons {
position:relative;
}

.jshop_list_product .product .buttons {
    border-top:1px solid #DEDEDE;
   left:0;
    opacity: 0;
   /*padding:5px 0 2px;*/
    position: absolute;
   right:0;
    top: 0;
    z-index: 99;
	transition: opacity .4s;
	background-color:#f4f4f4;	
}

.jshop_list_product .product:hover .buttons {
opacity:1;
z-index: 99;	
}

.jshop_list_product .product:hover {
background-color:#f4f4f4;
}

.jshop_list_product .buttons button[type="submit"].button_cart {
color:#f4f4f4;
background:transparent url('../images/shop_cart.png') center no-repeat;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
/*-webkit-box-shadow:0 1px 3px 0 #575757;
-moz-box-shadow:0 1px 3px 0 #575757;
box-shadow:0 1px 3px 0 #575757;*/
width:35px;
height:36px;
line-height:35px;
text-shadow:none;
border-image: none;
border-style: solid;
border-width:0;
cursor: pointer;
text-align:right;
vertical-align: middle;
font-size:14px;
}

.jshop_list_product .buttons input.inputbox[type="text"] {
margin-right:10px;	
}

.productfull .image_middle img {
    transition: all 0.2s ease 0s;
	border: 2px solid #fff;
    max-width: 95%;
    outline: 1px solid #b5b5b5;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	opacity:1;
	 height:auto;
}

.productfull .image_middle .text_zoom img {
outline:none;
}

.productfull .image_middle {
    width: 300px;
}

table.cart td,
table.cart {
    border: 1px solid #E7E7E7;
}

table.cart td,
table.cart th {
    color: #656565;

}

.jshop_subtotal .value {
    color: #656565;
	font-size:18px;
}

td.jshop_order_step {
    border: 1px solid #E7E7E7;
}

#jshop_menu_order {
    border: 1px solid #E7E7E7;
    color: #656565;
}

#lightbox-image-details-currentNumber {
display:none !important; 	
}

.jshop_list_product .image_block a:hover {
cursor:url('../images/zoomin.cur'), pointer !important;
}

.block_item {
width:200px;
float:left;
text-align:center;
margin:0 20px;
line-height:1.2;
}

.item_price{
font-size:18px;
font-weight:bold;
color:#B82A83;
margin-top:5px;
}

.block_item img{
width:200px;
border:1px solid #781888;
-webkit-box-shadow: 0 0 3px 0 #96378c;
-moz-box-shadow: 0 0 3px 0 #96378c;
box-shadow: 0 0 3px 0 #96378c;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}

.block_item img:hover{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-moz-transform:scale(1.07);
-ms-transform:scale(1.07);
-webkit-transform:scale(1.07);
-o-transform:scale(1.07);
transform:scale(1.07);
border:none;
}

a.button_buy {
display:block;
color:#FFEFF8;
background:#6F66AA url('../images/shop_cart.png') 10px center no-repeat;
border-radius:4px;
-webkit-box-shadow:0 1px 4px 0 #575757;
box-shadow:0 1px 4px 0 #575757;
width:120px;
height:35px;
line-height:35px;
text-decoration:none;
margin:5px auto 0;
padding-left:30px;
}

a:hover.button_buy {
color:#FFEFF8;
background:#B82A83 url('../images/shop_cart.png') 10px center no-repeat;
-webkit-box-shadow:inset 0 0 5px 0 #781888;
box-shadow:inset 0 0 5px 0 #781888;
}

.info_about_prod {
padding-left:30px;
}

.jshop_list_product td.block_product {
    text-align: center;
    width: 200px;
}
.jshop_list_product .block_product {
    padding-bottom: 50px;
    width: 200px;
}

.jshop_list_product .product .image {
    width: 200px;
}
.jshop_list_product .product td {
    text-align: center;
    vertical-align: top;
}

.jshop .product_list_hr {
display:none;
}

.jshop_list_product .product .image {
    padding-right:0;
}

.jshop_list_product .product .name {
    line-height:1.2;
	
}


.jshop_list_product .product .description {
    font-size: 11px;
    padding-bottom:0;
}

.pagination ul{
position:relative;
list-style:none;
padding:0;
margin:0;
text-align:center;
}

.pagination li {
display:inline;
margin:0 5px;
}

.pagination li.pagination-start span.pagenav,
.pagination li.pagination-prev span.pagenav,
.pagination li.pagination-next span.pagenav,
.pagination li.pagination-end span.pagenav {
color:#000;
margin:0;
padding:0;
background:none;
}

.pagination li.pagination-start a.pagenav,
.pagination li.pagination-prev a.pagenav,
.pagination li.pagination-next a.pagenav,
.pagination li.pagination-end a.pagenav {
color:#4EBDAC;	
margin:0;
padding:0;
background:none;
text-decoration:underline;
}

.pagination li.pagination-start a:hover.pagenav,
.pagination li.pagination-prev a:hover.pagenav,
.pagination li.pagination-next a:hover.pagenav,
.pagination li.pagination-end a:hover.pagenav {
color:#464646;	
background:none;
text-decoration:none;
}

.pagination li span.pagenav {
padding:5px 10px;
color:#464646;
background:#ddd;
border-radius:3px;
}

.pagination li a.pagenav {
padding:5px 10px;
color:#fff;
background:#4EBDAC;
text-decoration:none;
border-radius:3px;
}

.pagination li a:hover.pagenav {
background:#464646;
}

.counter {
font-size:12px;
text-align:center;
}

.prod_buttons td.prod_qty {
vertical-align:middle;
}

.prod_price {
margin-top:10px;
}

.cats_main {
float:left;
width:200px;
text-align:center;
margin-right:20px;
margin-bottom:20px;
min-height:200px;
}

.cats_main a{
font-size:18px;
line-height:1.2;
font-style:italic;
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
}
}
@media screen {
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .grid-container:before, .clearfix:before,
  .grid-container:after,
  .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-container:after, .clearfix:after {
    clear: both;
  }

  .grid-container, .clearfix {
    /* <IE7> */
    *zoom: 1;
    /* </IE7> */
  }

  .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-5, .tablet-grid-5, .grid-10, .tablet-grid-10, .grid-15, .tablet-grid-15, .grid-20, .tablet-grid-20, .grid-25, .tablet-grid-25, .grid-30, .tablet-grid-30, .grid-35, .tablet-grid-35, .grid-40, .tablet-grid-40, .grid-45, .tablet-grid-45, .grid-50, .tablet-grid-50, .grid-55, .tablet-grid-55, .grid-60, .tablet-grid-60, .grid-65, .tablet-grid-65, .grid-70, .tablet-grid-70, .grid-75, .tablet-grid-75, .grid-80, .tablet-grid-80, .grid-85, .tablet-grid-85, .grid-90, .tablet-grid-90, .grid-95, .tablet-grid-95, .grid-100, .tablet-grid-100, .grid-33, .tablet-grid-33, .grid-66, .tablet-grid-66 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    /* <IE7> */
    *padding-left: 0;
    *padding-right: 0;
    /* </IE7> */
  }
  .grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .tablet-grid-66 > * {
    /* <IE7> */
    *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
    *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
    /* </IE7> */
  }

 .grid-parent {
    padding-left: 0;
    padding-right: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tablet-grid-100:before,
  .tablet-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .tablet-grid-100:after {
    clear: both;
  }

  .tablet-grid-100 {
    /* <IE7> */
    *zoom: 1;
    /* </IE7> */
  }

  .tablet-push-5,
  .tablet-pull-5, .tablet-push-10,
  .tablet-pull-10, .tablet-push-15,
  .tablet-pull-15, .tablet-push-20,
  .tablet-pull-20, .tablet-push-25,
  .tablet-pull-25, .tablet-push-30,
  .tablet-pull-30, .tablet-push-35,
  .tablet-pull-35, .tablet-push-40,
  .tablet-pull-40, .tablet-push-45,
  .tablet-pull-45, .tablet-push-50,
  .tablet-pull-50, .tablet-push-55,
  .tablet-pull-55, .tablet-push-60,
  .tablet-pull-60, .tablet-push-65,
  .tablet-pull-65, .tablet-push-70,
  .tablet-pull-70, .tablet-push-75,
  .tablet-pull-75, .tablet-push-80,
  .tablet-pull-80, .tablet-push-85,
  .tablet-pull-85, .tablet-push-90,
  .tablet-pull-90, .tablet-push-95,
  .tablet-pull-95, .tablet-push-33,
  .tablet-pull-33, .tablet-push-66,
  .tablet-pull-66 {
    position: relative;
  }

  .hide-on-tablet {
    display: none !important;
  }

  .tablet-grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-5 {
    margin-left: 5%;
  }

  .tablet-suffix-5 {
    margin-right: 5%;
  }

  .tablet-push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-10 {
    margin-left: 10%;
  }

  .tablet-suffix-10 {
    margin-right: 10%;
  }

  .tablet-push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-15 {
    margin-left: 15%;
  }

  .tablet-suffix-15 {
    margin-right: 15%;
  }

  .tablet-push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-20 {
    margin-left: 20%;
  }

  .tablet-suffix-20 {
    margin-right: 20%;
  }

  .tablet-push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-25 {
    margin-left: 25%;
  }

  .tablet-suffix-25 {
    margin-right: 25%;
  }

  .tablet-push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-30 {
    margin-left: 30%;
  }

  .tablet-suffix-30 {
    margin-right: 30%;
  }

  .tablet-push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-35 {
    margin-left: 35%;
  }

  .tablet-suffix-35 {
    margin-right: 35%;
  }

  .tablet-push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-40 {
    margin-left: 40%;
  }

  .tablet-suffix-40 {
    margin-right: 40%;
  }

  .tablet-push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-45 {
    margin-left: 45%;
  }

  .tablet-suffix-45 {
    margin-right: 45%;
  }

  .tablet-push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-50 {
    margin-left: 50%;
  }

  .tablet-suffix-50 {
    margin-right: 50%;
  }

  .tablet-push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-55 {
    margin-left: 55%;
  }

  .tablet-suffix-55 {
    margin-right: 55%;
  }

  .tablet-push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-60 {
    margin-left: 60%;
  }

  .tablet-suffix-60 {
    margin-right: 60%;
  }

  .tablet-push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-65 {
    margin-left: 65%;
  }

  .tablet-suffix-65 {
    margin-right: 65%;
  }

  .tablet-push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-70 {
    margin-left: 70%;
  }

  .tablet-suffix-70 {
    margin-right: 70%;
  }

  .tablet-push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-75 {
    margin-left: 75%;
  }

  .tablet-suffix-75 {
    margin-right: 75%;
  }

  .tablet-push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-80 {
    margin-left: 80%;
  }

  .tablet-suffix-80 {
    margin-right: 80%;
  }

  .tablet-push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-85 {
    margin-left: 85%;
  }

  .tablet-suffix-85 {
    margin-right: 85%;
  }

  .tablet-push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-90 {
    margin-left: 90%;
  }

  .tablet-suffix-90 {
    margin-right: 90%;
  }

  .tablet-push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-95 {
    margin-left: 95%;
  }

  .tablet-suffix-95 {
    margin-right: 95%;
  }

  .tablet-push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-33 {
    margin-left: 33.33333%;
  }

  .tablet-suffix-33 {
    margin-right: 33.33333%;
  }

  .tablet-push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-prefix-66 {
    margin-left: 66.66667%;
  }

  .tablet-suffix-66 {
    margin-right: 66.66667%;
  }

  .tablet-push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .grid-100:before,
  .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-100:after {
    clear: both;
  }

  .grid-100 {
    /* <IE7> */
    *zoom: 1;
    /* </IE7> */
  }

  .push-5,
  .pull-5, .push-10,
  .pull-10, .push-15,
  .pull-15, .push-20,
  .pull-20, .push-25,
  .pull-25, .push-30,
  .pull-30, .push-35,
  .pull-35, .push-40,
  .pull-40, .push-45,
  .pull-45, .push-50,
  .pull-50, .push-55,
  .pull-55, .push-60,
  .pull-60, .push-65,
  .pull-65, .push-70,
  .pull-70, .push-75,
  .pull-75, .push-80,
  .pull-80, .push-85,
  .pull-85, .push-90,
  .pull-90, .push-95,
  .pull-95, .push-33,
  .pull-33, .push-66,
  .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width:980px) {

#logo img {
width:auto;
height:auto;	
}

#contacts p {
font-size:18px
}

#contacts p img{
width:25px;
height:auto;
margin-right:3px;
}

#jshop_module_cart {
font-size:16px;
}

#main-header .login-menu ul{
margin:10px 0;	
}

.login-menu a{
font-size:16px;	
}

.search {
margin-top: 0;
}


#header_menu li.active a { 
    padding: 10px 5px;
}

#header_menu li {
margin: 0 10px;	
}

#header_menu li a {
    font-size: 18px;
    font-weight: normal;
}

.jshop_menu_level_0 a, .jshop_menu_level_0_a a {
font-size:16px;	
}

.cats_main {
    float:none;
	display:inline-block;
    margin-bottom:20px;
    margin-right:.5%;
    margin-left:.5%;
    text-align: center;
    width:31%;
	height:auto;
	vertical-align:top;
	min-height:50px;
}

img.jshop_img {
	width:auto;
	max-width:200px;
	height:auto;
}

.jshop_list_product .block_product,
.jshop_list_category .jshop_categ {
display:inline-block;
margin-right:.5%;
margin-left:.5%;
width:48% !important;
height:auto;
vertical-align:top;
min-height:50px;
}

.jshop table.category td {
text-align:left;
}

.jshop_list_product .image_block img.jshop_img {
max-width:200px;
}

table.jshop_pagination {
display:block;	
}

.jshop_list_product td.block_product {
width:48% !important;
}

table.jshop_pagination td, table.jshop_pagination tr,
table.jshop_pagination tbody {
display:block;
}
	
}

@media (max-width: 767px) {
	
#comjshop .login_block,
#comjshop .register_block {
display:block;	
}

#comjshop .register_block {
margin-top:30px;	
}

#table_shippings #shipping_form_4.shipping_form_active{
margin-left: -90px;
}

#table_shippings #shipping_form_7.shipping_form_active{
margin-left: -180px;
margin-top:10px;
}

div.jshop_register {
width: 100%;
}

.checkout-left-block {
float:none;
width:100%;
margin-right:0;
}

.checkout-left-block td{
display: block;	
}

.checkout-right-block {
float:none;
width: 100%;
margin-top: 20px;
}

div.jshop_register .inputbox {
width: 240px;
}

.jshop_subtotal td {
vertical-align:center;	
}

#order_add_info {
width: 100%;
}
	

.jshop_list_product td.block_product {
    width: 48%;
}

.jshop_list_product .product {
width:auto;
}	
	
.jshop table.category {
    width:auto;
}

.jshop_categ img.jshop_img {
    height:auto;
}

/*.jshop_list_category .category .image {
    width:auto;
}*/

img.jshop_img {
padding:0;
}

td.jshop_categ a.product_link {
font-size: 14px;	
}

#footer_wrapper .contacts_mobile {
font-size:22px;	
}

#footer_wrapper .contacts_mobile a{
text-decoration:none;		
}

#footer_wrapper .contacts_mobile img {
margin-right:10px;	
}

#footer_wrapper .menu {
margin:20px 0;	
padding:10px 0;	
border-top:1px dashed #979797;
border-bottom:1px dashed #979797;
}

#footer_wrapper .menu li {
margin:10px 0;	
}

#footer_wrapper .menu li a{
color:#fff;
text-decoration:none;	
}
	
#jcategories_wrapper {
	text-align:center;
}

.block-stats {
margin-top:10px;	
margin-bottom:10px;	
}


.shop-categories h3 {
    margin-bottom: 10px;
}

.shop-categories .jshop_menu_level_0 {
    float:none;
	display:inline-block;
    margin: 0 10px 10px;
    width:180px;
}


.shop-categories .jshop_menu_level_0 a {
    height: 180px;
    max-width:180px;
    width: auto;
}	


.shop-categories .jshop_menu_level_0 a img {
    height: 180px;
    max-width:180px;
    width: auto;
}


.shop-categories,
#new_in {
    margin-top: 20px;
}

#bottom_block {
margin-top:0;	
}
	
.jshop_list_product .product {
transition:none;	
}

.jshop_list_product .product .buttons {
   left:0;
    opacity:1;
   padding:0;
    position: relative;
   right:0;
    top: 0;
    z-index: 99;
	transition:none;
	background:none;	
	box-shadow:none;
	-webkit-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	border-radius:none;
}

.jshop_list_product .product:hover {
box-shadow:none;
background:none;
}		
		
#top-mobile {
    background: #96449d url("../images/menu-header-backgr.jpg") repeat-x left center;
    border-bottom: 1px solid #360a45;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
    height: 60px;
    line-height:60px;
}

#header_wrapper {
padding-top:0;	
padding-bottom:0;
margin-top:0;	
margin-bottom:0;	
}


/*.jshop tr {
display:block;	
}*/

.cats_main {
    float:none;
	display:inline-block;
    margin-bottom:20px;
    margin-right:.5%;
    margin-left:.5%;
    text-align: center;
    width:31%;
	height:auto;
	vertical-align:top;
	min-height:50px;
}

img.jshop_img {
	width:auto;
	max-width:170px;
	height:auto;
	padding:0;
}

.jshop_list_product .block_product,
.jshop_list_category .jshop_categ {
display:inline-block;
    margin-right:.5%;
    margin-left:.5%;
    width:48% !important;
	height:auto;
	vertical-align:top;
	min-height:50px;
}

.jshop table.category td {
    
}

table.prod_buttons td {
display:block;
float:left;	
}

input#quantity {
margin:0;
}

.productfull table.jshop td.prod_qty,
.productfull table.jshop td.prod_qty_input {	
margin-bottom:10px;
}

.productfull table.jshop td.buttons {
padding:0;
clear:both;
}


/*.jshop_list_product .product .image {
    width: 170px !important;
}*/

/*table.product {
display:block;
width:80% !important;
margin:0 auto;	
}*/

.jshop_list_product .image_block img.jshop_img {
max-width:200px;
}

table.jshop_pagination {
display:block;
	
}

table.jshop_pagination td, table.jshop_pagination tr,
table.jshop_pagination tbody {
   display:block;
}

.jk-text-cart > span,
span.jk-text-cart,
#jshop_summ_product
 {
	
}

.search {
    float:none;
    margin: 10px auto 0;
    width: 221px;
}

#jshop_module_cart {
    float:none;
	width:240px;
	text-align:center;
    margin:20px auto 0;
}

.mod-languages{
    float:none;
	text-align:center;
        margin-bottom: 20px;
}

#slider {
    margin-top: 20px;
}

#main {
padding-top:0;
padding-bottom:20px;
margin-top:0;
}

.shop-categories {
    padding-bottom:0;
}

#jk img {
vertical-align:middle !important;
}

#contacts {
margin-top:0;	
margin-bottom:10px;	
}

#logo {
margin:20px auto 0;
text-align:center;	
width:190px;
height:auto;	
}

#logo a {
display:block;	
width:190px;
height:auto;
}

#header_wrapper > .grid-container {
margin-top:0;
padding-top:0;
line-height:1;	
}

#top_header > .grid-container {
height:40px;	
}


#mod-search-searchword {
    width: 160px;
}

#logo img {
display:block;	
width:190px;
height:auto;	
}

#footer_wrapper {
text-align:center;	
}

#footer_wrapper a{

}

#footer_wrapper .menu{
list-style:none;
text-align:center;
}

#footer_wrapper .menu li{
display:block;
padding:0;
}

#footer_wrapper .menu a{
font-size:18px;
}

#content {
margin:20px 0;	
}

input#jform_contact_emailmsg,
textarea#jform_contact_message {
width:320px;	
}

/*.jk-images .product-image{
	max-width:230px;
	height:auto !important;	
}*/

.jk-images {
float:none !important;
width:100% !important;	
height:auto !important;	
min-height:70px !important;
}

dl#imagesPane {
margin:0 auto; 	
}

.jk-product {
margin:0 auto!important;
width:90%;	
}

.jk-product .jk-bue {
float:right;	
}

.jk-product .badge {
float:left;	
}

.jk-images .product-image a img{
margin:0 auto;
height:auto !important;
max-width:90% !important;
}

.product-image {
	margin:0 auto;
}

.jk-description {
clear:both;	
}

.promo_new, .promo_hit, .promo_action, .promo_discount {
top:0;	
}

#top_header .custom {
height:40px;	
}


#currency_chng select#id_currency,
#currency_chng span {
font-size:12px !important;
    margin-left: 0;
}

#content h1 {
font-size: 26px;	
}

#content .jk-product-page h1 {
margin-bottom:10px;	
}

#nav, 
#nav li {
	margin: 0;
	padding: 0;
}
#nav li {
	display: block;
	list-style: none;
}

#nav a {
	padding: 5px 10px !important;
	display: block;
	font-size:16px !important;
	background: #ecebeb;
		border-bottom:1px solid #555 !important;
}
#nav a:hover {
	background: #f8f8f8;
}

#nav ul {
	background: #fff;
	padding: 2px;
	position: absolute;
	border: solid 1px #ccc;
	display: none;
	width: 200px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block;
}

#nav-wrap {
	position: relative;
}

#menu-icon {
	width:auto;
	height: 40px;
	font-size:18px;
	background:url("../images/menu-icon.png") no-repeat left center;
	cursor: pointer;
	display: block;
	color:#fff;
}
	
#menu-icon:hover {
}

#menu-icon.active {
color:#fff;
}
	
#nav {
	clear: both;
	position: absolute;
	top: 40px;
	left:0;
	width: 200px;
	z-index: 10000;
	padding: 5px;
	background: #464646;
	border: solid 1px #464646;
	display: none;
}

#nav li {
	clear: both;
	margin:5px 0;
	padding:0 5px;
	line-height:1.2;

}

#nav a, 
#nav ul a {
	font: inherit;
	background: none;
	display:block;
	padding:0;
	border: none;
	font-size:18px;
}

#nav a:hover, 
#nav ul a:hover {
	background:none;
}
	
#nav ul {
	width: auto;
	position: static;
	display: block;
	border: none;
	background: inherit;
}

#nav ul li {
	margin: 5px 0;
}

.login-menu li {
    margin: 0 0 0 5px !important;
}


#currency_chng {
    border:none;
	padding-left:0;
	padding-right:0;
}

body {
color:#000;
}

  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}

@media (max-width: 450px) {
	
#info_message {
margin-top:20px;	
padding-top:10px;
padding-bottom:10px;
font-size:16px;
}

#info_message h5{
font-size:24px;	
margin-top:0;
}	
	

.jshop_list_product .buttons input.inputbox[type="text"] {
    margin-right: 3px;
}	

.shop-categories .jshop_menu_level_0 {
    float: none;
    margin: 0 5% 10px;
    width: 90%;
}	

#slider {
display:none;	
}	

#btproductslider135 .btproductslider-prev {
    left:0;
z-index:9999;
}


#btproductslider135 .btproductslider-next {
    right:0;
	z-index:9999;
}
	
#logo img {
display:block;	
width:190px;
height:auto;
}

.cats_main {
    margin-right:.5%;
    margin-left:.5%;
    width:48%;
}

img.jshop_img {
	max-width:150px;
	height: auto;
}

.jshop_categ img.jshop_img {
    height: auto;
}

.jshop_list_product .block_product,
.jshop_list_category .jshop_categ {
    margin-right:.5%;
    margin-left:.5%;
    width:48% !important;
}

/*table.product {
display:block;
width:100% !important;
margin:0 auto;	
}*/

/*.jshop_list_product .product .image {
    width: 150px !important;
}*/

.jshop_list_product .image_block img.jshop_img {
max-width:150px;
}

.productfull table.jshop td {
display:block;	
}

.productfull table.jshop td.prod_qty,
.productfull table.jshop td.prod_qty_input {
float:left;	
margin-bottom:10px;
}

input#quantity {
margin:0;	
}

.productfull table.jshop td.buttons {
	padding:0;
clear:both;
}

a.past-link + br {
display:block !important;	
}

a.callme_viewform {
float:none;
margin-top:5px;
}

#content .jshop_menu_level_0 {
    margin-right:.5%;
    margin-left:.5%;
    width:48%;	
}


#content .jshop_menu_level_0 a img {
width:155px;	
}

table.cart th,
table.cart td {
width:5% !important;
padding:7px 0;	
}

table.cart tr th:first-child{
display:none;	
}

table.cart td.jshop_img_description_center{
display:none;
}

#content h1 {
font-size:18px;	
}

#content h2 {
font-size:17px;	
}	

#footer_menu li {
display:block;
text-align:center;
margin:0 0 10px 0;
font-size:18px;
}

#footer_menu li:after {
content:"";
margin:0;
}
}

@media (max-width: 360px) {

.login-menu li a img{
   display:none !important;
}

}

* html .clearfix {
	height: 1%;
}