/* SY2 - Online Takeaway

 * 

 * SY2_Takeaway.css

 */

#includeorder
{

 background:#fff;
padding:4px;
border:1px solid #ccc;

-moz-box-shadow: inset 0 0 10px #ccc;
-webkit-box-shadow: inset 0 0 10px #ccc;
box-shadow: inner 0 0 10px #ccc;
}

hr{
    border: none 0;
    border-top: 0px dashed black;/*the border*/
} 



#header_space {
   display:none;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-radius-bottomright: 5px;

}

img{border:none;}

#scroll { 
     
    width: 530px;
 
    border: 0px solid #666;
  

}

/* hide images on the website */
div#scroll img
{
	display: none;
}
div#scroll a img
{
	display: inline;
}



/* 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: 12px;
    font-family:2 Arial, Helvetica;
    color: #fff;
}





.Current_msg {
    font-size: 11pt;
    color: #FFF;
}

.Current_time {
      font-size: 12pt;
      font-weight: bold;
      color: #FFF;
      margin-right:100px;



}

 







/** s **/

h1 {

     font-family: "Verdana", Verdana;
     font-size: 26pt;
     color: #383838;
     line-height: 1cm;
     font-weight: normal;

}



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



h3 {
    font-family: "Verdana", Verdana;
    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: 12px;
    color: #000;
     
    margin: 0 0 0 0;
    margin-bottom: 0px;
    padding-bottom: 0.5px;
}

h7 {
    font-family: "Verdana";
    font-size: 9pt;
    color: #FFF;
    font-style: italic;
    margin: 0 0 0 0;
    margin-bottom: 0px;
   padding-bottom: 0.5px;
}

h5 {
     font-family: "Verdana", Verdana;
     font-size: 25pt;
     color: #383838;
     line-height: 1cm;
     font-weight: normal;
}







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



/** HEADER (BANNER) 

#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;
}



#header {

    font-family: "Verdana";
    width: 980px;
    height: 230px;
    color: #ffffff;
    font-size: 11pt;
}

/* END OF MAIN NAVIGATION */





/* Point it out for me then */



/* @group Navigation */



#nav {
   background: none repeat scroll 0 0 transparent;
    float: left;
     
 margin-top:10px;
    text-align: left;
    width: 198px;

}



#nav ul {margin:0; padding:0;}

#nav ul li {list-style-type:none;}



#nav ul li a  {
      
    color: #fff;
 
border-bottom:1px dotted #fff;
    display: block;
   margin-bottom:5px;
    font-family: arial,serif;
    font-size: 12px;
    font-weight: bold;
  padding:6px 0 6px 10px;
    text-decoration: none;
    
}



#nav ul li a:hover {
       
    background: none repeat scroll 0 0 #fff !important;
    
    color: #333;
    
 
    
}

#nav ul li#active a {
      
  background: none repeat scroll 0 0 #fff !important;
    
    color: #333;
    
 
}







#nav ul li a i {
      width:100%;
      height:100%;
      display:block;
      background-color:#e20000;
      padding:5px;
      margin-left:-5px;

}



/* @end */



/** MAIN nav_adminIGATION **/

#nav_admin {

    font-family: "Verdana";

    background-color: #ffffff;

      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{

    float: left;
  margin-top:10px;
    padding-bottom: 20px;
   margin-left:10px;
    width: 780px;

}

  

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 */

}

#content2 {

  width: 565px;

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; */

}

#content {

 padding: 4px;

    -moz-border-radius: 15px;

border-radius: 15px;



  width: 265px;

  height: 100%;



}






#header span.toplinks a:hover {
   
   background: none repeat scroll 0 0 #770e29 !important;
     
    color: #fff;
    
    
}



#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: 220px; 

    margin-left: 0px;



    text-align: left;

    font-size: 9pt;

padding: 0px;

}



#top {

background-image: url("images/top_order.gif");

    background-repeat: no-repeat;

    height: 35px;

    width: 220px;





}
body {
      background: url("images/background.gif") repeat-x center top #f7d608;

    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: center;
}


#body {
padding:5px;
   background:#fff;
border-bottom:1px solid #000;
border-top:1px solid #000;
   
   


/*

    background-image: url("images/body_order.gif");

    background-repeat: repeat-y;

    min-height: 100px;

    width: 215px;

*/

text-decoration:none;

font-italic:none;

}



#total {



    line-height: .8cm;

    padding-left: 10px;

  background:#fff;

    text-align: left;

    color: #000;

    font-size: 10pt;

    font-weight: bold;



}









#bottom {
  background:none;
    clear: both;
    height: 30px;
    width: 100%;
-moz-border-radius-bottomright: 15px;
      -webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
      -webkit-border-radius-bottomleft: 15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;

}



 tr { } 

.initial { background-color:}

.normal { background-color: }

.highlight { background-color: #f2f2f2;} 

  

  

  



/* 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;}

#comments { 
     margin-left:5px;
     background-color:transparent;
     width:95%;
     color:#000;
     font-size:11px;
     font-weight:bold;
     padding:2px;
     font-family:arial;
     border: none 0;
margin-top:5px;

border: 1px dashed #000;/*the border*/

}
#comments:focus  { 
	background: #eb2206;
	color:#fff;
 
	

}
#container {background:url("images/banner_nav.gif") repeat-y ;width:999px; position:relative; border:2px solid #fff;
border-radius:10px;
-moz-border-radius: 10px;
      -webkit-border-radius:10px;
margin: 220px auto auto;
behavior: url(../../includes/ie-css3.htc);
   
 
 }

/*#container {margin:0 

auto;width:980px;background-image:url("images/logo.png");background-repeat:no-repeat;backgro

und-position:12px 20px;}*/{

}
#header span.toplinks {
 color: #E3DAC9 !important;
    font-size: 12px !important;
    left: -10px;
    position: absolute;
top:-209px;
 
}

#header span.toplinks a {
  background:#fff;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
padding:6px 15px;
margin-left:5px;
color:#000;
text-decoration:none;
font-weight:bold;
border-radius :10px;
-moz-border-radius :10px;
}


form a{margin-top:20px; margin-bottom:20px; margin-right:10px;}

body #body td{  padding:5px 0; }
body #body tr.highlight{background:none;}
#body img{width:13px; height:13px;}

body div.scroll{ height:auto;}

body div.scroll{padding:0;}



body a.red{background-color:#AC0701; border:none;}
body a.blue{background-color:#d61c08; border:none; margin-top:8px;}

.reviewscroll{position:relative;}
body .reviewscroll .home_info{color:#000;}
body .reviewscroll .home_info a{color:#d61c08;}
.reviewscroll table{border:none; background:none;}
.reviewscroll table img{border:none;}
.reviewscroll table tr{border:none; background:#fff; border:1px solid #000;}
.reviewscroll td{background:#fff; border:1px solid #ccc;   padding:8px; font-size:12px;}

input.reg_btn{ background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    margin: 0 5px;
    padding: 4px 7px;}