/* SY2 - Online Takeaway
 * 
 * SY2_Takeaway.css
 */
 hr {border: none 0;
border-top: 2px dashed black;/*the border*/
} 

/* Form elements */
input.wait {
border : 1px solid Black;
background-color : #ffffff;


color : #0E1930;
font-size : 20px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
height: 29px; /* replace 2em with your chosen value, in px or whatever */
width: 33px;
} 
input.late {
border : 1px solid Black;
background-color : #FF0000;
color : #ffffff;
font-size : 20px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
height: 28px; /* replace 2em with your chosen value, in px or whatever */
width: 33px;
} 

.home_info {
	font-size: 13px;
	font-family: sans-serif, Arial, Helvetica;
  color: #00;
   font-weight: bold;
}


.Current_msg {
    font-size: 11pt;
    color: #ffffff;
    
}
.Current_time {
    font-size: 12pt;
     font-weight: bold;
    color: #000000;

    
    }
 
body {
     color: #383838;
     font-family: "Arial", Tahoma;
     font-size: 10pt;
     margin:0 auto;
     text-align: center;
     background-color: transparent;
}

/** s **/
h1 {
     font-family: "Century Gothic", Arial;
     font-size: 26pt;
     color: #383838;
     line-height: 1cm;
     font-weight: normal;
}

h2 {
     font-family: "Century Gothic", Arial;
     font-size: 14pt;
     color: #383838;
     line-height: .7cm;
     font-weight: bold;
     margin-bottom: 0;
}

h3 {
    font-family: "Arial", Tahoma;
    font-size: 10pt;
    color: #000000;
    font-style: italic;
    margin: 0 0 0 0;
    margin-bottom: 0px;
    padding-bottom: 0px;

}

h4 {
    font-family: "Arial";
    font-size: 9pt;
    color: #000000;
    font-style: italic;
    margin: 0 0 0 0;
    margin-bottom: 0px;
    padding-bottom: 0.5px;

}
h5 {
     font-family: "Century Gothic", Arial;
     font-size: 25pt;
     color: #383838;
     line-height: 1cm;
     font-weight: normal;
}
h7 {
    font-family: "Arial";
    font-size: 9pt;
    color: #000000;

}


a.allitems:hover {
     font-size: 10pt;
     color: RED;
     font-weight: bold;
     text-decoration: none;
}

/** HEADER (BANNER) 
#header {
	width: 100%;
	height: 35px;
	background-image: url("images/top_nav.gif");
	background-repeat: no-repeat;
    background-position: 50% 0%;  
	color: #fcd000;
	font-size: 9pt;
    font-weight: bold;
	text-align: center;
	line-height: 1cm;
}

#header a {
     line-height: 1cm;
     margin-right: .2cm;
     margin-left: .2cm;
     font-size: 10pt;
     color: #c6c6c6;
     font-weight: bold;
     text-decoration: none;
}

#header a:hover {
     line-height: 1cm;
     font-size: 10pt;
     color: #fcd000;
     font-weight: bold;
     text-decoration: none;
}

/* END OF MINI NAVIGATION */




/** MAIN NAVIGATION **/
#header {
    font-family: "Tahoma";
    background-color: #ffffff;
    background-image: url("images/banner_nav.gif");
    background-repeat: no-repeat;
    background-position: 50% -0%; 
    height: 175px;
    width: 800px;
    color: #ffffff;
    font-size: 11pt;
    
}
#nav {
    font-family: "Tahoma";
    color: #ffffff;
    font-size: 11pt;
    text-align: left;
    margin-bottom: 0px;
    
}
#nav ul {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
#nav li {
    display: inline;
    margin-right: .2cm;
    margin-left: .2cm;
    
}
#nav a {
     color: #ffffff;
     font-weight: bold;
     text-decoration: none;
}

#nav a:hover {
     color: #f8e49d;
     font-weight: bold;
     text-decoration: none;
}
#nav a1 {
     color: red;
     font-weight: bold;
     text-decoration: none;
}
/* END OF MAIN NAVIGATION */


/* Point it out for me then */

