@charset "utf-8";

:-moz-any-link:active, a:active, a:focus, input, textarea, button {outline:none;}
ul {list-style: none;}
button, a {cursor: pointer;}
blockquote, p, ul, ol, dl {margin-bottom: 18px; line-height: 18px;}

*::-moz-selection {
  color: #000;
}
*::-webkit-selection {
  color: #000;
}
::selection {
  color: #000;
}
div.s_nav {
}

.s_nav, .s_nav ul, .s_nav ul li {
	margin: 0;
	padding:0;
}
.s_nav > ul > li > a {
		line-height: 12px;
		color: #024a61;
		font-family: "MyriadProCondRegular";
		font-weight: 300;
		font-size: 20px;
		text-decoration: none;
		text-transform: uppercase;
}

.s_nav > ul > li,
.s_nav > ul > li > a
{
  z-index: 250;
  display: block;
  float: left;
}

.s_nav .s_submenu {
  z-index: 200;
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
}

.s_nav li .s_submenu ul ul {
  position: absolute;
  top: 0;
  left: 96%;
}

.s_nav li:hover,
.s_nav li:hover > a
{
  position: relative;
}

.s_nav li:hover .s_submenu,
#cart_menu:hover .s_submenu
{
  display: block;
}

.s_nav.s_size_1 > ul > li,
.s_nav.s_size_1 > ul > li > a
{
  line-height: 20px;
}

.s_nav.s_size_2 > ul > li,
.s_nav.s_size_2 > ul > li > a
{
  line-height: 30px;
}

.s_list_1 li {
  padding-left: 15px;
}

#categories {
  clear: both;
  padding: 0px 0;
	margin: 0;
}
#categories > ul > li {
		vertical-align: bottom;
}
#categories > ul > li > a {
		padding:22px 15px 0px 15px;
		display: block;
		height: 18px;
		color: #000000;
		background-color: #fff;
		font-family: "MyriadProCondRegular";
		font-weight: 300;
		font-size: 20px;
		text-decoration: none;
		text-transform: uppercase;
}
#categories > ul > li > a:hover {
		padding:20px 15px 0px 15px;
		display: block;
		height: 20px;
		color: #fff;
		background-color: #f07c00;
		font-family: "MyriadProCondRegular";
		font-weight: 300;
		font-size: 20px;
		text-decoration: none;
		text-transform: uppercase;
}
a.navtitle, a.navtitle:visited {
  font-size: 18px;
	font-family: "MyriadProRegular";
	color: #024a61;
	text-decoration: none;
	display: block;
	padding-top: 15px;
}
a.navtitle:hover {
  font-size: 18px;
	font-family: "MyriadProRegular";
	color: #024a61;
	text-decoration: underline;
	display: block;
	padding-top: 15px;
}
a.navtitle2, a.navtitle2:visited {
  font-size: 16px;
	font-family: "MyriadProRegular";
	color: #737373;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}
a.navtitle2:hover {
  font-size: 16px;
	font-family: "MyriadProRegular";
	color: #000;
	display: block;
	padding-left: 20px;
	text-decoration: underline;
}
a.navtitle3, a.navtitle3:visited, a.navtitle3:hover {
  font-size: 14px;
	font-family: "MyriadProRegular";
	color: #737373;
	display: block;
	padding-left: 40px;
	text-decoration: none;
	line-height: 14px;
}
#categories > ul > li.s_selected > a {
}

#categories .s_submenu,
#cart_menu .s_submenu
{
  width: 800px;
	left: -200px;
  padding: 10px 0 20px 20px;
  background-color: #efefef;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border: 1px solid #e3e3e3;
}
#categories .s_submenu h3 {
  height: 12px;
  margin: 0;
  padding: 17px 0 14px 0;
  line-height: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 11px !important;
  font-weight: normal;
  color: #bbb;
  height: 40px;
  line-height: 12px;

}

#categories .border_eee {
  width: 380px;
}

#categories .s_submenu > ul {
  margin-bottom: 15px;
}

#categories li .s_submenu > ul > li {
  float: left;
  width: 165px;
  margin-right: 20px;
}

#categories li .s_submenu a {
  display: block;
}

#categories .s_submenu small {
  font-size: 11px;
  color: #999;
}

#categories li .s_submenu > ul > li:hover {
  position: relative;
}

#categories .s_submenu li:hover > ul {
  display: block;
}

#categories .s_submenu ul ul {
  position: absolute;
  top: -5px;
  left: 96%;
  display: none;
  width: 150px;
  padding: 5px 10px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#categories .s_submenu ul ul li {
  width: 140px;
  margin: 0;
}