html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	overflow-x:scroll;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	line-height: 1.1em;
}

.sitetitle {
	text-align:center;
	margin:20px auto;
	font-size:16px;
	width:100%;
}

.header { height:auto; }
.slideshow { display:none; }

.header-content,
.content,
.footer {
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 20px;
}
.footer-wrapper{position: relative;}
.footer-wrapper,
.box-wrapper,
.copyright .content {
	width:100%;
	font-size: 0.8em;
}

.like-box-wrapper,
.share-wrapper { display:none; }

.footer-content {
	width:100%;
	height:auto;
}

/**/

.top-bar {
}

.top-menu {
	width:100%;
	position:relative;
	float:none;
	right:auto;
	text-align:center;
	display:table;
}

.top-menu a {
	color:#ddd;
	font-size:0.6em;
	white-space:nowrap;
	display:table-cell;
	margin:0;
	padding: 0 5px;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	transition: all ease-in-out .30s;
	-moz-transition: all ease-in-out .30s;
	-webkit-transition: all ease-in-out .30s;
	box-shadow:
		1px 0 0 rgba(255,255,255,0),
		-1px 0 0 rgba(255,255,255,0);
}
/**/

.header-content {
	height:auto;
	margin:0 auto;
	position:relative;
}

.logo {
	display:block;
	height:auto;
	width:100%;
	margin:20px auto;
	background:none;
	position:relative;
}

.logo img { display:block; width:100%; height:auto; }

.mainmenu {
	position:relative;
	height:auto;
	width:auto;
	right:auto;
	top:auto;
	margin:0;
}

.mainmenu a {
	color:#c0c0c0;
	padding:0;
	text-align:center;
	margin:0 0 10px 0;
	font-size:1em;
	line-height:3em;
	height:2.6em;
	border-bottom:2px solid #000;
	float:none;
	transition: all ease-in-out .30s;
	-moz-transition: all ease-in-out .30s;
	-webkit-transition: all ease-in-out .30s;
}

/**/

.postheader { line-height:120%; font-size:20px; }

.blockheader { line-height:120%; }

/**/

.box-wrapper {
	width:100%;
	margin:0;
}

.box {
	width:100%;
	height:auto;
	position:relative;
	float:none;
	overflow:hidden;
	margin:0 0 10px 0;
}

.box img { width:100%; }

.boxtitle {
	position:absolute;
	top:0;
	left:0;
	height:45px;
	line-height:45px;
	padding:0 10px;
	width:100%;
	margin:0;
	background:#c0c0c0;
	font-weight:200;
	font-size:20px;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	box-shadow:0 2px 0 rgba(0,0,0,0.1);
}

.box .readon {
	position:absolute;
	bottom:0;
	left:0;
	height:45px;
	line-height:45px;
	padding:0 45px 0 10px;
	width:100%;
	margin:0;
	background:#c0c0c0;
	background:rgba(0,0,0,0.8);
	font-weight:200;
	font-size:14px;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: all ease-in-out .30s;
	-moz-transition: all ease-in-out .30s;
	-webkit-transition: all ease-in-out .30s;
	box-shadow:0 -2px 0 rgba(0,0,0,0.05);
}

/**/

