/**
* GK Tab - style 1
* @package Joomla!
* @Copyright (C) 2009-2011 Gavick.com
* @ All rights reserved
* @ Joomla! is Free Software
* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
* @version $Revision: GK4 1.0 $
**/

.gkTab { position: relative; }
.gkTabWrap { margin: 0 auto; }
ul.gkTabs { margin:0!important; padding: 0!important; }
ul.gkTabs li { text-transform: uppercase; list-style-type: none; position: relative; margin: 0 !important; padding: 22px 20px!important; border: none !important; border-right: 1px solid #e3e3e3!important; background: none!important; float: left; cursor: pointer; font-weight: 500; color: #fff }
ul.gkTabs li:hover,
ul.gkTabs li.active { color: #000 !important; }
ul.gkTabs li:hover:first-child,
ul.gkTabs li.active:first-child { -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px; border-radius-topright: 4px; }
.gkTabItem { float: left; padding: 19px 0; }
.gkTabButtonNext,
.gkTabButtonPrev { width: 18px; height: 18px; background: url('../images/style1/b_next.png') no-repeat 0 0; cursor: pointer; position: absolute; top: 43%; right: 0; text-indent:-999em; }
.gkTabButtonPrev { background: url('../images/style1/b_prev.png') no-repeat 0 0; left: 0; right:inherit; }
.gkTabButtonNext:hover,
.gkTabButtonPrev:hover { background-position: 100% 0; }
.gkTabContainer0,
.gkTabContainer1,
.gkTabContainer2 { position:relative; }
.gkTabItem { position: absolute; left: -999em; top: 0; width: 100%; }
.gkTabItem.active { position: static; left: 0; }
.products-by-cat ul.gkTabs {
  background: #e9e9e9 !important;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  width: 150px;
}

.products-by-cat .gkTabContainer0 {
  float: left;
  margin-left: 55px;
  width: calc(100% - 260px);
}
.products-by-cat ul.gkTabs li{
	width: 100%;
	text-align: center;
}
.products-by-cat .gkTab-1 i, .products-by-cat .gkTab-2 i, .products-by-cat .gkTab-3 i, .products-by-cat .gkTab-4 i{
	font-family: "perfumeart" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.products-by-cat .gkTab-1 i::before {
	content: "\64";
	font-size: 40px;
}
.products-by-cat .gkTab-2 i:before {
	content: "\69";
	font-size: 40px;
}
.products-by-cat .gkTab-3 i:before {
	content: "\6c";
	font-size: 40px;
}
.products-by-cat .gkTab-4 i:before {
	content: "\67";
	font-size: 40px;
}
.products-by-gender .mdpArtPage {
	clear: both;
}
.products-by-gender .gkTabs.top {
	height: 20px;
	left: calc(50% - 150px);
	margin: auto;
	position: relative;
	width: 300px;
}
.products-by-gender .gkTabs.top li {
	padding: 0 !important;
	width: 100px;
	text-align: center;
	border: none !important;
}
.products-by-gender .gkTab-1:after, .products-by-gender .gkTab-2:after{
  background: #000;
  border-radius: 14px;
  content: " ";
  height: 14px;
  position: absolute;
  right: -7px;
  top: calc(50% - 7px);
  width: 14px;
}
.products-by-gender ul.gkTabs li{
	font-size: 14px;
	font-weight: 400;
	color: #000;
}
.products-by-gender ul.gkTabs li:hover, .products-by-gender ul.gkTabs li.active {
  color: #f00 !important;
}