body{
	background: #2b1511 url(../images/bg_1.jpg);
}

.bgContent{
background: url(../images/Index_kanlaw_bg.jpg) no-repeat bottom right;
}

.bgFooter{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
COLOR: #eec591; 
LINE-HEIGHT: 11pt; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none
}

.borderLine{
border: 1px solid #f4e7dc;
}

.vdiv{
border-left: 1px solid #f4e7dc;
}

.textNormal {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #1c1b1a; LINE-HEIGHT: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.textHome {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #1c1b1a; LINE-HEIGHT: 12pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.textHomeBold {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #1c1b1a; LINE-HEIGHT: 12pt; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.hdOrange {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #f89827; LINE-HEIGHT: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.hdOrange1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #e9ab5b; LINE-HEIGHT: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.textOrange {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #f89827; LINE-HEIGHT: 12pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.hdBlack{
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #663300; LINE-HEIGHT: 16pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.hdRedSm{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ab0202; LINE-HEIGHT: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.hdRed {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ab0202; LINE-HEIGHT: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.hdGrey {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #4a4e56; LINE-HEIGHT: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.txtNormal {
		FONT-WEIGHT: normal; 
		FONT-SIZE: 10px; 
		COLOR: #626262; 
		LINE-HEIGHT: 11pt; 
		FONT-FAMILY: Verdana, Arial, Helvetica, 
		sans-serif; 
		TEXT-DECORATION: none
	}




.inputText {
	background: #fff url(../images/inputText.gif) no-repeat 0 0;
	border: 1px solid #d1d1d1;
	height: 17px;
	padding: 0px; margin: 0;
	font: 10px verdana, sans-serif;
}

.inputText1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	height: 18px;
	width: 225px;
	text-decoration: none;
	border: 1px solid #929191;
	background-color: #FFFFFF;
}


.box {
	background: #fff  url(../images/inputText.gif) no-repeat 0 0;
	border: 1px solid #d1d1d1;	
	padding: 0px; margin: 0;
	font: 10px verdana, sans-serif;
	
}
.mandatory {
  color: red;
  font :  normal 10px  verdana, sans-serif;
}

.imgWrapper
{
	margin: 5px 5px 5px 5px;
	border: 5px solid #e1e1e1;
	padding: 5px;
	float:right;
}
.imgWrapperad
{
	margin: 2px 3px 2px 2px;
	float: left;
	border: 2px solid #d1d1d1;
	padding: 1px;
}

.borderStyle{
	border: 1px Solid #e1e1e1;
	background-color:  url(../images/bg_trans.png) repeat x y;
	margin: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-style: normal;
	font-weight: normal;	
	font-size: 11px;
	text-decoration: none;
}

.borderStyleBg{
	border: 1px Dashed #eddbc3;
	background-color: #E1E1E1;
	margin: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-style: normal;
	font-weight: normal;	
	font-size: 11px;
	text-decoration: none;
}

/* Table Style*/

table.tbl1 {
		border:1px solid #d1d1d1;
		border-collapse:collapse;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 11px; 
		COLOR: #1c1b1a; 
		LINE-HEIGHT: 11pt; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none
	
	}
	
	
	td.tbl1 {
		border:1px solid #d1d1d1;
		border-collapse:collapse;
		padding:5px;
	}	
	
	th.tbl1 {
		border:1px solid #d1d1d1;
		border-collapse:collapse;
		padding:5px;
		
	}	
	
	#fn.tbl1 ,#dp.tbl1 ,#ar.tbl1 {width:58px;}
	#fr.tbl1 ,#to.tbl1 {width:138px;}

caption{
		
		border:1px solid #d1d1d1;
		border-bottom:none;
		padding:5px;
		text-align:left;
		FONT-WEIGHT: bold; 
		FONT-SIZE: 11px; 
		COLOR: #4a3626; 
		LINE-HEIGHT: 10pt; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none
	}



/* End Table Style*/


.prodbox {
	background-image: url(../images/gradient.gif);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 10px;
	width: 140px;
}

.vdiv {
	background: url(../images/divider_vert.gif) repeat-y;
	width: 1px;
}

.hdiv {
	background: url(../images/divider_horiz.gif) repeat-x;
	height: 1px;
}

.boxMedAltContent{ 
	border-top: 1px solid #ceb29c;
	border-bottom: 1px solid #ceb29c;
	border-left: 1px solid #ceb29c;
	border-right: 1px solid #ceb29c;
	background: #EDF4FB url(../images/bgBox1.jpg) repeat-x top;
	font : normal 12px  Verdana,Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #21475E;
	height: 200px;
}


.titleShowCase{
	border-top: 1px solid #AFCEED;
	/*border-bottom: 1px solid #AFCEED;*/
	background: #EEEEEE url(../images/bgBox1.bmp) repeat-x top;
	font : normal 11px Arial, Helvetica, sans-serif;
	color: #2489DB;
	/*padding: 3px 5px 3px 5px;*/

	text-align:left;
}


.boxContentAlt{ 
	
	border-top: 1px solid #cfcdcd;
	border-bottom: 1px solid #cfcdcd;
	border-left: 1px solid #cfcdcd;
	border-right: 1px solid #cfcdcd;
	background: #f7f6f4;
	font : normal 10px  Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #fffffff;
}



A.Nav:link {
	FONT-SIZE: 11px; COLOR: #1c1b1a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none
}
A.Nav:visited {
	FONT-SIZE: 11px; COLOR: #1c1b1a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none
}
A.Nav:active {
	FONT-SIZE: 11px; COLOR: #1c1b1a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: none
}
A.Nav:hover {
	FONT-SIZE: 11px; COLOR: #fc8220; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; TEXT-DECORATION: underline
}
A.MainNav:link {
	FONT-SIZE: 11px; COLOR: #ab0202; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNav:visited {
	FONT-SIZE: 11px; COLOR: #ab0202; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNav:active {
	FONT-SIZE: 11px; COLOR: #ab0202; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.MainNav:hover {
	FONT-SIZE: 11px; COLOR: #fc8220; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.textbox {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff
}



/* Left Vertical List Menu for Catalog*/

.arrowlistmenu{
width: 200px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: white;
background: black url(../images/titlebar.jpg) repeat-x center left;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 15px;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #403e3c;
background: url(../images/arrow_gr.jpg) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 35px; /*link text is indented 50px*/
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #403e3c; 
LINE-HEIGHT: 12pt; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
border-bottom: 1px solid #dadada;
border: 0px solid #d9cfcf;
}

.arrowlistmenu ul li a:visited{
color: #403e3c;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background: url(../images/arrow_rd.jpg) no-repeat center left;
/* background-image: url(../images/glossyback21.gif) repeat y; */
color: #ab0202;
}

/* End List Menu*/


/*  Drop Down style*/

#dropmenudiv{
position:absolute;
border:1px solid #8C6246;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
color: #ffffff;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #8C6246;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #CF9074;
}

/* End Drop Down style*/

/* vertical menu list style-----------not used*/

.glossymenu .headerbar{
font: bold 12px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 155px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid #d4aeae;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(../images/glossyback.gif);
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
COLOR: #545353; 
LINE-HEIGHT: 11pt; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
display: block;
width: auto;
padding: 1px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 150px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 150px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #545353;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback21.gif) repeat y;
color: 990000;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */