body{
	display:block;
	width:100%;
}
/* header css start */

section.main{
	display:block;
	width:912px;
	margin:0px auto;	
	padding-top:12px;
}

section.main .site-header{
	display:block;	
	width:912px;
	height:94px;
	background:url(../images/system/topnav_reflection.jpg) no-repeat right bottom;
	position:relative;
}

a.logo{
	display:block;
	float:left;
	width:180px;
	height:94px;
	text-decoration:none;
}

.site-header nav{
	display:block;
	float:left;
	width:732px;
	height:35px;
	background:url(../images/system/navigation-bg.png) left top repeat-x;
	margin-top:24px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
}

ul.navigation{
	display:block;
	float:left;
	width:732px;
	height:35px;
	margin:0px;	
}

ul.navigation > li{
	float:left;
	list-style:none;
	position:relative;
}

ul.navigation > li > a:hover{
	color:#ffed00;
}

ul.navigation > li > a{
	float:left;
	height:25px;		
	text-align:center;
	width:148px;
	padding-top:10px;
	background:url(../images/system/navigation-seperator.png) left 1px no-repeat;
	font-family:"TradeGothicBoldCondTwenty";
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}

ul.navigation > li:first-child  > a{
	width:138px;
	background:none;
}



ul.navigation > li.restaurant > a{
	background:url(../images/system/restaurant-bg.png) repeat-x left top;
	width:150px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;	
}

ul.navigation li nav{
	clear:both;
	display:none;	
	position:absolute;
	left:-6px;
	top:11px;
	background:none;
	z-index:999;
}

ul.navigation li:hover nav{
	display:block;
	width:220px;	
}

ul.navigation li:hover nav ul{
	display:block;
	float:left;	
	margin:0px;
	background:url(../images/system/topnav_drop_left_shadow.png) left top repeat-y;
	padding-left:7px;
}

ul.navigation li nav ul li{
	display:block;
	float:left;
	width:100%;
	list-style:none;
	background:url(../images/system/topnav_drop_right_shadow.png) right top repeat-y;	
}

ul.navigation li  nav ul li a{
	display:block;	
	float:left;
	width:205px;
	background:url(../images/system/topnav_drop_divider.gif) repeat-x left top  #0CA251;
	margin-right:8px;
	padding:10px 7px 8px 15px;
	font: normal 11px/12px 'Trebuchet MS', Arial, Sans-serif;
	color: white;
	text-decoration:none;
}

ul.navigation li nav ul li:first-child a{
	background:url(../images/system/topnav_drop_top.gif) repeat-x left top  #0CA251;
}

ul.navigation li nav ul li.bottom{
	height:10px;	
}

ul.navigation li nav ul li span.bg{
	display:block;
	position:relative;
	width:205px;
	background:url(../images/system/topnav_drop_divider.gif) repeat-x left top  #0CA251;
	padding:10px 7px 8px 15px;	
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	border-radius:0px 0px 4px 4px;
}

ul.navigation li nav ul li span.lc{
	position:absolute;		
	width: 16px;
	height: 16px;
	left:-7px;
	top:10px;
	background: url("../images/system/topnav_drop_left_corner.png") top left no-repeat;	
}

ul.navigation li nav ul li span.rc{
	position:absolute;		
	width: 16px;
	height: 16px;
	right:-8px;
	top:10px;
	background: url("../images/system/topnav_drop_right_corner.png") top right no-repeat;	
}

ul.navigation li nav ul li span.bottom-shadow{
	position:absolute;				
	top:10px;
	left:9px;
	width:210px;
	background: url("../images/system/topnav_drop_bottom_shadow.png") top right repeat-x;	
}

ul.navigation li nav ul li:hover a{
	color:#ffed00;
}

.site-header  .country{
	position:absolute;
	left:171px;
	top:4px;
	font: 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #115730;
}

.site-header .main-site{
	position:absolute;
	right:9px;
	top:-4px;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #636466;
}
/* header css end */

/* footer css start */


.site-footer {
	float:left;
	width:905px;	
	margin-left:7px;
	text-align:center;
	margin-top:12px;
}

.footer-list{
	display:block;
	float:left;
	width:100%;
	margin:0px;	
}

