/*
Item Name : Universal Mega Menu
Item URI : http://codecanyon.net/item/universal-responsive-mega-menu/4984236
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.04
*/

/*

TABLE OF CONTENTS

00 PAGE STYLING (REMOVABLE)
01 MENU BAR
   1. Mega Menu Bar
   2. Mega Menu Trigger Button
02 DROP DOWNS
	1. Common Styling
	2. Footer
	3. Drop Down Containers
03 COLUMNS GRID
04 MULTILEVEL DROP DOWN
05 CONTENT & TYPOGRAPHY
   1. Basic Typography 
   2. Lists
   3. Other Styling
   4. Inline Images
   5. Icons
   6. Form Elements
06 DROP DOWN TABS
07 MOBILE DEVICES
08 RETINA DISPLAYS

*/

.tab_bg_cigars {  }

/* = 1024px	.pure-u-lg- */
@media screen and (min-width: 64em) {

#search{
    width: -webkit-calc(100% - 42px);
    width:    -moz-calc(100% - 42px);
    width:         calc(100% - 42px);
    height:40px;
}
#search input{ height: 40px; }
#top_search .submit_button input{ width:34px; height:34px; }

}
/*  _______________________________________

    01 MENU BAR
    _______________________________________  */


/* 
  If you have several menus on the same page, you can here 
  define some properties separately for each of them
  by using their respective ID.
*/

#mgmenu1 {
	z-index: 12;
}

/* 1. Mega Menu Bar */

.mgmenu_container,
.mgmenu_fixed,
.mgmenu_footer {
	width:100%;
	height: 40px;
	line-height: 40px;
	z-index:10;
}
.mgmenu_container {
	position:relative;
	margin:0 auto;
}
.mgmenu_fixed,
.mgmenu_footer {
    width: inherit;
    max-width: inherit;
    position:fixed;
	top:0;
    /* IE7 Fix */
    *width:expression(this.parentNode.currentStyle['width']);
}
.mgmenu_footer {
	top: auto;
	bottom:0;
}
.mgmenu {
	font-size: 1em;
	line-height: 26px;
	    /*font-family: Georgia, Times, "Times New Roman", serif;
		letter-spacing: 1px;*/
	width: 75%;
	list-style:none;
	padding:0;
	margin:0;
	position:relative; /* For IE7 */
	/* Following Stops text selection - good for touch screens */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}

	.mgmenu > li {	
		/*font-family: Georgia, Times, "Times New Roman", serif;
		letter-spacing: 1px;*/

	    float: left;
	    margin: 0;
	    padding-right: 12px;
	    -webkit-transition:background .3s;
	    -moz-transition:background .3s;
	    -o-transition:background .3s;
	    -ms-transition:background .3s;
	    transition:background .3s; 
		padding: 0; 
		  
	}
		.mgmenu > li:hover,
		.mgmenu > li.active {
			background-color:#D2AF75;
		}

		.mgmenu .mgmenu_tabs_nav > li.active i {
			float: right;
		}		

		.mgmenu .mgmenu_tabs_nav > li.normal i {
			float: left;
			margin-right: 5px;
		}
		
		.mgmenu li.noactive {
		
		}

		.mgmenu > li > span {
	display: block;
	color:#ffffff;
	outline:0;
	text-decoration:none;
	font-weight: 500;
	font-size: 1.0em;
	letter-spacing: 0.04em;
	height: 40px;
	line-height: 40px;	
    padding: 0 8px 0 10px;	
	vertical-align: middle !important;
		}
		
		.mgmenu > li > a {
			color:#ffffff;
			outline:0;
			text-decoration:none;
		}	
			
		.mgmenu > li > span a {
			color:#ffffff;
		}	
		.mgmenu > li > span strong {
	      display: block;
		  float: left;
		  font-weight: 500;
		  height: 40px;
	      line-height: 40px;
		  padding: 0 4px 0 4px;	
		}	
		.mgmenu > li > span i {
	      display: block;
		  float: right;
		  height: 40px;
	      line-height: 40px;
		  padding: 0;		
		}					
		.mgmenu > li > span:hover,
		.mgmenu > li > a:hover,
		.mgmenu > li > a:focus {
			cursor:pointer;
			color:#ffffff;
			outline:none;
		}
		.mgmenu > li .mgmenu_drop {
			padding-right:20px;
		}
		.mgmenu_footer .mgmenu > li .mgmenu_drop {

		}
		.mgmenu > li.right_item {
			float:right;
			margin-right:0;
		}
		.mgmenu_container > .mgmenu > li.mgmenu_button,
		.mgmenu_fixed > .mgmenu > li.mgmenu_button,
		.mgmenu_footer > .mgmenu > li.mgmenu_button {
			display: none;
			cursor: auto;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none;
			background-color:transparent;
			line-height: 50px;
			padding:0;
			color:#ffffff;
		}
		.mgmenu_container > .mgmenu > li.mgmenu_button span,
		.mgmenu_fixed > .mgmenu > li.mgmenu_button span,
		.mgmenu_footer > .mgmenu > li.mgmenu_button span{
		    cursor: pointer;
			float: right;
			display: block;
			width: 110px;
			height: 46px;
		}
		.mgmenu_container > .mgmenu > li.mgmenu_button_active,
		.mgmenu_fixed > .mgmenu > li.mgmenu_button_active,
		.mgmenu_footer > .mgmenu > li.mgmenu_button_active {
			background-color:#D2AF75;
		}

        .mgmenu_button i { font-size: 2em; }

