/*
*****************************************************************
Created By: Sudhansu Kumar Patro From Dion Global Solutions Ltd
*****************************************************************
*/

/*  RESET  ============================================================================= */
#menu > ul > li > div { 
	position: absolute;
	left:-1290px;
	padding:2.5%;
	background:url(../images/submBg.png) repeat;
	width:1350px;
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
	opacity:0;
	visibility:hidden;
	z-index:+99999 !important;
}
#menu > ul > li:hover > div {
	opacity:1;
	visibility:visible;
	transition: opacity 200ms ease-in-out 200ms; 
}
#menu > ul > li:hover > div > .cat_summary {
	float:right;
	width:33%;
}
#menu > ul > li:hover > div > .cat_summary img {
	margin-bottom:15px;
}
#menu > ul > li:hover > div > .cat_summary h4 {
	font-size:22px;
	line-height:24px;
	margin:0px 0px 10px 0px;
}
#menu > ul > li:hover > div > .wrapper {
	width:1000px; margin:0 auto;
	font-size:0; /* needed to remove gap between columns */
}
/* if category summary is enabled */
#menu > ul > li:hover > div > .cat_summary + .wrapper {
	width:65% !important;
}
#menu > ul > li > div > .wrapper > ul {
    list-style: none outside none;
}
/* Grid groups with sub and sub-sub categories */
#menu > ul > li > div > .wrapper > ul > li {
	display:inline-block;
	float:none;
	vertical-align:top;
	/* 4 columns is default */
	width:23%;
	padding:12px 1% 12px 1%;
}
#menu > ul > li > div > .wrapper > ul > li.column-1 {width:98%;}
#menu > ul > li > div > .wrapper > ul > li.column-2 {width:48%;}
#menu > ul > li > div > .wrapper > ul > li.column-3 {width:31.33%;}
#menu > ul > li > div > .wrapper > ul > li.column-4 {width:25%;}
#menu > ul > li > div > .wrapper > ul > li.column-5 {width:18%;}
#menu > ul > li > div > .wrapper > ul > li.column-6 {width:14.66%;}
#menu > ul > li > div > .wrapper > ul > li.column-7 {width:12.25%;}
#menu > ul > li > div > .wrapper > ul > li.column-8 {width:10.5%;}

/* Thumb for second level categories */
#menu > ul > li ul > li img {
	margin-bottom:0px;
	display:block;
}
/* Second level categories */
#menu > ul > li > div > .wrapper > ul > li > div > ul {
	padding:8px 0px 0px 0px;
}
#menu ul li ul li a {
	font-size:16px;
	text-transform:uppercase;
	line-height:18px;
	color:#f3cb1c;
}
#menu ul li ul li a:hover{color:#f3cb1c;}
/* Product counter for second level */
#menu > ul > li > div > .wrapper > ul > li > a span { 
    display:none;
}
/* Third level categories */
#menu > ul > li ul > li ul > li > a {
	font-size:12px;
	text-transform:none;
	line-height:25px;
	display: block;
	white-space: nowrap;
	padding-left:15px;
	background-image:url('../images/bullet_tiny.png');
	background-repeat:no-repeat;
	background-position:0px 9px;
	transition: background-position 100ms ease-in-out;
	color:#FFF;
	border:none;
}
#menu > ul > li ul > li ul > li > a:hover {
	background-position:3px 9px;
	transition: background-position 100ms ease-in-out;
	color:#fff;
	text-decoration:none;
}

/*Menu Wide End here */


/* General */


#captcha {
	margin-top:10px;
}
.up_to_tablet, .up_to_mobile {
	display:none !important;
}

/* Css arrows for menu, cart etc */
.css_arrow {
	display:inline-block;
	border-left-color: transparent !important;
	border-bottom-color: transparent !important;
	border-right-color: transparent !important;
	border-style: solid;
	margin:0px 0px 0px 3px;
	border-width:4px;
	content: "";
	vertical-align: middle;
}
/* menu */
.menu_wrapper {
	position:relative;
	z-index:+999; float:right; padding:0; margin:0
}
#menu {
	background-repeat:repeat;
	width:100%;
	padding:0;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}
#menu > ul > li {
	background: url(../images/navigation.jpg) no-repeat;
	width:59px; height:47px; padding:0;
	transition: background-position 300ms ease-in-out 0s;

}
#menu > ul > li.right {
	float: right;
}
#menu > ul > li > a, #menu .mobile_menu_trigger {
	font-size:12px;
	font-weight:bold;
	height:16px; /* Needed for ie 7,8 */
	text-shadow: none;
	text-transform:uppercase;
	color: #ffffff;
	display:block;
	padding: 5px 9px 4px 10px;
	margin-bottom: 10px;
	transition:	none;
	-moz-transition: none;
	-webkit-transition:	none;
	-o-transition: none;
}
/* If text shadow in menu */
.main_menu_text_shadow #menu > ul > li > a, .main_menu_text_shadow #menu .mobile_menu_trigger {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
#menu > ul > li:hover > a, #menu > ul > li.current > a {
	color:#1467a0;
	text-decoration:none;
	text-shadow: none !important;
	padding: 5px 9px 14px 10px;
	margin-bottom:0px;
	display: block;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	-webkit-box-shadow: 0px -1px 1px rgba(34, 34, 34, 0.1);
	-moz-box-shadow: 0px -1px 1px rgba(34, 34, 34, 0.1);
	-khtml-box-shadow: 0px -1px 1px rgba(34, 34, 34, 0.1);
	box-shadow: 0px -1px 1px rgba(34, 34, 34, 0.1);
	background-color: #f2f2f2;
	-ms-filter: none; /* Internet explorer 8 */
	filter:none; /* Internet explorer 7 */
	background:url(../images/navigation-over1.jpg) no-repeat; height:47px
}
#menu > ul > li:hover > a {
	z-index:99999;
	position:relative;
}
#menu > ul > li.withsubs > a {
	padding-right: 6px;
}
/* Arrow for categories that have sub categories */
#menu > ul > li .css_arrow {
	display:none; /* Hide as default */
}
#menu > ul > li.withsubs .css_arrow {
	display:inline-block; /* Show if category has subs */
}
#menu > ul > li.withsubs:hover .css_arrow {
	border-color:#1467a0;
}
#menu ul li.current > a, #menu ul li.current .css_arrow {
	color:#333333 !important;
	border-top-color:#333333 !important;
}
#menu .mobile_menu_trigger {
	background: url(../images/pix.png) 100% -292px no-repeat;
	margin-bottom:0px;
}
/* Home link enabled */
#menu ul li.home > a {
	background: url(../images/navigation.jpg) no-repeat;
	width:59px; height:47px; padding:0;
	transition: background-position 300ms ease-in-out 0s;
}
/* Home link only text */
#menu ul li.home.only_text > a {
	background-image: none;
	padding-left:10px;
}
/* Home link only icon */
#menu ul li.home.only_icon > a {
	text-indent:-9999px;
	padding-right:5px;
}
/* Home link disabled */
#menu ul li.home.disabled {
	display:none;
}
#menu ul li.home > a:hover, #menu ul li.home.current > a {
	background:url(../images/navigation-over.jpg) no-repeat ;
}
/* Dark home icon */
#menu ul li.home a {
	background-position: 8px -397px;
}
#menu ul li.home a:hover,  #menu ul li.home.current a {
	background-position: 8px -391px;
}
/* Dark trigger icon */
#menu .mobile_menu_trigger {
	background:url(../images/navigation-over.jpg) no-repeat ; height:47px; width:59px; cursor:pointer
}
/* Custom block */
#menu > ul > li.custom_block { 
	position: static !important;
}
#menu > ul > li.custom_block > div { 
	left:0px;
	padding:1.5% 2% 3% 2%;
	width:96%;
}

