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

/*-------------------main menu items------------------------*/

@font-face {
    font-family: 'cookie-font';
    src: url('http://www.cookiescotland.com/css/cookie-font.eot');
    src: local('☺'), url('http://www.cookiescotland.com/css/cookie-font.woff') format('woff'), url('http://www.cookiescotland.com/css/cookie-font.ttf') format('truetype'), url('http://www.cookiescotland.com/css/cookie-font.svg#webfont898lLElQ') format('svg');
    font-weight: normal;
    font-style: normal;
}

.title_red {
	font-family:"cookie-font";
	font-size:20px;
	font-weight:bold;
	color:#D52D2D;
}

.title_black {
	font-family:"cookie-font";
	font-size:20px;
	font-weight:bold;
	color:#666;
}


.menu_off {
	font-family:"cookie-font";
	font-size:18px;
	font-weight:bold;
	color:#666;
	margin-left:20px;
}

.menu_on {
	font-family:"cookie-font";
	font-size:18px;
	font-weight:bold;
	color:#C00;
	margin-left:20px;	
}

.submenu_off {
	font-family:"cookie-font";
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:62px;
}

.submenu_on {
	font-family:"cookie-font";
	font-size:14px;
	font-weight:bold;
	color:#C00;	
	margin-left:62px;
}

.mainmenu {
	width:220px;
	background-image:url("http://www.cookiescotland.com/images/s_background.png");
	background-repeat:repeat-y;
	}

.mainmenu a{display:block; width: 220px; height:40px}

.mainmenu a.row1 {background:url(m_foryou.png) no-repeat}
.mainmenu a.row2 {background:url(m_foodanddrink.png) no-repeat}
.mainmenu a.row3 {background:url(m_restaurant.png) no-repeat}
.mainmenu a.row4 {background:url(m_shop.png) no-repeat}
.mainmenu a.row5 {background:url(m_foodtogo.png) no-repeat}
.mainmenu a.row6 {background:url(m_blog.png) no-repeat; background-position:0 -40px}
.mainmenu a.row7 {background:url(m_fromus.png) no-repeat}
.mainmenu a.row8 {background:url(m_catering.png) no-repeat}

.mainmenu a.row1:hover {background-position:0 -40px}
.mainmenu a.row2:hover {background-position:0 -40px}
.mainmenu a.row3:hover {background-position:0 -40px}
.mainmenu a.row4:hover {background-position:0 -40px}
.mainmenu a.row5:hover {background-position:0 -40px}
.mainmenu a.row7:hover {background-position:0 -40px}
.mainmenu a.row8:hover {background-position:0 -40px}


.submenu {
	width:220px;
	background-image:url("http://www.cookiescotland.com/images/s_background.png");
	background-repeat:repeat-y;
	}
.submenu a{display:block; width: 220px; height:22px;}