/* SY2 - Online Takeaway

 * 

 * SY2_Takeaway.css

 */

#includeorder
{


}

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



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

}

img{border:none;}

#scroll { 
     
    width: 527px;
    
    border: 0px solid #666;
    padding: 8px 8px 8px 8px;

}

/* hide images on the website */

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: #fff;
     
    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;
    height: 356px;
    left: 0;
    position: relative;
    text-align: left;
    top: 163px;
padding-right:10px;
    width: 180px;
}



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

#nav ul li {list-style-type:none;margin-bottom:2px; margin-right:5px;}



#nav ul li a  {
    -moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #fff;
     
    color: #d80703;
    display: block;
     
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;

    padding: 6px;
    text-decoration: none;
    
}



#nav ul li a:hover {
      -moz-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #ffdb00 !important;
    
    color: #d80703;
    
    position: relative; 
    
}

#nav ul li#active a {
   -moz-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #ffdb00 !important;
    
    color: #d80703;
    
    position: relative; 
}







#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{
-moz-border-radius: 5px 5px 5px 5px;
    float: left;
    position: absolute;
   left:182px;
    top: 295px;
    width: 780px;
background:#fff;

}

  

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:hover {
    
    background: none repeat scroll 0 0 #d80703 !important;
        border:2px solid #d80703;
    color: #FFFFFF;
    float: left;
    position: relative;
}



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

margin-top:11px;

    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("http://maliksindian.co.uk/site/maliksindian.co.uk/images/uploads/images/headder.gif") no-repeat scroll center top #d80703;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: center;
 
}


#body {
padding:5px;
   background:#d80703;
border-bottom:2px solid #fff;
border-top:2px solid #fff;
   
   


/*

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

    font-size: 10pt;

    font-weight: bold;



}









#bottom {

clear:both;

    width:100%;

height:22px;

}



 tr { } 

.initial { background-color:}

.normal { background-color: }

.highlight { background-color: #e4e4e4} 

  

  

  



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

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

}
#comments:focus  { 
	background: #d7d7d7;
	color:#000;
 
	

}
/*#container {margin:auto; width:980px; background-image:url("http://maliksindian.co.uk/site/maliksindian.co.uk/images/uploads/images/headder.gif"); background-repeat:no-repeat;background-position:12px 20px;  position:relative;}*/

#container {margin:0 auto;width:980px; position:relative;} 

#header span.toplinks {
    color: #e3dac9 !important;
    float: left !important;
    font-size: 24px !important;
     
    position: relative !important;
    left:0;
    top: 262px !important;
 
    margin-left:none !important;
 
 
}

#header span.toplinks a {
   -moz-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #fff;
   border:2px solid #d80703;
    color: #d80703;
    display:block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}


form{margin-top:20px;}
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 a.red{background-color:#AC0701; border:none;}
body a.blue{background-color:#ff0900; 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:#f2f2f2;}
.reviewscroll td{background:#f2f2f2; border:none;   padding:8px; font-size:12px;}