.pagetitle {
	left:5%;
	width:90%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:1.2em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* CATEGORIES */

.categories {
	width:100%;
	margin:0 0 20px 0;
}

.category {
	width:100%;
	height:auto;
	position:relative;
	float:none;
	margin:0 0 10px 0;
}

.category img { width:100%; height:auto; }

.category-title { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; }

/* PRODUCT */

.product-title { display:none; }

.product-title.formobile {
	display:block;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

.product-images { display:none; }

.product-images.formobile {
	display:block;
	width:100%;
	margin:0 0 20px 0;
}

.product-images.formobile img { width:100%; height:auto; }
.product-images.formobile .golarge { display:block; }

.product-details {
	width:100%;
	float:none;
}

.product-meta { display:none; }

.product-data { width:50%; }

.product-data h3 i { display:none; }

/* SEARCH */

.pageheader .blackbar .search { right:20px; display:none; }
.pageheader .blackbar .search-field { width:0px; padding:3px 1px; }
.pageheader .blackbar .search-field:focus { width:150px; padding:3px 5px; }

/* FILTER */

.filters {
	width:100%;
	height:auto;
	padding:3px 0 4px 0;
	margin:-30px 0px 30px 0px;
	background:#e5e5e5;
	box-shadow:0 2px 0 rgba(0,0,0,0.1) inset;
	font-size:11px;
}

.filters label {
	display:block;
	height:25px;
	width:100%;
	font-size:14px;
	line-height:25px;
	font-weight:200;
	float:none;
	color:#000;
}

.filters .field-wrapper {
	float:left;
	height:25px;
	margin:0 1% 10px 0;
	width:49%;
}

.filters select { width:100%; }

.filters .select2-container.select2.w150 { width:100%; }

.select2-container .select2-choice span {
	margin:0;
	padding:0;
	font-size:10px;
}

.product-list {
	width:100%;
	margin:0 -20px 10px 0;
}

.product {
	position:relative;
	width:100%;
	height:auto;
	float:left;
	margin:0 20px 20px 0;
}

.product img {
	width:100%;
	height:auto;
}

.product-list-info {
	position:absolute;
	bottom:0;
	margin:0;
	padding:0 10px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-weight:200;
	font-size:13px;
	color:#fff;
}

.product-list-info div { display:block; }

.product-prices .old { display:block; margin:0 0 10px 0; }
.product-prices.simple .old { display:inline; margin:0 0 10px 0; }

.option.long { width:100%; text-align:center; padding:0; }

/* FAQ */

.sidebar {
	margin:0 0 20px 0;
	width:auto;
	float:none;
}

.faq {
	float:none;
	margin:0 0 20px 0;
	width:auto;
}

.faq .item-title { font-size:15px; }

/**/

.contact-left,
.contact-right {
	float:none;
	margin:0 0 20px 0;
	width:auto;
}

.contact dl {
	float:none;
	width:auto;
	margin-right:0;
}

.contact dl .formobile { display:block; }

.phoneaction {
	display:inline-block;
	background:#725780;
	color:#fff;
	height:30px;
	line-height:30px;
	padding:0 10px;
	border-radius:3px;
	box-shadow:0 2px 0 rgba(0,0,0,0.1);
}

.map {
	width:auto;
}

#map_canvas {
	width:100%;
	height:300px;
}

.map-buttons { display:block; }

.map-buttons .button i {
	display:inline-block;
	height:30px;
	line-height:30px;
	margin:0 0 0 10px;
}

/**/

.item-list {
	width:103%;
	margin:0 -3% 10px 0;
}

.item-list .item {
	width:30%;
	height:auto;
	margin:0 3% 10px 0;
}

.item-list .item img {
	width:100%;
	height:auto;
	float:none;
}

div.pp_pic_holder {
	width:100% !important;
	height:auto !important;
}

.pp_content,
.ppt { width:auto !important; height:auto !important; }

.pp_content img {
	float:none;
	width:100%;
	margin:0 0 20px 0;
}

/* BLOG */

.item-image {
	width:100%;
	height:auto;
	float:none;
	margin:0 0 20px 0;
}

.item-image img {
	width:100%;
	height:auto;
}

.item-content {
	width:100%;
	float:none;
	padding-bottom:35px;
	min-height:10px;
}

.item-meta { margin-top:0; }

.postcontent img {
	float:none !important;
	margin:0 0 20px 0 !important;
	width:100%;
	clear:both;
}

/* FOOTER MENU */

.footermenu {
	width:100%;
	height:30px;
	border-bottom:1px solid rgba(255,255,255,0.2);
	text-align:center;
	color:#fff;
	font-size:0.9em;
	margin:10px 0 20px 0;
	display:table;
}

.footermenu span { display:none; }

.footermenu a {
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	transition: all ease-in-out .30s;
	-moz-transition: all ease-in-out .30s;
	-webkit-transition: all ease-in-out .30s;
}

.footermenu a:hover { color:#FFF; text-decoration:underline; }

.newsletter {
	display:block;
	position:relative;
	bottom:auto;
	width:100%;
	margin:0 0 20px 0;
	height:auto;
}

.mobile-table {
	display:table;
	width:100%;
}

.mobile-cell {
	display:table-cell;
	width:auto;
	height:30px;
	margin:0;
	padding:0;
	vertical-align:top;
}

.for-field { padding:0 10px 0 0; }
.for-button { width:130px; }

.newsletter label {
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:200;
	margin:5px 0;
	height:20px;
	line-height:20px;
	float:none;
}

.newsletter label span { display:none; }

.newsletter label.fade {
	top:30px;
	line-height:20px;
	padding:0 7px;
	font-size:14px;
	color:#000;
	margin:0;
	display:block;
}

.newsletter .textfield {
	float:none;
	display:block;
	width:100%;
	margin:0;
	position:static;
}

.newsletter .button {
	float:none;
	display:block;
	margin:0;
	width:130px;
	position:static;
}

.footer-content h2 {
	display:block;
	float:none;
	width:100%;
	height:auto;
	line-height:100%;
	font-size:1.2em;
	margin:0 0 10px 0;
	position:static;
	text-align:center;
}

.pages-open {
	position:static;
	display:block;
	width:100%;
	float:none;
	margin:0 0 10px 0;
	text-align:center;
	padding:10px 0;
	font-size:1.1em;
}

.pages {
	margin:10px 0 0 0;
	padding:20px 10px 10px 20px;
	list-style:none;
	background:rgba(0,0,0,0.4);
	border-radius:2px;
	box-shadow:
		0 1px 0 rgba(0,0,0,0.2) inset,
		0 1px 0 rgba(255,255,255,0.2);
	display:none;
}

.pages a {
	color:#FFF;
	font-size:12px;
	border-radius:2px;
	display:block;
	float:none;
	width:auto;
	background:rgba(0,0,0,0.4);
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	text-transform:lowercase;
	height:30px;
	line-height:30px;
	margin:0 10px 10px 0;
	padding:0 10px;
	font-size:1em;
	text-align:left;
	transition: all ease-in-out .30s;
	-moz-transition: all ease-in-out .30s;
	-webkit-transition: all ease-in-out .30s;
}

.copyright {
	background:rgba(0,0,0,0.3);
	height:30px;
	line-height:30px;
	color:#fff;
	padding:5px 20px;
	text-align:left;
	font-size:10px;
	color:#f1eef2;
	text-shadow:0 1px 0 rgba(0,0,0,0.1);
	margin:0px 0 0 0;
	box-shadow:0 2px 0 rgba(0,0,0,0.2) inset;
}

.copyright .content {
	padding:0;
	text-align:left;
}

.copyright .content .right { float:left; }

/**/

.landscape { display:none; }

.field-error {
	top:15px;
	right:10px;
}

/**/

.forweb { display:none; }
.mobile-image.formobile { display:block; }

/**/

.productpager {
	position:relative;
	top:auto;
	font-size:20px;
	background:#eee;
	color:#999;
	display:block;
	height:50px;
	width:30px;
	text-align:center;
	border-radius:2px;
	line-height:50px;
	margin-bottom:20px;
	transition: all ease-in-out .15s;
	-moz-transition: all ease-in-out .15s;
	-webkit-transition: all ease-in-out .15s;
}

.productpager i { line-height:50px; }

.productpager.prev { left:0; float:left; }
.productpager.next { right:0; float:right; }

.productpager:hover { background:#715780; color:#fff; }
.content-padding{
	padding-bottom: 20px;
}
.editmenu {
	bottom:-70px;
	height: 50px;
}
.pagination{ margin-top: 20px}
.pagination > span {
	margin-top: 10px;
}
.pagination > a {
	margin-top: 10px;
}


#piece, #s2id_piece{
	width: 130px !important;
	max-width: 130px !important;
}
.media {
		margin-right: 25px;
	}