* {
	margin:0;
	padding:0;
}
html {
	font-size:16px;
} /* Fix for Opera */
/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin:0 0 5px;
}
h1 {
	font-size:22px;
	font-weight:600;
	line-height:1.25;
}
h2 {
	font-size:18px;
	font-weight:normal;
	line-height:1.25;
}
h3 {
	font-size:15px;
	font-weight:bold;
	line-height:1.25;
}
h4 {
	font-size:14px;
	font-weight:bold;
}
h5 {
	font-size:12px;
	font-weight:bold;
}
h6 {
	font-size:11px;
	font-weight:bold;
}
/* Table */
table {
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size:100%;
}
caption, th, td {
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}
/* Content */
strong {
	font-weight:bold;
}
address {
	font-style:normal;
}
cite {
	font-style:normal;
}
q, blockquote {
	quotes:none;
}
q:before, q:after {
	content:'';
}
small, big {
	font-size:1em;
}
sup {
	font-size:1em;
	vertical-align:top;
}
/* Lists */
ul, ol {
	list-style:none;
}
/* Tools */
.hidden {
	display:block !important;
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
	font-size:0 !important;
	line-height:0 !important;
	width:0 !important;
	height:0 !important;
	overflow:hidden !important;
}
.nobr {
	white-space:nowrap !important;
}
.wrap {
	white-space:normal !important;
}
.a-left {
	text-align:left !important;
}
.a-center {
	text-align:center !important;
}
.a-right {
	text-align:right !important;
}
.v-top {
	vertical-align:top;
}
.v-middle {
	vertical-align:middle;
}
.f-left, .left {
	float:left !important;
}
.f-right, .right {
	float:right !important;
}
.f-none {
	float:none !important;
}
.f-fix {
	float:left;
	width:100%;
	min-height:147px;
	position:relative;
}
.no-display {
	display:none;
}
.no-margin {
	margin:0 !important;
}
.no-padding {
	padding:0 !important;
}
.no-bg {
	background:none !important;
}
/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.wrapper {
}
.page { /*TODO:needed?->*/
	text-align:left;
}
.main-container {
	/*background:url(images/top-bg-line.gif) 0 0 repeat-x;*/
}
.main {
	width:956px;
	margin:0 auto;
	min-height:370px;
	padding:50px 2px 30px 2px;
	background:#fff;
}
/* Base Columns */
.col-left {
	float:left;
	width:180px;
	padding:0 20px 0 0;
}
.col-main {
	float:left;
	width:720px;
	padding: 0;
}
.col-right {
	float:right;
	width:210px;
	padding:0 0 0 20px;
}
.col-left.sidebar button span, .col-right.sidebar button span {
	line-height: 35px;
	display:block;
	margin: 0px;
	width:auto;
}
/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.breadcrumbs {
	margin:-50px 0 0;
	height:50px;
}
/*.breadcrumbs { margin-top:-50px; padding:16px 0; }*/
.breadcrumbs ul {
	padding-top:20px;
}
.breadcrumbs li {
	display:inline;
	font-size:12px;
	color:#bbb;
}
.breadcrumbs a {
	display:block;
	float:left;
	border-bottom: none;
	color: #0971b2;
	text-decoration:none;
}
.breadcrumbs a:hover {
	color: #85c24a;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.breadcrumbs li span {
	background:url(https://www.e-consystems.com/images/icon-arrow-crumb.png) no-repeat;
	width:5px;
	height:9px;
	margin:3px 4px 6px 4px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.breadcrumbs li strong {
	font-weight:normal;
	display:block;
}
/*Contao*/
div.mod_breadcrumb.breadcrumbs {
	padding-left: 20px;
}
/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title {
	padding:0;
	margin:0 0 15px;
}
.page-title h1, .page-title h2 {
	margin:0;
}
.page-title h1 {
	line-height:44px;
}
.page-title .separator {
	margin:0 3px;
}
.page-title .link-rss {
	float:right;
}
.title-buttons {
	text-align:right;
}
.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {
	float:left;
}
.subtitle {
	clear:both;
}
.std .subtitle {
	padding:0;
}
.std ol.ol {
	list-style:decimal outside;
	padding-left:1.5em;
}
.std dl dt {
	font-weight:bold;
}
.std dl dd {
	margin:0 0 10px;
}
/* Unordered lists
-------------------------------------------------------------- */
.std ul {
}
/* Bullets */
.std ul.bullet {
	list-style:none outside none;
	margin:5px 0;
	padding:0;
}
.std ul.bullet li {
	background:url(https://www.e-consystems.com/images/icon-arrow-crumb.png) 5px 3px no-repeat;
	padding-left:20px;
}
.std li a {
	list-style:none;
	display:inline;
	text-decoration:none;
	width:auto;
}
.std ul.bullet li.nobullet {
	background:none;
	padding-left:20px;
}
/* Disc */
.std ul.disc, .data-table ul.disc {
	list-style:disc outside none;
	margin:0 0 0 20px;
	padding:0;
}
.std p {
	margin:0 0 10px;
}
.std .products-grid p {
	margin-bottom:0;
}
.links li {
	display:inline;
}
.links li.first {
	padding-left:0 !important;
}
.links li.last {
	padding-right:0 !important;
}
.block {
	margin:0 0 10px;
	border-bottom: 1px dotted;
	border-color:#3f4d85;
}
.block .block-title strong {
	font-size:13px;
	text-transform:uppercase;
	color:#555;
}
.block .block-title1 strong {
	font-size:13px;
	color:#555;
}
.block.block-head .block-title {
	background:none;
	padding: 5px 0px 0px 0px;
	line-height: 27px;
	vertical-align:middle;
	border-color:#bbb;
	height:34px;
}
.block.block-head .block-title1 {
	background:none;
	padding: 5px 0px 0px 0px;
	line-height: 27px;
	vertical-align:middle;
	border-color:#bbb;
	height:34px;
}
/* Large Tabs container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.large-tabs-bg {
	/*background-image:url(../images/img/navbar-gray-ids.png);*/
}
.large-tabs {
	background-position:0 0;
	background-repeat:repeat-x;
	float:left;
	height:40px; /* 31 + padding-top = 40 */
	padding:0px;
	background-color:#dbdbdb;
}
.large-tabs li {
	height:31px;
	margin:0 1px 0 0;
}
.product-collateral .large-tabs a {
	/*background:url(../images/img/large-tabs.png) 0 -31px no-repeat;*/
	float:left;
	display:block;
	width:118px;
	height:40px;
	line-height:40px;
	padding:0 0 0 0px;
	margin:0px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	outline:none;
	color:#000;
	background: none;
	border-right: 2px solid #fff;
}
.product-collateral .large-tabs a.last {
	border-right: 0px;
}
.large-tabs a span {
}
.large-tabs a:hover, .large-tabs a:focus {
	background: #74ae3d;
	color:#fff;
}
.large-tabs a:hover span, .large-tabs a:focus span {
}
.large-tabs a.current {
	background: #74ae3d;
	color:#fff;
}
.large-tabs a.current span {
}
/* Large Tabs container - Category
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#category-tabs {
	background:none;
}
#category-tabs.large-tabs {
}
/*.large-tabs li { height:31px; margin:0 1px 0 0; }*/
#category-tabs.large-tabs a {
	background:none;
	float:left;
	display:block;
	height:18px;
	padding:0 0 0 0px;
	margin:0 8px 0 0;
	text-decoration:none;
	line-height: 18px;
	font-weight: normal;
	font-size:12px;
	outline:none;
	color:#555;
	border-bottom: 4px solid;
	border-right: none;
	border-color:#555;
}
#category-tabs.large-tabs a span {
	background:none;
	display:block;
	padding:0px; /* additional horizontal padding: 5px */
}
#category-tabs.large-tabs a:hover, #category-tabs.large-tabs a:focus {
	color:#74ae3d;
	border-color:#74ae3d;
}
#category-tabs.large-tabs a:hover span, #category-tabs.large-tabs a:focus span {
}
#category-tabs.large-tabs a.current {
	color:#74ae3d;
	border-color:#74ae3d;
}
#category-tabs.large-tabs a.current span {
}
.category-tabs-content {
	border:none;
	margin-bottom: 20px;
}
.category-tabs-content li {
	padding: 0px 0px 10px 10px;
	display: block;
	/*background:url(../images/img/ic-camera-feat.gif) 0px 0px no-repeat;*/
}
.category-tabs-content h1 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom:0px;
}
/* Product view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-view {
	margin-top:10px;
}
.product-collateral {
	float:left;
	width:720px;
	margin:20px 0 0;
}
.product-collateral h2 {
	margin:0 0 10px;
}
.product-collateral .box-collateral {
	margin:0;
}
.product-collateral .product-tabs-wrapper {
	margin-top:0;
}
/* First h2 in pane (pane heading) is hidden */
.product-collateral .pane > h2:first-child {
	display:none;
}
.tabs-wrapper .box-collateral > h2:first-child {
	display:none;
}
/* Product Images
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-img-box {
	float:left;
	/* IMPORTANT: Width is overriden in the template files (using admin panel) */
	width:277px; /* 277 = image width (265px: magento default) + img->padding + product-image->border */
	margin-top:-2px; /* Override margin to keep the image box in the same line that the top shadow of 'product-top-wrapper' */
	/*margin-bottom:2px;*/ /* Margin to keep the same height of 'product-top-wrapper' and image box */
	position:relative; /* Holder for "new" and "sale" product labels */
}
.col3-layout .product-view .product-img-box {
	float:none;
	margin:0 auto;
}
.product-view .product-img-box .product-image {
	border:#e5e5e5 1px solid;
	padding:5px;
	position:relative; /* IMPORTANT: Stickers ("new", "sale") are positioned relative to this box */
}
.product-view .product-img-box .product-image img {
	margin:0 auto;
	display:block;
}
.product-view .product-img-box .more-views {
}
.product-view .product-img-box .more-views h2 {
	display:none;
	border-bottom:1px solid #ccc;
	margin:0 0 8px;
}
.product-view .product-img-box .more-views ul {
}
.product-view .product-img-box .more-views li {
	float:left;
	margin: 10px -1px 0 0;
}
.product-view .product-img-box .more-views li.last {
	margin-right:0;
}
.product-view .product-img-box .more-views li a {
	display:block;
	overflow:hidden;
	text-decoration:none;
	padding:6px;
	border:#e5e5e5 solid 1px;
}
.product-view .product-img-box .more-views li a:hover {
	border-color:#999;
	position:relative;
	z-index:1000; /*podniesienie powyzej pozostalych miniaturek, aby wyswietlana byla cala ramka miniaturki z hoverem*/
}
.product-image-popup {
	margin:0 auto;
}
.product-image-popup .nav {
	font-weight:bold;
	text-align:center;
}
.product-image-popup .image {
	display:block;
	margin:10px 0;
}
.product-image-popup .image-label {
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px;
	color:#2f2f2f;
}
/* Stickers
-------------------------------------------------------------- */
.sticker {
	border:none;
	position:absolute;
	z-index:99; /* Gteater than Cloud Zoom image */
}
.sticker-top-right {
	top:-2px;
	right:-2px;
}
.sticker-bottom-right {
	bottom:-2px;
	right:-2px;
}
.sticker-bottom-left {
	bottom:-2px;
	left:-2px;
}
.sticker-top-left {
	top:-2px;
	left:-2px;
}
/* Product Shop
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-top-wrapper {
	background:url() 100% 0 no-repeat;
	background-position:bottom;
}
.product-top {
	background:url() 100% 100% no-repeat;
	border:1px solid;
	border-color:#f3f3f3
}
.product-top-inner {
	background:url() 100% 0 no-repeat;
	min-height:279px;
	padding:0 5px 5px 0; /* Added padding to keep the content away from the shadow of background images */
}
.product-view .product-shop {
	float:right;
	width:397px;
	padding:10px 20px 20px;
	border-right:#eee 1px solid;
}
.product-view .product-shop.no-right-border {
	border-right:none;
}
.col1-layout .product-view .product-shop {
}
.col3-layout .product-view .product-shop {
	float:none;
	width:auto;
}
.product-view .product-shop .product-name {
	margin:0 0 5px;
}
.product-view .product-shop .product-name h1 {
	margin:0;
	font-size:20px;
	color:#555;
}
.product-view .product-shop .product-name h1.mi-germany {
	/*background:url(../images/made_in_germany.gif) no-repeat;*/
	background-position:right;
	line-height:30px;
}
.product-view .product-shop .ratings-table {
	margin:15px 0 5px;
}
.product-view .short-description {
	margin:15px 0;
	line-height:15px;
}
/* Prices. Common for product view and MAP popup.
-------------------------------------------------------------- */
.product-view .price-box, .map-popup-price, .map-popup-msrp {
}
.product-view .product-shop .price-box {
	margin:5px 0 10px;
}
.product-view .product-shop .price-box .price-including-tax .price {
	font-size:18px;
}
.product-view .product-shop .price-box .price-excluding-tax .price {
	font-size:inherit;
}
/* Main, well visible price */
.product-view .product-shop .price-box .regular-price .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .product-shop .price-box .price-including-tax .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price {
	color:#3f4d85;
	font-size:18px;
}
/* Old price */
.product-view .product-shop .price-box .old-price .price-label {
	white-space:nowrap;
}
.product-view .product-shop .price-box .old-price .price-label {
	display:none;
}
.product-view .product-shop .price-box .old-price {
	margin:-7px 0 0;
} /* Override price box top margin for special prices */
/* MSRP price and old price */
.product-view .product-shop .price-box .old-price .price, .map-popup-msrp .price {
	color:#aaa;
}
/* MSRP price and old price (only in MSRP box) */
.price-box.map-info .old-price .price, .map-popup-msrp .price {
	text-decoration:line-through;
	display:block;
}
.product-view .product-shop .price-box.map-info .old-price .price {
	font-size:18px;
}
/* Move MSRP links below old price */
.product-view .product-shop .price-box.map-info .old-price {
	display:block;
}
/* Special price */
.product-view .product-shop .price-box .special-price {
	margin:-4px 0 0;
	white-space:nowrap; /*Chrome*/
}
.product-view .product-shop .price-box .special-price .price {
	font-size:18px;
}
.product-view .product-shop .price-box .special-price .price-label {
	white-space:nowrap;
}
.product-view .product-shop .price-box .special-price .price-including-tax, .product-view .product-shop .price-box .special-price .price-excluding-tax {
	padding:0 0 0 15px;
}
/* Additional styles for "product-view"
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "Add to cart" box with price box inside (displayed even if the product is not available).
   It has the same styling as 'container1-wrapper' and 'container2-wrapper'. */
.product-view .add-to-box, .product-view .product-type-data {
	margin:10px 0;
	padding:15px;
}
/* Price boxes inside */
.product-view .add-to-box .price-box {
	float:left;
	height:35px;
}
.product-view .product-type-data .price-box {
	margin:0;
}
.product-view .out-of-stock {
	float:right;
	margin:0 0 5px 10px;
}
/* Product view link colors */
.product-view .product-shop a, .product-attributes a {
	color:#888;
}
.product-view .product-shop a:hover, .product-attributes a:hover {
	color:#3b9dab;
}
/* Other elements */
.action-box {
	margin:0 0 15px;
}
.action-box .add-to-links li {
	float:left;
}
.extrahint-wrapper {
	margin:0 0 15px;
}
.product-shop div.action-box {
	display: inline-block;
	padding-right: 15px;
	float: right;
}
.product-shop span.price {
	line-height:27px;
}
/* Product view messages */
#messages_product_view {
	margin-top:5px;
}
.prod_shadow {
	background:url(https://www.e-consystems.com/images/prod_bg_shadow.png) 100% 0 no-repeat;
	background-position:top;
	height:6px
}
/* Grouped product
-------------------------------------------------------------- */
.product-view .product-type-data.is-grouped {
	padding:0;
	background-color:transparent;
}
/* Align right instead of float right */
.product-view .product-type-data.is-grouped .out-of-stock {
	float:none;
	text-align:right;
}
/* Downloadable product
-------------------------------------------------------------- */
.product-type-data.is-downloadable .price-box {
	margin:0 0 10px;
}
.product-type-data .item-options dt {
	float:none;
	margin:0 0 5px;
}
/* Same as "item-options" in cart */
.product-type-data .item-options dd {
	/*background:url(../images/img/bullet.png) 3px 4px no-repeat;*/
	padding-left:15px;
}
/* Additional information table
-------------------------------------------------------------- */
.product-tabs-content .data-table th {
	font-weight:bold;
	min-width:150px;
}
.product-tabs-content .data-table tr.even {
	background-color:#f3f3f3;
	height:50px;
}
.product-tabs-content .data-table tr.odd {
	background-color:#ffffff;
	height:50px;
}
.product-tabs-content .data-table tr td.data, .product-tabs-content .data-table tr th.label {
	vertical-align:middle;
	padding:10px;
}
/* Product attributes - additional box at the right side
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-attributes {
	float:right;
	width:170px;
	min-height:233px;
	padding:15px;
}
.product-attributes .item {
	margin:10px 0;
}
.product-attributes .item img {
	float:left;
}
.product-attributes .item .heading {
	line-height:15px;
	display:block;
	margin-left:25px;
}
/* Temporary demo attributes */
.product-attributes .other-attributes {
	margin:0 0 15px;
	padding:0 0 10px;
	border-bottom:1px solid #f2f2f2;
}
.product-attributes .item.box-delivery .heading {
	line-height:18px;
}
.product-attributes .item.box-delivery img {
	margin-right:3px;
}
/* Product options 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.container1-wrapper {
	margin:10px 0 10px;
}
.container2-wrapper {
	margin:20px 0 0;
	float:left;
	width:720px;
}
.product-view .add-to-box, .product-view .product-type-data, .container1-wrapper, .container2-wrapper {
	background-color:#f5f5f5;/*-moz-border-radius:3px;  
	-webkit-border-radius:3px;
	border-radius:3px;*/
}
/*bottom*/
.product-options-bottom {
	padding:0 15px 15px;
}
.product-options-bottom .tier-prices {
	margin:0;
	padding:0 0 10px;
	border:0;
	background:0;
}
.product-options-bottom .tier-prices li {
	background:0;
	padding:2px 0;
	color:#e26703;
}
.product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit {
	color:#e26703;
}
.product-options-bottom .price-box {
	float:left;
	margin:7px 0 0;
	padding:0;
} /* Top margin same as: price-box outside options */
.product-options-bottom .price-box .price-as-configured {
	margin:5px 0 0;
}
.col3-layout .product-options-bottom .price-box {
	float:none;
	padding:0 0 5px;
}
.product-options-bottom .price-label {
}
.product-options-bottom .price-tax {
	float:left;
}
.product-options-bottom .add-to-cart {
	float:right;
}
.product-shop .product-options-bottom {
}
.product-shop .product-options-bottom .price-box {
	margin:7px 0 0;
} /* Same as ".product-options-bottom .price-box" */
.product-shop .product-options-bottom .price-label {
	float:none;
	padding-right:0;
}
.product-shop .product-options-bottom .price-tax {
	float:none;
}
.product-shop .product-options-bottom .add-to-cart-box {
	clear:both;
	float:left;
	padding-top:12px;
}
/* Product view tabs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-tabs-wrapper .tabs {
	width:720px;
}
.product-tabs-wrapper .tabs-panes {
	clear:both;
	width:100%;
}
.product-tabs-wrapper .tabs-panes .pane {
	padding:15px;
	min-height:100px;
	background-color:#fff;
}
.product-tabs-wrapper > .tabs-panes > .pane a {
	display:block;
}
.product-tabs-wrapper > .tabs-panes > .pane > .std > p > a {
	display:inline-block;
}
.product-tabs-content {
	border-left: #3f4d85 1px solid;
	border-right: #3f4d85 1px solid;
	border-bottom: #3f4d85 1px solid;
	border-top: #3f4d85 3px solid;
}
.product-tabs-content li {
	padding: 0px 0px 10px 10px;
	display: block;
	/*background:url(../images/img/ic-camera-feat.gif) 0px 0px no-repeat;*/
}
.product-tabs-content .add-to-links li {
	display: block;
	background:none;
}
.product-tabs-content .data-table li {
	padding: 0px 0px 5px 0px;
	display: block;
	background:none;
}
/* Block: Upsell
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-collateral .box-up-sell {
	margin:15px 0 0;
}
.box-up-sell .item {
	min-height:277px;
}
.box-up-sell h2 {
	float:left;
	margin:0 0 10px;
	font-size:15px;
	line-height:25px; /* Adjusted to tabs browse buttons height */
}
/* Tabs - override */
.box-up-sell .tabs {
	display:none;
}
.box-up-sell .tabs-panes {
	float:left;
	clear:none;
}
.box-up-sell .browse-button {
	float:left;
	margin:0 3px 10px 0;
}
.box-up-sell .browse-button.forward {
	margin-right:15px;
}
.box-up-sell .ratings {
	font-size:10px;
	margin:10px 0;
}
/* Override grid item's minimal height */
.box-up-sell .spec-grid4col .item {
	min-height:265px;
}
/* Clears %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.mclear {
	clear:both;
} /* my: additional simple clearing */
.clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after {
	display:block;
	content:".";
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
	overflow:hidden;
}
/* first css */