.footer-list li{
	display:inline-block;
	float:left;
	width:195px;
	margin-left:6px;
	list-style:none;
	max-height:95px;
}

.footer-list li:first-child{
	margin-left:0px;
}

.footer-list li:nth-child(4){
	margin-left:18px;
}

nav.footer-links{
	display:block;	
	width:905px;
	text-align:center;
	color:#115730;
}

nav.footer-links a{
	font-family:verdana;
	font-size:10px;	
	padding:0px 4px 0px 4px;	
	text-transform:uppercase;
	color:#115730;
	text-decoration:none;
}

.site-footer article{
	display:block;
	margin-top: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #231F20;
}

/* footer css end */

/* content css start */
section.site-content{
	display:block;
	width:912px;
	margin:0px auto;
}

div.content{
	display:block;
	float:left;
	width:905px;
	margin-left:7px;
	/*height:355px;*/
	height:361px;
}

body.meny-pages div.content{
	height:auto;	
}

body.hem section.col1 , body.om-subway section.col1 {
	height:auto;
	float:left;
	width:597px;
}

body.hem .banner-img{
	display:block;
	margin-bottom:9px;
	margin-left:8px;
}

body.meny-pages  section.col1{
	height:auto;
	float:left;
	width:644px;
	/*height:500px;*/
}

body.hem section.col2, body.om-subway section.col2 {
	float:left;
	margin-left:18px;
	width:290px;
	height:inherit;
}

body.meny-pages  section.col2{
	height:auto;
	float:left;
	width:236px;
	margin-left:25px;
	display:block;	
}

nav.second-navigation{
	display:block;
	float:left;
	width:597px;	
	border-bottom:1px solid #299e4e;
	margin-bottom:20px;
}

nav.second-navigation ul{
	margin:0px;
	padding:0px;
	display:block;
	float:left;
}

nav.second-navigation ul li{
	display:block;
	float:left;
	width:180px;
	height:19px;
	border-left:1px solid #299e4e;
	margin-bottom:2px;
	text-align:center;
} 

nav.second-navigation ul li:first-child{
	border:none;
	width:125px;
}

nav.second-navigation ul li a{
	display:block;
	float:left;
	text-decoration:none;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#299e4e;
	width:100%;	
}

nav.second-navigation ul li a.active {
	height:27px;
	background:url(../images/system/second-navigation-bottom.png) center bottom no-repeat;
	color:#b69c16;
}

body.om-subway .page-name{
	display:block;
	float:left;
}

body.om-subway .page-name h1{
	font: bold 14px "Trebuchet MS" , Verdana;
	color:#199741;	
}

body.om-subway .col1 .description{
	display:block;
	float:left;
	width:597px;
	height:302px;
	overflow:auto;
}

body.om-subway .col1 .description p{
	width:582px;
	word-wrap:break-word;
	margin:0px;
	margin-bottom:20px;
	font: normal 11px "Trebuchet MS" , Verdana;
	line-height:17px;
	padding-bottom:0px;
}

.regular-img{
	display:block;
	float:left;
	width:290px;
	height:355px;
	text-indent: -1000em;
}


.col2-right-flash{
	display:block;
	float:left;
	width:290px;
	height:355px;
}

.map-container{
	display:block;
	float:left;
	width:597px;
	height:355px;
	background:url(../images/system/map-container.png) no-repeat left top;
}

.map-container h1{
	margin-left:46px;
	font-family:"TradeGothicBoldCondTwenty";
	font-size:24px;
	color:#5ca218;
	line-height:24px;
	padding-top:17px;
	margin-bottom:19px;
}

section.restaurant-list{
	display:block;
	float:left;
	margin-left:66px;
	height:280px;
	width:593px;
	overflow:auto;	
}

section.restaurant-list header h2{
	display:block;	
	font: 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #D3D3D1;
	padding-bottom:6px;
	margin-bottom:6px;
	width:430px;
	color:#534C3B;
}

section.restaurant-list address{
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	display: block;
	border-bottom: 1px solid #D3D3D1;
	padding-bottom: 6px;
	margin-bottom: 6px;
	width: 180px;
}

