/* SY2 - Online Takeaway

 * 

 * SY2_Takeaway.css

 */

#includeorder
{


}

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



#header_space {

height: 175px;

width: 980px;

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

background-repeat: no-repeat;

-moz-border-radius-bottomright: 5px;

-webkit-border-radius-bottomright: 5px;

}



#scroll { 

    height: 360px;

    width: 540px;

    overflow: auto;

    border: 0px solid #666;

    padding: 8px 8px 8px 8px;

}



/* 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: Verdana, Arial, Helvetica;

  color: #00;

   

}





.Current_msg {

    font-size: 11pt;

    color: #FFF;

}

.Current_time {

    font-size: 12pt;

     font-weight: bold;

    color: #FFF;

margin-right:100px;

    

    }

 

body {

     text-align: center;

  

    padding:0;

    margin:0;

    background: #463795;

    color:#FFF;

    font-size:11px;

    font-family:Arial, Helvetica, sans-serif;



     

}



/** 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: "Verdana";

    font-size: 9pt;

    color: #FFF;

    font-style: italic;

    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 {

    text-align:left;

    width:190px;

    float:left;





    background: red;



  -webkit-border-bottom-right-radius: 13px;

  -webkit-border-top-right-radius: 13px;

  -moz-border-radius-topleft: 13px;

  -moz-border-radius-bottomleft: 13px;

  border-radius: 13px;

}



#nav ul {margin:0px;padding:0px;margin-left:0px;margin-top:0px;}

#nav ul li {list-style-type:none; width: 100%;color:#fff;}



#nav ul li a  {

    display:block;

    padding:5px;

    color:#FFF;

    text-decoration:none;

    font-size:12px;

}



#nav ul li a:hover {

    background: #C40000;

   font-weight: bold; 

    -webkit-border-bottom-right-radius: 13px;

   -webkit-border-top-right-radius: 13px;

    -moz-border-radius-topleft: 13px;

   -moz-border-radius-bottomleft: 13px;

    border-radius: 13px;

}

#nav ul li#active a {



    background: #C40000;

font-weight: bold; 

    -webkit-border-bottom-right-radius: 13px;

  -webkit-border-top-right-radius: 13px;

    -moz-border-radius-topleft: 13px;

  -moz-border-radius-bottomleft: 13px;

    border-radius: 13px;

}







#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:right;

    margin-top: -4px;

    width: 790px;

    background: white;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

  

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 {



    -moz-border-radius: 15px;

border-radius: 15px;



  width: 265px;

  height: 100%;



}



#header span.toplinks a {

    color: white;

    text-decoration: none;

    font-size: 14px;    

}



#header span.toplinks a:hover {

    text-decoration: underline; 

}



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

    margin-left: 0px;

margin-top:11px;

    text-align: left;

    font-size: 9pt;

padding: 0px;

}



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



/*

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

    background-repeat: repeat-y;

    min-height: 100px;

    width: 215px;

*/

text-decoration:none;

font-italic:none;

}



#total {

height: 40px;

    line-height: .8cm;

    padding-left: 10px;

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

    background-repeat: no-repeat;

    text-align: left;

    color: red;

    font-size: 10pt;

    font-weight: bold;



}









#bottom {

clear:both;

    width:100%;

height:22px;

}



 tr { } 

.initial { background-color:}

.normal { background-color: }


  

  

  



/* 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:91%;
     color:#a09d9d;
     font-size:11px;
     font-weight:bold;
     padding:2px;
     font-family:"Verdana";
     border: none 0;

border: 1px dashed black;/*the border*/

}
#comments:focus  { 
	background: #AACA2B;
	color:#FFF;
	

}
#container {margin:0 auto;width:980px;background-image:url("images/logo.png");background-repeat:no-repeat;background-position:12px 20px;}

/*#container {margin:0 auto;width:980px;background-image:url("images/logo.png");background-repeat:no-repeat;background-position:12px 20px;}*/{

    

}