header, hgroup, nav, section {
	display: block;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
/* Smart clearfix */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
#container {
	margin: 0 0 20px;
	text-align: center;
	width: 100%;
}
div.menu {
	width:auto;
	height:35px;
	color:#4a4b4b;
	align:center;
	font:normal 14px 'Droid Sans', sans-serif;
	padding:0px 30px 10px 25px
}
div.wrapper {
	background-color: #fff;
	margin: 0 auto;
	padding: 20px 30px 20px 30px;
	text-align: left;
	width: 964px;
}
div.cleaner, div.clear, div.divider {
	margin:0;
	clear: both;
	font-size:1px;
	height: 1px;
	line-height: 1px;
}
div.divider {
	border-top: solid 1px #e7e7e7;
	clear: none;
	margin: 20px 0;
}
#logo {
	display: inline;
	float: left;
	margin:15px 0 0 0;
}
#logo a {
	color: #333;
}
#logo a:hover {
	color: #cf2626;
}
.header-helpful {
	display: inline;
	font-size: 12px;
	float: right;
	line-height: 20px;
	margin: 0;
	width:60%;
}
/* Header Contacts List */

.header-contacts {
}
.header-contacts a {
	color: #777;
}
.header-contacts a:hover {
	color: #74ae3d;
}
.header-contact {
	background-color: #f8f8f8;
	border: solid 1px #ececec;
	border-left-width: 0;
	color: #777;
	display: inline;
	float: left;
	font-size: 13px;
	line-height: 22px;
	padding: 5px;
}
.contact-first {
	border-left-width: 1px;
}
.contact-down {
	border-left-width: 1px;
	width:538px;
}
.header-contact .wpzoom-icon {
	background: #fff url(https://www.e-consystems.com/images/sprite-contact-icons2.png) no-repeat top left;
	border: solid 1px #e9e9e9;
	display: inline-block;
	float: left;
	margin-right: 10px;
	padding: 3px;
	height: 23px;
	width: 23px;
}
.header-contact .telephone {
	background-position: 0 -1px;
	background-color:#77af10;
}
.header-contact .email {
	background-position: 0 -25px;
}
.header-contact .address {
	background-position: 0 -48px;
}
.header-contact .help {
	background-position: 0 -72px;
}
.header-contact .info {
	background-position: 0 -97px;
}
.header-contact .value {
	display: inline;
	float: left;
	line-height: 30px;
}
/* Third CSS */