section.restaurant-list address p{
	margin:0px;
	padding:0px;
	line-height:17px;
}

.page-info{
	display:block;
	float:left;
	width:624px;
	/*min-height:112px;*/
	background-color:#349a48;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	margin-bottom:11px;
	padding-left:20px;
	padding-top:16px;
	padding-bottom:5px;
}

.page-info .category-image{
	float: right;
    margin-top: -5px;
}

.page-info h1{
	color: #FEFBC2;
    font: bold 18px Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: 5px;
    text-transform: uppercase;
	width:532px;
	float:left;
}

.page-info article , .page-info header{	
	float:left;
	width:532px;
}

.page-info p{
	font: 11px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
	margin-bottom: 5px;
    overflow: auto;
	color:#FFFFFF;
	width:532px;
	float:left;
}

.page-info aside.center{
	text-align:center;
}

.page-info aside{
	display:block;
	float:left;
	height:23px;
	width:160px;
	background:url(../images/system/detail-page-btn-bg.png) repeat-x left top;	
	margin-bottom:5px;	
	position:relative;	
}

.page-info aside > a{
	display:block;
	float:left;
	width:auto;
	background:url(../images/system/detail-page-btn-left.png) left top no-repeat;
	height:18px;
	margin-left:-5px;
	padding-left:17px;
	padding-right:8px;
	min-width:129px;
	padding-top:5px;
	font:12px 'Trebuchet MS',Arial,Sans-serif;	
	text-transform:uppercase;	
	color:#ffffff;
	text-decoration:none;
}

.page-info aside.center > a{
	font-family:"TradeGothicBoldCondTwenty";
	font-size:14px;
}

.page-info aside >  a:hover{
	color:#ffed00;
}

.page-info aside span{
	display:block;
	float:right;
	width:auto;
	background:url(../images/system/detail-page-btn-right.png) left top no-repeat;
	height:23px;
	margin-right:-5px;
	padding-left:7px;
}


.page-info aside:hover ul.category-list{
	display:block;
}

.page-info aside span.arrow-img{
	position:absolute;
	left:4px;
	top:8px;
	width:6px;
	height:8px;
	background:url(../images/system/categotry-list-close-arrow.png) left top no-repeat transparent;
	margin:0px;
	padding:0px;	
}

.page-info aside:hover span.arrow-img{
	background:url(../images/system/categotry-list-open-arrow.png) left top no-repeat transparent;
	left:2px;
	top:8px;
	width:8px;
	height:6px;
}
 
ul.category-list{
	clear:left;
	display:none;
	position:relative;
	width:100%;
	margin:0px;	
}

ul.category-list li{
	display:block;	
	width:100%;
	list-style:none;
	background:#0CA251 ;	
	margin-left:-4px;	
	position:relative;
}

ul.category-list > li > a{
	display:block;	
	padding: 5px 0px 4px 20px;
	background: url("../images/system/topnav_drop_divider.gif") left top repeat-x #0CA251;
	font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
	text-decoration:none;
	color:#ffffff;
}

ul.category-list li.category-list-bottom{
	height:16px;
	background: #115730 url("../images/system/topnav_drop_divider.gif") left top repeat-x;	
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;

}

ul.category-list > li:first-child  > a{
	padding-top:5px;
	background:none;
}

ul.category-list > li > a:hover{
	color:#ffed00;
}

ul.category-list li:hover  ul{
	display:block;
}

ul.category-list ul{
	display:none;
	position:absolute;
	left:100%;
	top:0px;
	margin-left:4px;	
	width:inherit;
	width:160px;
}

ul.category-list ul li{
	list-style:none;
	display:block;
	float:left;
	background:#22633F;
}

ul.category-list ul li a{
	display:block;	
	width:100%;
	padding: 5px 0px 4px 20px;
	font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
	background: url("../images/system/menu_flyout_divider.gif") left top repeat-x ;
	text-decoration:none;
	color:#ffffff;
	width:140px;	
}

ul.category-list ul li:first-child a{
	background:none;
}

ul.category-list ul li a:hover{
	color:#ffed00;
}

