@charset "utf-8";
/* CSS Document */

a img {
	border:none;
}
body {
	margin:0;
	padding:0;
	text-align: center; 
	color: #474747;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFF;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;

}
#pm-container {
	width:982px;
	margin:0 auto;
	padding:0;
	text-align: left;
}
#pm-header {
	margin:0;
	background-image:url(../images/header-bg.jpg);
	background-repeat:no-repeat;
	width:970px;
	height:120px;
}
#pm-header h1 {
	margin: 0; 
	padding: 10px 0; 
}
#pm-headtop {
	width: 779px;
	border-bottom: solid 1px #fff;
	clear: none;
	float: left;
}
#mobile-phone {
	visibility:hidden;
	width:0;
	height:0;		
}
#pm-logo {
	float: left;
	clear: none;
}
#pm-topnav {
	position:relative;
	top:-108px;
	left:330px;
	color: #f8bf22;
	font-size: 0.8em; /* 10px */
	clear: none;
	float:left;
}
#pm-topnav ul, div.menu ul {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#pm-topnav a {
	display: block;
	text-decoration: none;
	color: #f8bf22;
}
#pm-topnav ul a {
}
#pm-topnav li, div.menu li {
	float: left;
	position: relative;
	list-style-type: none;
	padding: 0px 10px;
}
#pm-topnav li.menu-divider {
	padding: 0px;
}
#pm-topnav li.menu-divider:last-child {
	display:none;
}
#pm-topnav .sub-menu { 
}
#pm-topnav a:hover {
	color:#f8bf22;
}
#pm-topnav ul ul {
	position: absolute;
	float: right;
	width: 120px;
	z-index: 99999;
}
#pm-topnav ul ul ul {
	}
#pm-topnav ul ul ul {
	left: 100%;
	top: 0;
}
#pm-topnav ul ul a { /*styles submenu text*/
	color: #000;
	font-weight: normal;
	line-height: 1em;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	width: 120px; /*gives submenus all the same width--good for vertical submenus*/
	text-align: left;
}
#pm-topnav ul ul :hover > a { /*submenu hover style*/
	background: none;
	color: #D4BE37;
}
#pm-topnav li:hover > a {
	color: #f8bf22;
	text-decoration: underline;
}
#pm-topnav ul li:hover > ul {
	display: block;
}
#pm-topnav ul li.current_page_item > a,  #pm-topnav ul li.current-menu-ancestor > a,  #pm-topnav ul li.current-menu-parent > a { /*this controls current page topmenu items look*/
	color: #FFFFFF;
}
#pm-topnav ul.sub-menu li.current-menu-item > a,  #pm-topnav ul.sub-menu li.current-menu-parent > a { /*this controls current page submenu items look*/
	font-weight: bold;
	background-color: #fff;
	background-image: none;
	color: #768FAE;
}
#pm-topnav li.current-menu-item > a,  #pm-topnav li.current-menu-parent > a { /*this controls current page submenu items blue border*/
/*	border: solid #768FAE 1px;


*/}
#pm-topnav ul li.current_page_item > a:hover,  #pm-topnav ul li.current-menu-ancestor > a:hover,  #pm-topnav ul li.current-menu-parent > a:hover {
/*        font-weight: bold;
*/

}
#pm-topnav ul li.current-menu-item > a:hover { /*this controls current page submenu items hover look*/
}
*+html #pm-topnav ul li.current_page_item a,  *+html #pm-topnav ul li.current-menu-ancestor a,  *+html #pm-topnav ul li.current-menu-parent a {
}
*+html #pm-topnav ul li.current-menu-item a {
}
*+html #pm-topnav ul li.current_page_item a:hover,  *+html #pm-topnav ul li.current-menu-ancestor a:hover,  *+html #pm-topnav ul li.current-menu-parent a:hover {
}
*+html #pm-topnav ul li.current-menu-item a:hover {
}
*+html #pm-topnav ul ul { /*gives submenus left padding*/
/*        padding-left: 40px;*/


}
*+html #pm-topnav {
/*	margin-left: 5.5px; orig 5.5px*/


}
#pm-topnav ul li.current_page_item a,  #pm-topnav ul li.current-menu-ancestor a,  #pm-topnav ul li.current-menu-parent a {
/*        font-weight: bold\9
*/

}
#pm-topnav ul li.current-menu-item a {
}
#pm-topnav ul li.current_page_item a:hover,  #pm-topnav ul li.current-menu-ancestor a:hover,  #pm-topnav ul li.current-menu-parent a:hover {
}
#pm-topnav ul li.current-menu-item a:hover {
}
#pm-mainContent {
	margin:0 auto;
}
#pm-contentWrapper {
	width: 975px;
	margin: 0 auto;
	background-color: #fff;
	overflow:hidden;
	position:relative;
	top:-40px;
	background-image:url(../images/wrapper-shadow.png);
	background-position:top;
	background-repeat:no-repeat;
}
#pm-bannerShadl {
	margin-top:20px;
	width: 11px;
	height: 295px;
	background-image: url('../images/bannerShadl.png');
	background-repeat: no-repeat;
	float: left;
	clear: none;
}
#pm-bannerShadr {
	margin-top:20px;
	width: 11px;
	height: 295px;
	background-image: url('../images/bannerShadr.png');
	background-repeat: no-repeat;
	float: right;
	clear: none;
	margin-right: 1px;
}

#pm-sidebar {
	width: 310px;


*/	margin-top: 10px;
	margin-bottom: 15px;
	background-color: #f5f5f5;
	float: left;
	clear: none;
	overflow: auto;
}
pm-sidebar-home {
	width: 310px;
	margin-top: 10px;
	margin-bottom: 15px;
	
	background-color: #f5f5f5;
	float: left;
	clear: none;
	overflow: auto;
}

#pm-serving {
	width: 949px;
	text-align: center;
	clear: none;
	padding: 10px 0px;
	font-size: 0.9em;
	margin:0 auto;
}
#pm-serving a {
	text-decoration: underline;
	color: #484848;
}
#pm-serving a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #484848;
}
#pm-interior {
	width: 660px;
	margin-left: 20px;
	/*	margin-bottom: 25px; Removed this to fix metro page padding issue */
	text-align: left;
	padding-right: 10px;
	float: left;
	clear: none;
	border-bottom: solid 1px #d2d2d2;
	padding-bottom: 15px;
	margin-bottom: 0px;
	font-size: 0.9em;
}
#pm-interior h1 {
	text-transform: uppercase;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#540101), to(#a81f27));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	font: 1.5em Arial, Verdana;
	margin-bottom: 0px;
	color: #540101;
}
#pm-interior h2 {
	font: 0.8em Arial, Verdana;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;

}
#pm-interior h3 {
	font: 0.9em Arial, Verdana;
	text-transform: uppercase;
	font-weight: normal;
	margin:0 0 -10px 0;
	padding:5px 0 0 0;
}
#pm-interior h3.tracker {
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	text-transform: uppercase;
	text-align:left;
}
#pm-interior a {
	text-decoration: underline;
	color: #484848;
}
#pm-interior a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #484848;
}
#pm-interior-home {
	width: 628px;
	margin-left: 20px;
	/*	margin-bottom: 25px; Removed this to fix metro page padding issue */
	text-align: left;
	padding-right: 10px;
	float: left;
	clear: none;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: solid 1px #d2d2d2;
	font-size: 0.9em;
}
#pm-interior-home h1 {
	text-transform: uppercase;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#540101), to(#a81f27));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	font: 1.5em Arial, Verdana;
	margin-bottom: 0px;
	color: #540101;
}
#pm-interior-home h2 {
	font: 0.8em Arial, Verdana;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
}
#pm-interior-home a {
	text-decoration: underline;
	color: #484848;
}
#pm-interior-home a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #484848;
}

#pm-sidebarInterior {
	width: 250px;
	/*	height: 300px;*/	
	margin-left:11px;
	margin-top: 15px;
	font-family: Verdana;
	/*	background-color: #f5f5f5;


*/	float: left;
	clear: none;
	overflow: auto;
	border-right:1px solid #ccc;
}

#pm-sidebarInterior-home {
	width: 295px;
	margin-left:11px;

*/	margin-top: 15px;
	font-family: Verdana;
	/*	background-color: #f5f5f5;


*/	float: left;
	clear: none;

	border-right:1px solid #ccc;
}
#pm-sidebarInterior-home #hours {
	font-size:1em;
}
#pm-sidebarMenu {
	background-image: url('../images/sideMenuDropShad.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 24px;
	font-size: 0.9em;
}
#pm-sidebarMenu ul, div.menu ul {
	list-style-type: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	
}
#pm-sidebarMenu ul li {
	background-image: url('../images/sideMenu-grad.jpg');
	background-repeat: repeat-x;
	padding-left: 10px;
	line-height: 27px;
}
#pm-sidebarMenu ul li {
}
#pm-sidebarMenu ul.sub-menu li {
	background-image: none;
	background-position: 0px;
	padding: 0px;
	line-height: 32px;
}
#pm-sidebarMenu a {
	font-family: Arial;
	text-transform: uppercase;
	display: block;
	/*	padding: 5px 3px 5px 3px;


	text-align: center;


*/	text-decoration: none;
	color: #484848;/*	font-weight: bold;


*/}
#pm-sidebarMenu li, div.menu li {
/*	float: left;


	position: relative;*/ /*this makes submenus vertical*/


}
#pm-sidebarMenu .sub-menu { /*gives submenus left padding*/
	/*        -webkit-padding-start: 40px;


	width: 280px;


*/	padding: 0px;
}
#pm-sidebarMenu a:hover {
}
#pm-sidebarMenu ul ul { /*this controls the submenus*/
	display: none;
	position: absolute;
	float: left;
	background: #9E834C;
	margin-left: 115px; 
	z-index: 99999;
}
#pm-sidebarMenu ul ul {
	margin-left: 115px\9
}
#pm-sidebar {
	z-index: 99999\9 /* this is required for IE to display sidebar child elements over mainContent */
}
#pm-sidebarMenu ul ul ul {
	margin-left: 0px;
	border-left: solid #fff 1px;
}
#pm-sidebarMenu ul ul li {
	display: inline; /* required to fix IE 3px margin bug for list items *//*	min-width: 180px;


*/}
#pm-sidebarMenu ul ul ul {
	left: 100%;
	top: 0;
}
#pm-sidebarMenu ul ul a { /*styles submenu text*/
	color: #fff;
	line-height: 1em;
	margin: 0px;
	padding: 5px 20px 5px 20px;
	width: 200px; /*gives submenus all the same width--good for vertical submenus*/
	text-align: left;
	border-bottom: 1px solid #fff;/*	height: auto;


        float: left;


        position: relative;


*/}
#pm-sidebarMenu ul ul :hover > a { /*submenu hover style*/
	background: none;
	color: #fff;
.  background-color: #64364A;
}
#pm-sidebarMenu li:hover >a { /*main menu
hover style*/
	color: #000;/*	font-weight: bold;
	background-color: #64364A;
	padding:15px 20px;
*/}
#pm-sidebarMenu ul li:hover > ul {
	display: block;
}
#pm-sidebarMenu ul li.current_page_item > a, #pm-sidebarMenu ul li.current-menu-ancestor > a, #pm-sidebarMenu ul li.current-menu-parent > a { /*this controls current page topmenu itemslook*/
	/*    font-weight: bold;
	background: none;
*/	color: #484848;/*	min-height: 1px; required for bg image to show in IE */
}
#pm-sidebarMenu ul.sub-menu li.current-menu-item > a, #pm-sidebarMenu ul.sub-menu li .current-menu-parent > a { /*this controls current page submenu items look*/
	background-color: #fff;
	background-image: none;
	color: #80763e;/*	border: solid #768FAE 1px;
*/}
#pm-sidebarMenu li.current-menu-item > a, #pm-sidebarMenu li.current-menu-parent > a { /*this controls current page submenu items blue border*/
/*.border: solid #768FAE 1px;
*/}
#pm-sidebarMenu ul li.current_page_item > a:hover, #pm-sidebarMenu ul li.current-menu-ancestor > a:hover, #pm-sidebarMenu ul li.current-menu-parent > a:hover {
}
#pm-sidebarMenu ul li.current-menu-item > a:hover { /*this controls current page submenu items hover look*/
}
*+html #pm-sidebarMenu ul li.current_page_item a, *+html #pm-sidebarMenu ul li.current-menu-ancestor a, *+html #pm-sidebarMenu ul li.current-menu-parent a {
}
*+html #pm-sidebarMenu ul li.current-menu-item a {
}
*+html #pm-sidebarMenu ul li.  current_page_item a:hover, *+html #pm-sidebarMenu ul li.current-menu-ancestor a:hover, *+html #pm-sidebarMenu ul li.current-menu-parent a:hover {
}
*+html #pm-sidebarMenu ul li.current-menu-item a:hover {
}
*+html #pm-sidebarMenu ul ul { /*gives submenus left padding*/
/*	padding-left: 40px;
*/}
*+html #pm-sidebarMenu {
/*	margin-left: 5.5px; /* orig 5.5px*/
*/
}
#pm-sidebarMenu ul li.current_page_item a, #pm-sidebarMenu ul li.current-menu-ancestor a, #pm-sidebarMenu ul li.current-menu-parent a {
}
#pm-sidebarMenu ul li.current-menu-item a {
}
#pm-sidebarMenu ul li.current_page_item a:hover, #pm-sidebarMenu ul li.current-menu-ancestor a:hover, #pm-sidebarMenu ul li.current-menu-parent a:hover {
}
#pm-sidebarMenu ul li.current-menu-item a:hover {
}

#pm-sidebarInterior {
	width:250px;
}
#pm-sidebarInterior .widget-container {


}
#pm-sidebarInterior li.widget-container {
	list-style:none;
	
}
#pm-sidebarInterior h3 {
	background-color: #850021;
	color: #fff;
	margin:0;
	padding:0;
	text-transform: uppercase;
	line-height: 30px;
	font-family: Arial, Verdana;
}
#pm-sidebarInterior .textwidget {
	padding:5px;
	background-color: #EAEAEA;
	border-bottom: solid 1px #9E9E9E;
}

#pm-sidebarInterior-home .widget-container {
	position:relative;
	width:295px;
	
}
#pm-sidebarInterior-home h3 {
	padding: 0 0px 0 35px;
	margin: 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 30px;
	line-height: 30px;
	width: 260px;
	font-size: 1em;
	font-weight: normal;
	float: left;
	color:#fff;
}
#pm-sidebarInterior-home .textwidget {
	margin: 0;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;
	width: 295px;
	clear: both;
	font-size: 0.8em;
}

#pm-sidebarInterior-home .block {
	padding: 10px;
}

#map {
	float:left;
}

#mobile-hours {
	visibility:hidden;
	width:0;
	height:0;
}

#contactform {
	float:right;
	padding:20px;
}
/*------------------ Full Estimate form styles --------------*/
/** NEED ON LIVE **/
#map_canvas {
	width:618px;
	height:282px;
	margin:0;
	padding:0;
}
.hide {
	display:none;
}
.show {
}
.error {
	background-color:#FF0000;
	border:1px #900 solid;
	color:#FFF;
}
/* ESTIMATE FORM - NEED ON LIVE */

/* ESTIMATE FORM - NEED ON LIVE */
.estimate_form {
	width:95%;
	margin:auto;
}
.estimate_form h2 {
	clear:both;
}
.estimate_form label {
	display:block;
	font-weight:bold;
}
.estimate_form .required {
	color:#F00;
}
.estimate_form .name, .estimate_form .pickup {
	width:50%;
	float:left;
	margin-bottom:15px;
}
.estimate_form .contact, .estimate_form .delivery {
	width:50%;
	float:right;
	margin-bottom:15px;
}
.pickup div, .delivery div {
	display:inline;
	float:left;
}
#fancybox-close {
	right:-15px;
	top:-15px
}
div#fancybox-content {
	border-color:#FFFFFF
}
div#fancybox-title {
	background-color:#FFFFFF
}
div#fancybox-outer {
	background-color:#FFFFFF
}
div#fancybox-title-inside {
	color:#333333
}

#pm-contentWrapper .estimate_form {
	font-family: Arial, Verdana;
	margin: 25px auto 25px auto;
}
.estimate_form h2 {
	font-family: Arial, Verdana;
	margin: 10px 0px 10px 0px;
	text-transform: uppercase;
}
.estimate_form a {
	text-decoration: underline;
	color: #484848;
}
.estimate_form a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #484848;
}
.estimate_form .name, .estimate_form .contact {
	float: left;
	clear: none;
}
.estimate_form label {
}
.estimate_form p {
	margin: 0px 0px 10px 0px;
}
.estimate_form .fieldBox {
	margin: 0px 0px 10px 0px;
	float: left;
	clear: none;
}
.estimate_form .formField {
	margin: 0px 0px 10px 0px;
	float: left;
	clear: left;
}
.estimate_form input#originZip, .estimate_form input#destinationZip {
	background-image: url('../images/input-bg.jpg');
	background-repeat: repeat-x;
	background-color: #EAEAEA;
	padding: 0px 0px 0px 15px;
	border: solid 1px #fff;
	color: #484848;
	line-height: 28px;
	height: 28px;
	width: 186px;
	float: left;
	clear: none;
	margin: 0px 15px 10px 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.estimate_form table.shipping_items {
	border-color: #852001;
	border-collapse:collapse;
	margin-bottom: 25px;
	text-align: center;
}
.estimate_form table.shipping_items, .estimate_form table.shipping_items th, .estimate_form table.shipping_items td {
	border: 2px solid #852001;
}
.estimate_form table.shipping_items th {
	background-color: #852001;
	color: #fff;
	width: 11%;
	font-size: 0.8em;
}
form.estimate_form input[type="submit"] {
	background-image: url('../images/estimatorSubmit.jpg');
	background-repeat: no-repeat;
	background-color: transparent;
	width: 203px;
	height: 30px;
	border: 0px;
	color: #484848;
	cursor: pointer;
	text-transform: uppercase;
	margin: 5px auto;
}
form.estimate_form input[type="reset"] {
	background-image: url('../images/sidebarSubmit.jpg');
	background-repeat: no-repeat;
	background-color: transparent;
	width: 109px;
	height: 30px;
	border: 0px;
	color: #484848;
	cursor: pointer;
	text-transform: uppercase;
	margin: 5px auto;
}
#mobile-items {
	visibility:hidden;
	height:0;
	width:0;
}
#pm-sidebarInterior div.formField input.city, #pm-sidebarInterior div.formField input.zip {
	background-image: url('../images/input-bg.png');
	background-repeat: repeat-x;
	padding: 0px 0px 0px 15px;
	border: solid 1px #fff;
}
#pm-sidebarInterior div.formField input.state {
	background-image: url('../images/submitButton.png');
	background-repeat: none;
	font-weight: bold;
}
.single-col-page {
   min-height: 500px; 
   height:auto !important; 
   height: 500px;
   width:880px;
}
.entry-content {
	overflow: auto;
}
.entry-content h2 {
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	color: #474747;
}
.entry-content a {
	text-decoration: underline;
	color: #484848;
}
.entry-content a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #484848;
}
.entry-content h3 {
	text-transform: uppercase;
	margin-bottom: 0px;
}
.entry-content p {
	margin-top: 0px;
}
.entry-content li {
	list-style-type: none;
	background-image: url('../images/bullet.png');
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
}
.entry-content .gform_wrapper li, .entry-content .gform_wrapper form li {
	list-style-type: none !important;
	list-style-image: none !important;
	list-style: none !important;
	overflow: visible;
	background-image: none;
}
#pm-interior .entry-title {
	color: #850021;
	text-decoration: none;
	margin: 15px 0px 15px 0px;
	text-transform: none;
}
#pm-interior .entry-title a {
	color: #850021;
	text-decoration: none;
}
#pm-interior .entry-title a:hover {
	color: #850021;
	text-decoration: underline;
	background: #fff;
}