/* 2. Mega Menu Trigger Button */

.mgmenu_trigger {
	position: fixed;
	z-index:2;
	margin:0 auto;
	right:0;
	margin-right: 20px;
	width:35px;
	height:41px;
	display: block;
}
.mgmenu_trigger {
	top: 0; 
}
.mgmenu_trigger.active {

}
.mgmenu_footer ~ .mgmenu_trigger {
	top:auto;
	bottom: 0; 

}
.mgmenu_footer ~ .mgmenu_trigger.active {

}




/*  _______________________________________

    02 DROP DOWNS
    _______________________________________  */




/* 1. Common Styling */


.mgmenu li .dropdown_container,
.mgmenu li .dropdown_fullwidth,
.mgmenu li .mgmenu_multilevel {
	position:absolute;
	top:auto;
	display: none;
	float:left;
	zoom:1;
	z-index: 10;
	margin: 0 0 40px 0;
	padding: 0;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	border:1px solid #E3DDCD;
	border-top:none;
	background: #FFF;
	color: #212121;
	overflow: auto;
    max-height: 90vh;
}
.mgmenu li .dropdown_container {
	left:auto;
}
.mgmenu li .dropdown_fullwidth {
	left:0;
}
.mgmenu li.right_item .dropdown_container {
	left:auto;
	right:-1px;
}
.mgmenu li.menu-right .dropdown_container {
	left:auto;
}
.mgmenu li.menu-cart .dropdown_container {
    right:0;	
}
/* 2. Footer */


.mgmenu_footer .mgmenu > li .dropdown_container,
.mgmenu_footer .mgmenu > li .dropdown_fullwidth,
.mgmenu_footer .mgmenu > li .mgmenu_multilevel {
	margin:0 0 0 -1px;
	top:auto;
	bottom:0;
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
	-o-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
	box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
	border:1px solid #CCCCCC;
	border-bottom:none;
}


.mgmenu > li:hover .dropdown_container,
.mgmenu > li:hover .dropdown_fullwidth,
.mgmenu > li.right_item:hover .dropdown_container {
	display: block;
}

/* 3. Drop Down Containers */


.mgmenu li .dropdown_1column {
	width: 8.3334%;
	padding-left: 2%;
	padding-right: 2%;
}
.mgmenu li .dropdown_2columns {
	width: 16.6667%;
	padding-left: 1.8333%;
	padding-right: 1.8333%;
}

