/****Build Information: Windows 1.5 Build 56****/

/* Update css */
.menuBuilderContainer, #menuBuilder #nav, #menuBuilder #nav ul, #menuBuilder #nav ul li, #menuBuilder #nav ul li a, #menuBuilder #nav ul li a span {
	margin: 0;
	padding: 0;
	text-shadow: rgba(255, 255, 255, 1) 0px 0px 0px 0px;
	box-shadow: inset rgba(255, 255, 255, 1) 0px 0px 0px 0px;
	background: none;
	border: none;
	border-radius: 0px;
}
#menuBuilder #nav ul li a span {text-align: center; font-family: Arial, Helvetica, sans-serif;}
#menuBuilder .nav-button {background-image: none;}
/* End update css */
#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; }
#menuBuilder .nav-button, .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 #B2B2B2; -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:Arial, Helvetica, 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; margin:0;}
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-width: 0px; 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{
		cursor: pointer;
		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 a{
	text-align: center;
}

#menuBuilder #nav ul li.menu_items:hover > a{position: relative; z-index: 3000}
#menuBuilder #nav ul li.menu_items:hover .submenus::before{content:""; position:absolute; z-index: 2000; top:-20px; left:0; width:100%; height:20px;}#menuBuilder .nav-button{
max-width:none;
	margin-left:auto;
	margin-right:auto;
}
#menuBuilder #nav ul li.menu_items:hover{
background-position:0% 0%;
	background-image:none;
	background-color:#f0f5ff;
	background-repeat:repeat;
	box-shadow:rgba(199, 199, 199, 1) 0px 2px 2px 1px;
}
#menuBuilder #nav ul li.menu_items:active{
background-position:0% 0%;
	background-image:none;
	background-color:#ebf1ff;
	background-repeat:repeat;
	border-style:null;
	border-width:1px;
	border-color:#5c5b5c;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#5c5b5c;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#f0f0f0;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#5c5b5c;
	border-left-style:none;
	border-left-width:0px;
	border-left-color:#5c5b5c;
	box-shadow:rgba(153, 153, 153, 1) 0px 2px 2px 1px;
}
#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:none;
	color:#383838;
	text-align:center;
	position:;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#474747;
	text-align:;
	position:relative;
	top:0px;
}
#menuBuilder #nav ul li.menu_items{
margin-right:0%;
	padding-top:22px;
	padding-bottom:11px;
	background-color:#ffffff;
	box-shadow:rgba(214, 214, 214, 1) 0px 0px 0px 0px;
	margin-left:0%;
	width:12%;
	border-style:solid;
	border-width:1px;
	border-color:#dbdbdb;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-color:#dbdbdb;
	border-right-color:#dbdbdb;
	border-bottom-color:#dbdbdb;
	border-left-color:#dbdbdb;
}
#menuBuilder #nav ul li ul.submenus{
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:hover{
background-position:0% 0%;
	background-image:none;
	background-color:#f5f8ff;
	background-repeat:repeat;
}
#menuBuilder #nav ul li ul li.submenus_items > a span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	line-height:2em;
	color:#555555;
	font-size:0.8em;
}
#menuBuilder #nav ul li ul li.submenus_items{
padding-top:12px;
	padding-bottom:6px;
	border-bottom-color:#363636;
	background-color:#ffffff;
}
#menuBuilder{
max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	background-image:none;
}
}

@media screen and (max-width:845px){
#menuBuilder .nav-button{
max-width:507%;
	margin-left:auto;
	margin-right:auto;
}
#menuBuilder #nav ul li.menu_items:active{
box-shadow:rgba(153, 153, 153, 1) 0px 1px 1px 1px;
}
#menuBuilder #nav ul li.menu_items > a:hover span.text_menu_link{
font-family:Helvetica, Arial, sans-serif;
	font-size:1em;
	line-height:2.2em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-transform:none;
	color:#383838;
	text-align:center;
	left:auto;
	top:auto;
}
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
font-size:0.8em;
	line-height:1.8em;
}
#menuBuilder #nav ul li.menu_items{
padding-top:9px;
	padding-bottom:3px;
	margin-right:0%;
	margin-left:0%;
	border-style:solid;
	border-width:1px;
	border-color:#e6e3e6;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-color:#e6e3e6;
	border-right-color:#e6e3e6;
	border-bottom-color:#e6e3e6;
	border-left-color:#e6e3e6;
	width:13.5%;
}
#menuBuilder #nav ul li ul li.submenus_items > a span.text_menu_link{
font-size:0.9em;
}
#menuBuilder #nav ul li ul li.submenus_items{
padding-top:10px;
	padding-bottom:4px;
}
#menuBuilder{
max-width:none;
	margin-left:auto;
	margin-right:auto;
	background-image:none;
	padding-left:0%;
	padding-right:0%;
}}
@media screen and (max-width:500px){
#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{
color:#474747;
	font-size:1.3em;
	line-height:1.7em;
}
#menuBuilder .nav-button i.icon_menu_handle{
background-image:url("../images/caret.png");
	background-position:90% 50%;
}
#menuBuilder .nav-button{
max-width:50%;
	margin-left:1%;
	margin-right:0%;
	padding-left:5%;
	padding-right:0%;
	padding-top:5px;
	padding-bottom:2px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-top-left-radius:0px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#363636;
	border-right-style:solid;
	border-right-width:0px;
	border-right-color:#363636;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#363636;
	border-left-style:solid;
	border-left-width:0px;
	border-left-color:#363636;
	background-color:#f5f8ff;
}
#menuBuilder #nav ul li.menu_items{
background-color:#f5f8ff;
	margin-left:1%;
	margin-top:5px;
	margin-bottom:4px;
	box-shadow:rgba(214, 214, 214, 1) 0px 1px 1px 1px;
}
#menuBuilder{
max-width:840px;
	margin-left:auto;
	margin-right:auto;
}}
@media screen and (max-width:450px){
}
@media screen and (max-width:302px){
#menuBuilder .nav-button span{
font-size:1.3em;
}
#menuBuilder .nav-button i.icon_menu_handle{
background-position:left center active;
}
#menuBuilder .nav-button{
max-width:75%;
	margin-left:0.4%;
	margin-right:0%;
	padding-left:5%;
}}
