
#menuBuilder #nav ul li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/boxsizing.htc); }
/* Begin css layout */

/* Begin css menu default */
/************************ Typography *************************/
.container { *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; }
.button { padding:0px 14px; margin-bottom:0px; text-align:center; vertical-align:baseline; cursor:pointer; color:#222222; font-size:0.8375rem; background-color:white; border:1px solid rgba(0, 0, 0, 0.3); -o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; text-decoration:none; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5); }
ul { font-size: 0.875em; margin-bottom: 17px; list-style-position: inside; margin-left: 0px; margin-bottom: 0; }
#menuBuilder { direction: ltr; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; line-height: 2.5em; }
#menuBuilder .text_menu_link{line-height: 2.5em;}


/* End css menu default */

/* End css layout */

/* Begin style.css */
body { color: #767777; font-size: 16px;}
button { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
.button { color: #767777; }
.button:hover { color: #A1ADD1; }
@media screen {
	#menuBuilder { max-width:840px; margin-left:auto; margin-right:auto; margin-top: 25px;}
	#menuBuilder .nav-button span { display: inline-block; width: 100% }
	
	#menuBuilder{ margin-left: auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 1px solid #ccc; background-color:transparent; border-style:none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; }
	#menuBuilder #nav ul:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	#menuBuilder #nav ul li.menu_items { 
			border-right: 1px solid #ccc; 
			text-align: center; 
			white-space: nowrap; 
			padding: 0px 0%;
			width: 24%;
			margin-left:1%;
			background-color:#ffffff;
			border-style:solid;
			border-width:1px;
			border-top-style:solid;
			border-top-width:1px;
			border-top-color:#767777;
			border-right-style:solid;
			border-right-width:1px;
			border-right-color:#767777;
			border-bottom-style:solid;
			border-bottom-width:1px;
			border-bottom-color:#767777;
			border-left-style:solid;
			border-left-width:1px;
			border-left-color:#767777;
			}
	#menuBuilder #nav ul li a { text-decoration: none; height: 100%; width: 100%; display: table; }
	#menuBuilder #nav ul li a span.icon_menu_handle, #menuBuilder .nav-button i.icon_menu_handle { background-repeat: no-repeat; height: 100%; position: absolute ; left: 0; top: 0; width: 100%; }
	#menuBuilder #nav ul li a span.text_menu_link {color: #767777; display: block;}
	#menuBuilder #nav ul li.menu_items ul { margin-top: 1px; width: 100%; border: none; }
	#menuBuilder #nav ul li ul.submenus{
		width:100%;
		margin-top:3px;
		background-color:#ffffff;
		border-style:solid;
		border-width:1px;
		border-top-style:solid;
		border-top-width:1px;
		border-right-style:solid;
		border-right-width:1px;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-left-style:solid;
		border-left-width:1px;
	}
	#menuBuilder #nav ul li ul li.submenu_items{
		width:100%;
		background-color:transparent;
		border-style:none;
		border-width:0px;
		border-top-style:none;
		border-top-width:0px;
		border-top-color:#cccccc;
		border-right-style:none;
		border-right-width:0px;
		border-right-color:#cccccc;
		border-bottom-style:none;
		border-bottom-width:0px;
		border-bottom-color:#cccccc;
		border-left-style:none;
		border-left-width:0px;
		border-left-color:#cccccc;
	}
	#menuBuilder #nav ul li ul li.submenu_items:hover{
		background-position:0% 0%;
		background-image:;
		background-color:transparent;
		background-repeat:repeat;
	}
	#menuBuilder #nav ul li ul li.submenu_items.coffeeBuilderHoverAllSubButtons{
		background-position:0% 0%;
		background-image:;
		background-color:transparent;
		background-repeat:repeat;
	}
	#menuBuilder #nav ul li ul li.submenus_items{
		border-style:solid;
		border-width:1px;
		border-color:#767777;
		border-top-style:none;
		border-top-width:1px;
		border-top-color:#767777;
		border-right-style:none;
		border-right-width:1px;
		border-right-color:#767777;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#767777;
		border-left-style:none;
		border-left-width:1px;
		border-left-color:#767777;
	}
	#menuBuilder .nav-button{
		margin-left:auto;
		margin-right:auto;
	}
}