html, body, center, header, footer, span, iframe, ul, li, ol, u, i, b, p, hr, h1, h2, h3, h4, h5, h6, font, br, img {
	margin:0px;
	padding:0px;
	border:0px;
}
body {
	background-color: #e9e9e9 !important;
	color: #777 !important;
	font-family: 'Droid Sans', sans-serif !important;
	font-size: 12px !important;
	line-height: 1.5em !important;
	text-align: center;
	margin: 0 !important;
	padding: 0;
}
a {
	color: #0971b2;
	text-decoration:none;
}
a:hover {
	color: #85c24a;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
a.invert {
	color: #c6010a;
}
a.invert:hover {
	color: #105194;
}
a:focus {
	outline: none;
}
a:hover, a:active {
	outline: none;
}
.clear {
	margin:auto;
	clear:both;
}
.m_main {
	width:1024px;
	height:auto;
	margin:auto;
}
.p_main {
	width:1024px;
	height:auto;
	margin:auto;
	background:#FFFFFF;
}
.m_top {
	width:1024px;
	height:520px;
	background:#FFFFFF;
}
.m_top_shadow {
	width:1024px;
	padding:25px 0px 0px;
	background:url(https://www.e-consystems.com/images/shadow.png) no-repeat top;
}
.m_bottom_shadow {
	width:1024px;
	height:75px;
	background:url(https://www.e-consystems.com/images/shadow.png) no-repeat top;
}
.m_middle {
	width:1024px;
	height:1400px;
	background:#FFFFFF;
}
.product_middle {
	width:1024px;
	height:1400px;
	background:#FFFFFF;
}
.product_footer {
	width:1024px;
	height:auto;
	background:#FFFFFF;
}
.m_bottom {
	width:1024px;
	height:275px;
	background:#FFFFFF;
}
.m_bottom_space {
	width:1024px;
	background:#dFdFdF
}
.m_head_top {
	width:1000px;
	height:93px;
}
.m_head_left {
	width:auto;
	height:81px;
	float:left;
	padding:12px 0px 0px 22px;
}
.m_head_right {
	width:auto;
	height:93px;
	float:right;
	padding-right:12px;
}
.m_head_box {
	width:auto;
	height:10px;
	color:#4a4b4b;
	text-align:right;
	font:normal 12px 'Droid Sans', sans-serif;
}
.m_header {
	width:auto;
	height:35px;
	color:#4a4b4b;
	align:center;
	font:normal 14px 'Droid Sans', sans-serif;
	padding:10px 30px 10px 25px
}
.redfont-strike {
	color:#F00;
	font-weight:bold;
	font-size:16px;
	text-decoration:line-through
}
/*=========================================                  Header scroll menu css starets here   ==============================================*/

.overall-menu {
	-moz-transition: padding 1s ease;
	background: #FFF;
	height: 170px;
	-o-transition: padding 1s ease;
	-ms-transition: padding 1s ease;
	transition: padding 1s ease;
	width: 971px;
	padding: 0 26px;
}
.f-nav {
	float:left;
	width:971px;
	height:125px !important;
	margin:0 auto;
	position:fixed;
	top:0;
	background:#FFF;
}
.f-nav1 {
	display:none;
}
.f-nav2 {
	padding:10px 0 5px !important;
	-webkit-transition: padding 1s ease;
	-moz-transition: padding 1s ease;
	-o-transition: padding 1s ease;
	-ms-transition: padding 1s ease;
	transition: padding 1s ease;
}
.f-nav3 {
	width: 230px;
	height: 60px;
}
.f-nav4 {
	margin:6px 0 0 30px;
}
.f-nav6 {
	padding: 10px 12px !important;
}
div.wrapper-scroll {
	background-color: #fff;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	text-align: left;
	width: 100%;
}
/*===========================================            Videos css starts here        =====================================*/
.embed-container { float:left; width:250px; height:192px;  } 
.embed-container > .youtube { width:250px; height:192px; background-size:100%;}
.youtube {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    margin:0;
}

iframe {
  margin:0; height:192px; width:250px;
}

.youtube .play {
    background: url(https://www.e-consystems.com/images/youtube-play.png) no-repeat center center;
    background-size: 40px 28px;
    height: 100%;
    width: 100%;
    }

.youtube .play:hover {   background: url(https://www.e-consystems.com/images/youtube-hover.png) no-repeat center center;
    background-size: 40px 28px;
    height: 100%;
    width: 100%;
}

/*Custom CSS*/