.bgtitleabout
{
	width:160px; height:20px; border-bottom:solid 1px #dddddd; padding-top:10px;
	text-align:left; padding-left:10px;
}
.bgtitleabout A
{
	text-decoration:none; color:#5599cc;
}
.bgtitleabout A:hover
{
	text-decoration:underline;
}
.titleabout
{
	color:#5599cc; font-size:16px; font-weight:bold; text-align:left; 	padding-bottom:10px;
}
.contentabout
{
	color:#978097; font-size:12px; text-align:left;width:772px; height:auto; overflow:hidden; 	padding-bottom:20px;
}
#infoemail {
	 float:left; color:Red; text-decoration:none;
}
#infoemail:hover {
	 TEXT-DECORATION: underline;  color:Red;
}

.detail {
	text-align: left; font: normal 11px Arial; text-decoration: none; color: Blue; /*color: #3399FF;*/
}
.detail:hover {
	 TEXT-DECORATION: underline; 
}
#download {
	text-align: left; font: normal 11px Arial; text-decoration: none; color: Blue;/*color: #3399FF;*/
}
#download:hover {
	 TEXT-DECORATION: underline; 
}

#detail {
	text-align: right; font: normal 11px Arial; text-decoration: none; color: #3399FF; /*color: #3399FF;*/
}
#detail:hover {
	 TEXT-DECORATION: underline; 
}
td.content {/*===============================================================*/
	color: Black; font-size: 13px; font-family: Arial; text-align: justify;  margin-left:10px;
	
}
td.contentitalic {
	color:Black; font-size: 13px; font-family: Arial; text-align: justify;  margin-left:10px; font-style:italic;
}
td.content A {
	color: Black; font-size: 13px; font-family: Arial; text-decoration:none; text-align:justify;
}
td.content A:hover {
	text-decoration: underline;
}
td.context {
	color: #bd0000; font-size: 13px; font-family: Arial; text-decoration:none; text-align:center;
}
td.context A {
	color: #3399FF; font-size: 13px; font-family: Arial; text-decoration:none; text-align:justify;
}
td.context A:hover {
	text-decoration: underline;
}
td.comment {
	color: #373839; font-size: 10px; font-family: Arial; text-decoration:none; text-align:justify;
	height: 18px;
}
td.description {
	color: #373839; font-size: 12px; font-family: Arial; text-decoration:none; text-align:justify;
	padding: 5px 0px 5px 0px;
}
td.description A {
	color: Blue; font-size: 12px; font-family: Arial; text-decoration:none; text-align:justify;
}
td.description A:hover {
	text-decoration: underline;
}
td.producttype {
	color: #3399FF; font-size: 12px; font-family: Arial; text-decoration:none; text-align:justify;
	padding: 5px 0px 5px 0px; font-weight: bold;
}
td.producttype A {
	color: #e84024; font-size: 12px; font-family: Arial; text-decoration:none; text-align:justify;
	font-weight: bold;
}
td.producttype A:hover {
	text-decoration: underline;
}
td.textcenter {
    COLOR: #666633; TEXT-DECORATION: none; font: bold 13px Arial;height: 20px;
    text-align: center;
}
td.centers {
    COLOR: #373839; TEXT-DECORATION: none; font: bold 12px Arial;height: 20px;
    text-align: center;
}
td.centers A {
    COLOR: #666633; TEXT-DECORATION: none; font: bold 12px Arial;height: 20px;
    text-align: center;
}
td.centers A:hover {
    text-decoration: underline;
}
td.textright {
    COLOR: #373839; TEXT-DECORATION: none; font: bold 12px Arial;height: 20px;padding-right: 4px;
    text-align: right;
}
td.textleft {
    COLOR: #373839; TEXT-DECORATION: none; font: bold 12px Arial;height: 20px;padding-left: 4px;
    text-align: left;
}
td.textother {
    COLOR: #373839; TEXT-DECORATION: none; font: bold 12px Arial;height: 20px;padding-left: 4px;
    text-align: left;
}
td.textother A {
    COLOR: #3399FF; TEXT-DECORATION: none; font: bold 12px Arial;
    text-align: left;
}
td.textother A:hover{
    text-decoration: underline;
}
td.linebreak {
    height: 10px;
}
td.message {
	color: Black; font-size: 13px; font-family: Arial; text-decoration:none; text-align:center;
}
td.message A {
	color: Blue; font-size: 13px; font-family: Arial; text-decoration:none; text-align:center;
}
td.message A:hover {
	text-decoration: underline;
}
td.error {
    COLOR: red; TEXT-DECORATION: none; font: bold 12px Arial;height: 20px;padding-right: 4px;
    text-align: left; vertical-align: middle;
}
td.othertext {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; MARGIN: 0px;
	FONT: bold 14px/1.8em Arial; COLOR: #373839; PADDING-TOP: 4px; padding-top: 2px; text-align:left;
}
td.sublink {
    FONT-SIZE: 12px;  FONT-FAMILY: Arial; TEXT-DECORATION: none; 
    padding: 3px 4px 3px 2px;  color:#ffb401;
}
td.sublink A {
    FONT-SIZE: 13px; FONT-FAMILY: Arial; TEXT-DECORATION: none; padding: 3px 4px 3px 2px; color:#ffb401;
}
td.sublink A:hover {
    FONT-FAMILY: Arial; color:#ffb401;
}

