/* gumnutweb interface */
/* e.rondilla */


#top_ban
{
	text-align:right;
	/*background-image:url(../image/gumnut_top.gif);*/
	background-color:#ffffff;
	height:60px;	
}
#bottom_ban
{	
	text-align:right;	
	/*background-image:url(../image/gumnut_bottom.gif);*/
	background-color:#ffffff;	
	height:61px;
	clear:both;
	color:#09643a;
}
#top_ban ul
{
	list-style-type:none;
	list-style-image:none;		
}
#top_ban ul li
{
	display:inline;	
}

#gumnut
{
	background-image:url(../image/image_left.gif);
	background-repeat:no-repeat;
	width:83px;
	height:479px;
	float:left;
}
#interface_book
{
	background-image:url(../image/image_book.gif);
	background-repeat:no-repeat;
	width:178px;
	height:460px;
	float:left;
}

.book_holder
{
	/*padding:5px;*/
	/*height:420px;*/
	width:175px;	
}
.book_holder ul
{
	font-family:tahoma;
	font-size:12px;
	color:#ffffff;
	margin-top:48px;
	display:block;
}
.book_holder ul li
{
	padding:4px;
}


.about_book
{
	padding:3px;
	height:75px;
	font-family:tahoma;
	font-size:12px;
	font-style:italic;	
	color:#09643a;
}
.about_book p
{
	/*font-family:tahoma;
	font-size:12px;
	font-style:italic;	
	color:#09643a;
	margin-top:50px;	*/
}

#book_link
{
	margin-right:20px;	
	text-align:right;
}
#book_link a
{
	text-decoration:none;
	font-style:italic;
	color:#09643a;
	font-weight:bold;
}
#book_link a:hover
{
	text-decoration:underline;
}

#product_link
{
	margin-right:20px;	
	text-align:right;
}
#product_link a
{
	text-decoration:none;
	font-style:italic;
	color:#09643a;
	font-weight:bold;
}
#product_link a:hover
{
	text-decoration:underline;
}

.client_link
{
	margin-right:20px;	
	text-align:right;
}
.client_link a
{
	text-decoration:none;
	font-style:italic;
	color:#09643a;
	font-weight:bold;
}
.client_link a:hover
{
	text-decoration:underline;
}

.book
{
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
}
#interface_product
{
	background-image:url(../image/image_retail.gif);
	background-repeat:no-repeat;	
	width:178px;
	height:479px;
	float:left;
}
#interface_client
{
	background-image:url(../image/image_appointment.gif);
	width:178px;
	height:479px;
	float:left;
	background-repeat:no-repeat;
}
#right
{
	background-image:url(../image/gumnut_right.gif);
	width:50px;
	height:479px;
	float:left;	
}


/* Login interface */

#login
{
	float:left;
	margin-left:15px;
}


#logtop
{
	width:389px;
	height:176px;
	background-image:url(../image/logtop.gif);
	/*float:left;*/
}

#logmid
{
	width:389px;
	height:269px;
	background-image:url(../image/logmid.gif);
	/*float:left;*/
}

#logincontent .userpass
{
	color:#09643a;
	font-size:22px;
	font-weight:bolder;
}

#logincontent button
{
	color:red;
}

#logbottom
{
	width:389px;
	height:18px;
	background-image:url(../image/logbottom.gif);
	/*float:left;*/
}



/*	gift voucher  */
#interface_gv
{
	background-image:url(../image/image_gv.gif);
	width:178px;
	height:479px;
	float:left;
	background-repeat:no-repeat;
}

/* ul */
ul.witharrow
{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	height:265px;
}

/* all table design */
.maintable
{	
}



/* Form Design */
input.btnBook
{
   font-size:12px;
   font-family:Tahoma;       
   color:#ffffff;
   background-color:#9ecd1c;
   border-style:none;   
   width:80px;
	height: 18px;
}

input.btnRetail
{
	background-color:#89a9dc;
	font-size:12px;
	font-family:Tahoma;       
	color:#ffffff;
	height:20px;
	border-style:none;   
    width:80px;
    height:25px;
}

input.btnGiftVoucher
{
	background-color:#f86161;
	font-size:12px;
	font-family:Tahoma;       
	color:#ffffff;
	height:20px;
	border-style:none;   
    width:80px;
    height:25px;
}

input.btnCancelApp
{
	background-color:#fb8c19;
	font-size:12px;
	font-family:Tahoma;       
	color:#ffffff;
	height:20px;
	border-style:none;   
    width:80px;
    height:25px;
}

/* Login date */
#datecontainer
{
	font-family:Tahoma;
	font-size:8px;
	color:#ffffff;
	font-weight:bold;	
	float:right;
	margin-top:20px;
	width:8em;
}

.gridPaging
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;	
	font-weight:bold;
}

 .GroupHeader
 {
 	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight:bold;
	font-style:italic;
 }
 
 
 .totamt
 {
 	font-weight:bold;
 }
