@charset "utf-8";
/* 
Prepared by : Irfan
a.irfan.mr@gmail.com
(c) All Rights Reserved

By GICS Pte Ltd
For SFI


GENERAL STYLESHEET TEMPLATE 
---------------------------
*/


@import "tables.css";
@import "date_input.css";
@import "thick.css";

div #ctl00_thecontent_popupinfoid
{padding:20px; position:fixed; margin:0 80px; width:700px; background:#FFF; border:6px solid #000;}
                
input.closebutt
{background:url('images/close.png') no-repeat left; border:none; padding-left:30px; cursor:pointer; margin-bottom:20px;}

/*            input.subcatbutt
            {width:150px; margin:2px; font-family:Arial; color:#000; -border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
             cursor:pointer;}
            td.subcattd {border-bottom:none;}
*/

input.subcatbutt
{width:150px; margin:2px; font-family:Arial; color:#000; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; cursor:pointer;}

td.subcattd 
{border-bottom:none;}
            
input.searchbox
{width:150px; text-align:left; font-family:Arial; color:#000; background:url('images/Search_icon.gif') no-repeat left #fff;
    margin-left:50px; padding-left:23px; border:1px dotted #999;}

input.searchbutton
{
    border: none;
    font-family: Arial;
    background: #FFFFFF;
    width: 60px;
    color: #FFF;
}


table tr td.infobuttona a
{display:block; width:16px; background-image:url('images/info.png');}

.thespace {display:block; height:500px;}
.thespace2 {display:block; height:800px;}

body
	{font-family:Arial, Helvetica, sans-serif; background:#F2F2F2;
	font-size:12px; color:#333; padding:0; margin:0;}

input, textarea, select
	{border:1px solid #CCC; padding:3px;}

.thespace2 {display:block; height:226px;}

/* remarked by Eric Lim on 26 June 2020 - duplicate as above
body
	{font-family:Arial, Helvetica, sans-serif; background:#F2F2F2;
	font-size:12px; color:#333; padding:0; margin:0;}

input, textarea, select
	{border:1px solid #CCC; padding:3px;} */

a {text-decoration:none; color:#09F;}
a:hover {color:#06C;}

.clear{clear:both;}
	
/*----------------------------------------------------------------*/

/* Make them center here */

/* modified by Eric Lim on 26 June 2020 - wrong style
    input, textarea, select
	{border:1px solid #CCC; padding:3px;} */
#leveltwo, #header, #section
		{margin:0px auto; width:1200px;}	

		
/*--/*LEVELONE*/
	#levelone{height:110px; background:url(images/header-bg.gif) repeat-x #666;}
	
/* modified by Eric Lim on 26 June 2020 - re-align the header
	#header{height:20px; padding:20px;} */    	
	#header{height:15px; padding:10px;}
			
	#header #navigation h1
	/*background:url(images/sats-logo.png) no-repeat; */
     { color:#F9C099; float:left; display:block; height:45px; 
		width:185px;}  

	/* Navigation Menu Dropdown Style */
	#navigationmenu
		{float:right;padding:3px; border-bottom:1px solid #333;
		    background:url(images/navigationmenu.gif) repeat-x bottom #999;
			border-top:1px solid #fff; border-right:1px solid #333;
			border-left:1px solid #CCC;}
			 
	#navigationmenu li
		{float:left; list-style:none; font-size:12px; font-weight:bold;}
	#navigationmenu li a, #navigationmenu li.active
		{display:block;
		padding:5px 12px;
		color:#333; white-space:nowrap; text-align:center;}
	#navigationmenu li a:hover
		{background:#000; color:#CCC; opacity:0.5;}
	#navigationmenu li.active
		{background:#999; color:#000; border-top:1px solid #4D4D4D;
		border-bottom:1px solid #CCC;}
	#navigationmenu li ul
		{position:absolute; visibility:hidden;
			-moz-border-radius:7px; -webkit-border-radius:7px;}		
	#navigationmenu li ul li{float:none; display:inline}		
	#navigationmenu li ul li a
		{width:auto; background:#FFF; color:#666;
		text-align:left;}
	#navigationmenu li ul li a:hover{background:#000;}
		
	#section
    {
        height: 50px;
        background: url(images/section-bg.gif) repeat-x top #F90;
        padding: 5px 0;
        text-align: center;
        margin-top: 10px;
        color: #fff;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border: 1px solid #F90;
    }
	
/*--/*LEVELTWO*/
	#leveltwo
    /* modified by Eric Lim on 26 June 2020 - change the padding-bottom
		{background:#FFF; margin-top:15px; padding-bottom:100px;
		border-right:#CCC 1px solid; border-left:#CCC 1px solid;
		border-bottom:#F90 3px solid;} */

		{background:#FFF; margin-top:15px; padding-bottom:30px;
		border-right:#CCC 1px solid; border-left:#CCC 1px solid;
		border-bottom:#F90 3px solid;}
		
	/* Login -------------------------------------------------------*/
	table#Login1 {margin:0px auto;}
	table#Login1, table#Login1 tr,
	table#Login1 td {border:none; padding:0;}
		
	table#Login1 input 
		{font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:14px;
		color:#000;}
		
	#login {margin-top:50px;}
	#login span{text-align:center; color:#CCC;}
	#login h1
    {
        text-align: center;
        margin-bottom: 10px;
        color: #999;
        height: 90px;
        background: url(images/sats-logo-black.png) no-repeat center;
    }
	#login div.theform
		{display:block; width:300px; margin:0px auto; 
		padding:10px; border-top:30px #333 solid;
		border-left:1px solid #ccc;  background:#FFF;
		border-right:1px solid #ccc; 
		border-bottom:4px solid crimson;}
	#login input.input 
		{width:600px; height:50px; font-size:18px;
		background:#ccc; font-weight:bold; color:#777777;}
	#login label {display:block; padding-bottom:10px; text-align:left;}
	#login p.failed {color:Red; font-weight:bold;}
	#login p
		{display:block; padding:10px; margin:0px auto; 
		color:#777777; font-size:14px;}
	#login p.submit{font-size:12px; text-align:center;}
	#login p.submit a {padding-left:20px;}
	table#Login1 input#Login1_LoginButton
		{padding:5px; color:#CCC; width:100px; margin-top:20px;
		background:url(images/header-bg.gif) repeat-x top;
		font-weight:bold; cursor:pointer; text-align:center;}
			
			
    /* Guide -------------------------------------------------------*/
    #guide{padding:9px; text-align:center; background-color:#E6E6E6;}
		
		
    /* Content -----------------------------------------------------*/
    #content{padding:10px;}

	/*Create Order*/
	#createorder-left, #createorder-right{float:left;}
	#createorder-left{width:610px;}/*see table#orderlist in tables.css*/
	#createorder-right{width:290px;}
			
	/*Subcategory UL*/
	.subcat a{color:#fff; font-weight:bold}
	.subcat ul li
		{display:inline; padding:5px 8px; background:#666; margin:0 3px;
		-moz-border-radius:7px; -webkit-border-radius:7px;}
		.subcat ul li:hover
		{background:#F90; color:#000;}
		.subcat ul li a{cursor:pointer;}
		.meatul{margin-bottom:20px;}
				
		/* Hides UL until called by jQuery */
		#createorder-left h3
			{padding:10px 0; color:#666; text-align:center;
			font-size:18px; background:#EEE; width:598px;
			border-right:1px solid #CCC; border-left:1px solid #CCC;}
				
		ul#seafood, ul#poultry, ul#bakery, ul#fruit,
		ul#vege, #drystore, #dairy, #pastry, #soup, #others,
		#rto, #mb, #mc, #sa, #sb, #sc, #pa, #pb, #pc,
		#ba, #bb, #bc, #fa, #fb, #va, #vb, 
				
		.s1, .s2, .s3{display:none;}
				
		.subcat ul li.ma{background-color:#F90;}
			
	/*View Order*/
	#vieworder{margin:0 10px; text-align:center}
	#vieworder input 
		{width:300px; text-align:center; margin-bottom:20px;
		color:#999; -moz-border-radius:10px; -webkit-border-radius:10px;}
			
	/* Review Order */
	td#hideprice, td#showprice {cursor:pointer; color:#CCC;}
	td#hideprice:hover, td#showprice:hover{color:#F90;}
	#revieworder{margin:20px 120px; text-align:center}
	#revieworder p {margin-bottom:10px;}