.mgmenu li .dropdown_3columns {
	width: 25%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.mgmenu li .dropdown_4columns {
	width: 33.3334%;
	padding-left: 1.333%;
	padding-right: 1.333%;
}
.mgmenu li .dropdown_5columns {
	width: 41.6667%;
	padding-left: 1.166%;
	padding-right: 1.166%;
}
.mgmenu li .dropdown_6columns {
	width: 50%;
	padding-left: 1%;
	padding-right: 1%;
}
.mgmenu li .dropdown_7columns {
	width: 58.3334%;
	padding-left: 0.833%;
	padding-right: 0.833%;
}
.mgmenu li .dropdown_8columns {
	width: 66.6667%;
	padding-left: 0.666%;
	padding-right: 0.666%;
}
.mgmenu li .dropdown_9columns {
	width: 75%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.mgmenu li .dropdown_10columns {
	width: 83.3334%;
	padding-left: 0.333%;
	padding-right: 0.333%;
}
.mgmenu li .dropdown_11columns {
	width: 91.6667%;
	padding-left: 0.1666%;
	padding-right: 0.1666%;
}
.mgmenu li .dropdown_fullwidth {
	width: 100%;
}

.mgmenu li .dropdown_fixed_column {
	padding: 20px;
	width: 260px;
}



/*  _______________________________________

    03 COLUMNS GRID
    _______________________________________  */




.mgmenu .col_1,
.mgmenu .col_2,
.mgmenu .col_3,
.mgmenu .col_4,
.mgmenu .col_5,
.mgmenu .col_6,
.mgmenu .col_7,
.mgmenu .col_8,
.mgmenu .col_9,
.mgmenu .col_10,
.mgmenu .col_11,
.mgmenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
	/* 
	Rounding error with IE7.
	Lower margin values will absorb the difference.
	*/
	*padding-left: 1.9%;
	*padding-right: 1.9%;
}
.mgmenu .col_1 {width:4.33%;}
.mgmenu .col_2 {width:12.66%;}
.mgmenu .col_3 {width:21%;}
.mgmenu .col_4 {width:29.33%;}
.mgmenu .col_5 {width:37.66%;}
.mgmenu .col_6 {width:46%;}
.mgmenu .col_7 {width:54.33%;}
.mgmenu .col_8 {width:62.66%;}
.mgmenu .col_9 {width:71%;}
.mgmenu .col_10 {width:79.33%;}
.mgmenu .col_11 {width:87.66%;}
.mgmenu .col_12 {width:96%;}

.mgmenu .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 18px;
}
.mgmenu .col_border {
	-webkit-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
	-moz-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
	-o-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
	box-shadow: -1px 0 0 rgba(0,0,0,0.15);
}






/*  _______________________________________________

    04 MULTILEVEL DROP DOWN
    _______________________________________________  */




.mgmenu .dropdown_flyout, 
.mgmenu .dropdown_flyout .dropdown_flyout_level {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 9;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	box-shadow: 0 2px 2px rgba(0,0,0,0.05);
	border:1px solid #CCCCCC;
}
.mgmenu .dropdown_flyout li {
	
}


.mgmenu .dropdown_flyout li.last {
	margin-bottom: 12px; 
}
.mgmenu .dropdown_flyout a { 
	display: block; 
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
	position: absolute;
	margin: 0;
	padding: 10px 15px;
	left: 100%;
	top: -12px;
	display: none;
	zoom:1;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
	left:-102%;
	right:100%;
}
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level,
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
	display: block;
}
.mgmenu .dropdown_flyout .flyout_heading {
	/*font-family: Georgia, Times, "Times New Roman", serif;*/
	padding-bottom: 9px;
	margin-bottom: 9px;
	border-bottom: 1px solid #cccccc;
	-webkit-box-shadow:0 1px 1px #f4f4f4;
	-moz-box-shadow:0 1px 1px #f4f4f4;
	-o-box-shadow:0 1px 1px #f4f4f4;
	box-shadow:0 1px 1px #f4f4f4;
}




/*  _______________________________________

    05 CONTENT & TYPOGRAPHY
    _______________________________________  */




/* 1. Basic Typography */