ul ul { font-size: 100%; } 





@media screen {
#menuBuilder #nav > ul, #menuBuilder {
	margin: 0px 0%;
	padding: 0px 0%;
}
#menuBuilder {
    margin: 25px auto 0px auto;
    padding: 0px 0%;
}
#menuBuilder .nav-collapse, #menuBuilder #mainmenu, #menuBuilder #mainmenu_preview{
	clear: both;
	display: block;
}

#menuBuilder .nav-button, #menuBuilder .nav-button-slider{
	display: none;
}
#menuBuilder #nav ul li.menu_items {
	float: left;
    padding: 0px 0%;  
    margin: 0px 1% 0px 0%;  
    text-align: center;
    white-space: nowrap;
    width: 24%;
}
#menuBuilder #nav ul li ul.submenus{
    display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0px 0%;
	margin: 3px 0% 1px 0%;
	width: 100%;
	z-index: 2000;
}
#menuBuilder #nav ul li ul li.submenus_items{
    width: 100%;
	margin: 0px 0%;
}
#menuBuilder #nav ul li ul li:hover, #menuBuilder #nav ul li ul li.coffeeBuilderHoverAllSubButtons { 
	width: 100%;
}
#menuBuilder #nav ul li ul li a{
	text-align: center;
}
#menuBuilder .nav-button{
max-width:none;
	margin-left:auto;
	margin-right:auto;
}
#menuBuilder #nav ul li.menu_items:active{
box-shadow:rgba(0, 0, 0, 1) 0px 1px 4px 0px;
}
#menuBuilder #nav ul li.menu_items > a:hover span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	line-height:1em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#4d4d4d;
	text-align:;
	position:relative;
	left:0%;
	top:0px;
}
#menuBuilder #nav ul li.menu_items > a:active span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	line-height:1em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#0a0a0a;
	text-align:;
	position:relative;
	left:0%;
	top:0px;
}
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-align:;
	position:relative;
	left:auto;
	top:0px;
	text-transform:none;
	font-style:normal;
	text-decoration:none;
	font-size:1em;
	line-height:1em;
	color:#0a0a0a;
}
#menuBuilder #nav ul li.menu_items{
border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-width:0px;
	border-top-color:#cfcec9;
	border-right-width:0px;
	border-right-color:#adaba1;
	border-bottom-width:0px;
	border-bottom-color:#8a8a82;
	border-left-width:0px;
	border-left-color:#c2c2b4;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	box-shadow:rgba(0, 0, 0, 1) 0px 3px 5px 0px;
	background-color:#59f525;
	background-image:url("../images/key_shadow.png");
	background-repeat:repeat-x;
	background-position:0% 0%;
	width:18.6%;
	margin-right:1.1%;
	padding-left:0%;
	padding-top:12px;
	padding-bottom:8px;
	margin-left:0%;
	margin-top:0px;
	padding-right:0%;
	margin-bottom:2px;
}
#menuBuilder #nav ul li.menu_4:active{
margin-top:0px;
	margin-right:1.1%;
	margin-bottom:2px;
	margin-left:0%;
}
#menuBuilder #nav ul li.menu_2:active{
background-position:0% 0%;
	background-image:url(file;
	background-color:#7df043;
	background-repeat:repeat-x;
}
#menuBuilder #nav ul li.menu_1{
border-style:solid;
	border-width:8px;
	border-color:#c2c2b4;
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:#ffc57f;
	border-right-style:solid;
	border-right-width:8px;
	border-right-color:#b8640b;
	border-bottom-style:solid;
	border-bottom-width:8px;
	border-bottom-color:#995008;
	border-left-style:solid;
	border-left-width:8px;
	border-left-color:#de8933;
}
#menuBuilder #nav ul li ul.submenus{
padding-top:22px;
	background-color:transparent;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	border-style:none;
}
#menuBuilder #nav ul li ul li.submenus_items a:hover span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	line-height:2.5em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-transform:none;
	color:#4d4d4d;
	text-align:center;
	position:;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li ul li.submenus_items > a span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	text-transform:none;
	font-size:1.1em;
}
#menuBuilder #nav ul li ul li.submenus_items{
border-bottom-width:1px;
	border-bottom-style:dotted;
	padding-top:4px;
	padding-bottom:4px;
}
#menuBuilder{
max-width:700px;
	background-color:#91c72c;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	margin-left:auto;
	margin-right:auto;
	padding-left:2.2%;
	padding-right:0.5%;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:16px;
}
}