h2.menu-header{
	display:block;
	float:left;
	font-family:"VinylRegular";
	font-weight:normal;
	font-size:29px;
	color:#2e8b39;
	line-height:30px;
	margin-bottom:15px;	
	width:100%;
	text-transform:uppercase;	
}

.page-list-container{
	display:block;
	float:left;
	overflow:auto;
	/*height:370px;*/
	height:425px;
	width:236px;
	clear:left;
}

.meny-navigation{
	display:block;
	float:left;
	width:205px;
	margin:0px 0px 0px 5px;
	
}

.meny-navigation > li {
	display:block;
	float:left;
	width:205px;
	margin:0px 0px 20px 0px;
}

.meny-navigation > li > a{
	float:left;
	font-family:"TradeGothicBold";
	font-size:16px;
	color:#6cbd45;
	text-decoration:none;
	padding-left:15px;	
}

.meny-navigation > li > a.sub-paegs{
	background:url(../images/system/menu-navigation-inactive.png) no-repeat left 40%;
}

.meny-navigation > li.active > a.sub-paegs{
	background:url(../images/system/menu-navigation-active.png) no-repeat left 40%;
	color:#2e8b39;
}

.meny-navigation > li.active  > a{
	color:#2e8b39;
}

.meny-navigation ul{
	display:none;
	margin:21px 0px 0px 15px;
	clear:left;
}

.meny-navigation ul.active{
	display:block;
}

.meny-navigation ul li{
	display:block;
	list-style:none;
}

.meny-navigation ul li a{	
	display: block;
	height: auto;
	font: normal 11px/16px 'Arial', Helvetica, sans-serif;
	color: #6D6E71;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 2px;
	list-style-type: none;
	text-decoration: none;
}

.meny-navigation ul li a.active ,.meny-navigation ul li:hover a{
	font: normal 11px/16px 'Arial', Helvetica, sans-serif;
	color: #6D6E71;
	background: #FFF200;
}


.product-info{
	display:block;
	padding-left:12px;
	float:left;
	width:632px;
}

.product-info header{	
	border-bottom: 1px solid #939698;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-top: 8px;
	background: white;
	vertical-align: middle;
	float:left;
	width:632px;
}

.product-info header .sub-name{
	float:left;
	width: 320px;
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #115730;
	overflow: hidden;
}

.product-info header aside{
	float:right;
}

.product-info header .based-on{
	text-align: center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-left:7px;
	border-left: 1px solid #BCBEC0;
	overflow: hidden;
	color: #999;	
}
.product-info header .serving-size{
	width: 160px;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #BCBEC0;
	overflow: hidden;
	color: #999;
}

.product-info header .serving-size span{
	color: #138853;
}

.product-info figure{
	float: left;
	width: 410px;
	height: 232px;
	background: #CCC;
}

.product-info figure img{
	max-width: 410px;
	height: auto;
}

.left-fig  , .right-fig  , .left-fig  a, .right-fig a{
	display:block;
	float:left;
	width:318px;
	height:365px;
}

.left-fig{
	margin-right:8px;
}

table.nutrition-table{
	float: left;
	width: 197px;
	margin-left: 16px;
}
table.nutrition-table tr{
	border-bottom: 1px solid #E7E7E9;
}

table.nutrition-table td{
	color: #138853;	
	height:16px;
	padding:0px;
	margin:0px;
	text-align:right;
}

table.nutrition-table td.left{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	width:170px;
	text-align:left;
}

table.nutrition-table td.bold{
	font-weight:bold;
}

.col2 .col2-images a{
	display:block;
	float:left;
	width:290px;
	height:355px;
}

.col2 .col2-images img{
	max-height:349px;
}


 body.hem .page-name{
	display:block;
	width:100%;
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #199741;
	text-transform: uppercase;
	border-bottom: 1px solid #199741;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

body.hem .col1 .description{
	display:block;
	float:left;
	width:596px;
	height:302px;
	overflow:auto;	
}

.col1 .description p{
	display:block;	
	margin: 0px;
	padding-bottom: 10px;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.col1 .description a{
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #299E4E;
}

.sub-image-container{
	float:left;
	width:644px;
	height:355px;
	background:url(../images/system/content_bg_644x365.gif) no-repeat left top transparent;
}


/* content css end */

