*{ margin: 0; padding: 0;}
li{ list-style: none;}

body{width: 320px; margin: 0 auto; position: relative; font-family: 'Open Sans', sans-serif; color: #666666; font-size: 13px;}
.txt{ border:1px solid #CBCBCB; line-height: 18px; color: #666; padding: 7px; font-size: 14px;}
.btn{ background: #a2ca28; color: #fff; border: 0; line-height: 20px; padding: 7px 20px 5px 20px; border-bottom: 2px solid #8AAC22; font-size: 16px;}

#top{ background: #393939; color: #fff; line-height: 32px; height: 32px;}
	#top a{display: block; float: right; color: #fff; line-height: 32px; font-size: 12px; padding: 0 10px 0 30px; text-decoration: none;}
	#top a#info-link{ background: url('img/info.png') no-repeat 8px center;}
	#top a#user-link{ background: url('img/user.png') no-repeat 9px center;}
    #top a#shops-link{ font-weight: bold; float: left; padding-left: 10px; }
	#top a:hover, #top a:active, #top a.active{ background-color: #585858 !important;}

#infomenu{ background: #4F4F4F; position: absolute; z-index: 100; width: 320px; display: none;}
	#infomenu ul{ padding: 5px 0;}
	#infomenu a{ color: #fff; text-decoration: none; display: block; padding: 10px 10px 10px 17px;}
	#infomenu a:hover,#infomenu a:active{ background: #5B5B5B;}
	#infomenu ul ul a{ padding-left: 30px;}
	#infomenu ul ul a:before{content: "– ";}

#user{ background: #4F4F4F; position: absolute; z-index: 100; width: 320px; display: none;}
	#user form{ padding: 15px; overflow: hidden;}
	#user label{ color: #fff; display: block;}
	#user .txt{ padding: 5px; border: 0; width: 280px; margin: 3px 0 10px 0; line-height: 18px;}
	#user .btn{ background: #7C7C7C; border:0; color: #fff; padding: 10px 20px; float: right; font-size: 14px;}
	#user .forgot{ color: #fff; font-size: 13px; padding: 10px 0 0 0; display: inline-block; text-decoration: none;}

#logo{ background: url('img/logo-bg.png') repeat-x; height: 85px;}
	#logo img{display: block;}

#menuline{ background: url('img/menuline.png') repeat-x #FFB90F; line-height: 40px; height: 40px;}
	#menuline li{ float: left; padding-left: 1px;}
	#menuline li+li{ background: url('img/menulinesep.png') no-repeat left center;}
	#menuline a{ color: #fff; font-size: 14px; text-decoration: none; padding: 0 0 0 40px; display: block; line-height: 40px;}
	#menuline a#categories-link{ background: url('img/cats.png') no-repeat 13px center; width: 81px;}
	#menuline a#search-link{ background: url('img/search.png') no-repeat 13px center; width: 61px;}
	#menuline a#cart-link{ background: url('img/cart.png') no-repeat 13px center; width: 51px; padding-left: 44px;}
	#menuline a:hover, #menuline a:active,#menuline a.active{ background-color: rgba(255,255,255,0.1) !important;}
	#addtocart{position: absolute; right: 0; margin-top: 6px; background: #A2CA28; color: #fff; border-radius: 5px; padding: 0 10px;}
	#addtocart:after{bottom: 100%; left: 75%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(162, 202, 40, 0); border-bottom-color: #A2CA28; border-width: 5px; margin-left: -5px;}

#mainmenu{ background: #CC940C; color: #fff; display: none; position: absolute; z-index: 99; width: 320px;}
	#mainmenu > ul{ padding: 5px 0;}
	#mainmenu > ul > li > a{ display: block; padding: 10px 10px 10px 30px; color: #fff; text-decoration: none; background: url('img/menu-close.png') no-repeat 15px 15px;}
	#mainmenu > ul > li > a:hover, #mainmenu > ul > li > a.open{ background-color: #D69B0D;}
	#mainmenu > ul > li > ul > li > a{ display: block; padding: 10px 10px 10px 40px; color: #fff; text-decoration: none;}
	#mainmenu > ul > li > ul > li > a:before{ content: "– ";}
	#mainmenu > ul > li > ul > li > a:hover, #mainmenu > ul > li > ul > li > a.open{ background-color: #D69B0D;}
	#mainmenu > ul ul{ background: #D69B0D; display: none; padding: 0 0 5px 0;}

#search{ background: #000000; color: #fff; overflow: hidden; position: absolute; z-index: 99; width: 320px; display: none;}
	#search form{padding: 15px; overflow: hidden;}
	#search-txt{ width:200px; border:0; padding: 5px; line-height: 18px; float: left;}
	#search-but{ float: right; background: #3F3F3F; border: 0; color: #fff; font-size: 15px; line-height: 18px; padding: 5px 5px; width: 70px;}

#products{}

	#products h1{font-size: 22px; font-weight: normal; color: #000000; padding: 15px 0 5px 0;}
	.product{ width: 300px; padding: 10px 10px 10px 10px; float: left; border-bottom: 1px solid #ccc;}
		/*.product:nth-child(odd){ background: url('img/divider.png') no-repeat right center;}
		.product.first{clear: both;}*/
		.product a{ color: #666666; text-decoration: none; text-align: center;}
		.product a img{ display: block; margin: 0 auto; padding: 15px 0;}
		.product a .price{ color: #000000; font-weight: bold; font-size: 26px; padding: 3px 0;}
		.product a .title{ font-size: 18px; padding: 3px 0;}
	.swiper-container { width: 320px;height: 260px;}    
		.swiper-container .product{border-bottom: 0; width: 139px;}
		.swiper-container .product .title{ text-overflow:ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px;}
		.swiper-container .product .price{ font-size: 22px;}
		.swiper-pagination-bullet{ border:5px solid #E2E2E2; opacity: 1; background: #E2E2E2;}  
		.swiper-pagination-bullet-active{border:5px solid #E2E2E2; background: #000000;}
		.swiper-button-next{ background: url('img/next.png') no-repeat center center; right: 0; bottom: 0; top: auto;}
		.swiper-button-prev{ background: url('img/prev.png') no-repeat center center; left: 0; bottom: 0; top: auto;}

	#paging{ padding: 20px 0; clear: both; overflow: hidden;}
		#paging a { text-decoration: none; line-height: 27px; font-size: 15px; color: #000000;}
		#page-prev{ float: left; display: block; width: 85px; padding-left: 25px; text-align: left; background: url('img/prev.png') no-repeat left center;}
		#page-next{ float: left; display: block; width: 85px; padding-right: 25px; text-align: right; background: url('img/next.png') no-repeat right center;}
		#page-num{ float: left; display: block; width: 100px; text-align: center; line-height: 27px; font-size: 27px; color: #cccccc;}
		#page-prev.disable{ color: #ccc; background: url('img/prev0.png') no-repeat left center; cursor: default;}
		#page-next.disable{ color: #ccc; background: url('img/next0.png') no-repeat right center; cursor: default;}

#product{ padding: 0 10px;}
	#product h1{ color: #000000; font-weight: normal; padding: 10px 0 0 0;}
	#path{ font-size: 10px;}
		#path a{color: #666666; text-decoration: none;}
	#images{ padding: 15px 0; overflow: hidden;}
		#mainimage{ float: left;}
			#mainimage img{ width: 210px; display: block;}
		#gallery{ float: right; width: 70px;}
			#gallery img{ width: 70px; display: block; opacity: 0.6; padding-bottom: 5px;}
			#gallery .active img, #gallery a:hover img{opacity: 1;}
	#buy{ border-top: 1px solid #E3E5E6; border-bottom: 1px solid #E3E5E6; padding: 15px 0; overflow: hidden;}
		#buy label{ width: 50px; float: left; line-height: 44px; color: #666; padding: 0px 0; font-size: 14px;}
		#buy select{ width: 220px; float: right;}
		#buy .qty{ width: 40px; float: right; padding-top: 12px; padding-bottom: 12px;}
		#buy .btn{ float: right; width: 180px; cursor: pointer; margin-left: 10px; padding-top: 12px; padding-bottom: 10px; text-align: left; padding-left: 46px; background: url('img/cart.png') no-repeat 12px 12px #a2ca28;}
		#buy .pdng{ padding-top: 10px; clear: both;}
		#price{ overflow: hidden; padding-bottom: 15px;}
			#price .price{ color: #000000; font-size: 38px; float: right; width: 50%; line-height: 40px; text-align: right;}
			#price .stock{ font-size: 16px; color: #a2ca28; float: left; width: 50%; line-height: 22px; }
			#price .stock.red{ color: #d10a0a;}
			#price .code{ font-size: 13px; color: #bdbdbd; float: left; width: 50%;line-height: 18px;}
		#desc{ padding-bottom: 5px;}
			#desc h2{ font-size: 16px; color: #000000; font-weight: normal; padding: 15px 0 10px 0;}
			#desc p{ padding-bottom: 10px;}
	#cart{ padding: 0 10px;}
		#cart h1,#checkout h1,#confirm h1{font-size: 22px; font-weight: normal; color: #000000; padding: 15px 0 5px 0;}
		#cartlist{}
			#cartlist strong{ font-size: 14px; font-weight: normal; width: 100%; display: inline-block; padding-bottom: 3px; color: #000000;}
			#cartlist a{color: #000000; text-decoration: none;}
			#cartlist span{ width: 35%; display: inline-block; white-space: nowrap;}
			#cartlist span+span{text-align: center; width: 30%;}
			#cartlist span+span+span{text-align: right; width: 35%;}
			#cartlist td{ border-top: 1px solid #E3E5E6; padding: 7px 0;}
			#cartlist select{width: 100%;}
			#cartlist #total{ font-size: 14px;}
				#cartlist #total span{ float: right; text-align: right;}
				#cartlist #total strong{ font-size: 18px; font-weight: bold;}
		.orderbtn{ float: right; padding: 10px 30px 8px 30px; margin: 15px 0;}
		#orderaccount td{ padding: 3px 0;}
	#checkout{ padding: 0 7px;}
		#checkout input{ float: right;}
		#checkout input.btn.gray{ float: left;}
		#checkout td{vertical-align: middle;}
		#checkout b{font-size: 15px;}
		.btn.gray{ float: left; text-decoration: none; border-bottom-color: #909090; padding: 10px 30px 8px 30px; margin: 15px 0; background-color: #aaa;}
	.red{ color: #D61414; padding-bottom: 15px;}

#banner{ padding: 15px 0 5px 0;}

#article{ padding: 0 10px;}
	#article h1{font-size: 22px; font-weight: normal; color: #000000; padding: 15px 0 5px 0;}
	#article p{ line-height: 1.5; padding-bottom: 15px;}
	#article a{ color: #000000;  }

.article{ padding-bottom: 20px; padding-left: 10px; padding-right: 10px;}
	.mainarticle{ position: relative; overflow: hidden;}
		.mainarticle.towhite:after{content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 94px; background: url('img/towhite.png') repeat-x;}
		.mainarticle h1{ color: #000000; font-weight: bold; font-size: 20px; padding: 10px 0;}
		.mainarticle p{ line-height: 20px; padding-bottom: 15px;}
	.fullarticle a{ text-align: center; color: #000000; text-decoration: none; display: block; padding: 0 0 10px 0; font-weight: bold;}

#footer{ text-align: center;background: #393939; font-size: 12px; color: #cccccc; padding: 15px 0; line-height: 24px; clear: both;}
	#footer a{ color: #cccccc; text-decoration: none;}

.pob td {display:table-row;}


.our-shops h2 {
    margin-top: 16px;
    margin-bottom: 8px;
}

.our-shops h2 a:not(.active):not(:hover) {
    text-decoration: none;
}

.our-shops h2 a.active {
    color: #ff9900;
}

.our-shops h2 ~ div:not(.city-active) {
    display: none;
}