@media screen and (max-width:827px){
#menuBuilder #nav > ul, #menuBuilder {
	margin: 0px 0%;
	padding: 0px 0%;
}
#menuBuilder {
    margin: 25px auto 0px auto;
    padding: 0px 0%;
}
#menuBuilder .nav-collapse, #menuBuilder #mainmenu, #menuBuilder #mainmenu_preview{
	clear: both;
	display: block;
}

#menuBuilder .nav-button, #menuBuilder .nav-button-slider{
	display: none;
}
#menuBuilder #nav ul li.menu_items {
	float: left;
    padding: 0px 0%;  
    margin: 0px 1% 0px 0%;  
    text-align: center;
    white-space: nowrap;
    width: 24%;
}
#menuBuilder #nav ul li ul.submenus{
    display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0px 0%;
	margin: 3px 0% 1px 0%;
	width: 100%;
	z-index: 2000;
}
#menuBuilder #nav ul li ul li.submenus_items{
    width: 100%;
	margin: 0px 0%;
}
#menuBuilder #nav ul li ul li:hover, #menuBuilder #nav ul li ul li.coffeeBuilderHoverAllSubButtons { 
	width: 100%;
}
#menuBuilder #nav ul li ul li a{
	text-align: center;
}
#menuBuilder #nav ul li.menu_items:hover{
padding-top:7px;
	padding-right:0%;
	padding-bottom:3px;
	padding-left:0%;
	margin-top:0px;
	margin-right:1.1%;
	margin-bottom:2px;
	margin-left:0.5%;
}
#menuBuilder #nav ul li.menu_items:active{
margin-top:2px;
	margin-right:1.1%;
	margin-bottom:0px;
	margin-left:0.5%;
	padding-top:7px;
	padding-right:0%;
	padding-bottom:3px;
	padding-left:0%;
}
#menuBuilder #nav ul li.menu_items > a:hover span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	line-height:2.5em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#4d4d4d;
	text-align:center;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li.menu_items > a:active span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	line-height:2.5em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#4d4d4d;
	text-align:center;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
