html {
}

@font-face {
    font-family: 'text';
    src: url('font/25DCCE_0_0.eot');
    src: url('font/25DCCE_0_0.eot?iefix') format('eot'),
         url('font/25DCCE_0_0.woff') format('woff'),
         url('font/25DCCE_0_0.ttf') format('truetype'),
         url('font/25DCCE_0_0.svgz#webfontEmYFw9Ti') format('svg'),
         url('font/25DCCE_0_0.svg#webfontEmYFw9Ti') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'title';
    src: url('font/Junction-webfont.eot');
    src: url('font/Junction-webfont.eot?iefix') format('eot'),
         url('font/Junction-webfont.woff') format('woff'),
         url('font/Junction-webfont.ttf') format('truetype'),
         url('font/Junction-webfont.svgz#webfontCI9XeA7u') format('svg'),
         url('font/Junction-webfont.svg#webfontCI9XeA7u') format('svg');
    font-weight: normal;
    font-style: normal;

}

#bg {
text-align: center;
background-image: url('images/bg.png');
background-repeat: repeat;
margin: 0px;
}
#collision_box {
background: rgba(33,33,33,0.2);
position: fixed;
display: block;
top: 0;
left: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
z-index: 999;
font-family: text;
font-weight: normal;
font-size: 16px;
text-align: center;
color: #333;
display: none;
}
#collision_box div {
background: #fff;
position: fixed;
display: block;
top: 50%;
left: 50%;
padding: 10px;
margin: -30px 0 0 -210px;
width: 400px;
z-index: 999;
font-family: text;
font-weight: normal;
font-size: 16px;
text-align: center;
color: #333;
border: 5px solid rgba(33,33,33,0.75);
}

#loading_box, #news_box, #return_box {
background: rgba(33,33,33,0.2);
position: fixed;
display: block;
top: 0;
left: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
z-index: 999;
font-family: text;
font-weight: normal;
font-size: 16px;
text-align: center;
color: #333;
display: none;
}

#news_box .archive_box, #return_box .archive_box {
background: #fff;
width: 200px;
height: 200px;
position: relative;
margin: 10px;
font-family: text;
font-weight: normal;
font-size: 16px;
text-align: left;
cursor: pointer;
display: inline-block;
vertical-align: top;
}

#news_box .archive_box div, #return_box .archive_box div {
vertical-align: top;
}

#news_box .archive_box:hover, #return_box .archive_box:hover {
box-shadow: 4px 4px 0 #009f4f;
}

#news_box .archive_box img, #return_box .archive_box img {
padding: 0;
margin: 0;
}

#news_box .archive_box p.atitle, #return_box .archive_box p.atitle {
padding: 3px 10px;
margin: 0;
height: 48px;
}

#news_box p.title, #return_box p.title {
font-family: text;
font-size: 24px;
text-align: justify;
padding: 0;
color: #333;
margin: 0 0 15px 0;
}

#news_box p, #return_box p {
font-family: text;
font-weight: normal;
font-size: 14px;
text-align: justify;
padding: 0;
color: #333;
margin: 0 0 10px 0;
}

#news_box a.gallery img:hover, #return_box a.gallery img:hover {
box-shadow: 4px 4px 0 #009f4f;
}

#news_box_scroll, #return_box_scroll {
background: #333;
position: absolute;
padding: 0;
margin: 0 0 0 480px;
top: 5%;
left: 50%;
width: 20px;
height: 100px;
cursor: pointer;
z-index: 21;
}

#news_box_close, #return_box_close {
background: #333;
font-family: text;
font-size: 18px;
position: absolute;
display: block;
padding: 7px 15px;
margin: 0 0 0 420px;
top: 3%;
left: 50%;
border-radius: 20px;
color: #fff;
cursor: pointer;
z-index: 101;
}

#loading_box div {
background: #fff;
position: fixed;
display: block;
top: 50%;
left: 50%;
padding: 10px;
margin: -20px 0 0 -210px;
width: 400px;
z-index: 999;
font-family: text;
font-weight: normal;
font-size: 16px;
text-align: center;
color: #333;
border: 5px solid rgba(33,33,33,0.75);
}