#pm-sidebarInterior form.store-search-form .formField {
	float: left;
	clear: none;
}
#pm-sidebarInterior form.store-search-form input.city, #pm-sidebarInterior form.store-search-form input.zip_code {
	background-image: url('../images/input-bg.jpg');
	background-repeat: repeat-x;
	background-color: #EAEAEA;
	padding: 0px 0px 0px 15px;
	border: solid 1px #fff;
	color: #484848;
	line-height: 30px;
	height: 28px;
	width: 150px;
	float: left;
	clear: none;
	margin-right: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height:20px\9;
	height: 20px\9;
}
#pm-sidebarInterior .styledSelect {
	width: 110px;
	height: 32px;
	overflow: hidden;
	background: url('../images/sidebarSelect.jpg') no-repeat left top #EAEAEA;
	margin: 0px;
	float: left;
	clear: none;
	background: none\9;
	background-color: #EAEAEA\9;
}
#pm-sidebarInterior .styledSelect select {
	background: transparent;
	-webkit-appearance: none;
	border: 0px;
	color: #484848;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 2px 0px;
	width: 167px;
	height: 30px;
	padding-left: 15px;
	background: #EAEAEA\9;
	width: 110px\9;
	border: solid #eaeaea\9;
	margin-top:0px\9;
}
@-moz-document url-prefix() {
/* firefox-only css goes here */
	#pm-sidebarInterior .styledSelect select {
 .padding-top: 5px;
}
}
#pm-sidebarInterior input.submit {
	background-image: url('../images/sidebarSubmit.jpg');
	background-repeat: no-repeat;
	width: 109px;
	height: 30px;
	border: 0px;
	color: #484848;
	cursor: pointer;
	text-transform: uppercase;
	float: left;
	clear: none;
	margin: 0px 0px 0px 0px;
}
#pm-sidebarInterior .textwidget {
	overflow: auto;
}

#pm-footer {
	min-height: 48px;
	width: 100%;
	margin-top: 20px;
	color: #000;
	background-image: url('../images/foot-bg.jpg');
	background-repeat: repeat-x;
	background-color: #f5b822;
	overflow: auto;
	font-size: 0.8em;
}

#pm-footWrap {
	width: 960px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
}
#pm-footer p {
	text-align: right;
	padding: 0px;
	margin: 0px;
}
#pm-footernav {
	color: #000;
	margin: 0px 18px 0px 0px;
	clear: none;
	float: left;/*	width: 960px;
*/}
#pm-footernav ul, div.menu ul {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#pm-footernav a {
	display: block;
	/*	text-align: center;
*/	text-decoration: none;
	color: #000;
}
#pm-footernav ul a {
}
#pm-footernav li, div.menu li {
	float: left;
