/* Moja Restaurant CSS Document */
body 			{ margin: 0px; 
				padding: 0px; 
				background-color: #267676; 
				font-family:Arial, Helvetica, sans-serif; 
				color: #555; 
}
p, li, strong	{ font-size:small; line-height: 20px;}
.clear			{ clear:both; height: 1px; }
/* Standard Link colourings */
a:link		{ color: #574C3E; }
a:visited	{ color: #555555; }
a:hover 	{ color: #C17A5C; }

/* focus will remove the dotted lines that appear around nav links once visited */
/* may not be cross browser implemented - remove if causing problems */
:focus { outline: 0; }

/* Whole page content wrapper page width 1000px*/
/* layout (home page) 1000px =  199px nav panel, 400px content panel + 28 + 21 padding, info panel 261px */
/* Descendents header, content, footer*/
div#wrapper		{ width: 1000px; 
				margin-left:auto; 
				margin-right:auto; 
				margin-top: 30px; 
				padding: 0px; 
				clear:both; 
}
/*Header image = 1000x146. Top panel contains logo and images as single jpg 
Bottom edge not padded so it merges with main content panel*/
div#header 		{ background:#595959 url(../images/bgheader.jpg) no-repeat; 
				height: 146px; 
				padding-top:10px; 
				padding-left:10px; 
				padding-right:10px; 
				padding-bottom:0px; 
				margin:0px; 
}
/*main Page body including the left navigation panel, central text content panel, and the right information panel
repeats down the page as far as needed 
Descendents = navigation, contentPanel */
div#content		{ background:url(../images/bgcontent.jpg) repeat-y; 
				clear:both; 
				width:1000px; 
				position:relative; 
				margin:0px; 
				padding:0px;
}
/* Position navigation panel */
div#navigation 		{ float:left; 
					width: 200px; 
}

div#navigation ul#nav		{ margin: 30px 0px 0px 0px; 
							padding: 0px; 
							padding-left:6px; 
}
div#navigation ul#nav li 	{ list-style:none; 
							margin: 0; 
							padding: 0px; 
							position: relative; 
							text-indent: 10px; 
							line-height:34px; 
}
/* the gif image is 34px hieght, setting hieght to 40px provides spacing between gifs*/
/* Sliding doors CSS navigation */
div#navigation ul#nav li, div#navigation ul#nav a 												{ height: 40px; width:194px; display: block; }
div#navigation ul#nav li a, div#navigation ul#nav li , div#navigation ul#search li a 			{ text-decoration: none; }
div#navigation ul#nav a:link, div#navigation ul#nav a:visited, div#navigation ul#nav a:active 	{ font-size:medium; color:#574c3e; }

/* Controlling how nav menu graphics are displayed on pages across the site*/
#mojaHome a:hover,  			#mojaHome .current ,		#mojaHome-current			{ font-size:medium; color:#045936; background-image:url(../images/navslider.gif); background-repeat:no-repeat; }
#mojaTakeaway a:hover,  		#mojaTakeaway .current,		#mojaTakeaway-current		{ font-size:medium; color:#045936; background-image:url(../images/navslider.gif); background-repeat:no-repeat; }
#mojaRestaurant a:hover,  		#mojaRestaurant .current, 	#mojaRestaurant-current		{ font-size:medium; color:#045936; background-image:url(../images/navslider.gif); background-repeat:no-repeat; }
#mojaInfo a:hover,			  	#mojaInfo .current,			#mojaInfo-current 			{ font-size:medium; color:#045936; background-image:url(../images/navslider.gif); background-repeat:no-repeat; }

/* Correcting nav display bug in mac IE5*/
#navigation ul li a { display: inline-block;
					white-space: nowrap;
					width: 1px;
}
/*-------------------- end of navigation --------------*/
/* Main content page - main content div includes internal sidebar div panel */
/* Format the way the main data section is displayed */
/* Position centre text panel (padding top, right, bottom, left)*/
/* Descendents */
div#contentPanel	{ width: 770px; 
					float:left; 
					padding: 20px 10px 30px 10px; 
}
div#contentPanel h1	{ font-size: x-large; 
					font-weight: normal; 
					color:#666; 
}
div#contentPanel h2	{ font-size: x-large; 
					margin: 0px;
					color:#666; 
					padding: 5px 0px 20px 0px;					 
}
div#contentPanel h3	{ font-size: large;
					font-weight: bold;  
					margin: 0px; 
					color:#666; 					
}

div#contentPanel p	{ padding: 0px 0px 20px 10px; 
					margin: 0px; 
}
#offertext {text-align: center
}
/* q tag redefined - used for index page customer comments */
q					{ padding: 0px 0px 20px 10px;
					margin: 0px;
					font-style: italic;
					font-weight: bold;
}
/* Format the way the main data section is displayed */
/* Position centre text panel (padding top, right, bottom, left)*/
/* Descendents */
div#menuPanel		{ width: 770px; 
					float:left; 
					padding: 20px 10px 30px 10px; 
}
div#menuPanel h1	{ font-size: x-large; 
					font-weight: normal; 
					color:#666; 
}
div#menuPanel h2	{ background: #EBD5B4 url(../images/menuSubbg.gif) bottom repeat-x;
/*					background: url(../images/wheel-icon.gif) right no-repeat; */
					font-size: x-large; 
					margin: 0px;
					color:#666; 
					padding: 5px 0px 5px 0px;					 
}
div#menuPanel h3	{ font-size: large;
					font-weight: bold;  
					margin: 0px; 
					color:#666; 					
}

