body
{
	background-color: #153b5d;
	background-image: url(../../images/dr/bg.png);
	background-repeat: repeat-x;
}

ul *, ul *:before, ul *:after
{
        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        box-sizing: content-box !important;
}

.menu-dr
{
	padding-top: 40px;
}
.menu-dr a
{
	float: left;
	color: black;
	font-size: 1.2em;
	margin: 0.5em;
	display: block;
	text-align: center;
	padding: 2px;
}

.menu-dr a.active
{
	text-decoration: underline;
	font-weight: bold;
}

.submenu-dr
{
	background-color: #e8f5f2;
}

.submenu-dr a
{
	float: left;
	color: black;
	font-size: 1.2em;
	display: block;
	text-align: center;
	padding: 2px;

}

.submenu-dr .active
{
	font-weight: bold;
	text-decoration: none;
}

.greypanel
{
	background-color: #e8e6e6;
}

.footer-menu
{
	display: block;
	margin: 0.5em;
	color: #008a74;
}

.dr-product
{
	color: #008a74;
	//font-size: 0.9em;
}

.dr-product .descr
{
	margin-top: 1em;
	height: 80px;

}

.product-filter
{
	background-color: #deecf5;
	padding-top: 1em;
	min-height: 300px;
}


.flickity-slider li
{
	background-color: white;
	margin-top: 1em;
	padding-bottom: 0em;
	margin: 0.5em;
	padding: 1em;
}

.flickity-slider li div
{

	color: #008a74;
	padding-top: 0em;
	padding-bottom: 0em;

	overflow: hidden;
	width: 178px;
	height: 40px;
	text-align: center;
}

.flickity-slider li div img
{
	margin-bottom: 1em;
}

.btn-wash
{
	color: #008a74;
	background-color: white;
	width: 200px;
	height: 220px;
	margin: 2em;
	padding: 2em;
	cursor: pointer;
}

.btn-wash .dr-title
{
	padding-bottom: 1em;
}

.btn-dirt, .btn-cloth, .btn-wash
{
	cursor: pointer;
}

.btn-dirt:hover, .btn-cloth:hover, .btn-wash:hover
{
	opacity: 0.5;
}


.product-filter h3
{
	text-align: left;
	margin-top: 0px;
}

.dr-title2
{
	padding: 1em;
	color: #008a74;
}

#product_container
{
	padding: 2em;
}