#info_box {
background: #fff;
position: fixed;
display: block;
bottom: 20px;
right: 50%;
padding: 10px;
margin: 0 -480px 0 0;
z-index: 999;
font-family: text;
font-weight: normal;
font-size: 16px;
text-align: center;
color: #333;
border: 5px solid rgba(33,33,33,0.75);
display: none;
}

#topScroll {
	position: fixed;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: transparent url('images/arrow.png');
	top: 50px;
	right: 15px;
	z-index: 1000;
	display: none;
	border-radius: 50px;
	border: 4px solid #252525;
	cursor: pointer;
}

#topScroll:hover {
border: 4px solid #006633;
}

#top_nav {
/*background-image: url('images/bg.png');
background-repeat: repeat;*/
background: #fff;
position: relative;
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 50px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
z-index: 998;
}

a.top_menu{
font-family: text;
font-size: 14px;
padding: 10px 25px 10px 25px;
color: #2a2926;
text-decoration: none;
font-weight: normal;
}

a.top_menu:hover {
color: #32AB34;
}

#nav_table {
width: 960px;
border: 0px;
border-collapse:collapse;
margin-left: auto;
margin-right: auto;
}

#nav_table td.left {
text-align: left;
padding: 7px 0 0 0;
width: 200px;
vertical-align: top;
}

#nav_table td.right {
text-align: right;
padding:15px 0 0 0;
width: 760px;
vertical-align: top;
}

#bottom_nav {
/*background-image: url('images/bg.png');
background-repeat: repeat;*/
background: #32AB34;
position: fixed;
display: block;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
z-index: 999;
}

#btm_table {
width: 960px;
border: 0px;
border-collapse:collapse;
margin-left: auto;
margin-right: auto;
}

#btm_table td.left {
text-align: left;
padding: 4px 0 0 0;
width: 200px;
vertical-align: top;
}

#btm_table td.right {
text-align: right;
padding:4px 0 0 0;
width: 760px;
vertical-align: top;
}

#bottom_nav img.lang:hover {
box-shadow: 2px 2px 0 #fff;
}

#top_bg {
background: url('images/top.jpg');
background-position: center center;
position: relative;
display: block;
width: 100%;
height: 100px;
padding: 0;
margin: 0 auto;
z-index: 5;
}

#top_bg div#user_cont {
font-family: text;
font-weight: normal;
position: absolute;
top: 0;
left: 50%;
margin: 0 0 0 240px;
width: 220px;
height: 95px;
color: #333;
padding: 5px 10px 0 10px;
background: #d4ffd5;
font-size: 14px;
text-align: left;
}

#top_bg div#user_cont p{
margin: 0;
padding: 0;
font-family: text;
font-weight: normal;
cursor: pointer;
font-size: 12px;
text-align: right;
}

#top_bg div#user_cont p:hover{
color: #006633;
}

#top_bg div#user_cont p.count1{
left: 5px;
position: absolute;
top: 85px;
text-align: left;
}
#top_bg div#user_cont p.count2{
right: 5px;
top: 85px;
position: absolute;
}

#top_bg div#login {
font-family: text;
font-weight: normal;
position: absolute;
top: 100px;
left: 0;
margin: 0;
width: 240px;
font-size: 14px;
color: #fff;
padding: 11px 0;
text-align: center;
background: #006633;
cursor: pointer;
}

#top_bg div#login:hover {
background: #32AB34;
}

#top_bg div#cart {
font-family: text;
font-weight: normal;
position: absolute;
top: 100px;
left: 0;
margin: 0;
width: 120px;
font-size: 14px;
color: #fff;
padding: 11px 0;
text-align: center;
background: #006633;
cursor: pointer;
}

#top_bg div#cart:hover {
background: #32AB34;
}

#top_bg div#cart2 {
font-family: text;
font-weight: normal;
position: absolute;
top: 100px;
left: 120px;
margin: 0;
width: 120px;
font-size: 14px;
color: #fff;
padding: 11px 0;
text-align: center;
background: #208fc9;
cursor: pointer;
}

#top_bg div#cart2:hover {
background: #32AB34;
}