*/ position: relative;
	list-style-type: none;
	padding: 0px 10px;
}
#pm-footernav .sub-menu { /*gives submenus left padding*/
/*        -webkit-padding-start: 40px;
	width: 280px;
*/}
#pm-footernav a:hover {
/*	color:#f8bf22;
	background-image:url('../images/nav-bg.jpg');
	font-weight: bold;
	padding-right: 27px;
*/}
#pm-footernav ul ul { /*this controls the submenus*/
	/*	display: none;
*/	position: absolute;
	float: right;
/*	background: #768FAE;
	border-bottom: 1px solid #fff; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 3px 3px 3px #666;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	margin-left: 40px; /*originally 40px*/
*/ width: 120px;
	z-index: 99999;
}
#pm-footernav ul ul ul {
/*	margin-left: 0px;
	border-left: solid #fff 1px; 
*/}
/*#pm-footernav ul ul li {
	min-width: 180px;
}*/
#pm-footernav ul ul ul {
	left: 100%;
	top: 0;
}
#pm-footernav ul ul a { /*styles submenu text*/
	color: #000;
	font-weight: normal;
	line-height: 1em;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	width: 120px; /*gives submenus all the same width--good for vertical submenus*/
	text-align: left;/*	border-bottom: 1px solid #fff;
	height: auto;
        float: left;
        position: relative;
*/}
#pm-footernav ul ul :hover > a { /*submenu hover style*/
	background: none;
	color: #D4BE37;/*	font-weight: bold;
*/
}
#pm-footernav li:hover > a { /*main menu hover style*/
	/*	background:url('../images/nav-bg.jpg') top right no-repeat;
*/	color: #000;/*	padding:15px 20px;
*/
	text-decoration: underline;
}
#pm-footernav ul li:hover > ul {
	display: block;
}
#pm-footernav ul li.current_page_item > a, #pm-footernav ul li.current-menu-ancestor > a, #pm-footernav ul li.current-menu-parent > a { /*this controls current page topmenu items look*/
	color: #000;
}
#pm-footernav ul.sub-menu li.current-menu-item > a, #pm-footernav ul.sub-menu li.current-menu-parent > a { /*this controls current page submenu items look*/
	background-color: #fff;
	background-image: none;
	color: #768FAE;/*	border: solid #768FAE 1px;
*/}
#pm-footernav li.current-menu-item > a, #pm-footernav li.current-menu-parent > a { /*this controls current page submenu items blue border*/
/*	border: solid #768FAE 1px;
*/}
#pm-footernav ul li.current_page_item > a:hover, #pm-footernav ul li.current-menu-ancestor > a:hover, #pm-footernav ul li.current-menu-parent > a:hover {
}
#pm-footernav ul li.current-menu-item > a:hover { /*this controls current page submenu items hover look*/
}
*+html #pm-footernav ul li.current_page_item a, *+html #pm-footernav ul li.current-menu-ancestor a, *+html #pm-footernav ul li.current-menu-parent a {
}
*+html #pm-footernav ul li.current-menu-item a {
}
*+html #pm-footernav ul li.current_page_item a:hover, *+html #pm-footernav ul li.current-menu-ancestor a:hover, *+html #pm-footernav ul li.current-menu-parent a:hover {
}
*+html #pm-footernav ul li.current-menu-item a:hover {
}
*+html #pm-footernav ul ul { /*gives submenus left padding*/
/*        padding-left: 40px;*/
}
*+html #pm-footernav {
/*	margin-left: 5.5px; orig 5.5px*/
}
#pm-footernav ul li.current_page_item a, #pm-footernav ul li.current-menu-ancestor a, #pm-footernav ul li.current-menu-parent a {
}
#pm-footernav ul li.current-menu-item a {
}
#pm-footernav ul li.current_page_item a:hover, #pm-footernav ul li.current-menu-ancestor a:hover, #pm-footernav ul li.current-menu-parent a:hover {
}
#pm-footernav ul li.current-menu-item a:hover {
}

