.navigation_drawer, .remoteEdit
{
	z-index:9999; width: 270px; /*height: 100%;*/ background:url(../images/bg-nav-drawer.png); position:absolute; left:-300px; top: 54px; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.3s linear; transition:all 0.3s linear;
}
.show_drawer{left: 0px;} .main-nav{z-index:4;}

/*.navigation_drawer .controls a, .remote .controls span, .remoteEdit .controls a, .remoteEdit .controls span{display:block;}
.navigation_drawer .controls, .remoteEdit .controls{width:280px; margin:auto;}

.navigation_drawer .controls span.heading, .remoteEdit .controls span.heading{color:#fff; text-align:center; margin:10px 0px;}
.navigation_drawer .controls a, .remoteEdit .controls a{background:#009ee0; background-image: -webkit-linear-gradient(top, #4fc2f1, #009ee0); background-image: -moz-linear-gradient(top, #4fc2f1, #009ee0); margin:10px 0px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:10px; color:#fff; text-align:center; text-decoration:none; font-weight:bold; font-size:16px; box-shadow:inset 0px 1px 2px rgba(0,0,0,0.6); text-shadow:1px 0px 1px rgba(0,0,0,0.3);}
.navigation_drawer .controls a.cancel, .remoteEdit .controls a.cancel{background:#a70000; background-image: -webkit-linear-gradient(top, red, #a70000); background-image: -moz-linear-gradient(top, red, #a70000); margin:10px 0px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:10px; color:#fff; text-align:center; text-decoration:none; font-weight:bold; font-size:16px; box-shadow:inset 0px 1px 2px rgba(0,0,0,0.6); text-shadow:1px 0px 1px rgba(0,0,0,0.3); margin-top:20px;}
*/

.navigation_drawer ul
{
	padding-top: 20px;
	padding-bottom: 20px;
}

.navigation_drawer ul li
{
	padding-bottom: 15px;	
}

.navigation_drawer ul li a
{
	color: #fff !important;
	font-weight: normal !important;
	font-size: 15px;
	height: 50px;
	line-height: 45px;
	display: block;
	text-decoration: none;
	padding-left: 80px;
}

.navigation_drawer ul li:nth-child(1n) a
{
	background: url(../images/icon-mn-rtpi-ret.png) top left no-repeat; 
	background-size: 80px 50px;
}
/* Route Planner */
.navigation_drawer ul li:nth-child(2n) a
{
	background: url(../images/icon-mn-route-planner-ret.png) top left no-repeat; 
	background-size: 80px 50px;
}
/* Fare Calculator */
.navigation_drawer ul li:nth-child(3n) a
{
	background: url(../images/img-icon-euro.png) top left no-repeat; 
	background-size: 80px 50px;
}
/* Timetables */
.navigation_drawer ul li:nth-child(4n) a
{
	background: url(../images/icon-mn-timetables-ret.png) top left no-repeat; 
	background-size: 80px 50px;
}
/* News */
.navigation_drawer ul li:nth-child(5n) a
{
	background: url(../images/icon-mn-news-ret.png) top left no-repeat; 
	background-size: 80px 50px;
}
/* What's On */
.navigation_drawer ul li:nth-child(6n) a
{
	background: url(../images/icon-mn-whats-on-ret.png) top left no-repeat; 
	background-size: 80px 50px;
}
/* Newsletter */
.navigation_drawer ul li:nth-child(7n) a
{
	background: url(../images/icon-mn-timetables-ret.png) top left no-repeat; 
	background-size: 80px 50px;
}
/* Noel link */
.navigation_drawer ul li:nth-child(8n) a
{
	background: url(../images/icon-mn-timetables-ret.png) top left no-repeat; 
	background-size: 80px 50px;
}
/* View Desktop version link */
.navigation_drawer ul li:nth-child(9n) a
{
	background: url(../images/icon-mn-view-desktop-ret.png) top left no-repeat; 
	background-size: 80px 50px;
}