/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 *   
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
 
 	hr {color:sienna;}
 	p  {
 	margin-left:100px;
 	margin-right:100px;
 	}
 	ul {
	 	margin-left:100px;
	 	margin-right:100px;
 	}
 	ol {
		 	margin-left:100px;
		 	margin-right:100px;
 	}
 	div.hd {
 		//border: 0px solid gray;
 		text-align:center; 
 		vertical-align: middle;
 		//background-image:url("bgimg.png");
 		//background-repeat: no-repeat; //repeat-y; repeat-x;
 		//background-color: lightblue;
 		width: 100%;
 		height: 200px;
 	}
 	div.center {
	 		//border: 0px solid gray;
	 		text-align:center; 
	 		vertical-align: bottom;
	 		//background-image:url("bgimg.png");
	 		//background-repeat: no-repeat; //repeat-y; repeat-x;
	 		//background-color: lightblue;
	 		width: 100%;
	 		height: 80px;
 	}
	hs
	{ 
		//border: 0px solid blue;
		//color:gray;
		//background-color: White;
		//background-image:url("bgimg.png");
		font-size:110%; 
		text-align:left; 
	 	margin-left:100px;
 		margin-right:100px;
		//padding-left:10px;
		//padding-right:10px;
		height: 200px;
		font-weight: bold;
		//white-space: nowrap;
		//vertical-align:middle;
	}
 	body { 
 		font-family: arial; 
 		//background-image:url("bgimg.png");
		//background-color: lightblue;
 		 	}
 	
 	iframe
    {
        border: 2px solid lightgray;
        scrolling: yes; //not supported in html 5 but all majore browsers do
     	overflow: visible; //hidden;
      //  position: absolute;
        width:100%; 
        height: 200px; //500px;
    }
    iframe.order 
    {
      // border: 2px solid lightgray;
      //  overflow: hidden;
     //   position: absolute;
        width:100%; 
        height: 500px;
    }
	table
	{ 
		border: 0px solid red; 
		border-collapse: collapse; 
		//background-image:url("bgimg.png");
		padding:10px;
		width:100%;
		margin-left: auto;
		margin-right: auto;
		vertical-align:top;
		//table-layout: fixed;
  		
	}
	table.details
	{ 
		border: 1px solid green; 
		border-collapse: collapse; 
		//background-image:url("bgimg.png");
		padding:10px;
		width:100%;
		margin-left: auto;
		margin-right: auto;
		vertical-align:top;
		//table-layout: fixed;
  		
	}
	table.page
	{ 
		border: 0px solid red; 
		border-collapse: collapse; 
		//background-image:url("bgimg.png");
		padding:0px;
		width:90%;
		margin-left: auto;
		margin-right: auto;
		
		//table-layout: fixed;
  		
	}
