/*------------------------------------------------------------------------
# JA Kulanite 1.0 - June, 2008
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/


/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
}

body {
	color: #000000;
	font-family: Arial, Tahoma, sans-serif;
	background-color: #f3f3f3;
	line-height: 1.5;
	background-image: url(../images/index/bg.png);
}

body.contentpane {
	color: #000000;
	line-height: 1.3em;
	margin: 0;
	margin: 1em 2em;
	width: auto; /* Printable Page */
       
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Normal link */
a {
	color: #FF0000;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #000000;
	text-decoration: underline;
}

a img {
	border: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, .nftitle {
	line-height: normal;
	font-weight: bold;
}	

/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway {
	font-size: 100%;
	letter-spacing: 1px;
}

small, .small, .img_caption {
	color: #999999;
}

img {
	margin: 0;
	padding: 0;
}

img.caption {
	margin-top: 15px;
}

/* Heading */
h1 {font-size: 180%;}
h2 {font-size: 150%;}
h3 {font-size: 125%;}
h4 {font-size: 100%; text-transform: uppercase;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	line-height: 160%;
	padding-left: 30px;
}

ol li {
	line-height: 180%;
	margin-left: 35px;
}

th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
}

fieldset a {
	font-weight: bold;
}

fieldset.input {
	padding: 0;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px dashed #000000;
	height: 1px;
}

td, div {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox, .button {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
}

.inputbox {
	border: 1px solid #CCCCCC;
	padding: 2px;
	background: #FFFFFF;
	color: #505050;
	width: 170px;
}

.button {
	padding: 1px 8px;
	border: 1px solid #CCCCCC;
	background:#DDDDDD;
	font-weight: bold;
	color: #505050;
}

/* OUTSITE 
--------------------------------------------------------- */

#bgtop1 {
	width: 977px;
	background-color: #000000;
}

#bgbuttom1 {
	background-image: url(../images/index/bgbuttom1.png);
	height: 25px;
	width: 100%;
}

#page-body {
	width: 977px;
	background-image: url(../images/index/bg1.png);
}

#banner {
	width: 977px;
}

#body {
	width: 100%;
	height: 100%;
}

#content {
	width: 961px;
	background-color: #FFFFFF;
	height: 100%;
}

#footer {
	width: 977px;
	background-image: url(../images/index/footer.png);
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #0D0D0D;
	background-repeat: repeat-x;
}

/* Tabs */
#left{
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #000000;
	color: #000000;
	background-color: #CCCCCC;
	background-image: url(../images/index/bgin.png);
	background-position: 0px 0px;
}

#left div.moduletable {
	margin: 5;
}

#left span.title {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	background-color: #95D4F7;
	text-align: center;
}

#left div.foottable {
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
	background-image: url(../images/index/footleft.png);
	height: 20px;
}

#topright{
	padding: 0;
	margin: 0px;
	background-image: url(../images/index/bgtop1.png);
	height: 20px;
}

#right{
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #000000;
	color: #000000;
	background-color: #CCCCCC;
	background-image: url(../images/index/bgin.png);
	background-position: 0px 0px;
}

#menutop{
	background-image: url(../images/index/menu_top.png);
	height: 30px;
	margin: 0px;
	background-repeat: repeat-x;
	padding: 0;
	background-position: 0px 0px;
	background-color: #000000;
}

#menubuttom{
	margin: 0px;
	background-image: url(../images/index/menu_foot.png);
	height: 30px;
	padding: 0;
}

#toplink {
	width:900px;
	display: block;
	height: 5px;
	text-align: left;
	padding-left: 77px;
	background-color: #aaa9a9;
}

#center {
	width:96%;
	height: 100%;
	display: block;
	margin: 10px;
	border: 1px solid #0D0D0D;
	background-image: url(../images/index/bgcenter.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #FFFFFF;
}

#top_menu{
	height: 30px;
	padding: 0px;

}

#bgmenubt {
	height: 30px;
	width: 927px;
	background-color: #191D21;
	padding-left: 50px;
	background-image: url(../images/index/bgtopmenu.png);
	padding-top: 5px;
	padding-bottom: 5px;
}

#top_content{
	padding: 0px;
	background-image: url(../images/index/topcent.png);
	font-size: 95%;
	height: 28px;
}

#buttom_content{
	height: 28px;
	padding: 0px;
	text-align: right;
	background-color: #f3f3f3;
	background-image: url(../images/index/footleft.png);
}

#footcontent {
	display: block;
	margin-bottom: 10px;
	margin-left: 40px;
	line-height: 2;
}
#top_menu1 {
	height: 30px;
	padding-top: 0px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 100px;
	background-color: #0099CC;
}
#bannerInsite {
	width: 776px;
}
#left_menu {
	background-color: #090909;
	background-image: url(../images/index/bgLeftmenu.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 0px;
}

/* show chuot */


.T_MainTable {
	BACKGROUND-COLOR: #0D0D0D
}
.T_Item {
	BACKGROUND-COLOR: #0D0D0D
}

.T_Table {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 25px
}
.T_Detail {
	BORDER-RIGHT: #999999 1px dotted; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.T_Detail1 {
	BORDER-RIGHT: #999999 1px dotted; PADDING-BOTTOM: 5px; BORDER-LEFT: #999999 1px dotted; PADDING-TOP: 5px
}
.T_oper {
	VERTICAL-ALIGN: middle; WIDTH: 100%; HEIGHT: 5px; TEXT-ALIGN: center
}
.T_Line {
	WIDTH: 100%; BORDER-BOTTOM: #999999 1px dotted; HEIGHT: 1px
}
.T_Page {
	BORDER-TOP: #999999 1px solid; WIDTH: 100%; HEIGHT: 25px
}
.T_PageNumber {
	FONT-WEIGHT: bold; COLOR: #000000
}
.T_PageNumber A {
	FONT-WEIGHT: bold; COLOR: #000000
}
.T_PageNumber A:hover {
	FONT-WEIGHT: bold; COLOR: #333333
}
.T_PageNumber A:visited {
	FONT-WEIGHT: bold; COLOR: #333333
}
.T_CurrPageNumber {
	FONT-WEIGHT: bold; COLOR: red
}
.T_TablePadding {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px
}
.T_ND {
	FONT-WEIGHT: bold
}
.T_Title {
	FONT-WEIGHT: bold; COLOR: #993300
}
.T_Title_Border {
	VERTICAL-ALIGN: middle; BORDER-BOTTOM: #aaaaaa 1px dotted; HEIGHT: 24px; TEXT-ALIGN: center
}
.T_LHe {
	FONT-WEIGHT: bold
}
.T_ProducName {
	FONT-WEIGHT: bold; COLOR: #509bfe
}
.T_DateG {
	COLOR: #333333
}
.T_Type {
	
}
.T_Price {
	FONT-WEIGHT: bold; COLOR: #006699
}
.T_PriName {
	FONT-WEIGHT: bold
}
.T_Place {
	COLOR: #999999
}
.TL_ItemOld {
	BORDER-BOTTOM: #afafaf 1px dotted; HEIGHT: 24px; BACKGROUND-COLOR: #0D0D0D
}
.TL_ItemEven {
	BORDER-BOTTOM: #afafaf 1px dotted; HEIGHT: 24px; BACKGROUND-COLOR: #0D0D0D
}
.TL_MainTable {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 0px; BACKGROUND-COLOR: #0D0D0D
}
.TL_Title {
	PADDING-LEFT: 5px
}
.TL_Title A {
	COLOR: #000000
}
.TL_Title A:hover {
	FONT-WEIGHT: bold; COLOR: #000000
}
.TL_Title A:visited {
	COLOR: #333333
}
.TL_DateReg {
	WIDTH: 10%; TEXT-ALIGN: center
}
.TL_Place {
	WIDTH: 10%; TEXT-ALIGN: center
}
.TL_Price {
	PADDING-RIGHT: 5px; WIDTH: 15%; TEXT-ALIGN: right
}
#dhtmltooltip {
	BORDER-RIGHT: black 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: black 1px solid;
	PADDING-LEFT: 2px;
	Z-INDEX: 999;
FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); 	LEFT: -300px;
	VISIBILITY: hidden;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: black 1px solid;
	WIDTH: 260px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: black 1px solid;
	POSITION: absolute;
	BACKGROUND-COLOR: #FFFFFF;
	text-align: left;
}

/* STYLE TEXT
--------------------------------------------------------- */
.design {
	color: #666666;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 85%;
	text-align: right;
	float: right;
	padding-right: 20px;
}