/* Mobile menu */
.mobile_menu_wrapper {
	margin:0px auto;
	padding:0px 10px;
	display:none;
}
.mobile_menu {
	border-bottom:1px solid #eeeeee;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.mobile_menu ul {
	margin:0px;
	padding:0px;
}
.mobile_menu li {
    display: block;
    padding: 0px;
	background:#ffffff;
	margin:0px;
	position:relative;
	border-top:1px solid #eeeeee;
}
.mobile_menu li:first-child {
	border-top:none;
}
.mobile_menu li a {
    display: block;
	height:50px;
	line-height:38px;
    padding: 7px 20px;
	color:#444443;
	font-size:14px
}
.mobile_menu li a:hover{ text-decoration:underline}
.mobile_menu .plus {
	background-image:url(../images/mobile_menu_plus.png);
	position:absolute;
	right:0px;
	top:0px;
	width:50px;
	height:50px;
	background-color:#1467a0;
	cursor:pointer;
	z-index: +999999 !important;
}
.mobile_menu li .plus, .mobile_menu li.open ul li .plus {
	background-position:0px 0px;
}
.mobile_menu li.open .plus, .mobile_menu li.open ul li.open .plus {
	background-position:0px -50px;
}
.mobile_menu li ul {
    display: none;
}
.mobile_menu li ul li a {
    padding: 0px 35px;
/*	height:35px;
*/	background:#f0f0f0;
border-bottom:1px solid #E5E5E5
}
.mobile_menu ul li ul {
	border-top:1px solid #eeeeee;
	
}
.mobile_menu li ul li ul li a {
    padding: 0px 50px;	background:#e3e3e3;
}

/*style ends*/


@media only screen and (max-width: 999px) {
body {min-width:250px;}
.up_to_tablet {display:block !important;}
.only_desktop {display:none !important;}
.tablet_hide {display:none !important}
.input_field_half,
.input_field_half input,
.box-product > div
{
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}

/* Menu */
#menu {
	padding-top:10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
#container, .header_top, #header, .menu_wrapper, .mobile_menu_wrapper, .breadcrumb, #footer {width:724px;}
#column-left, #column-right {width:180px;}
#column-left + #column-right + #content, #column-left + #content {margin-left: 200px;}
#column-right + #content {margin-right: 200px;}

}
@media only screen and (max-width: 767px) {
.up_to_mobile {display:block !important;}
.mobile_hide {display:none !important}

#container, .mobile_menu_wrapper, .breadcrumb {
	width:auto;
	padding-left:10px;
	padding-right:10px;
}
}
.col-3, .custom_block .col-4, .custom_block .col-5 {
	float:left;
	display:block;
	margin-right:1%;
	margin-left:1%;
	padding-top:5px;
}.custom_block .col-4 {
	width:23%;
}
.current1{
	
	padding: 0px 0px 0px 0px;
	margin:1px !important;
	
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0px -1px 1px rgba(34, 34, 34, 0.1);
	-moz-box-shadow: 0px -1px 1px rgba(34, 34, 34, 0.1);
	-khtml-box-shadow: 0px -1px 1px rgba(34, 34, 34, 0.1);
	box-shadow: 0px -1px 1px rgba(34, 34, 34, 0.1);
	background-color: #f2f2f2;
	-ms-filter: none; /* Internet explorer 8 */
	filter:none; /* Internet explorer 7 */
	backface-visibility: hidden; /* Keep for firefox not take affect by opacity fadein */}
	
.current1 ul{ margin:0px; padding:0px;}
.current1 li{ float:left; list-style-type:none; padding:8px;}
.current1 li:hover{ background:#fff;}
@media only screen and (max-width: 1440px) {

#menu > ul > li > div { 
	position: absolute;
	left:-1380px;
	padding:2.5%;
	width:1450px;
}
}