#pm-sidebarInterior .styledSelectWide {
	height: 62px;
	margin: 0px;
	float: left;
	clear: none;
	background: none\9;
}
#pm-sidebarInterior .styledSelectWide select {
	background: transparent;
	-webkit-appearance: none;
	border: 0px;
	color: #484848;
	float: left;
	clear: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 2px 0px;
	width: 250px;
	height: 32px;
	padding-left: 15px;
	height: 25px\9;
	background: #EAEAEA\9;
	width: 181px\9;
	border: solid #eaeaea\9;
	margin-top:0px\9;
}
@-moz-document url-prefix() {
/* firefox-only css goes here */
	#pm-sidebarInterior .styledSelectWide select {
 .padding-top: 5px;
}
}
#pm-sidebarInterior input.submitWide {
	background-image: url('../images/sidebarSubmit.jpg');
	background-repeat: no-repeat;
	background-color: transparent;
	width: 109px;
	height: 30px;
	border: 0px;
	color: #484848;
	cursor: pointer;
	text-transform: uppercase;
	margin: 1px 0px 0px 4px;
	float: left;
	clear: none;
}
#pm-sidebarInterior #link {
	background-image: url('../images/sidebarSubmit.jpg');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: top left;
	width: 109px;
	height: 23px;
	border: 0px;
	color: #484848;
	cursor: pointer;
	text-transform: uppercase;
	margin: 1px 0px 0px 4px;
	float: left;
	clear: none;
	text-align: center;
}
#pm-sidebarInterior a#link {
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Verdana;
	padding: 7px 0px 0px 0px;
}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	line-height: 0px;
}
/*----------WP stuff----------*/
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	clear: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
#mainContent p.wp-caption-text {
	font-style: italic;
	margin: 0px;
	padding: 0px 5px;
}
#dynamic-sidebar li {
	list-style-type: none;
}
.textwidget {
	padding: 0;
	margin:0;
}
#nav {
	position:relative;
	float:left;
	top:-48px;
	left:12px;	
}
#nav, #nav ul{
margin:0;
padding:10px 0px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
text-align:left;
font-family: arial;
}

#nav a{
display:block;
padding:0px 25px 0px 0px;
color:#fff;
text-decoration:none;
}

#nav a:hover{

}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:17em;
top:1em;
z-index:3000;
}

#nav li ul a{
width:200px;
line-height:15px;
float:left;
padding:2px 5px;
font-size: 0.8em;
background-color:#910029;
border:1px solid #fff;
border-top:none;
}

#nav li ul a:hover {
background:url(../images/sideMenu-grad.jpg);
color: #474747;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:15em;
margin:0px 0 0 8px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

#dl-menu {
	visibility:hidden;
	height:0;
	width:0;
	overflow:hidden;
}
#trackinfo {
	position:relative;
	color:#fff;
	font-size: 0.9em;
	text-align:right;
	background-color:#FFF;
	padding:10px 5px;
	top:5px;
}
.trackimage {
	padding:0 0 5px 0;
}

#trackingbox {
	background-color:#ccc;
	height:150px;
}

.social {
	padding-top:5px;
}
#storeside {
	padding:0px 10px;
	text-align: left;	
}

#storebg {
	position:relative;
	width: 260px;
	height:103px;
	top:0px;
	float: right;
	clear: none;
	background-image:url(../images/store-bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
#storetop {
	color:#910029;
	text-align:right;
	padding:5px 10px 5px 0;
	font-size: 0.9em;
}
.storename {
	color:#fff;
	padding:0;
	margin:0;
	font-size: 1.1em;
	font-weight:bold;
	text-align:right;
}
.storeaddress {
}

.topphone {
	color: #910029;
	padding:4px 0 0 0;
	font-weight:bold;
}
@-moz-document url-prefix() {
    .topphone { padding:0; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.topphone { padding:6px 0 0 0; }
}

.titletext {
	color: #910029;
	font-weight: bold;
}
#hours {
	padding:0px 10px;
	text-align:left;
	font-size: 0.9em;
}
.copyright {
	font-size: 0.9em;
	margin:0;
	padding:0;
}

#QOD{
	font-size: 1.2em;
}

.QOD a {	
	text-decoration:none;
	color: #666;
	text-align:left;
}

.container {
	margin: 0 auto;
	text-align:left;
}

.container a {
	text-decoration: underline;
	color: #484848;
}
.container a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #484848;
}

h2.trigger {
	padding: 0 0px 0 35px;
	margin: 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 30px;
	line-height: 30px;
	width: 260px;
	font-size: 1em;

	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #fff;
	background:none;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0;
	padding:0 10px;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;
	width: 275px;
	clear: both;
	font-size: 0.9em;
}
.toggle_container .block {
	padding: 10px;
}

.container2 {
	margin: 0 auto;
	text-align:left;
}
.trackbox {
	width:100%;
	height:24px;
}
.trackbox2 {
	width:200px;
	height:24px;
}

