/*
body {
	font-family:arial; 
	font-size:11px;
	margin: 0px;
}
*/
.clear {clear:both} 
/* remove the list style */
#nav_container {
	background-color: #999999;
	padding: 3px;
	width: 100%;
	height: 26px;
}

#nav {
    margin:0; 
    padding:0; 
    list-style:none;
}   
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
		background-color: green;
        float:left; 
        display:block; 
        width:140px; 
        background:#ccc; 
        position:relative;
        z-index:500; 
        margin:0 1px;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block; 
        /*padding:8px 5px 0 5px; */
		padding: 5px 5px 0 5px; 
        /*font-weight:700;  
        height:23px; */
        height:20px;
        text-decoration:none; 
        color:#fff; 
        text-align:center; 
        color:#333;
    }
 
    #nav li a:hover {
        color:#fff;
		font-weight: bold;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#f00;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute; 
            left:0; 
            display:none; 
            margin:0 0 0 -1px; 
            padding:0; 
            list-style:none;
        }
         
        #nav ul li {
            width:170px; 
            float:left; 
            border-top:1px solid #fff;
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;  
            height:15px;
            padding: 8px 5px; 
            color:#666;
        }
         
        #nav ul a:hover {
            /*text-decoration:underline;  */
			font-weight: bold;
        }
 
html, body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100%;
	margin: 0px;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}

p, h1, form, button{border:0; margin:0; padding:0;}
	.spacer{clear:both; height:1px;}
	/* ----------- My Form ----------- */
	.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.wrap {
	min-height: 97%;
	margin-top: 0px;
	padding: 0px;
	/*border:solid 2px #b7ddf2;*/
}

.main_container {
	width: 100%;
	/*height: 100%;*/
	overflow:auto;

	/* must be same height as the footer */
	padding-bottom: 150px;
}

.loginbox_ori {
	vertical-align: middle;
	margin-top: 150px;
	display: block;
	/*
	width: 800px;
	height:500px;
	position:absolute;
	left:35%;
	top:30%;
	margin:-100px 0 0 -150px;
	*/
}

.loginbox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 500px;
	margin-top: -250px; /* 1/2 of your element height*/
	margin-left: -200px; /* 1/2 of your element width */
}

.register_notuse {
	vertical-align: middle;
	margin-top: 50px;
	display: block;
	/*
	width: 800px;
	height:500px;
	position:absolute;
	left:35%;
	top:30%;
	margin:-100px 0 0 -150px;
	*/
}

.formrow span {
	float: left;
}
/*
.footer{
	/ * position: absolute;  * /
	display: block;
	margin-top: 20px;
	bottom: -10px; 
	width: 100%;
	height:30px;
	border-top:solid 2px #b7ddf2;
	text-align: center;
	float: left;
	/ *
	margin-top: 10px;
	bottom:0%;
	* /
	/ * background:#ebf4fb; * /
}
*/

.footer {
	position: relative;
	/*float: left;*/
	margin-top: 0px; /* negative value of footer height */
	height: 20px;
	border-top:solid 2px #b7ddf2;
	/*border:solid 2px #b7ddf2;*/
	text-align: center;
	clear:both;
} 

.LoginErrMsg {
	text-align:center;
	width:400px;
	display:block;
	font-weight:bold;
	color: red;
}

#logoplaceholder {
	text-align: center;
}


/* ----------- stylized ----------- */
#stylized{
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
}

#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}

#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#stylized input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}

#stylized textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
#stylized button{
	clear:both;
	float: left;
	margin-left:150px;
	width:125px;
	height:31px;
	/*background:#666666 url(img/button.png) no-repeat;*/
	background:#666666;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
#stylized .footermsg{
	/*float: left;*/
	color:#666666;
	white-space:nowrap;
	display:block;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	width: 100%;
	height: 50px;
	/*border: 1px solid;*/
}

#stylized .login_loading{
	color:#666666;
	display:block;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	width: 350px;
}

#stylized .tncInput{
	/*float:left;*/
	clear:both;
	float:left;
	font-size:12px;
	padding:4px 2px;
	/*border:solid 1px #aacfe4;*/
	width:100%;
	/*margin:2px 0 20px 10px;*/
}

#stylized .tncInput input{
	clear:both;
	float:left;
	width: 30px;
	border: 0px;
	/*font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;*/
}

#stylized .pwdMsg{
	float:left;
	font-size:12px;
	/*padding:4px 2px;
	border:solid 1px #aacfe4;*/
	width:200px;
	/*margin:2px 0 20px 10px;*/
	margin-left: 150px;
	margin-top: -15px;
	margin-bottom: 20px;
}

#stylized h2{
	font-size:14px;
	font-weight:bold;
	/*color:#666666;*/
	/*margin-bottom:20px;*/
	border-bottom:solid 1px #b7ddf2;
	/*padding-bottom:10px;*/
}

.table_container {
	margin: 10px;
}

.stylized_button {
	clear:both;
	float: left;
}

button{
	/*float: left;*/
	clear:both;
	width:80px;
	height:20px;
	background:#666666 url(/images/button.png) no-repeat;
	text-align:center;
	line-height:21px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
/*
#popupEditForm {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 999;
}

#popupEditForm div {
     width:500px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:0px;
     text-align:center;
}
*/
#popupDialog {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 999;
}

#popupDialog div {
     width:500px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:0px;
     text-align:center;
}

#CartOpsDialog {
     /*visibility: hidden;*/
	 display: none;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 999;
}

#CartOpsDialog div {
     width:250px;
     height:100px;
     margin: 100px auto;
     background-color: lightblue;
     border:1px solid #000;
     /*padding:0px;*/
	 padding-top: 20px;
	 font-size: 16px;
     text-align:center;
}

#popupOrderListDialog {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     z-index: 999;
}

#popupOrderListDialogMainLayer {
     visibility: hidden;
     width:800px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:0px;
}

.actionBtn {
	cursor: pointer;
	cursor: hand;
}