.mgmenu p, 
.mgmenu h1, 
.mgmenu h2, 
.mgmenu h3, 
.mgmenu h4, 
.mgmenu h5, 
.mgmenu h6 {
	padding:0;
	margin:0;
	font-weight: normal;
	color:#222222;
	text-shadow:1px 1px 1px #ffffff;
}
.mgmenu h1, 
.mgmenu h2, 
.mgmenu h3, 
.mgmenu h4, 
.mgmenu h5, 
.mgmenu h6 {
	/*font-family: Georgia, Times, "Times New Roman", serif;*/
}
.mgmenu p {

}
.mgmenu h1 {
	font-size:28px;
}
.mgmenu h2 {
	font-size:24px;
}
.mgmenu h3 {
	font-size:18px;
	margin-bottom: 5px;		
}
.mgmenu h4 {
	font-size: 1.1em;
	padding: 0;
	color:#993366;
	border-bottom: #E3DDCD 1px solid;
}
.mgmenu h4 a {
	color:#993366;
}
.mgmenu h5 {
	font-size: 1.1em;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	color:#993366;
	border-bottom: #E3DDCD 1px solid;
}
.mgmenu h5 a {
	color:#993366;
}
.mgmenu h6 {
	font-size:12px;
	text-transform:uppercase;
}
.mgmenu a {
	text-decoration: none;
	color:#222222;   
}
.mgmenu a:focus {
	background: none;
}


/* 2. Lists */


.mgmenu > li ul,
.mgmenu > li ol {
	padding:0;
	margin:0;
}
.mgmenu > li ul {
    list-style:none;
}
.mgmenu > li ol {
	list-style:decimal;
}
.mgmenu > li ul.no_bullets {
	list-style:none;
	padding: 20px;
	margin: 0;	
}

.mgmenu > li ul.no_bullets li {
	padding: 0px;
	margin:0;	
}
.mgmenu > li ul.no_bullets li strong {
	width: 100%;
	display: block;	
}
.mgmenu > li ul.no_bullets li a:hover {
	color: #990066;
}

.mm_gap {
	margin-top: 20px;
}
.mgmenu > li ul li,
.mgmenu > li ol li {
	position:relative;
}


/* 3. Other Styling */


.mgmenu blockquote {
	color:#aaaaaa;
	border-left: 5px solid #cccccc;
	padding-left: 20px;
	font-family: Georgia, serif;
	font-style: italic;
}
.mgmenu .text_box {
	width: 84%;
	background: #ffffff;
	padding: 12px 8% 12px 8%;
	-webkit-box-shadow: 0 1px 1px #bbbbbb;
	-moz-box-shadow: 0 1px 1px #bbbbbb;
	-o-box-shadow: 0 1px 1px #bbbbbb;
	box-shadow: 0 1px 1px #bbbbbb;
}

.mgmenu .img_description {
	text-align: center;
	font-style:italic;
	margin-top: -6px;
	font-family: Georgia, Times, "Times New Roman", serif;
}



/* 4. Inline Images */


.mgmenu img {
	border:none;
}
.mgmenu .inline_img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 1px #999999;
	-moz-box-shadow: 0 1px 1px #999999;
	-o-box-shadow: 0 1px 1px #999999;
	box-shadow: 0 1px 1px #999999;
	margin-bottom:18px;
	margin-top: 6px;
}
.mgmenu a .inline_img {
	opacity: 0.8;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	-ms-transition:opacity .3s;
	transition:opacity .3s;    
}
.mgmenu a:hover .inline_img {
	opacity: 1;
}
.mgmenu .inline_img_border {
	border:5px solid #fff;
}

/*  _______________________________________

    06 DROP DOWN TABS
    _______________________________________  */




.mgmenu li > .mgmenu_tabs {
	padding: 0 !important;
	background: #EEE;	
}
.mgmenu_tabs > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mgmenu_tabs_hide {
	display:none;
}