font-size:1.1em;
}
#menuBuilder #nav ul li.menu_items{
width:23.3%;
	margin-top:0px;
	margin-right:1.1%;
	margin-bottom:2px;
	margin-left:0.5%;
	padding-top:7px;
	padding-right:0%;
	padding-bottom:3px;
	padding-left:0%;
}
#menuBuilder #nav ul li.menu_1:hover > a span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	line-height:2.5em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#804a09;
	text-align:center;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li.menu_1 > a span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	line-height:2.5em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	text-align:center;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li ul.submenus{
margin-top:3px;
	margin-right:0%;
	margin-bottom:1px;
	margin-left:0%;
	padding-top:22px;
	padding-right:0%;
	padding-bottom:0px;
	padding-left:0%;
}
#menuBuilder #nav ul li ul li.submenus_items{
margin-top:0px;
	margin-right:0%;
	margin-bottom:0px;
	margin-left:0%;
	padding-top:4px;
	padding-right:0%;
	padding-bottom:4px;
	padding-left:0%;
}
#menuBuilder{
max-width:840px;
	margin-top:22px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-right:0.5%;
	padding-bottom:7px;
	padding-left:0.5%;
}}
@media screen and (max-width:509px){
#menuBuilder #nav > ul, #menuBuilder #nav ul li ul.submenus {
	margin: 0px 0%;
	padding: 0px 0%;
}
#menuBuilder {
    margin: 25px auto 0px auto;
    padding: 0px 0%;
}
#menuBuilder .nav-collapse, #menuBuilder #mainmenu_preview, #menuBuilder #mainmenu{
	clear: both;
	display: none;
}
#menuBuilder .nav-button, #menuBuilder .nav-button-slider{
	display: block;
}
#menuBuilder .nav-button {
	border-bottom: 4px solid #A1ADD1;
    text-align: left;
}
#menuBuilder #nav ul li.menu_items {
	width: 100%;
	float: none;
	padding: 0px 0%;
	margin: 2px 0% 0px 0%;
}
#menuBuilder #nav ul li ul li.submenus_items {
	padding: 0px 0%;
	margin: 0px 0%;
	width: 100%;
} 
#menuBuilder #nav ul li.menu_items ul {
	width: 100%;
}
#menuBuilder #nav ul li ul.submenus{
	display: none;
	position: relative;
	top: 100%;
	left: 0;
	padding: 0%;
	width: auto;
	z-index: 2000;
}
#menuBuilder #nav ul li.menu_items a {
	padding: 0px 0%;
}
#menuBuilder #nav ul li a span.text_menu_link {
	height: 100%;
	width: 100%;
	display: block;
}
#menuBuilder .nav-button span{
text-align:center;
	left:auto;
	top:auto;
	font-size:1.4em;
	font-weight:bold;
	color:#fcfcfc;
}
#menuBuilder .nav-button i.icon_menu_handle{
background-image:none;
	background-position:0% 0%;
}
#menuBuilder .nav-button{
max-width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding-top:12px;
	padding-bottom:8px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-width:5px;
	border-right-width:8px;
	border-bottom-width:8px;
	border-left-width:8px;
	background-color:#a3a3a3;
	margin-bottom:8px;
	background-image:url("../images/key_shadow.png");
	background-repeat:repeat-x;
	box-shadow:rgba(0, 0, 0, 1) 0px 3px 5px 0px;
	border-bottom-color:#454545;
	border-left-color:#858585;
	border-right-color:#7a7a7a;
	border-top-color:#d9d9d9;
}
#menuBuilder #nav ul li.menu_items:hover{
margin-top:4px;
	margin-right:0%;
	margin-bottom:5px;
	margin-left:0%;
	padding-top:9px;
	padding-right:0%;
	padding-bottom:5px;
	padding-left:0%;
}
#menuBuilder #nav ul li.menu_items:active{
margin-top:6px;
	margin-right:0%;
	margin-bottom:3px;
	margin-left:0%;
	padding-top:9px;
	padding-right:0%;
	padding-bottom:5px;
	padding-left:0%;
}
#menuBuilder #nav ul li.menu_items > a:hover span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	line-height:2.5em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#4d4d4d;
	text-align:center;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li.menu_items > a:active span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	line-height:2.5em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#4d4d4d;
	text-align:center;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
text-transform:uppercase;
	font-weight:bold;
}
#menuBuilder #nav ul li.menu_items{
box-shadow:rgba(0, 0, 0, 1) 0px 3px 5px 0px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	background-color:#f0ece2;
	margin-top:4px;
	margin-bottom:5px;
	border-top-style:solid;
	border-bottom-style:solid;
	padding-left:0%;
	padding-top:9px;
	width:100%;
	padding-bottom:5px;
	background-repeat:repeat-x;
	border-top-width:5px;
}
#menuBuilder #nav ul li.menu_1:active{
margin-top:9px;
	margin-right:0%;
	margin-bottom:2px;
	margin-left:0%;
}
#menuBuilder #nav ul li.menu_1{
background-position:0% 0%;
	background-image:url(../../../../../../../../../images/key_orange_shadow.png);
	background-color:#ffaa4f;
	background-repeat:repeat-x;
}
#menuBuilder #nav ul li ul.submenus{
margin-top:3px;
	margin-right:0%;
	margin-bottom:1px;
	margin-left:0%;
	padding-top:0px;
	padding-right:0%;
	padding-bottom:0px;
	padding-left:0%;
}
#menuBuilder #nav ul li ul li.submenus_items a:hover span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	line-height:1.9em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#4d4d4d;
	text-align:center;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li ul li.submenus_items > a span.text_menu_link{
line-height:1.9em;
}
#menuBuilder #nav ul li ul li.submenus_items{
border-top-style:dotted;
	border-top-width:1px;
	border-bottom-style:none;
	padding-top:11px;
	padding-bottom:5px;
}
#menuBuilder{
max-width:840px;
	margin-left:auto;
	margin-right:auto;
	box-shadow:rgba(56, 56, 56, 1) 0px 0px 6px 1px inset;
	padding-left:1.5%;
	padding-right:1.5%;
	padding-top:2px;
	padding-bottom:4px;
}}