h2.tracker {
	padding: 0 0px 0 35px;
	margin: 0;
	background: url(../images/h2_trigger_a2.gif) no-repeat;
	height: 30px;
	line-height: 30px;
	width: 260px;
	font-size: 1em;
	font-weight: normal;
	float: left;
	color:#fff;
}
h2.tracker a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.tracker a:hover {
	color: #fff;
}
.tracker_container {
	margin: 0;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;
	width: 295px;
	clear: both;
	font-size: 0.9em;
}
.tracker_container .block {
	padding: 10px;
}
.ten {font-size:10px;}
.twelve {font-size:12px;}
.white {color:#fff;}


/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
       
}
@media (max-width: 650px) {
       
}
@media (max-width: 450px) {
     
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#pm-container {
		text-align: left;
		width:320px;
		margin:0 auto;
		overflow:hidden;
	}
	#pm-contentWrapper {
		width: 320px;
		margin: 0 auto;
		background-color: #fff;
		overflow:hidden;
		position:relative;
		top:0;
		background-image:none;
	}
	#pm-header {
		margin:0 auto;
		background-image:url(../images/header-bg-mobile.jpg);
		background-repeat:no-repeat;
		height:79px;
	}
	#mobile-phone {
		border-top:1px solid #fff;
		margin: 0 auto;
		padding-bottom:8px;
		visibility:visible;
		background-color:#910029;
		text-align:center;
		position:relative;
		top:-24px;
		width:320px;
	}
	#mobile-phone a {
		text-decoration:none;
		color:#fff;
		font-size:24px;
	}
	#nav {
		visibility:hidden;
		width:0;
		height:0;
	}
	#storebg {
		visibility:hidden;
		width:0;
		height:0;
	}
	#social {
		visibility:hidden;
		width:0;
		height:0;
	}
	#pm-bannerShadl {
		visibility:hidden;
		width:0;
		height:0;
	}
	#pm-bannerShadr {
		visibility:hidden;
		width:0;
		height:0;
	}
	#pm-topnav {
		visibility:hidden;
		width:0;
		height:0;
	}
	#why-pm {
		visibility:hidden;
		width:0;
		height:0;
	}
	#pm-sidebarInterior-home {
		visibility:hidden;
		width:0;
		height:0;
	}
	#pm-sidebarInterior {
		visibility:hidden;
		width:0;
		height:0;
	}
	#pm-interior-home img {
		visibility:hidden;
		width:0;
		height:0;
	}
	#pm-interior img {
		visibility:hidden;
		width:0;
		height:0;
	}
	#pm-interior-home {
		width:290px;
		border-bottom:none;
	}
	#pm-interior {
		width:290px;
		border-bottom:none;
	}
	#pm-footer {
		width:100%;
		margin:0 auto;
	}
	#pm-footWrap {
		width: 310px;
		margin: 0 auto;
		line-height:20px;
	}
	#pm-serving {
		width: 290px;
		text-align: left;
		clear: none;
		padding:10px 0 10px 15px;
		font-size: 0.9em;
		margin:0 auto;
	}
	#why-choose {
		visibility:hidden;
		width:0;
		height:0;
		overflow:hidden;
	}
	#mobile-menu {
		visibility:visible;
		width:320px;
	}
	#dl-menu {
		visibility:visible;
		height:auto;
		width:auto;
		margin:0 auto;
		overflow:visible;
	}
	.trackbox2 {
		width:150px;
		height:24px;
	}
	#map {
		float:left;
		padding:0;
		width:280px;
		overflow:hidden;
	}
	#mobile-hours {
		visibility:visible;
		width:100%;
		height:auto;
	}
	#contactform {
		visibility:hidden;
		width:0;
		height:0;
	}
	#desktop-items {
		visibility:hidden;
		width:0;
		height:0;
	}
	#mobile-items {
		visibility:visible;
		height:auto;
	}
	.estimate_form table.shipping_items {
		border-color: #852001;
		border-collapse:collapse;
		margin-bottom: 25px;
		text-align: center;
	}
	.estimate_form table.shipping_items, .estimate_form table.shipping_items th, .estimate_form table.shipping_items td {
		border: 1px solid #852001;
	}
	.estimate_form table.shipping_items th {
		background-color: #852001;
		color: #fff;
		width: 5%;
		font-size: 0.7em;
	}
	#InfoComments {
		width:200px;
	}
	#desktop-quote {
		visibility:hidden;
		width:0;
		height:0;
		overflow:hidden;
	}
	
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.dl-trigger {
	color:#fff;
	padding:5px;
	border-top:1px solid #fff;
}
.dl-menuwrapper {
	width: 100%;
	max-width: 320px;

	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index:100000;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #aaa;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 5px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
	text-decoration:none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 30px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}


@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}


@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}



.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}


@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}


@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}


@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}


@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}


@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}


@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}



@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}



@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}


/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

}