.titlebold {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FF6600;
	font-weight: bold;
	padding: 5px;
	font-size: 90%;
}

.toptitle {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 98%;
	line-height: 30px;
	padding-left: 25px;
	letter-spacing: 1px;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-top: 0px;
}

a.title:link, a.title:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

a.title:hover {
	text-decoration: none;
	color: #FF3300;
}

.title1 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
	padding: 0px;
	text-transform: uppercase;
}

a.title1:link, a.title1:visited {
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
}

a.title1:hover {
	text-decoration: none;
	color: #00CCFF;
}


.title2 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
	padding: 0px;
	text-transform: uppercase;
}

a.title2:link, a.title2:visited {
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
}

a.title2:hover {
	text-decoration: none;
	color: #009900;
}

.title3 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
	padding: 0px;
	text-transform: uppercase;
}

a.title3:link, a.title3:visited {
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
}

a.title3:hover {
	text-decoration: none;
	color: #FF6600;
}

.title4 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
	padding: 0px;
	text-transform: uppercase;
}

a.title4:link, a.title4:visited {
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
}

a.title4:hover {
	text-decoration: none;
	color: #FF0066;
}

.weblink {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-size: 98%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	display: block;
	font-weight: bold;
}

a.weblink:link, a.weblink:visited {
	text-decoration: none;
	color: #000000;
}

a.weblink:hover {
	text-decoration: none;
	color: #FF0000;
}

.weblink1 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #CC9900;
	font-size: 100%;
	font-weight: bold;
}

a.weblink1:link, a.weblink1:visited {
	text-decoration: none;
	color: #FFCC00;
}

a.weblink1:hover {
	text-decoration: underline;
	color: #FF6600;
}

.weblink2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-size: 98%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	display: block;
}

a.weblink2:link, a.weblink2:visited {
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}

a.weblink2:hover {
	text-decoration: underline;
	color: #000000;
}

.faq {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0066CC;
	font-size: 98%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	display: block;
}

a.faq:link, a.faq:visited {
	text-decoration: none;
	color: #666666;
}

a.faq:hover {
	text-decoration: none;
	color: #99CC00;
}


.marquee {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0066CC;
	font-size: 98%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	display: block;
	text-align: center;
	height: 200px;
	background-image: url(../images/index/bg_maquee.png);
	background-repeat: repeat-x;
}
.center {
	display: block;
	text-align: left;
}


a.marquee:link, a.marquee:visited {
	text-decoration: none;
	color: #666666;
}

a.marquee:hover {
	text-decoration: none;
	color: #99CC00;
}


.topmenu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 95%;
	line-height: 30px;
	padding: 2px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}

a.topmenu:link, a.topmenu:visited {
	text-decoration: none;
	color: #333333;
}

a.topmenu:hover {
	text-decoration: none;
	color: #999999;
}

a.mainlevel:link,a.mainlevel:visited {
	display:block;
	color:#333333;
	text-align:left;
	padding-top:5px;
	padding-left:10px;
	text-decoration:none;
	font-family:Verdana, Helvetica, "Sans Serif";
	padding-bottom: 5px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
	font-size: 100%;
	font-weight: bold;
}

a.mainlevel:hover {
	text-decoration:none;
	color: #FF0000;
	background-color: #f9f9f9;
}

a.level:link,a.level:visited {
	display:block;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	padding-top:5px;
	padding-left:10px;
	text-decoration:none;
	font-family:Verdana, Helvetica, "Sans Serif";
	padding-bottom: 5px;
	padding-right: 10px;
	background-color: #63B8F3;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #0D6CE0;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #0D6CE0;
}

a.level:hover {
	text-decoration:none;
	color: #FFFF00;
	background-color: #6ABDF6;
}

ul.pagination {
	padding: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 98%;
	color:#000000;
	font-weight: bold;
}

ul.pagination li span{
	padding: 2px 5px;
	color:#000000;
}

ul.pagination a {
	padding: 2px 3px;
	text-decoration: none;
	color:#333333;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	text-decoration: underline;
	color: #FF0000;
}

.pagedown {
	display: block;
	text-align: center;
	height: 100px;
}

.leftmenu_title {
	height: 27px;
	background-color: #000000;
	background-image: url(../images/index/leftmenu_title.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-top: 10px;
	color: #FFFFFF;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	width: 200px;
}
#toplink1 {
	width:560px;
	display: block;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
}