#register {
font-family: text;
font-weight: normal;
position: absolute;
top: 60px;
left: -250px;
margin: 0;
width: 200px;
font-size: 14px;
color: #fff;
padding: 11px 0;
text-align: center;
background: #006633;
cursor: pointer;
}

#register:hover {
background: #32AB34;
}

#order {
font-family: text;
font-weight: normal;
margin: 10px auto;
width: 200px;
font-size: 14px;
color: #fff;
padding: 11px 0;
text-align: center;
background: #006633;
cursor: pointer;
}

#order:hover {
background: #32AB34;
}

#content {
background: transparent;
position: relative;
display: block;
width: 960px;
padding: 0 0 80px 0;
margin: 0 auto;
z-index: 4;
}

#menu_bg {
background: #aaa;
position: absolute;
top: 0;
left: 0;
width: 260px;
padding: 15px 0 80px 0;
margin: 0 auto;
}

#menu_bg p.title {
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-size: 22px;
text-align: left;
padding: 0 10px;
color: #101010;
position: relative;
margin: 10px 0 15px 0;
}

#menu_bg div.cat, #menu_bg div.copen, #menu_bg div.returns {
font-family: text;
font-weight: normal;
font-size: 14px;
color: #fff;
text-decoration: none;
padding: 5px 10px;
width: 230px;
border-right: 10px solid transparent;
position: relative;
text-align: left;
line-height: 1.2;
cursor: pointer;
}

#menu_bg div.cat:hover, #menu_bg div.copen:hover, #menu_bg div.returns:hover {
background: #006633;
border-right: 10px solid #cdcdcd;
}

#menu_bg div.cat2 {
font-family: text;
font-weight: normal;
font-size: 14px;
color: #fff;
text-decoration: none;
padding: 5px 10px 5px 25px;
width: 215px;
border-right: 10px solid transparent;
position: relative;
text-align: left;
line-height: 1.2;
cursor: pointer;
background: #73a78d;
}

#menu_bg div.cat2:hover {
background: #006633;
border-right: 10px solid #cdcdcd;
}

#menu_bg input {
font-family: text;
font-weight: normal;
font-size: 12px;
padding: 7px 2px 2px 2px;
border: 0;
border-radius: 0;
width: 200px;
}

#menu_bg div#search_btn {
width: 26px;
height: 24px;
display: inline-block;
background: #006633 url('images/search.png') no-repeat center center;
margin: 0 0 -5px 5px;
cursor: pointer;
}

#menu_bg div#search_btn:hover {
background-color: #32AB34;
}

#list_bg {
font-family: text;
font-weight: normal;
font-size: 14px;
color: #333;
text-align: center;
background: transparent;
position: absolute;
top: 0;
left: 260px;
width: 700px;
padding: 15px 0 80px 0;
margin: 0 auto;
}

#list_bg div.product {
font-family: Tahoma;
font-weight: normal;
font-size: 14px;
color: #fff;
text-decoration: none;
padding: 0 0 0 160px;
height: 120px;
width: 180px;
position: relative;
text-align: left;
cursor: default;
display: inline-block;
margin: 5px 0 5px 8px;
overflow: hidden;
background: #adadad url('images/bg1.png');
}

#list_bg div.product div.image {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 120px;
overflow: hidden; 
}

#list_bg div.product div.image a{
text-decoration: none;
border: 0;
}

#list_bg div.product div.image img{
margin: 0 0 0 -15px;
padding: 0;
border: 0;
height: 120px;
}

#list_bg div.product p.name {
position: relative;
width: 170px;
font-size: 16px;
color: #006633;
margin: 5px 0 0 0;
padding: 0;
font-weight: bold;
line-height: 1;
}

#list_bg div.product p.param {
position: relative;
width: 170px;
font-size: 12px;
color: #333;
margin: 3px 0 0 0;
padding: 0;
font-weight: bold;
}

#list_bg div.product p.code {
position: absolute;
bottom: 0;
left: 50px;
width: 100px;
font-size: 16px;
color: #fff;
margin: 0;
padding: 5px 0;
text-align: center;
background: #006633;
background: rgba(0,102,51,0.9);
font-weight: bold;
}