/** MAIN nav_adminIGATION **/
#nav_admin {
    font-family: "Arial";
    background-color: #ffffff;
    background-image: url("images/background.gif");
	  background-repeat: no-repeat;
    background-position: 50% -0%; 
    width: 100%;
    height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 9pt;
}

#nav_admin ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
#nav_admin li {
    padding-top: 1cm;
    display: inline;
    margin-left: .3cm;
}
#nav_admin a {
     line-height: 6.2cm;
     font-size: 10pt;
     color: #000000;
     font-weight: bold;
     text-decoration: none;
}

#nav_admin a:hover {
     line-height: 6.2cm;
     font-size: 10pt;
     color: #916d00;
     font-weight: bold;
     text-decoration: none;
}
/* END OF MAIN nav_adminIGATION */



/** SELECTION LIST **/
#holder{
width:800px;
    background-image: url("images/background.gif");
	background-repeat: repeat-y;
    background-position: 50% 0%;

    margin-top: -4px;
}
  
table#table1 {
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    width: 800px;
    height: 430px;
    border-spacing: 0;
    border-collapse: separate;
    /**border-collapse: collapse;  hack is needed for IE7 also */
}
#content {
	background-image:url("images/content.gif");
	background-repeat: no-repeat;
  background-position: 25% 9px; 
  width: 565px;
  height: 100%;
    
  /*  border-radius: 5px;
    border: medium solid;
    border-color: #b10000; */
}

#selection {
    margin-left: 2%;
    margin-top: 15px;
    text-align: left;

    border: none;
}

#description {
    font-family: "Arial", Tahoma;
    font-size: 8pt;
    color: #5d5d5d;
    margin-top: 0;
    width: 90%;
    margin-bottom: 30px;
    
}

div.hr {
    width: 280px;
    height: 2px;
    background: #d4d4d4;
    font-size: 1px;
}
/** ORDER FORM **/

#order {
    width: 210px; 
    min-height: 100px;
    margin-top: 10px;
    text-align: left;
    font-size: 9pt;
}

#top {
	background-image: url("images/top_order.gif");
	background-repeat: no-repeat;
	height: 25px;
	width: 215px;
}

#body {
	background-image: url("images/body_order.gif");
	background-repeat: repeat-y;
	min-height: 100px;
	width: 215px;
}

#total {
    height: 40px;
    line-height: .8cm;
    padding-left: 10px;
    background-image: url("images/order_bottom.gif");
    background-repeat: no-repeat;
    text-align: left;
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
}

#bottom {
    background-image: url("images/bottom.gif");
	background-repeat: no-repeat;
    background-position: 50% -0%;
    width:100%;
    height: 24px;
    margin-top: -8px; 
}

 tr { } 
.initial { background-color:}
.normal { background-color: }
.highlight { background-color: #dddddd} 
  
  
  

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */


#topPan{ position:center; margin:0 auto;}
#topPan ul{text-align: center; list-style-type:none;}
#topPan ul li.menupadding{float:left; background:url(images/menubg-normal.gif) 0 0 no-repeat; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul li.theone{float:left; background:url(images/menubg-active.gif) 0 0 no-repeat;  color:#FDFDFD; font:22px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul li a{text-align: center; width:92px; height:30px; display:block;   text-decoration:none; text-align:center;}
#topPan ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat;  color:#1A1917;}
#topPan ul li a:active{background:url(images/menubg-active.gif) 0 0 no-repeat; color:#1A1917;}


#topmenu{ position:center; margin:0 auto;}
#topmenu ul{text-align: center; list-style-type:none;}
#topmenu ul li.menupadding{float:left; background:url(images/menubg-normal.gif) 0 0 no-repeat; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topmenu ul li.theone{float:left; background:url(images/menubg-active.gif) 0 0 no-repeat;  color:#FDFDFD; font:22px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topmenu ul li a{text-align: center; width:92px; height:30px; display:block;   text-decoration:none; text-align:center;}
#topmenu ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat;  color:#1A1917;}
#topmenu ul li a:active{background:url(images/menubg-active.gif) 0 0 no-repeat; color:#1A1917;}