td.sublinkend {
    FONT-SIZE: 11px;  FONT-FAMILY: Arial; TEXT-DECORATION: none;  text-align:left;
    padding: 3px 4px 3px 2px;  color:#000000; background:url('../../Images/iconnewsend.gif'); background-repeat:no-repeat; padding-left:10px;
}
td.sublinkend A {
    FONT-SIZE: 11px; FONT-FAMILY: Arial; TEXT-DECORATION: none; padding: 3px 4px 3px 2px; color:#000000;
     text-align:left;
}
td.sublinkend A:hover {
    FONT-FAMILY: Arial; color:#000000;text-decoration:underline;
}

td.sublinktitle {
    font-size: 12px; color: #3399FF; font-family: Arial; font-weight: normal; text-align: left;
}
td.sublinktitle a {
    font-size: 12px; color: #3399FF; font-family: Arial; font-weight: normal; text-decoration: none;
    padding-left: 12px; background-image: url('../../images/arrow02.jpg'); background-repeat: no-repeat;
}
td.sublinktitle a:hover {
   color: Red;     text-decoration: underline;
}

td.titleLink { 
    FONT-SIZE: 12px; COLOR:#ffb401; FONT-FAMILY: Arial;TEXT-DECORATION: none;
     font-weight: bold;
}


td.titleLink a {
    FONT-SIZE: 12px; COLOR:#ffb401; FONT-FAMILY: Arial;TEXT-DECORATION: none; /*COLOR: #a0d264;*/
   font-weight: bold;
}
td.titleLink a:hover {
    text-decoration: underline;
}
tr.bgtitle { margin-top:2px;
    float:left;  background: url('../../images/bgCate.jpg'); background-repeat: no-repeat; font-size:13px;
    padding: 3px 4px 3px 10px;  margin-bottom:2px; width:500px; 
}

tr.bgtitle .listLink A{ 
    FONT-SIZE: 13px; color:Gray; FONT-FAMILY: Arial; TEXT-DECORATION: none; padding-left:15px;
     font-weight:bold;  background-repeat:no-repeat; margin-left:-6px; background:url('../../Images/iconnewsdetail.png'); background-repeat:no-repeat;
}
tr.bgtitle .listLink A:hover {
    text-decoration: underline;
}

tr.bgtitledown { margin-top:2px;
    float:left;  background: url('../../images/bgCate.jpg'); background-repeat: no-repeat; font-size:13px;
    padding: 3px 4px 3px 10px;  margin-bottom:2px; width:130px; 
}
tr.bgtitledown .listLinkdown A{ 
    FONT-SIZE: 13px; color:Gray; FONT-FAMILY: Arial; TEXT-DECORATION: none; padding-left:15px;
     font-weight:bold;  background-repeat:no-repeat; margin-left:-6px; 
}
tr.bgtitledown .listLinkdown A:hover {
    text-decoration: underline;
}


td.listLinkSub {
    FONT-SIZE: 12px; COLOR: #373839; FONT-FAMILY: Arial; padding: 3px 4px 3px 10px;
}
td.listLinkSub a {
    FONT-SIZE: 12px; COLOR: #373839; FONT-FAMILY: Arial;TEXT-DECORATION: none;
}
td.listLinkSub a:hover {
    text-decoration: none;
}
SPAN.proTitle {
    FONT-SIZE: 12px; COLOR: #e84024; FONT-FAMILY: Arial; font-weight: bold;
}
SPAN.cateLink {
    COLOR: #373839; text-align: left; margin: 0px; padding: 0px; FONT-SIZE: 14px; FONT-FAMILY: Arial; font-weight: bold;
}
SPAN.cateColor {
    FONT-SIZE: 12px; COLOR: #3399FF; FONT-FAMILY: Arial; font-weight: bold;
}
.titleHeader {
   font-size:13px;
   color:#ffb401; text-align: left; margin: 0px; padding: 0px; text-decoration:none; padding-left:0px;  /*COLOR: #a0d264;#1b2bfa*/ 
}
.titleHeader:hover
{
	text-decoration:underline;
}

h5.listHeader {
    COLOR: #373839; text-align: left; margin: 0px; padding: 0px; 
}


td.realbeautiful {
    FONT-SIZE: 13px; COLOR: #373839; FONT-FAMILY: Tahoma; font-weight: bold; padding: 4px; text-align: right;
}
td.colorboard {
    FONT-SIZE: 12px; COLOR: #e84024; FONT-FAMILY: Arial; font-weight: bold; padding: 4px 4px 4px 80px; text-align: left;
}
td.colorboard a {
    FONT-SIZE: 12px; COLOR: #e84024; FONT-FAMILY: Arial; font-weight: bold;
    padding-left: 10px; background-image: url('../../images/arrow07.gif'); background-repeat: no-repeat;
}
td.colorboard a:hover {
    text-decoration: underline;
    background-image: url('../../images/arrow08.gif'); background-repeat: no-repeat;
}
td.houses {
    FONT-SIZE: 12px; COLOR: #e84024; FONT-FAMILY: Arial; font-weight: bold; padding: 20px 4px 4px 80px; text-align: left;
}
td.houses a {
    FONT-SIZE: 12px; COLOR: #373839; FONT-FAMILY: Arial; font-weight: bold;
    padding-left: 10px; background-image: url('../../images/arrow07.gif'); background-repeat: no-repeat;
}
td.houses a:hover {
    text-decoration: underline;
    background-image: url('../../images/arrow09.gif'); background-repeat: no-repeat;
}
A.button {
	color: #373839; font: bold 13px Arial; text-decoration:none; text-align:justify;
}
A.button:hover {
	text-decoration: none; color: #74bf45;
}
A.close {
	color: #93fa57; font: bold 11px Arial; text-decoration:none; text-align:justify;
}
A.close:hover {
	text-decoration: none; color: #ffffff;
}
tr.page {
    
    color: #373839; float:left; text-align:left; overflow:hidden;
    font-family: Arial; font-size: 13px; height: 25px; 
}
tr.page td {
    
    color:red; text-align: left; float:left; overflow:hidden;
    font-family: Arial; font-size: 13px;  margin-top:3px;
    padding-left:480px; 
}
tr.page td A {
   
    color:#373839  ;
    font-family: Arial; font-size: 13px;
    text-decoration: none
}
tr.page td A:hover {
    text-decoration:underline;color:green;
}
.textpage 
{
	font-size:12px; padding:0px; margin:0px; float:left; 
	text-align:right; margin-left:440px; margin-top:-22px; color:Red;
}
.textpage1 
{
	font-size:12px; padding:0px; margin:0px; float:left; 
	text-align:right; margin-left:440px; margin-top:-22px; color:Red;
}


