@import url(https://fonts.googleapis.com/css?family=Lato:400,600,300,900);

/* Base Styles */
#primary .xoxo div,
#primary .xoxo div ul,
#primary .xoxo div li,
#primary .xoxo div a {
	margin: 0;padding: 0;border: 0;list-style: none;font-family: 'Lato', sans-serif !important;text-decoration: none;line-height: 1;font-size: 13px;position: relative;
}
#primary .xoxo div a {
	line-height: 1.3;
}

/* Main Div Container */
#primary .xoxo div  {
	width: 240px; border-radius: 3px;
}
/* First & Last Children */
#primary .xoxo div > ul > li:first-child, #primary .xoxo div > ul > li:first-child > span  {
	border-radius: 3px 3px 0 0;
}
#primary .xoxo div > ul > li:last-child, #primary .xoxo div > ul > li:last-child > span  {
	border-radius: 0 0 3px 3px;
}
/* First Level Menu Items */
#primary .xoxo div > ul > li > span {
    display:block;
    background: #fff;
    box-shadow: inset 0px -2px 0px -1px #d3d3d3;
    margin-right:2px;
}
#primary .xoxo div > ul > li.active > span, #primary .xoxo div > ul > li:hover > span {
	background: #080808;
	background: -moz-linear-gradient(#666 0%, #080808 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #080808));
	background: -webkit-linear-gradient(#666 0%, #080808 100%);
	background: linear-gradient(#666 0%, #080808 100%);
}

#primary .xoxo div > ul > li > span > a {
	font-size: 13px;
    font-weight:bold;
	color: #444444;
	border: none;
    margin-bottom:1px;
    display:inline-block;
    width:100%;

}

#primary .xoxo div > ul > li.active > span > a, #primary .xoxo div > ul > li:hover > span > a {
    color: #fff;
}
#primary .xoxo div > ul > li > span {
	display: block;
	padding: 12px 30px 12px 10px;
}

#primary .xoxo div > ul > li > a:hover {
	text-decoration: none;
}
#primary .xoxo div > ul > li.active {
	border-bottom: none;
}


/*Level 1 to Level 2*/
#primary .xoxo span.open {
    content:"";
    display:inline-block;
    padding: 0px;
    float:right;
    margin-right: -26px;
    font-size: 1.5em;
    line-height: 1em;
}
#primary .xoxo div > ul > li.has-sub span:before {
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#333333;
}
#primary .xoxo div > ul > li.has-sub span.open:before {
	content:"\f055";
    cursor: pointer;
}
#primary .xoxo div > ul > li.has-sub:hover span.open:before, #primary .xoxo div > ul li.has-sub.active span.open:before {
	color:#fff;
}

#primary .xoxo div > ul > li.active.has-sub span.open:before {
	content:"\f056";
}




/* Sub menu */
#primary .xoxo div ul ul {
	display: none;
	background: none;
    margin-right:3px;
}
#primary .xoxo div ul ul li {
	padding: 0;
	border: none;
	background: #f7f7f7;
}

#primary .xoxo div ul ul li:first-child {
	padding-top: 10px;
}
#primary .xoxo div ul ul li:last-child {
	padding-bottom: 10px;
}

#primary .xoxo div ul ul a {
	padding: 5px 10px 5px 25px;
	display: block;
	color: #444444;
	font-size: .9em;
	font-weight: normal;
    line-height:1.2em;
}
#primary .xoxo div ul ul li.active a {
    font-weight: bold;
}
#primary .xoxo div ul ul a:before {
	content: '\00BB';
	position: absolute;
	left: 10px;
    color:#025596;
}
#primary .xoxo div ul ul a:hover {
    color:#46a8e2;
}



/* Level 2 to Level 3 */
#primary .xoxo div ul.sub-menu > li.has-sub span:before {
    font:normal normal normal 12px/1 FontAwesome;
}

#primary .xoxo div ul.sub-menu > li.has-sub:hover span.open:before, #primary .xoxo div > ul ul > li.has-sub.active span.open:before {
	color:#000;
}

#primary .xoxo div ul.sub-menu > li.active.has-sub span.open:before {
	content:"\f056";
}
#primary .xoxo div ul ul ul {
    display: none;
    background: none;
    margin: 0;
    padding: 0 0 0 15px;
}
#primary .xoxo div ul ul ul li:first-child {
    padding-top: 0;
}
#primary .xoxo div ul ul ul li:last-child {
    padding-bottom: 0;
}

#primary .xoxo div ul.sub-menu > li.active > span > a, #primary .xoxo div ul.sub-menu > li:hover > span > a {
    color: #025596;
}
#primary .xoxo div ul ul.sub-menu > li > span {
	display: block;
	padding: 0 30px 0 0;
}

#primary .xoxo div ul ul li.has-sub a {
	padding: 5px 10px 5px 25px;
	display: inline-block;
	color: #444444;
	font-size: .9em;
	font-weight: normal;
    line-height:1.2em;
}
#primary .xoxo div > ul.menu ul.sub-menu > li.has-sub span.open:before {
	color:#333333;
}

/* bonus, new & coming-soon */
#primary ul.menu > li.bonus span.label-bonus {background: url(../images/bonus.png) center left no-repeat; padding: 16px 27px; margin-left: -16px; }
#primary ul.menu > li.new span.label-new {background: url(../images/new.png) center left no-repeat; padding: 16px 27px; margin-left: -16px;  }
#primary .xoxo span.warning {
    content:"";
    display:inline-block;
    padding: 0px;
    float:right;
    margin-right: -26px;
    font-size: 1.5em;
    line-height: 1em;
}
#primary .xoxo div > ul > li.coming-soon span.warning:before {
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#f8f23a;
}
#primary .xoxo div > ul > li.coming-soon span.warning:before {
	content:"\f071";
    cursor: pointer;
}