/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { float: left; }
.sf-menu li.sfHover > ul, .sf-menu li.sfHover:hover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 102%; }
.sf-menu ul li.current_5 ul { left: 30px; }
.sf-menu .cat_customer_support > ul, .sf-menu li.current_0.sfHover > ul, .sf-menu li.current_0:hover > ul { margin-top: .4em; }
/*** DEMO SKIN ***/
.sf-menu { float: left; margin-bottom: 1em; }
.sf-menu ul { min-width: 12em; /* allow long menu items to determine submenu width */  *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a { padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ }
.sf-menu a { color: #13a; }
.sf-menu li {
/* 	white-space: nowrap; */ /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; }
.sf-menu ul li { }
.sf-menu ul ul li { }
.sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */
-webkit-transition: none; transition: none; }
/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 31px; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator2 { width: 11px; height: 12px; }
.sf-sub-indicator { width: 11px; height: 12px; }
.sf-sub-indicator2, .sf-sub-indicator { position: absolute; right: 0; top: 1.05em; /* IE6 only */ text-indent: -999em; overflow: hidden; background: url('../images/superfish-arrows.png') no-repeat;/* 8-bit indexed alpha png. IE6 gets solid image only */ z-index: 100; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all .5s; }
.sf-menu > li a > span.sf-sub-indicator { top: 18px; right: 8px; }
.sf-menu > li li a > .sf-sub-indicator { top: 12px; right: 0px }
a:hover > .sf-sub-indicator { }
/* apply hovers to modern browsers */
li:hover > a > .sf-sub-indicator, li a:focus > .sf-sub-indicator, li a:hover > .sf-sub-indicator, li a:active > .sf-sub-indicator { background-position: 0px 0px; /* arrow hovers for modern browsers*/ -moz-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator { background-position: 0px 0px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: 0px 0px; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0px; }
/* apply hovers to modern browsers */

.sf-menu ul li:hover > a > .sf-sub-indicator { background-position: 0px 0px; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }
.cat_navbar { padding-top: 0px; min-height: 49px; margin-bottom: 11px; z-index: 88; clear: both; margin-left: 0px; }
.navbar_bg { margin: 0px auto 0px auto; min-height: 49px; padding-top: 0px; padding-bottom: 0px; background: #3b3b3b; /* Old browsers */ background: -moz-linear-gradient(top, #3b3b3b 0%, #303030 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b3b3b), color-stop(100%, #303030)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3b3b3b 0%, #303030 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3b3b3b 0%, #303030 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3b3b3b 0%, #303030 100%); /* IE10+ */ background: linear-gradient(to bottom, #3b3b3b 0%, #303030 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#303030', GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px; border-radius: 5px;/**/ }
.sf-menu { line-height: 1.0; float: left; border-right: 1px solid #474747; }
.sf-menu > li ul { padding: 5px 20px 9px 20px; background: #4fb3be; /* Old browsers */ background: -moz-linear-gradient(top, #4fb3be 0%, #43aab6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4fb3be), color-stop(100%, #43aab6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4fb3be 0%, #43aab6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4fb3be 0%, #43aab6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4fb3be 0%, #43aab6 100%); /* IE10+ */ background: linear-gradient(to bottom, #4fb3be 0%, #43aab6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb3be', endColorstr='#43aab6', GradientType=0 ); /* IE6-9 */
border-top: 1px solid #63bbc5; border-left: 1px solid #63bbc5; border-right: 1px solid #317b84; border-bottom: 1px solid #317b84; }
.sf-menu.contact > li:hover, .sf-menu.contact > li { border-right: 0px solid #317b84; }
.sf-menu ul ul { margin-top: 0px; }
.sf-menu > li:hover { margin-right: 0px; background: #4fb3be; /* Old browsers */ background: -moz-linear-gradient(top, #4fb3be 0%, #43aab6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4fb3be), color-stop(100%, #43aab6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4fb3be 0%, #43aab6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4fb3be 0%, #43aab6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4fb3be 0%, #43aab6 100%); /* IE10+ */ background: linear-gradient(to bottom, #4fb3be 0%, #43aab6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb3be', endColorstr='#43aab6', GradientType=0 ); /* IE6-9 */
border-top: 0px solid #63bbc5; border-bottom: 0px solid #317b84; border-left: 1px solid #52b3be; border-right: 1px solid #4aafbb; }
.sf-menu > li { border-top: 0px solid #515151; border-bottom: 0px solid #232323; border-left: 1px solid #474747; border-right: 1px solid #2e2e2e; float: left; position: relative; }
.sf-menu > li.first { -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.sf-menu.contact > li { -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.sf-menu.contact, .sf-menu.contact > li { border-right: 0px; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { /* left:			0px; */
	/* top:			3.9em; */ /* match top ul list item height */
z-index: 9999; -webkit-border-radius: 5px; border-radius: 5px; }
#header .sf-menu a {     /*#header seems to be required*/ /*border-top:		1px solid #CFDEFF;*/
color: #827f7f; font-weight: bold; text-decoration: none; }
.sf-menu a, .sf-menu a:hover, .sf-menu > li:hover > a { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; text-decoration: none; }
.sf-menu .sfHover li a, .sf-menu > li li > a:hover, { /* visited pseudo selector so IE6 applies text colour*/
 color:			#353333;
text-decoration:none;
}
.sf-menu > li > a { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; text-decoration: none; padding: 18px 19px 15px 19px; font-weight: normal; font-size: 16px; font-style: normal; text-transform: uppercase; }
.sf-menu > li > a.current, .sf-menu > li > a:hover { /* visited pseudo selector so IE6 applies text colour*/ text-decoration: none; }
.sf-menu > li > a:hover { /* visited pseudo selector so IE6 applies text colour*/ }
.sf-menu > li li a { color: #fff; }
.sf-menu > li li a:hover { color: #000; }
.sf-menu > li li > a { padding: 11px 0px 9px 0px; text-align: left; font-weight: normal; }
.sf-menu . li.last a, .sf-menu > li li.last > a {
}
.sf-menu .sfHover > li > a, .sf-menu > li li.sfHover > a { padding: 11px 20px 9px 0px; }
.sf-menu > li:hover > a { color: #fff; }
.sf-menu > li.last { }
.sf-menu > li.last a { }
.sf-menu li li { border-top: 1px dashed #525152; }
.sf-menu li li.first { border-top: 0px dashed #525152; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { }
