/* CSS Document */

body {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

td {
  font-size: 11px;
}

h1 {
  font-size: 22px;
	margin: 10 0em 0.3em;	
}

h2 {
  font-size: 18px;
	margin: 10 0em 0.3em;	
}

h3 {
  font-size: 16px;
	margin: 10 0em 0.3em;	
}

h4 {
  font-size: 15px;
	margin: 10 0em 0.3em;
}

h5 {
  font-size: 13px;
	margin: 10 0em 0.3em;	
}

h6 {
  font-size: 11px;
	margin: 10 0em 0.3em;	
}

h7 {
  font-size: 10px;
	margin: 10 0em 0.3em;	
}



/***********************************************/
/* these layout link define the page layout    */
/***********************************************/

a {
  color: #cc0033;
  text-decoration: none;
}

a:link {
  color: #cc0033;
  text-decoration: none;
}

a:hover {
  color: #336699;
  text-decoration: underline;
}

#nav {
  color: #003399;
  text-decoration: none;
	font-weight: bold;
  font-size: 11px;
}

#nav a {
  color: #003399;
  text-decoration: none;
}

#nav a:link {
	color: #003399;
  text-decoration: none;
}

#nav a:hover {
  color: #ffffff;
  text-decoration: none;
}

#link-red {
  color: #000000;
  text-decoration: none;
	font-weight: ;
  font-size: 11px;
}

#link-red a {
  color: #0F67B3;
  text-decoration: none;
	font-weight: bold;
}

#link-red a:link {
	color: #0F67B3;
  text-decoration: none;
	font-weight: bold;
}

#link-red a:hover {
  color: #cc0033;
  text-decoration: none;
	font-weight: bold;
}

#link-blue {
  color: #000000;
  text-decoration: none;
	font-weight: ;
  font-size: 11px;
}

#link-blue a {
  color: #000080;
  text-decoration: none;
	font-weight: bold;
}

#link-blue a:link {
	color: #000080;
  text-decoration: none;
	font-weight: bold;
}

#link-blue a:hover {
  color: #ffffff;
  text-decoration: none;
	font-weight: bold;
}

#col-blue {
  color: #000000;
  text-decoration: none;
	/*font-weight: bold;*/
  font-size: 11px;
}

#col-blue a {
  color: ##ffcc00;
  text-decoration: none;
}

#col-blue a:link {
	color: #ffcc00;
  text-decoration: none;
}

#col-blue a:hover {
  color: #ff0000;
  text-decoration: none;
}

#link-navy {
  color: #000080;
  text-decoration: none;
  font-size: 10px;
}

#link-navy a {
  color: #000080;
  text-decoration: none;
}

#link-navy a:link {
	color: #000080;
  text-decoration: none;
}

#link-navy a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

#link-grey {
  color: #8A8B8C;
  text-decoration: none;
  font-size: 10px;
}

#link-grey a {
  color: #8A8B8C;
  text-decoration: none;
}

#link-grey a:link {
	color: #8A8B8C;
  text-decoration: none;
}

#link-grey a:hover {
  color: #444444;
  text-decoration: none;
}

#link-title-green {
  /*color: #009933;*/
  text-decoration: none;
  font-size: 10px;
}

#link-title-green a {
  color: #009933;
  text-decoration: none;
}

#link-title-greened a:link {
	color: #009933;
  text-decoration: none;
}

#link-title-green a:hover {
  color: #ff0033;
  text-decoration: none;
}
/***********************************************/
/* These are define of page layout of wonbit   */
/***********************************************/

#wb_row_header {
  width: 850px;
	background-color: #ffffff;		 
}

#wb_row_menu1 {
  width: 850px;
	height: 25px;
  padding-top: 6px;
	padding-left: 6px;
	background-image: url("../images/menu_back.gif");
	background-repeat: repeat; 
}

#wb_row_menu2 {
  width: 850px;
	height: 20px;
  padding-top: 6px;
	padding-left: 6px;
	border-bottom: 1px solid #cccccc;
	background-image: url("../images/menu_back_1.gif");	 
}

#wb_row_main {
  width: 850px;
	background-color: #ffffff;
}

#wb_row_main_colspace {
	float: left;
	width: 1%;
	background-color: #fff000;
}

#wb_row_main_col1 {
  float: left;
	width: 50%;
	background-color: #ffffbb;
}

#wb_row_main_col2 {
	float: left;
	width: 20%;
	background-color: #cccccc;
}

#wb_row_main_col3 {
	float: left;
	width: 25%;
	background-color: #cccccc;
}

#wb_row_footer {
  width: 850px;
	height: 35px;
	border-top: 1px solid #dddddd;
	background-color: #F8F8F8;
	color: #aaaaaa;	 
}

#content {
  color: #eeeeee;
	font-size: 12px;
}

/***********************************************/
/* These layout divs define the page layout.   */
/***********************************************/

#row-top{	
	width: 780px;
	background-color: #FFFFFF/*FFCC00;*/
}

#row-menu{
	width: 780px;
	background-color: #359731;  /*CE0000;*/
	border-top: 1px solid #000000;
}
#row-content{
	width: 780px;
	background-color: #FFFFFF;
}

#row-footer{
	border-top: 1px solid #CCCCCC;
	width: 780px;
	background-color: #EEEEEE;
}

#col-space{
	margin: 0em 0.5em;
}

#col-left{
	float: left;
	border-right: 1px solid #CCCCCC;
	width: 180px;
	background-color: #FFFFFF; /*CCFF66;  FFCC00;*/
}

#col-page{
	float: left;
	width: 590px;
	/*width: 400;*/
	background-color: #FFFFFF;
}

#row-split{
	width: 100%;
}

#col-split-rg1-content{
	float: left;
	width: 70%;
	background-color: #FFFFFF;
}

#col-split-lf1-content{
	float: left;
	width: 30%;
	background-color: #FF9900;
}

#col-split-lf2-content{
	float: left;
	width: 30%;
	background-color: #336699;
}
#col-split-lf3-content{
	float: left;
	width: 30%;
	background-color:#FFFFFF;
}

#font-inf{
  font-size:80%;
  color:#000033;
}

/*****************/
/* shopping cart */
/*****************/

#shoppingcart {
	position: absolute;
	top: 50px;
	left: 50px;
	height: 100px;
	width: 500px;
	background: #eee;
	border: 1px solid #444;
}

#contentscart {
	/*position: absolute;*/
	top: 200px;
	left: 0px;
	width: 500px;
	background: #ffffff;
	border: 0px solid #333;
}

#shoppingcart p {
	margin: 0 1em 1em;
}

#booklist ul {
	list-style-type: none;
}

#booklist ul li {
	margin: 0 1em 1em;
}

#contents table {
	/*font-size: 75%;*/
	/*border-collapse: collapse;*/
}

#contents table td {
	border: 1px solid #999;
	/* width: 20%; */
}

#contents p, #contents button {
	margin: 1em;
}