div#menuPanel p		{ padding: 0px 0px 20px 10px; 
					margin: 0px; 
}
/* Menu head formatting*/
#menuh1 			{background-color: #E2C68E}
#menuh2 			{background-color: #EBD5B4;
					padding: 5px 0px 10px 0px;					 
					font-style: italic;
}
/* Menu page elements layout held within contentPanel on menu pages*/
dl			{overflow: auto;
			margin: 0 0 1em;
   		 	background: url(../images/dot.gif) repeat-x 0 1.2em
}
dt,dd.price	{font: Georgia,Times,sans-serif; 
			font-size: 120%;
			font-weight: bold
}
dt			{float: left;
			padding-right: 3px;
			color: #666
}
dd			{margin:0}
dd.price	{float: right;
			padding-left: 3px;
			color: #666
}
dd.ingredients	{float: left;width: 100%;
				padding: 3px 0;
   				font: italic 100% Georgia,Times,sans-serif;
				color: #555
}
/*------------- End of menu layout ------------*/
/* end of content Panel, start of descendents*/

/* Position the right hand information sidebar */
.sidebar			{ width: 270px; 
					float: right; 
					clear:right; 
					padding: 0px 0px 0px 10px; 
}
/* format the information displayed in the right hand sidebar*/
/* overall padding and positioning of blue box */
.sidebar info	{ width: 270px; 
}
/* Font and heading formatting for info box (padding top, right, bottom, left)*/
.sidebar > h1		{ background-color:#AFDBDB; 
					margin:0px; 
					padding:10px 10px 10px 10px; 
					font-size:large; 
					font-weight:normal; 
}
.sidebar > h2		{ background-color:#AFDBDB; 
					margin:0px; 
					padding:0px 10px 0px 10px; 
					font-size:small; 
}
.sidebar > p		{ background-color:#AFDBDB; 
					margin:0px; 
					padding:10px; 
					font-size:small; 
}
.sidebar > h3 		{ background-color:#AFDBDB;
					margin:0px;
					padding:10px 10px 10px 10px;
					font-size:small;
					font-weight: bold;
}
.sidebar > h4 		{ background-color:#AFDBDB;
					margin:0px;
					padding:10px 10px 10px 10px;
					font-size:120%;
					font-weight: bold;
					color: #666666;
}
/* ------------- end of sidebar panel --------------- */
/*Advert panel - position and image shown - bottom of the background box for main content and header*/
.contentad	{ width: 200px; 
}
#content fieldset {
	margin-bottom: 10px;
	background-color: #00EC5F;
	border: #666666;
	color: #914B00;
	text-align: left;
	font-weight: 700;
}
#content fieldset h1{
	color: #914B00;
	text-align: center;
	border-bottom: 3px double #914B00;	
}

#content fieldset p {
	padding: 0px;
	margin: 0px;
	}

#content legend {
	padding: 0 2px;
	font-weight: bold;
	}

#content fieldset ol {
	list-style-position:inside;
	margin: 5px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	}
#content fieldset li {
	list-style: none ;
	list-style-image:url("../images/staroffer.gif");
	padding: 0px 5px 0px 5px;
	margin: 0px;
	}


/* ------------- end of sidebar panel --------------- */
/*Footer panel - position and image shown - bottom of the background box for main content and header*/
div#footer	{ clear:both; 
			height: 50px;
			padding: 0px; 
			margin-left: auto; 
			margin-right: auto; 
			width: 1000px; 
			color: #574c3e; 
			font-size:small;
}
.footerimg { background:url(../images/bgfooter.jpg) no-repeat ;}

div#footer ul 	{ display:block; 
				margin: 15px 0px 0px 0px; 
				padding: 0px 0px 0px 18px;  
				float: left;   
}
/* Manage the bottom of page nav links*/
div#footer li 													{ display:inline; padding-right: 2px; }
div#footer ul#sitelinks li a:link, div#footer p>a:link			{ color:#E2B48E; text-decoration: none;}
div#footer ul#sitelinks li a:visited, div#footer p>a:visited	{ color:#364363; text-decoration: none;}
div#footer ul#sitelinks li a:hover, div#footer p>a:hover		{ color:#FF0000; text-decoration: none;}

/* Tag line for GWT link*/
div#footer p.tagline	{ display:block; 
						float: right; 
						margin: 15px 0px 0px 0px; 
}
/*----------- End of footer panel ---------------*/
/* floating image positioning sitewide */
.leftimg 	{ float: left; 
			padding-right: 4px; 
			padding-bottom: 20px; 
}
.rightimg	{ float: right; 
			padding-left: 4px;
			padding-bottom: 20px; 
}
.phoneimg	{ float: left; 
			padding-right:10px;
}
.infoimg 	{ float: left; 
			padding-right: 4px; 
			padding-bottom: 20px; 
			background-color:#AFDBDB; 
}
.menulogo	{ float: right;
			padding-right:10px;
			padding-bottom:20px;
			vertical-align: top;
}