table.board
	{ 
		align: center;
		background-color: black;
		//background-image:url("bgColor.png");
		border: 0px solid gray; 
		border-collapse: collapse; 
		padding: 0px;
		width: 662px;
		margin-left: auto;
		margin-right: auto;
		
		//table-layout: fixed;
  		
	}
	table.login
	{ 
		border: 1px solid gray; 
		border-collapse: collapse; 
		//background-image:url("bgimg.png");
		padding:0px;
		width:30%;
		margin-left: auto;
		margin-right: auto;
		
		//table-layout: fixed;
  		
	}
	table.bgImg
	{ 
		border: 2px solid gray; 
		border-collapse: collapse; 
		background-image:url("bgimg.png");
		//padding:100px;
		width:100%;
		margin-left: auto;
		margin-right: auto;
		
		//table-layout: fixed;
  		
	}
	table.m
	{ 
		border: 0px solid red; 
		border-collapse: collapse; 
		padding:0px;
		width:65%;
		margin-left: auto;
		margin-right: auto;
		
		//table-layout: fixed;
  		
	}
	.reversed
	{ 
		border: 0px solid blue;
		color: gray; //white;
		background-color: blue; //gray;
		//background-image:url("bgimg.png");
		font-size:100%; 
		text-align:left; 
		padding-left:10px;
		padding-right:0px;
		height: 20px;
		font-weight: bold;
		white-space: nowrap;
		vertical-align:middle;
	}
	th.head_left_prd_title
	{ 
		//border: 0px solid blue;
		//color:lightgray;
		//background-color: White;
		font-size:125%; 
		font-weight: 1000;
		text-align:left; 
		padding-left:10px;
		height: 0px;
		white-space: nowrap;
		vertical-align:top;
	}
	th.head_left
	{ 
		border: 0px solid blue;
		color:lightgray;
		background-color: White;
		font-size:300%; 
		font-weight: 1000;
		text-align:left; 
		padding-left:20px;
		height: 100px;
		white-space: nowrap;
		vertical-align:bottom;
	}
	th.head_left_1
	{ 
		border: 0px solid blue;
		color:lightgray;
		background-color: White;
		font-size:200%; 
		font-weight: 1000;
		text-align:left; 
		padding-left:100px;
		height: 100px;
		white-space: nowrap;
		vertical-align:bottom;
	}
	th.head_left_2
	{ 
		border: 0px solid blue;
		color:lightgray;
		background-color: White;
		font-size:125%; 
		font-weight: 1000;
		text-align:left; 
		padding-left:10px;
		height: 100px;
		white-space: nowrap;
		vertical-align:bottom;
	}
	th 
	{ 
		border: 0px solid blue;
		color:gray;
		background-color: White;
		//background-image:url("bgimg.png");
		font-size:110%; 
		text-align:center; 
		padding-left:10px;
		padding-right:10px;
		height: 200px;
		font-weight: bold;
		white-space: nowrap;
		vertical-align:middle;
	}
	th.right 
	{ 
		border: 0px solid blue;
		color:gray;
		background-color: White;
		//background-image:url("bgimg.png");
		font-size:110%; 
		text-align:right; 
		padding-left:10px;
		padding-right:10px;
		height: 200px;
		font-weight: bold;
		white-space: nowrap;
		vertical-align:middle;
	}
	th.reversed
	{ 
		border: 0px solid blue;
		color: white;
		background-color: gray;
		//background-image:url("bgimg.png");
		font-size:100%; 
		text-align:left; 
		padding-left:10px;
		padding-right:0px;
		height: 20px;
		font-weight: bold;
		white-space: nowrap;
		vertical-align:middle;
	}
	th.th_bottom
	{ 
		border: 0px solid blue;
		color:gray;
		background-color: White;
		font-size:110%; 
		text-align:center; 
		padding-left:10px;
		padding-right:10px;
		height: 200px;
		font-weight: bold;
		white-space: nowrap;
		vertical-align:bottom;
	}
	td 
	{ 
		background-color:white; // #F0F0F0;
		//background-image:url("bgimg.png");
		padding-left:10px; 
		padding-right: 10px; 
		padding-top:0px;
		padding-bottom:0px; 
		font-size:100%; 
		text-align: left; 
		border:0px solid blue;
		//white-space: nowrap;
		word-wrap:break-word;
		vertical-align:top; //bottom;
		
	}
	td.reversed
	{ 
		border: 0px solid blue;
		color: white;
		background-color: gray;
		//background-image:url("bgimg.png");
		font-size:100%; 
		text-align:left; 
		padding-left:10px;
		padding-right:0px;
		height: 20px;
		font-weight: bold;
		white-space: nowrap;
		vertical-align:middle;
	}
	td.order
	{ 
		background-color:white; // #F0F0F0;
		//background-image:url("bgimg.png");
		padding-left:10px; 
		padding-right: 10px; 
		padding-top:0px;
		padding-bottom:0px; 
		font-size:100%; 
		text-align: left; 
		border:1px solid gray;
		//white-space: nowrap;
		word-wrap:break-word;
		vertical-align:top;
		
	}
	td.order_total
	{ 
	color:white;
		background-color:gray; // #F0F0F0;
		//background-image:url("bgimg.png");
		padding-left:10px; 
		padding-right: 10px; 
		padding-top:0px;
		padding-bottom:0px; 
		font-size:100%; 
		text-align: left; 
		border:1px solid gray;
		//white-space: nowrap;
		word-wrap:break-word;
		vertical-align:top;
		
	}
	td.errpage
	{ 
		background-color:white; // #F0F0F0;
		//background-image:url("bgimg.png");
		padding-left:10px; 
		padding-right: 10px; 
		padding-top:20px;
		padding-bottom:0px; 
		font-size:100%; 
		text-align: lefts; 
		border:0px solid blue;
		//white-space: nowrap;
		word-wrap:break-word;
		vertical-align:top;
		
	}	
	td.board 
	{ 
		background-color: white; // #F0F0F0;
		background-image:url("bgcolor.png");
		padding-left:0px; 
		padding-right:0px; 
		padding-top:0px;
		padding-bottom:0px; 
		font-size:90%; 
		text-align: left; 
		border: 1px solid gray;
		margin-bottom:5px;
		margin-top:5px;
		margin-right:20px;
		margin-left:30px;
		//white-space: nowrap;
		word-wrap:break-word;
		vertical-align:top;
		
	}
	td.three 
	{ 
		background-color:white; // #F0F0F0;
		//background-image:url("bgimg.png");
		padding-left:15px; 
		padding-right: 0px; 
		padding-top:0px;
		padding-bottom:0px; 
		font-size:90%; 
		text-align: lefts; 
		border:0px solid blue;
		white-space: nowrap;
		//word-wrap:break-word;
		vertical-align:top;
		
	}
	td.bottom 
	{ 
		background-color:white; // #F0F0F0;
		padding-left:10px; 
		padding-right: 10px; 
		padding-top:0px;
		padding-bottom:0px; 
		font-size:90%; 
		text-align: center; 
		border:0px solid blue;
		white-space: nowrap;
		word-wrap:break-word;
		vertical-align:bottom;

	}
	td.header_left
	{ 
		background-color:white; // #F0F0F0;
		padding-left:0px; 
		padding-right: 0px; 
		padding-top:0px;
		padding-bottom:0px; 
		margin-bottom:5px;
		margin-top:20px;
		margin-left:0px;
		margin-right:0px;
		font-size:100%; 
		font-weight: bold;
		text-align: left; 
		border:0px solid blue;
		white-space: nowrap;
		vertical-align:bottom;
		align:center;
	}
	td.header_left_red
	{ 
		color:red;
		background-color:white; // #F0F0F0;
		padding-left:10px; 
		padding-right: 10px; 
		padding-top:20px;
		padding-bottom:0px; 
		font-size:100%; 
		font-weight:900;
		text-align: left; 
		border:0px solid blue;
		white-space: nowrap;
		vertical-align:bottom;
		align:center;
	}
	td.top 
	{ 
		background-color:white; // #F0F0F0;
		padding-left:10px; 
		padding-right: 10px; 
		padding-top:0px;
		padding-bottom:0px; 
		font-size:90%; 
		text-align: center; 
		border:0px solid blue;
		white-space: nowrap;
		vertical-align:top;
		align:center;
	}
	td.left
	{
		background-color:white; // #F0F0F0;
		padding-left:0px; 
		padding-right: 0px; 
		padding-top:10px;
		padding-bottom:5px; 
		margin-bottom:5px;
		margin-top:5px;
		margin-left:0px;
		margin-right:0px;
		font-size:90%; 
		text-align: left; 
		border:0px solid blue;
		white-space: nowrap;
		word-wrap:break-word;
		vertical-align:top;
	}
	td.left_BgImg
	{
		background-color:white; // #F0F0F0;
		background-image:url("bgimg.png");
		padding-left:0px; 
		padding-right: 0px; 
		padding-top:10px;
		padding-bottom:0px; 
		margin-bottom:5px;
		margin-top:5px;
		margin-left:0px;
		margin-right:0px;
		font-size:90%; 
		text-align: left; 
		border:0px solid blue;
		white-space: nowrap;
		word-wrap:break-word;
		vertical-align:top;
	}
	td.right
	{
		color:white;
		background-color: white //gray; //; // #F0F0F0;
		padding-left:10px; 
		padding-right: 10px; 
		padding-top:10px;
		padding-bottom:5px; 
		font-size:90%; 
		font-weight:900;
		text-align: right; 
		border: 0px solid black;
		white-space: nowrap;
		word-wrap:break-word;
		vertical-align:top;
	}
	td.right_BgImg
	{
		color: black;
		background-color: gray; //white; // #F0F0F0;
		background-image:url("bgimg.png");
		padding-left:10px; 
		padding-right: 10px; 
		padding-top:10px;
		padding-bottom:0px; 
		font-size:90%; 
		font-weight:500;
		text-align: right; 
		border: 0px solid black;
		white-space: nowrap;
		word-wrap:break-word;
		vertical-align:top;
	}
	td.center
	{
		text-align: center;
		//background-color:blue;
	}
	td.bgImg
	{
		color:black;
		text-align: center;
		background-color:transparent; //lightgray;
		//background-image:url("bgimg.png");
	}
	td.bgBlue
	{
		color:black;
		background-color:lightgray;
	}
	tr.blank
	{
	    height: 50px; /* Overwrite any previous rules */
    	background-color: #FFFFFF;
	}
	select
	{
		border: 2px;
    	//box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    	box-shadow: 1px 2px 3px #00ccff;
    	background: #D8D8D8; //#00ccff; // //lightgray; //transparent;
    	//margin-bottom:15px;
		//margin-top:5px;
		margin-left:15px;
		//margin-right:0px;
    	overflow: hidden;
    	//padding-left: 0px;
    	//padding-right: 0px;
    	//padding-top: 2px;
    	//padding-bottom: 2px;
    	white-space: nowrap;
		width: 250px;
		//right: 0px;
     	//left: 0px;
		//horizontal-align: left;
		vertical-align:bottom;
		border-radius:5px;
		
	}
	select.mmddyy
	{
		border: 2px;
    	//box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    	box-shadow: 1px 2px 3px #00ccff;
    	background: #D8D8D8; //#00ccff; //transparent;
    	//margin-bottom:15px;
		//margin-top:5px;
		margin-left:15px;
		//margin-right:0px;
    	overflow: hidden;
    	//padding-left: 0px;
    	//padding-right: 0px;
    	//padding-top: 2px;
    	//padding-bottom: 2px;
    	white-space: nowrap;
		width: 80px;
		//right: 0px;
     	//left: 0px;
		//horizontal-align: left;
		vertical-align:bottom;
		border-radius:5px;
		
	}
	input[type="text"], input[type="password"]
	{
		width:250px;
		size:5;
		display:block;
		margin-bottom:5px;
		margin-top:5px;
		margin-right:20px;
		margin-left:10px;
		background-color:lightgray; //#0080ff;
		vertical-align:middle;
		align:left;
		white-space: nowrap;
	}
	input.left[type="text"]
	{
		width:250px;
		size:555;
		display:block;
		margin-bottom:5px;
		margin-top:5px;
		margin-right:5px;
		margin-left:5px;
		background-color:white;
		vertical-align:middle;
		align: left;
		white-space: nowrap;
	}
	
	input.left_small[type="text"]
	{
		width:50px;
		size:15;
		display:block;
		margin-bottom:5px;
		margin-top:5px;
		margin-right:0px;
		margin-left:5px;
		background-color:white;
		vertical-align:middle;
		align: left;
		white-space: nowrap;
		display:inline-block;
	}
	input.small[type="text"]
	{
		width:50px;
		//display:block;
		margin-bottom:5px;
		margin-top:5px;
		margin-right:20px;
		margin-left:30px;
		background-color:lightgray; //yellow;
		vertical-align:middle;
		align:left;
		white-space: nowrap;
	}
	input[type="button"]
	{
		width:150px;
		margin-left:0px;
		margin-right:0px;
		//display:block;
		margin-top:10px;
		margin-bottom:10px;
	
		white-space: nowrap;
		vertical-align:middle;
		color:black;
		//background-image: url('bttn.png');
	}
	input.checkout
	{
		width:250px;
		margin-left:0px;
		margin-right:0px;
		//display:block;
		margin-top:10px;
		margin-bottom:10px;
	
		white-space: nowrap;
		align: right;
		vertical-align:middle;
		color:black;
		//background-image: url('bttn.png');
	}
	input[type="submit"],input[type="reset"]
	{
		width:200px;
		margin-left:0px;
		margin-right:0px;
		//display:block;
		margin-top:10px;
		margin-bottom:10px;
	
		white-space: nowrap;
		vertical-align:middle;
		color:black;
		//background-image: url('bttn.png');
	}
	input.submit-button 
	{
   // background-image: url('../images/layout/transparent.png');
   // background-image: url('img\\sys\\addToCart.png');
	}
	button 
	{
    	display: inline-block;
    	height: 80px;
    	width: 330px;
    	padding: 0;
    	margin: 0;
    	vertical-align:middle;
    	//background-image: url('../imgs/btn.png');
   }
   input[type="button"].long
	{
    	display: inline-block;
    	height: 40px;
    	width: 350px;
    	padding: 0;
    	margin: 0;
    	vertical-align:middle;
    	//background-image: url('../imgs/btn.png');
   }
   div
   {
   		display:inline-block;
   		
   }
 
	/* unvisited link */
a:link 
{
    color: blue; // #FF0000;
}

/* visited link */
a:visited 
{
    color: gray; //#00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
    color: #0000FF;
}