/*****************************************************/
/********** BEGIN RESPONSIVE MENU STYLING ************/
/*****************************************************/
.pdMaNavWrapper{
	padding-left:5px;	
	padding-right:5px;	
}
.pdMaNav > ul{
  background-color: #f2f2f2;
  padding: 8px;
	margin-bottom:0;
}
.pdMaNav > ul > li{
	margin-right:0;
	margin-bottom:4px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
	border:1px solid #cdcdcd;
}
.pdMaNav > ul > li.active{
  border-bottom:0;	
	border:1px solid #cdcdcd;
}


.pdMaNavList {
	display: none; 
	opacity: 0; 
/*
	width: 100%; 
	position: absolute; 
	right: 0; 
*/
}
.pdMaNavList > li {
	display: block; 
	width: 100%; 
	margin: 0; 
}
.pdMaNavList > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pdMaNavToggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
#pdMaNavToggle:checked ~ .pdMaNavList { display: block; opacity: 1;}
	
	
.pdMaNavList{
	background: #FFFFFF;
	/*
	border-top: 1px solid #51C1F1;
	*/
}

.pdMaNavList, .pdMaNavList > li, .pdMaNavList > li > a{
	height: auto;
}

.pdMaNavList > li > a{
	padding: 15px 15px;
}

.pdMaNavList > li > a:hover, .pdMaNavList > li > a:focus{
	background: #F2F2F2;
	/*
	box-shadow: inset 5px 0px #51C1F1;
	padding: 15px 15px 15px 25px;
 */
}

.pdMaNavToggle:after {
	content: 'My Account Menu';
	display: block;
	width: auto;
	margin: 6px 0;
	padding: 10px 50px;
	background: #444444;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	font-size: 14px;
	font-weight:700;
	color: #FFFFFF;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

.pdMaNavToggle:hover:after{
	background: #333333;
}

#pdMaNavToggle:checked + .pdMaNavToggle:after{
	content: 'Close Menu';
}

/*****************************************************/
/*********** END RESPONSIVE MENU STYLING *************/
/*****************************************************/

/*****************************************************/
/**************** BEGIN FORM STYLING *****************/
/*****************************************************/

/*****************************************************/
/***************** END FORM STYLING ******************/
/*****************************************************/




/*****************************************/
/**** GRID DISPLAY (ITEM LISTING *********/
/*****************************************/
.pdsResults .pdsGridWrap{
	width:228px;
	height:328px;
}