.footer-container { margin-bottom: 20px; }
.developertoolbar * { font-family: Trebuchet MS !important; font-size: 12px !important; line-height: 1.6; color: #ffffff; }
.developertoolbar { position: fixed; left: 0px; bottom: 0px; width: 100%; text-align: center; background: #0A263C; border-top: 1px solid #415966; z-index: 10000; font-size: 12px; font-family: Tahoma; }
.developertoolbar a { color: #FF822F !important; font-weight:bold; font-size:11px; text-decoration: none; padding-left: 8px; padding-right: 8px; }
.developertoolbar div.Link { color: #FF822F !important; font-weight:bold; font-size:11px; text-decoration: none; padding-left: 8px; padding-right: 8px; cursor: pointer; }
.developertoolbar div.Conf { text-indent: -99999px; background: url(../images/developertoolbar/conf.png) no-repeat; }
.developertoolbar a:hover { color: #A7C6DD !important; }
.developertoolbar .disabled { color: #999 !important; }

ul.Nav_devToolbar { width: 400px; height: 100%; margin: 0 auto; }
ul.Nav_devToolbar li { float: left; height: 100%; }
ul.Nav_devToolbar li#NavDX { border: none; position: relative; }
ul.Nav_devToolbar li a { float: left; padding: 0 10px; position: relative; z-index: 1; }
ul.Nav_devToolbar li:hover a { color: #A7C6DD !important; }
ul.Nav_devToolbar li ul { float: left; position: absolute; width: 100%; height: auto; left: 0; bottom: 0px; border: 1px solid #415966; }

ul.Nav_devToolbar li div.PopUp ul { float: left; position: relative; width: 100%; height: auto; left: 0; bottom: 0px; border: 1px solid #415966; }
ul.Nav_devToolbar li div.PopUp ul ul { float: left; position: relative; width: 100%; height: auto; overflow: hidden; }

ul.Nav_devToolbar li div.PopUp { float: left; position: absolute; width: 100%; height: auto; left: 0; bottom: 0; border: 1px solid #415966; box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; -o-box-shadow: 0 0 10px #000000; -ms-box-shadow: 0 0 10px #000000; }

ul.Nav_devToolbar li ul li { float: left; width: 98%; background: none #0A263C; border-bottom: 1px solid #415966; padding: 1%; }
ul.Nav_devToolbar li ul ul li { padding: 5px 1%; }
ul.Nav_devToolbar li ul li.last { border: none; }
ul.Nav_devToolbar li ul li a { float: left; width: 90%; padding: 3px 5%; text-align: left; font-size: 13px; text-shadow: 1px 1px 0 #666666; }
ul.Nav_devToolbar li:hover ul li a { color: #FF822F !important; }
ul.Nav_devToolbar li ul li a.Cleanup { color: #B92765 !important; }
ul.Nav_devToolbar li ul li a.CleanupD { color: #ff0000 !important; }
ul.Nav_devToolbar li ul li:hover a { color: #A7C6DD !important; }
ul.Nav_devToolbar li:hover ul li a.disabled { color: #999 !important; }
ul.Nav_devToolbar li ul li:hover a.disabled { color: #A7C6DD !important; }

ul.Nav_devToolbar li div#LOG div#Server,
ul.Nav_devToolbar li div#SERVER div#Server,
ul.Nav_devToolbar li div#SESSION div#Session,
ul.Nav_devToolbar li div#POST div#PostS,
ul.Nav_devToolbar li div#GET div#GetS,
ul.Nav_devToolbar li div#CONF div#Conf,
ul.Nav_devToolbar li div#COOKIE div#Cookie { position: absolute; width: 25px; height: 25px; line-height: 23px; top: 1px; right: 0; z-index: 1; background: none #990000; color: #ffffff !important; font-size: 14px; font-weight: bold; cursor: pointer; text-align: center; border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; -o-border-radius: 0 0 0 10px; -ms-border-radius: 0 0 0 10px; box-shadow: -2px 2px 4px #ffffff; -moz-box-shadow: -2px 2px 4px #ffffff; -webkit-box-shadow: -2px 2px 4px #ffffff; -o-box-shadow: -2px 2px 4px #ffffff; -ms-box-shadow: -2px 2px 4px #ffffff; }
ul.Nav_devToolbar li ul#NavDev { width: 255px; bottom: 13px; box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; -o-box-shadow: 0 0 10px #000000; -ms-box-shadow: 0 0 10px #000000; }
ul.Nav_devToolbar li ul#NavDev div#NavD { position: absolute; width: 20px; height: 20px; line-height: 18px; top: -10px; right: -10px; background: none #990000; color: #ffffff !important; font-size: 14px; font-weight: bold; cursor: pointer; text-align: center; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; box-shadow: 0 0 4px #ffffff; -moz-box-shadow: 0 0 4px #ffffff; -webkit-box-shadow: 0 0 4px #ffffff; -o-box-shadow: 0 0 4px #ffffff; -ms-box-shadow: 0 0 4px #ffffff; }

ul.Nav_devToolbar li div#LOG div#Server:hover,
ul.Nav_devToolbar li div#SERVER div#Server:hover,
ul.Nav_devToolbar li div#SESSION div#Session:hover,
ul.Nav_devToolbar li div#POST div#PostS:hover,
ul.Nav_devToolbar li div#GET div#GetS:hover,
ul.Nav_devToolbar li div#COOKIE div#Cookie:hover,
ul.Nav_devToolbar li div#CONF div#Conf:hover,
ul.Nav_devToolbar li ul#NavDev div#NavD:hover { background: none #FF822F; }

ul.Nav_devToolbar li div.LOG,
ul.Nav_devToolbar li div.SERVER,
ul.Nav_devToolbar li div.SESSION,
ul.Nav_devToolbar li div.POST,
ul.Nav_devToolbar li div.GET,
ul.Nav_devToolbar li div.CONF,
ul.Nav_devToolbar li div.COOKIE { width: 100%; height: auto; color: #ddd !important; text-align: left; display: none; }

.rez_2 { border-right: 1px solid #ffffff; cursor: pointer; position: relative; z-index: 1; }
.rez_1, .rez_2 { float: right; color: #ffffff !important; padding: 0 10px; cursor: pointer; position: relative; z-index: 1; }
.ColorPalette { position: absolute; width: 100px; right: 0; bottom: 17px; background: #0A263C; padding: 10px; border-bottom: 1px solid #999999; }
.ColorPalette ul { float: left; width: 100%; }
.ColorPalette ul li { float: left; width: 100%; margin: 0 0 10px 0; }
.ColorPalette ul li:last-child { margin: 0; }
.ColorPalette ul li span { float: left; width: 20px; height: 20px; border: 1px solid #ffffff; }
.ColorPalette ul li em { float: left; height: 20px; line-height: 20px; color: #ffffff !important; margin: 0 0 0 10px; font-size: 14px; font-style: normal; }
@media only screen and (max-width: 799px) { .Nav_devToolbar { display: none; } }

/* Blog */
.blog-post {
	margin-bottom: 20px;
}
.blog-post .box {
	padding: 30px;

	border: 1px solid #DCDCDC;
}
.blog-post .date .big {
	font-family: "Roboto",sans-serif;
	font-size: 36px;
	line-height: 100%;

	float: left;

	margin-right: 5px;

	color: #69717F;
}
.blog-post .date .small {
	font-size: 14px;
	line-height: 98%;

	display: block;

	margin-top: 3px;

	color: #69717F;
}
.blog-post .title {
	font-family: "Roboto",sans-serif;
	font-size: 23px;
	font-weight: 500;
	line-height: 100%;

	display: block;

	margin: 10px 0;

	color: #333;
}
.blog-post .description p:last-child {
	display: none;
}
.blog-post .citeste {
	font-size: 12px;
	font-weight: 500;

	display: inline-block;

	margin-top: 15px;
	padding: 10px 20px;

	text-transform: uppercase;

	color: #FFF;
	border-radius: 3px;
	background: none repeat scroll 0 0 #0F8244;
}
.blog-post .citeste:hover {
	background: #EF6245;
}

/*
 * Problema DDL finalizare comanda
 */

.dropdown-menu.open {
	height: 132px !important;
}

.banners {
	margin-bottom: 60px;
}
.banners a {
	display: block;
}
.banners img {
	width: 100%;
	height: auto;
	display: block;
}
.banners .text {
	max-width: 976px;
	margin: 60px auto 0;
	text-align: center;
}
.banners .text p {
	font-size: 24px;
	color: #303339;
	line-height: 1.8;
}
@media (max-width: 767px) {
	.banners a {
		margin-bottom: 30px;
	}
}

/* Collateral */
.box-collateral {
	margin-top: 40px;
}
.box-collateral h2 {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E2E2E2;
}
/* Description */
.box-description {
	margin-top: 20px;
}
.box-description * {
	font-size: 16px;
	line-height: 1.8;
}
.box-description p {
	margin-bottom: 20px;
}
.box-description .video {
	margin-top: 20px;
}
.box-description .video iframe {
	max-width: 100%;
	height: 366px;
}
/* Attachments */
.box-lanot_attachments h2 {
	margin-bottom: 0;
}

.product-essential {
	margin-bottom: 50px;
}

.de-pe-blog {
	position: relative;
}

.de-pe-blog > a {
	font-size: 12px;
	color: #0E8144;
	text-transform: uppercase;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 4px;
}

.de-pe-blog > a:hover {
	text-decoration: underline;
}

.product-gallery {
	position: relative;
}
.product-gallery .labels {
	position: absolute;
	top: 10px;
	width: 100%;
	z-index: 9;
}
.product-gallery .labels .sale,
.product-gallery .labels .new {
	position: absolute;
	top: 0;
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.product-gallery .labels .new {
	background: #0F8144;
	right: 10px;
}
.product-gallery .labels .sale {
	background: #EF6245;
	left: 10px;
}
@media (max-width: 480px) {
	.product-gallery:before {
		content: ' ';
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.0);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
}

#search_autocomplete {
	background: #fff;
	top: calc(100% - 1px) !important;
	z-index: 99;
	left: -1px !important;
	text-align: left;
	border-left: 1px solid #DCDCDC;
	width: calc(100% + 2px) !important;
	border-right: 1px solid #DCDCDC;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#search_autocomplete ul {
	margin-bottom: 0;
}
#search_autocomplete li {
	padding: 10px 5px;
	border-bottom: 1px solid #DCDCDC;
	cursor: pointer;
}
#search_autocomplete .amount {
	display: inline-block;
	padding: 2px 3px;
	background: #DCDCDC;
	border-radius: 3px;
	margin-right: 10px;
}

#product-attribute-specs-table {
	width: 100%;
}
#product-attribute-specs-table td {
	font-size: 16px;
	font-weight: 300;
}
#wishlist-view-form .btn-share,
#wishlist-view-form .btn-update {
	display: none;
}
#wishlist-view-form .btn-add {
	margin-left: 0;
}

/**
 * EasyZoom core styles
 */
.easyzoom {
	position: relative;

	/* 'Shrink-wrap' the element */
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.easyzoom img {
	vertical-align: bottom;
}

.easyzoom.is-loading img {
	cursor: progress;
}

.easyzoom.is-ready img {
	cursor: crosshair;
}

.easyzoom.is-error  img {
	cursor: not-allowed;
}

.easyzoom-notice {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	margin: -1em 0 0 -5em;
	line-height: 2em;
	text-align: center;
	background: #FFF;
	box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
	background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	margin-left: 20px;
}

/* Photo Gallery */
.product-image {
	outline: 1px solid #E2E2E2;
	margin-right: 0;
}
.product-image > a {
	display: block;
	padding: 10px;
}
.product-image #image {
	max-width: 100%;
}
.more-views {
	margin-top: 30px;
	max-width: 428px;
}
.more-views ul {
	margin-left: -2px;
	margin-right: -2px;
}
.more-views li {
	padding: 2px;
}
.more-views a {
	border: 1px solid #E2E2E2;
	display: block;
	text-align: center;
}
.more-views img {
	max-width: 100%;
	height: auto;
}

/* Cookie bar notice */
#notice-cookie-block {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	border-top: 1px solid #e2e2e2;
}
#notice-cookie-block .notice-inner {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 10px 15px;
}
#notice-cookie-block .notice-text p {
	font-size: 12px;
	color: #A9ACB2;
	line-height: 1.2;
}
#notice-cookie-block .notice-text a {
	font-size: 12px;
	color: #0F8244;
	line-height: 1.2;
}
#notice-cookie-block .notice-text a:hover {
	text-decoration: underline;
	color: #0F8244;
}
#notice-cookie-block .actions {
	white-space: nowrap;
}
#notice-cookie-block .actions .button {
	margin: 5px 0 0;
	float: none;
	padding: 3px;
}
#notice-cookie-block .actions .button span {
	float: none;
}
@media (min-width: 735px) {
	#notice-cookie-block .notice-inner {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#notice-cookie-block .actions .button {
		margin-left: 15px;
		margin-top: 0;
	}
}