.mgmenu_tabs .mgmenu_tabs_nav {
	width:20%;
	float:left;
	position: relative;
	margin:0;
	padding: 0;
	font-weight: 700;
}
.mgmenu_tabs .mgmenu_tabs_nav .active {
	
}
.mgmenu_tabs .mgmenu_tabs_nav .active a:hover {
	color: #666666;
	background-color: #FAF9F4;
}
.mgmenu_tabs .mgmenu_tabs_nav .normal a:hover {
	color: #993366;
}
.mgmenu_tabs .mgmenu_tabs_panels {
	float: left;
	width: 80%;
	padding: 0;
	min-height: 500px;
	background-color: #ffffff;
	-webkit-box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
	-o-box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
	box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
}
.mgmenu_tabs .mgmenu_tabs_nav li {
	list-style: none;
	margin:0;
	border:none;
	margin:0;
	float: left;
	width: 100%;
	clear: left;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.mgmenu_tabs .mgmenu_notabs_nav li {
	list-style: none;
	margin:0;
	border:none;
	margin:0;
	float: left;
	width: 100%;
	clear: left;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
.mgmenu_tabs .mgmenu_tabs_nav li a {
	outline:0;
	text-decoration:none;
	display:block;
	padding: 10px 15px 10px 15px;
	border-bottom: 1px solid #FAF9F4;
}
.mgmenu_tabs .mgmenu_notabs_nav li a {
	outline:0;
	text-decoration:none;
	display:block;
	padding: 10px 15px 10px 15px;
	border-bottom: 1px solid #FAF9F4;
}
.mgmenu_tabs li a.current,
.mgmenu_tabs li a.current:hover {	
	top:1px;
	color: #993366;
	background-color: #FAF9F4;
}


/* Right Tabs */

.mgmenu_tabs_right .mgmenu_tabs_panels {
	-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
	-o-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
	box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
}

/* Top & Bottom Tabs */

.mgmenu_tabs_top .mgmenu_tabs_nav, .mgmenu_tabs_top .mgmenu_notabs_nav,
.mgmenu_tabs_bottom .mgmenu_tabs_nav {
	width:100%;
}
.mgmenu_tabs_top .mgmenu_tabs_panels,
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
	padding: 21px 1% 12px 1%;
	width: 98%;
	*width:97.9%; /* IE7 bug */
}
.mgmenu_tabs_top .mgmenu_tabs_nav li, .mgmenu_tabs_top .mgmenu_notabs_nav li,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li {
	float: none;
	width: auto;
	clear: none;
	display: inline;
}
.mgmenu_tabs_top .mgmenu_tabs_nav li a, .mgmenu_tabs_top .mgmenu_notabs_nav li a,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li a {
	display:inline;
	float: left;
}
.mgmenu_tabs_top li a.current,
.mgmenu_tabs_top li a.current:hover,
.mgmenu_tabs_bottom li a.current,
.mgmenu_tabs_bottom li a.current:hover {
	-webkit-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
	-o-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
	box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
}

.mgmenu_tabs_top .mgmenu_tabs_panels {
	-webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
	-o-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
	box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
}
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
	-o-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}

.shopping-cart-links {
	color: #FFF;	
	height: 50px; 
	line-height: 50px; 
	padding: 0;
	margin: 0;		
}

.shopping-cart-links a {
    color: #FFF !important;
	display: block;
	width: 200px;		
}
.shopping-cart-links i {
	float: left;
	height: 50px; 
	line-height: 50px; 	
	margin-left: 10px;
	width: 30px;
	font-size: 1.5em;
}
.shopping-cart-links strong {
	margin-left: 5px;
    font-size: 1.1em;
	font-weight: 500;
}