tr.pagesupport {
    
    color: #373839; float:left; text-align:left; overflow:hidden;
    font-family: Arial; font-size: 13px; height: 25px; 
}
tr.pagesupport td {
    
    color:red; text-align: left; float:left; overflow:hidden;
    font-family: Arial; font-size: 13px;  margin-top:3px;
    padding-left:310px; 
}
tr.pagesupport td A {
   
    color:#373839  ;
    font-family: Arial; font-size: 13px;
    text-decoration: none
}
tr.pagesupport td A:hover {
    text-decoration:underline;color:green;
}
.textpagesupport 
{
	font-size:12px; padding:0px; margin:0px; float:left; 
	text-align:right; margin-left:270px; margin-top:-22px; overflow:hidden;
}


a.Emphasis:link {
    color: #ffffff;
    text-decoration: none;
  }
a.Emphasis:visited {
    color: yellow;
    text-decoration: none;
  }
a.Emphasis:hover {
    color: Blue;
    text-decoration: underline;
  }
a.Emphasis:active {
    color: blue;
    text-decoration: none;
  }
.textfortileforhome
{
	margin:0px; padding:0px;  float:left; color:Red; font-size:20px; font-weight:bold; height:40px;
	vertical-align:middle; padding-top:8px;	
}
.tr .describe td
{
	margin-top:5px; padding:0px;	
}
.MenuChapter
{
	margin:0px; padding:0px; float:left; width:170px; height:auto;  background-color:Red;	
}

/*============================================================================*/
.arrowlistmenu{
    width: 180px; /*width of accordion menu*/
    }
    .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
    font: bold 12px Arial;
    color: white;
    background: green url('../../Image/titlebar.png') repeat-x center left;
    margin-bottom: 2px; /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    padding: 4px 0 4px 2px; /*header text is indented 10px*/
    cursor: hand;
    cursor: pointer; text-align:left;
    }

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url('../../Image/titlebar-active.png');
}
.arrowlistmenu A
{
	text-decoration:none; color:#ffffff;	
}
.arrowlistmenu A:hover
{
	text-decoration:underline; color:#ffffff;	
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

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

.arrowlistmenu ul li a{
color: #A70303;
background: url('../../Image/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%; text-align:left;
}

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

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
/*======================end code menu left=================================*/
/*=======================start code tap====================================*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*=====================================================*/
#contentwrapper{
width: 150px;
height: 150px;
border: 1px solid black;
background-color: #C6FFC6;
padding: 0px;
}

.billcontent{
width: 100%;
display:block;
}

/*********************************************************************/
#slider1{
border-color: Black;
margin-left: 0px;
height: 100%
}

#paginate-slider1{
background-color: Black;
border-color: Black;
margin-left: 0px;
}

#paginate-slider1 a img{
width: 80px;
height: 60px;
border: 2px solid gray;
margin-top: 0px;
}

#paginate-slider1 a img:hover, #paginate-slider1 a.selected img{
border: 2px solid red;
}

#slider2{
border-color: Black;
margin-left:0px;
height: 100%
}

#paginate-slider2{
background-color: Black;
border-color: Black;
margin-left: 0px;
}

#paginate-slider2 a img{
width: 80px;
height: 60px;
border: 2px solid gray;
margin-top: 0px;
}

#paginate-slider2 a img:hover, #paginate-slider2 a.selected img{
border: 2px solid red;
}

#slider3{
border-color: Black;
margin-left: 0px;
height: 100%
}

#paginate-slider3{
background-color: Black;
border-color: Black;
margin-left: 0px;
}

#paginate-slider3 a img{
width: 80px;
height: 60px;
border: 2px solid gray;
margin-top: 0px;
}

#paginate-slider3 a img:hover, #paginate-slider3 a.selected img{
border: 1px solid red;
}


#slider4{
border-color: Black;
margin-left: 0px;
height: 100%
}

#paginate-slider4{
background-color: Black;
border-color: Black;
margin-left: 0px;
}



#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid red;
}