#list_bg div.product p.cart {
position: absolute;
bottom: 0;
right: 65px;
width: 65px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 7px 0;
text-align: center;
background: #006633;
cursor: pointer;
}
#list_bg div.product p.cart2 {
position: absolute;
bottom: 0;
right: 0;
width: 65px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 7px 0;
text-align: center;
background: #208fc9;
cursor: pointer;
}
#list_bg div.product p.count_plus {
position: absolute;
bottom: 14px;
right: 130px;
width: 20px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 0 0 4px;
text-align: center;
background: #525252;
cursor: pointer;
line-height: 10px;
}
#list_bg div.product p.count_minus {
position: absolute;
bottom: 0;
right: 130px;
width: 20px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 0 0 3px;
text-align: center;
background: #525252;
cursor: pointer;
border-top: 1px solid #fff;
line-height: 10px;
}

#list_bg div.product p.count_plus:hover, #list_bg div.product p.count_minus:hover {
background-color: #989898;
}
#list_bg div.product p.cart:hover, #list_bg div.product p.cart2:hover {
background-color: #32AB34;
}

#list_bg div.product p.pricen {
position: absolute;
top: 70px;
right: 10px;
width: 170px;
font-size: 12px;
color: #656565;
margin: 0;
padding: 0;
text-align: right;
}

#list_bg div.product p.priceb {
position: absolute;
top: 50px;
right: 10px;
width: 170px;
font-size: 18px;
color: #333;
margin: 0;
padding: 0;
font-weight: bold;
text-align: right;
}

#list_bg div.product input.qty {
position: absolute;
bottom: 0;
right: 150px;
width: 34px;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
color: #333;
margin: 0;
padding: 7px 3px 8px 3px;
border: 0;
text-align: right;
}

#list_bg div.product_off {
font-family: Tahoma;
font-weight: normal;
font-size: 14px;
color: #fff;
text-decoration: none;
padding: 26px 5px 0 5px;
height: 15px;
width: 675px;
position: relative;
text-align: left;
cursor: default;
display: inline-block;
margin: 1px 0 2px 15px;
overflow: hidden;
background: #adadad url('images/bg1.png');
}

#list_bg div.product_off p.name {
position: absolute;
top: 0;
left: 115px;
width: 260px;
font-size: 16px;
color: #006633;
margin: 5px 0 0 0;
padding: 0;
font-weight: bold;
line-height: 1;
}

#list_bg div.product_off p.param {
position: absolute;
top: 20px;
left: 115px;
width: 260px;
font-size: 12px;
color: #333;
margin: 3px 0 0 0;
padding: 0;
font-weight: bold;
}

#list_bg div.product_off p.code {
position: absolute;
top: 0;
left: 0;
width: 110px;
font-size: 16px;
color: #fff;
margin: 0;
padding: 10px 0;
text-align: center;
background: #006633;
background: rgba(0,102,51,0.9);
font-weight: bold;
}

#list_bg div.product_off p.cart {
position: absolute;
bottom: 0;
right: 60px;
width: 60px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 13px 0 12px 0;
text-align: center;
background: #006633;
cursor: pointer;
}

#list_bg div.product_off p.cart2 {
position: absolute;
bottom: 0;
right: 0;
width: 60px;
font-size: 12px;
color: #fff;
margin: 0;
padding: 13px 0 12px 0;
text-align: center;
background: #208fc9;
cursor: pointer;
}

#list_bg div.product_off p.cart:hover, #list_bg div.product_off p.cart2:hover {
background-color: #32AB34;
}

#list_bg div.product_off p.pricen {
position: absolute;
top: 22px;
right: 180px;
width: 170px;
font-size: 12px;
color: #656565;
margin: 0;
padding: 0;
text-align: right;
}

#list_bg div.product_off p.priceb {
position: absolute;
top: 0px;
right: 180px;
width: 170px;
font-size: 18px;
color: #333;
margin: 0;
padding: 0;
font-weight: bold;
text-align: right;
}

#list_bg div.product_off input.qty {
position: absolute;
bottom: 0;
right: 120px;
width: 45px;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
color: #333;
margin: 0;
padding: 12px 3px 13px 3px;
border: 0;
border-left: 4px solid #006633;
text-align: right;
background: #efefef;
}

#list_bg div#load_more {
font-family: Tahoma;
font-weight: normal;
position: relative;
width: 180px;
font-size: 16px;
color: #fff;
margin: 0 auto;
padding: 7px 0;
text-align: center;
background: #006633;
cursor: pointer;
}

#list_bg div#load_more:hover {
background: #32AB34;
}

#list_bg div.load_next {
font-family: Tahoma;
font-weight: normal;
position: relative;
width: 40px;
font-size: 16px;
color: #fff;
margin: 0 0 0 auto;
padding: 7px 0;
text-align: center;
background: #006633;
cursor: pointer;
display: inline-block;
}

#list_bg div.load_next:hover {
background: #32AB34;
}

#list_bg div.load_prev, #list_bg div#load_first, #list_bg div#load_last {
font-family: Tahoma;
font-weight: normal;
position: relative;
width: 40px;
font-size: 16px;
color: #fff;
margin: 0 auto 0 0;
padding: 7px 0;
text-align: center;
background: #006633;
cursor: pointer;
display: inline-block;
}

#list_bg div.load_prev:hover, #list_bg div#load_first:hover, #list_bg div#load_last:hover  {
background: #32AB34;
}

#list_bg div#load_count {
font-family: Tahoma;
font-weight: normal;
position: relative;
width: 184px;
font-size: 12px;
color: #454545;
margin: 0 auto;
padding: 3px 0;
text-align: center;
background: #d4ffd5;
}

#list_bg div#address {
font-family: Tahoma;
font-weight: normal;
position: relative;
width: 440px;
font-size: 12px;
color: #454545;
margin: 0 auto 15px 0;
padding: 4px 30px 5px 30px;
text-align: left;
background: #d4ffd5;
}

#list_bg div#address a#search_all {
font-family: Tahoma;
font-weight: normal;
position: relative;
font-size: 12px;
color: #006633;
text-align: left;
text-decoration: none;
}

#list_bg div#address a#search_all:hover {
text-decoration: underline;
}

p.order_info {
font-family: Tahoma;
font-weight: normal;
position: relative;
font-size: 12px;
color: #006633;
text-align: center;
text-decoration: none;
margin: 0 0 2px auto;
background: #d4ffd5;
width: 500px;
padding: 3px 10px;
}

p.photos_change {
font-family: Tahoma;
font-weight: normal;
position: relative;
font-size: 12px;
color: #006633;
text-align: center;
text-decoration: none;
margin: 0 0 2px auto;
cursor: pointer;
background: #d4ffd5;
width: 180px;
padding: 3px 10px;
}

p.photos_change:hover {
text-decoration: underline;
background: #006633;
color: #fff;
font-weight: bold;
}

table#cart {
padding: 0;
margin: 0 10px;
border-collapse: collapse;
width: 680px;
}

table#cart tr.elem:nth-child(2n+1) td {
background: #ededed;
}
table#cart tr:nth-child(1) td {
background: #383838;
color: #fff;
}

table#cart tr.elem:hover td {
background: #61d99d;
}

table#cart td {
background: #fff;
border: 1px solid #adadad;
font-family: text;
font-weight: normal;
font-size : 12px;
text-align: center;
vertical-align: top;
color: #333;
}

table#cart td.empty {
border: 0;
}

table#cart td.code {
width: 65px;
}

table#cart td.name {
width: 260px;
padding: 0 10px;
text-align: left;
}

table#cart td.name p {
color: #656565;
margin: 0;
padding: 0;
}

table#cart td.price {
width: 100px;
}

table#cart td.qty {
width: 80px;
}

table#cart td.qty input {
width: 60px;
font-family: text;
font-weight: normal;
font-size : 12px;
text-align: right;
padding: 4px 2px 4px 2px;
margin: 0 5px 3px;
}

table#cart td.qty img {
position: relative;
border: 0;
cursor: pointer;
}

table#cart td.delete {
width: 55px;
vertical-align: middle;
}

table#cart td.delete img {
border: 0;
cursor: pointer;
}

textarea {
width: 680px;
height: 300px;
margin: 0 auto;
font-family: text;
font-weight: normal;
font-size : 12px;
text-align: left;
color: #333;
border: 1px solid #adadad;
border-radius: 0;
resize: none;
}