@media only screen and (min-width: 64.001em) {

.mgmenu .dropdown_flyout, 
.mgmenu .dropdown_flyout .dropdown_flyout_level {
	margin: 0;
	background-color:#FFFFFF;
}
	.mgmenu .dropdown_standard {
		margin-top: 10px;
		margin-bottom: 15px;
		width: 100%;
		list-style: none;
		margin-left: 0;
	}	
	.mgmenu .dropdown_standard li {
		width: 100%;
	}
.mgmenu li .dropdown_2columns {
    padding-left: 1%;
    padding-right: 1%;
}	


/* DESKTOP */
	
.level_one_link a { line-height: 26px; }
.level_one_link a:hover { background-color: #FFF; color: #990066; }

.level_one_text { line-height: 26px; cursor: pointer; }
.level_one_text:hover { background-color: #FFF; color: #990066; }
.level_one_text:target { background-color: #FFF; color: #990066; }	
	
.level_two_link a { line-height: 26px; background-color: #FFF;  }
.level_two_link a:hover { background-color: #FFF; color: #990066;  }

.level_two_text {  line-height: 26px; background-color: #FFF;  cursor: pointer; }
.level_two_text:hover { background-color: #FFF; color: #990066; }
.level_two_text:target { background-color: #FFF; color: #990066; }	

.level_one_text i { float: right; line-height: 26px; padding-left: 10px; }
.level_two_text i { float: right; line-height: 26px; padding-left: 10px; }

	.mgmenu h4 {
	    padding: 0 0 10px 0;
    }
	
 .mgmenu_container {
    position: fixed;
	top: 0;
	left: 25%;
    
 }	
		
}
/*  _______________________________________

    07 MOBILE DEVICES
    _______________________________________  */

/* = 768px	.pure-u-md- */
@media screen and (max-width: 48em){
.shopping-cart-links { margin: 0; }
}
@media only screen and (max-width: 64em) {

.mgmenu { font-size: 1.2em; line-height: 30px; width: 100%; }
.mgmenu > li > span { font-size: 1.1em; height: 50px; line-height: 50px;	}
.mgmenu > li > span strong { height: 50px; line-height: 50px; }	
.mgmenu > li > span i { height: 50px; line-height: 50px; }
.mgmenu_container,
.mgmenu_fixed,
.mgmenu_footer { height: 50px; line-height: 50px; }



	.mgmenu h4 {
	    padding: 10px 0 10px 15px;
    }

	.mgmenu h5 {
	    padding: 10px 0 10px 15px;
		margin-bottom: 0;
    }

.mgmenu li .dropdown_fixed_column {
	padding: 0px;
}

.level_one_text i { float: right; height: 50px; line-height: 50px; padding-right: 15px; }
.level_two_text i { float: right; height: 50px; line-height: 50px; padding-right: 15px; }

.level_one_link a { float: left; width: 100%; padding: 0; line-height: 50px; text-indent: 15px; color: #222; border-bottom: 1px solid #CCCCCC; background-color: #FBF8F2; }
.level_one_link a:hover { color: #990066; background-color: #FFF; }

.level_one_text { float: left; width: 100%; padding: 0; line-height: 50px; text-indent: 15px; color: #990066; border-bottom: 1px solid #CCCCCC; background-color: #FBF8F2; cursor: pointer; clear:both; }
.level_one_text:hover { background-color: #FFF; color: #990066; }
.level_one_text:target { background-color: #FFF; color: #990066; }

.level_two_link a { float: left; width: 100%; padding: 0; line-height: 50px; text-indent: 15px;  color: #666; border-bottom: 1px solid #CCCCCC; background-color: #EEE; }
.level_two_link a:hover { color: #FFF; background-color: #666; }

.level_two_text { float: left; width: 100%; padding: 0; line-height: 50px; text-indent: 15px; background-color: #EEE; color: #666; border-bottom: 1px solid #CCCCCC; cursor: pointer; clear:both;}
.level_two_text:hover { background-color: #666; color: #FFF; }
.level_two_text:target { background-color: #666; color: #FFF; }

.level_three_link a { float: left; width: 100%; padding: 0; line-height: 50px; text-indent: 15px; color: #FFF; border-bottom: 1px solid #CCCCCC; background-color: #333; }
.level_three_link a:hover { color: #FFF; background-color: #000; }
.level_three_text { float: left; width: 100%; padding: 0; line-height: 50px; text-indent: 15px; color: #FFF; border-bottom: 1px solid #CCCCCC; background-color: #333; cursor: pointer; }
.level_three_text:hover { background-color: #000; color: #FFF; }
.level_three_text:target { background-color: #000; color: #FFF; }



.mgmenu {
	line-height: 30px;
}
	.mgmenu_container,
	.mgmenu_fixed,
	.mgmenu_footer {
		width:100%;
		height:auto;
		margin:0;
		position:relative;
		left:auto;
		top:auto;
		bottom:auto;
	}
	.mgmenu > li {
		clear: both;
	}
	.mgmenu_footer {
	}
	.mgmenu_container .mgmenu > li,
	.mgmenu_fixed .mgmenu > li,
	.mgmenu_footer .mgmenu > li {
		float:none;
		width:auto;
		border:none;
		display: none;
		padding: 0;
	}
	.mgmenu > li > span,
	.mgmenu > li > a {
		display: block;
	}
		.mgmenu > li .mgmenu_drop {
			background-position:96% 19px;
		}
		
	.mgmenu > li ul.no_bullets {
	
    }	
		
	.mgmenu > li .dropdown_container,
	.mgmenu > li .dropdown_fullwidth,
	.mgmenu_footer .mgmenu > li .dropdown_container,
	.mgmenu_footer .mgmenu > li .dropdown_fullwidth {
		position:absolute;
		top:auto;
		bottom:auto;
		width: 100%;
		margin:0 -2px 0 -2px;
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
		-o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
		box-shadow: 0 2px 2px rgba(0,0,0,0.05);
		border:1px solid #CCCCCC;
		border-top:none;
	}
	.mgmenu li .dropdown_1column,
	.mgmenu li .dropdown_2columns,
	.mgmenu li .dropdown_3columns,
	.mgmenu li .dropdown_4columns,
	.mgmenu li .dropdown_5columns,
	.mgmenu li .dropdown_6columns,
	.mgmenu li .dropdown_7columns,
	.mgmenu li .dropdown_8columns,
	.mgmenu li .dropdown_9columns,
	.mgmenu li .dropdown_10columns,
	.mgmenu li .dropdown_11columns,
	.mgmenu li .dropdown_fullwidth {
		width: 100%;
		padding-left:0;
		padding-right:0;
	}
	.mgmenu .col_1,
	.mgmenu .col_2,
	.mgmenu .col_3,
	.mgmenu .col_4,
	.mgmenu .col_5,
	.mgmenu .col_6,
	.mgmenu .col_7,
	.mgmenu .col_8,
	.mgmenu .col_9,
	.mgmenu .col_10,
	.mgmenu .col_11,
	.mgmenu .col_12 {
		width:92%;
		margin-left: 4%;
		margin-right: 4%;
		padding: 0;
		float: left;
		display: block;
	}
	.mgmenu .col_border {
		box-shadow:none;
	}

	/* Multilevel drop down */

	.mgmenu .dropdown_flyout, 
	.mgmenu .dropdown_flyout .dropdown_flyout_level,
	.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
		position: relative;
		left:auto;
		right:auto;
		top: auto;
		padding: 0;
		margin: 0;
	}
	.mgmenu .dropdown_flyout .dropdown_flyout_level {
		border:none;
		background: none;
		box-shadow:none;
	}
	.mgmenu .dropdown_flyout li,
	.mgmenu .dropdown_flyout ul li {
		width: 100%;
	}
	
	.mgmenu .dropdown_standard {
		margin-top: 10px;
		margin-bottom: 15px;
		width: 100%;
	}
	.mgmenu .dropdown_standard ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}		
	.mgmenu .dropdown_standard li {
		text-indent: 15px;
		width: 100%;
	}
	
	/* Tabs */

	.mgmenu li > .mgmenu_tabs {
		width: 100%;
	}
	.mgmenu_tabs .mgmenu_tabs_nav {
		width:100%;
		float:left;
		margin:0;
		padding: 0;
	}
	.mgmenu_tabs .mgmenu_notabs_nav {
		width:100%;
		float:left;
		margin:0;
		padding: 0;
	}	
	
	.mgmenu_tabs .mgmenu_tabs_panels {
		padding: 21px 0 12px 0;
		width: 100%;
	}

	/* Other Elements */

	.mgmenu_trigger {
		display: none;
	}
	.mgmenu blockquote {
		margin-left: 12px;
	}
	.mgmenu .img_description {
		text-align: left;
	}




}