/***********************************************************************************************************************************
*                                                             BASE.CSS                                                             *
***********************************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
@import url("print.css") print;
* {margin: 0; padding: 0;}
body#top_general {
	font-family: Verdana, Arial, Helvetica, "MS PGothic", "MS Gothic", sans-serif;
	font-size: 12px;
	color: #000;
	background: url(../tps_images/bg/bg_main.gif) repeat-x #f65536;
}
body {
	font-family: Verdana, Arial, Helvetica, "MS PGothic", "MS Gothic", sans-serif;
	font-size: 12px;
	color: #000;
	background: url(../tps_images/bg/bg_body.jpg) repeat-x #f65536;
}

a {text-decoration: underline; color: #000;}
a:hover {text-decoration: underline; color: #ff6600;}
img {border: none; behavior: url(iepngfix.htc);}

#wrapper {width: 1000px; margin: 0 auto; overflow: hidden;}
	
/* BG Module for each Country ------------------------------- */
#wrapper.thBase {background: url(../tps_images/bg/bg_thBase.jpg) top no-repeat;}

/* leftSide ------------------------------------------------- */
#leftSide {width: 157px; float: left; overflow: hidden;}
	#leftSide h1 {width: 153px; height: 144px; margin: 0 auto; background: url(../tps_images/logoWendy-trans.png) no-repeat; _background-images: url(../tps_images/logoWendy.gif) no-repeat; display: block; behavior: url(iepngfix.htc);}
	#leftSide h1 a {display: block; width: 153px; height: 144px; _height: 144px; text-decoration: none;}
	#leftSide h1 a span {visibility: hidden;}
	
	#leftSide h2 {width: 157px; display: block; margin: 0 auto; padding-left: 1px;}
	
	#leftSide ul {width: 120px; margin: 0 auto; list-style: none;}
	#leftSide ul li {display: block; width: 110px; padding: 5px; border-bottom: 1px #777 dashed;}
	
	#leftSide .leftSidePane {
		width: 148px;
		margin: 0 auto;
		background: url(../tps_images/bg/bg_leftSidePane-trans.png) repeat-y;
		_background: url(../tps_images/bg/bg_leftSidePane1.gif) repeat-y;
		padding-bottom: 10px;
		padding-right: 5px;
		_margin-left: 2px;
	}
		.leftSidePane p {margin: 0 0 10px 5px; text-align: center;}
	
	#leftSide .bottomCorner {
			width: 153px;
			height: 29px;
			margin: 0 auto 10px;
			background: url(../tps_images/bg/leftSidePane-Bottom-trans.png) no-repeat;
			behavior: url(iepngfix.htc);
	}
	
/* rightSide ------------------------------------------------ */
#rightSide {width: 835px; float: right;}
	/* Header Part --------- */
	#rightSide #headerWrapper {width: 835px; height: 190px; position: relative; }
	#rightSide #headerWrapper h1 {
		font-size: 12px;
		color: #fff;
		font-weight: normal;
		display: block;
		position: absolute;
		right: 5px;
		top: 0;
	}
	
	/* Navigation Part ----- */
	#rightSide #navigationWrap {width: 835px; height: 26px; background: url(../tps_images/bg/bg_nav.gif) repeat-x; position: relative;}
		#navigationWrap ul#mainNav {list-style: none; padding-top: 6px; _padding-top: 7px;}
		#mainNav li {
			display: block;
			float: left;
			padding: 0 10px;
			border-right: 1px solid #678b4d;
		}
		
		#navigationWrap .langNav {display: block; position: absolute; right: 5px; top: 1px; vertical-align: middle;}
		
	/* Content Part ------- */
	#rightSide #contentWrapper {width: 795px; background: #fff; padding: 20px 20px; margin: 0 !important; overflow: hidden;}
	#rightSide #contentWrapper #aboutCountry table tr td {line-height: 18px; text-align: justify;}
	#aboutCountry table tr td p {text-indent: 10px;}
	#rightSide .footerContent {
		width: 835px;
		height: 74px;
		margin-bottom: 10px;
		background: url(../tps_images/bg/bg_footercontent-trans.png) no-repeat; 
		behavior: url(../tps_script/iepngfix.htc);
		_background: url(../tps_images/bg/bg_footercontent.gif) no-repeat;
	}
	#rightSide .footerContent p {text-align: right; padding-right: 15px;}
	#rightSide #footer {font-size: 10px; color: #fff; text-align: center; line-height: 140%; position: relative;}
		#footer p {padding-bottom: 5px; /padding-bottom: 7px;}
		#footer p + p {padding-bottom: 0;}
	#rightSide #footer p.w3c {display: block; position: absolute; top: 10px; right: 10px;}
		
	/* Global Call Up Module ---------------------------------------------- */
	.globalTitle {
		font-weight: bold;
		font-size: 16px;
		height: 18px;
		color: #2f7b19;
		padding: 3px 0 5px 35px!important;
		margin-bottom: 10px;
		background: url(../tps_images/icon/arrow_title_03.gif) no-repeat;
		border-bottom: 3px solid #77bd1e!important;
		line-height:normal!important;
		border-right:none!important;
	}
/*-----Use for Howto, Privacy, Site map, Faq -----------------
------------------------------------------*/
#Howto {width: 740px; margin: 10px auto; display: block; overflow: hidden; height: 1%;}
	#Howto dl.ContentHowto {display: block; width: 740px;  margin-bottom: 10px; float:left;}
	#Howto dt.HowtoList {float: left; padding: 20px 0 0 10px; font-size: 16px; font-weight: bold; color: #475330; height: 50px; text-align: right; }
	#Howto dd {float: right;}
	#Howto dd.SetBGTop {background: url(../tps_images/bg/bg_howto.gif) no-repeat; width: 645px; height: 13px;}
	#Howto dd.SetBGContent { width: 611px; font-size:12px; padding: 5px 15px; border-left: 2px solid #99d43c; border-right: 2px solid #99d43c;}
	#Howto dd.SetBGbottom {background: url(../tps_images/bg/bg_howto2.gif) no-repeat; width: 645px; height: 40px;}
	#Howto dd.SetBGbottom1 {background: url(../tps_images/bg/bg_howto3.gif) no-repeat; width: 645px; height: 30px;}
	
	#Howto dd.SetBGTopOrange {background: url(../tps_images/bg/bg_howto_orang.gif) no-repeat; width: 645px; height: 13px;}
	#Howto dd.SetBGContentOrange { width: 611px; font-size:12px; padding: 5px 15px;  border-left: 2px solid #ff5534; border-right: 2px solid #ff5534;}
	#Howto dd.SetBGbottomOrange {background: url(../tps_images/bg/bg_howto_orang2.gif) no-repeat; width: 645px; height: 40px;}
	#Howto dd.SetBGbottomOrange1 {background: url(../tps_images/bg/bg_howto_orang3.gif) no-repeat; width: 645px; height: 30px;}
	#Howto dd.SetBGContentBlue {background: url(../tps_images/bg/bg_howto_blue.gif) no-repeat; width: 615px; font-size:12px; padding: 20px 15px 15px 15px; height: 22px;}
	#Howto .title {display: block; width: 700px; font-size: 20px; color: #475330; text-align: left; font-weight: bold; margin-bottom: 10px;}
/*	
item_name{ 
	color: #06217D;
}*/

#metting {width: 789px; background: url(../tps_images/bg/bg_metting_middle.gif) repeat-y; overflow: hidden; color: #6a6a6a; margin-bottom: 10px; }
	#metting dt { margin-left: 15px;}
	#metting dd.curTop {background: url(../tps_images/bg/bg_metting_top.gif) no-repeat; height: 11px;}
	#metting dd.curBottom {background: url(../tps_images/bg/bg_metting_bottom.gif) no-repeat; height: 11px; clear: both;}
	#metting dd.picture {position: relative; padding-left: 15px;}
		#metting dd.picture em, #metting dd.picture strong, #metting dd.picture span, #metting dd.picture p {position: absolute;}
		#metting dd.picture em {right: 100px; top: 0; font-style: normal;}
		#metting dd.picture > em + em {right: 50px; top: 153px; /top: 155px;}
		#metting dd.picture strong {left: 280px; _left: 270px; top: 310px; color: #e60003;}
		#metting dd.picture span {left: 280px; _left: 270px; top: 340px;}
		#metting dd.picture p {left: 250px; top: 400px;}
		
	#metting dd ul {width: 760px; margin: 0 auto; overflow: hidden; clear: both;}
	#metting dd ul li {float: left; list-style: none;}
	#metting dd ul > li + li {float: right;}
		#metting dd ul li em { display: block; font-style: normal; text-align: right; padding-right: 10px; margin: 10px 0 -5px;}
		#metting dd > ul + ul {border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px;}
		#metting dd ul li img {margin-bottom: 5px;}
		#metting dd ul li strong {color: #e60003;}
	
	
#pamPhlet {width: 740px; line-height: 15px;}
	#pamPhlet h4 {color: #2286c1; border-bottom: 3px solid  #5fb1e2; font-size: 12px; padding: 5px 0 5px 5px; margin-bottom: 10px;}
	#pamPhlet p {width: 720px; margin: 0 auto 20px;}
	#pamPhlet dl {width: 720px; margin: 0 auto 15px;}
		#pamPhlet dl:after {content: "."; display: block; height: 0; visibility: hidden; clear: both;}
		#pamPhlet dl dt {font-weight: bold;}
		#pamPhlet dl dt.lyLeft {width: 180px; float: left; }
		#pamPhlet dl dd.lyRight { float: left;}
		#pamPhlet dl dd ul li {list-style: none;}
		#pamPhlet dl dd ul li em {display: block; width: 180px; float: left; font-style: normal;}
		
#companyProfile table tr {line-height: 18px;}
#companyProfile table tr th {width: 15%; font-weight: normal; padding: 5px 0 0 5px;}

#agreeMent {line-height: 18px;}
	#agreeMent a { color: #d60021;}
	
#privacy {width: 795px; line-height: 15px;}
	#privacy h4 {color: #2286c1; border-bottom: 3px solid  #5fb1e2; font-size: 12px; padding: 5px 0 5px 5px; margin-bottom: 10px;}
	#privacy p {padding-bottom: 15px;}
	#privacy > p {padding-left: 5px; padding-right: 5px;}
	#privacy ol { list-style: decimal !important; padding-left: 20px; /padding-left: 24px;}
	#privacy ol li strong {display: block; margin-bottom: -5px;}


/* page link */		
	a.link {color: #fff; text-decoration: none;}


/***********************************************************************************************************************************
*                                                             GENERALBASE.CSS                                                      *
***********************************************************************************************************************************/

#Wrapper {width : 1000px; margin: 0 auto; position: relative;} 

/*--Header --*/
#headerWrapper {display: block; margin: 0 ; width: 1000px; height: 347px;}
	#headerWrapper .flashswf {display :block; width :1000px; height :300px; margin :0 auto; background: #a5f12f;}
	
	/*-- Add by OiL --*/
	#headerWrapper .flagandNav {width: 1000px; height: 48px;  background: #a5f12f;}
	#headerWrapper p#flag_index {display: block; float: left; margin: 12px 0 0 20px;}
	
	#headerWrapper ul#mainNavigation {width: 805px; height: 34px; margin :6px auto 0 auto; float:right;}
	#headerWrapper ul#mainNavigation li { display: inline; position: relative; float :left; margin-left:1px; list-style: none;}
	#headerWrapper ul#mainNavigation li a {height: 34px; display: block; text-decoration: none; }
	
	#headerWrapper ul#mainNavigation li#thailand{width: 142px;}
	#headerWrapper ul#mainNavigation li#malaysia{width: 142px;}
	#headerWrapper ul#mainNavigation li#vietnam{width: 142px;}
	#headerWrapper ul#mainNavigation li#singapore{width:142px;}
	#headerWrapper ul#mainNavigation li#bali{width: 106px;}
	#headerWrapper ul#mainNavigation li#taiwan{width: 115px;}

	
	#headerWrapper ul#mainNavigation li#thailand a {width: 142px; background-image: url(../tps_images/nav/thailand.gif);}
	#headerWrapper ul#mainNavigation li#malaysia a {width: 142px; background-image: url(../tps_images/nav/malaysia.gif);}
	#headerWrapper ul#mainNavigation li#vietnam a {width: 142px; background-image: url(../tps_images/nav/vietnam.gif);}
	#headerWrapper ul#mainNavigation li#singapore a {width:142px; background-image: url(../tps_images/nav/singapore.gif);}
	#headerWrapper ul#mainNavigation li#bali a {width: 106px; background-image: url(../tps_images/nav/bali.gif);}
	#headerWrapper ul#mainNavigation li#taiwan a {width: 115px; background-image: url(../tps_images/nav/taiwan.gif);}
	
	#headerWrapper ul#mainNavigation li a:hover, #headerWrapper ul#mainNavigation li a.active {background-position: 0;}
	#headerWrapper ul#mainNavigation li a span {visibility: hidden;}

	#WrapperBottom {display: block; width: 1000px; height: 8px; background: url(../tps_images/line.gif) repeat-x; margin: 0px; }
	
	
	
	/* Infomation Category*/
	.ToppageInfomation { display: block; margin-bottom:3px; clear:both; width: 380px; float:left; }
	.InfomationList {display:block; margin-bottom:3px; clear:both; width: 380px; }
/*		dt {float: left; overflow: hidden;}
*/		dt.imgFrame {
			width: 127px;
			float:left;
			background :url(../tps_images/bg/img_frame.gif) no-repeat;
			padding: 9px 10px 8px 6px;
		}
			dt.noneimgFrame {
			width: 127px;
			float:left;
			padding: 9px 10px 8px 6px;
		}
/*		dd {float: right; overflow: hidden;}
*/		

		dd.title {
		width: 225px;
		font-weight: bold;
		color: #317916;
		padding: 3px;
		margin-left: 5px;
		margin-bottom: 10px;
		background: #eee;
		float:right;
			    
	}

		dd.title span.titleName {display: block; width: 120px; float: left; padding-left: 5px;}
		dd.title span.date {display: block; width: 90px; float: right;}

		dd.date {
			width: 90px;
			/*height: 30px;*/
			font-size: 12px;
			font-weight: bold;
			color: #22840d;
			background: #eee;
			padding: 3px;
		}
		
		dd.detail {width: 220px; font-size: 12px; color: #000; font-weight: normal; margin: 0 0 10px 5px; display: block; text-align: justify !important; float:right;}
		dd.moreDetail {display: block; text-align: right; width: 230px; position: relative; float:right;}
		dd.moreDetail img{padding:2px 10px 0 0; text-align:center;}
		
/*--Main Content--*/
#MainContent {width: 1000px; overflow: hidden; background: #fff; font-size: 12px; color: #000; padding-top: 10px; }
	/*#Content {width: 805px; border-left:1px #a4ef30 solid; overflow: hidden; padding-left: 10px; float: right; margin-right: 3px;} */
	#Content {width: 815px; border-left:1px #a4ef30 solid;overflow: hidden; padding-left: 10px; margin-right: 3px;} 
	#ContentLeft {display: block; width: 165px; text-align: center; float: left; margin-left: 1px;} 
	#ContentLeft p {margin: 0 10px 5px;}
	#ContentLeft img {border: none;} 
	.ContentBottom {display :block; width: 1000px; height: 30px; background:url(../tps_images/bottomContent-trans.png) no-repeat; behavior: url(../tps_script/iepngfix.htc);}
	
	#ContentCenter {float: left; width: 380px; border-right:1px #a4ef30 solid; padding :0 15px 0 10px;}
	#ContentRight {float: right; width: 380px;  padding :0 10px 0 5px;}
	#MainContent > #contentWrapper{ width:830px;margin-left:165px;margin-right:3px;}
	#MainContent  #contentWrap{ width:830px;margin-left:165px;display:block;}

#FooterNav {width: 1000px; background: url(../tps_images/Footer-trans.png) no-repeat; behavior: url(../tps_script/iepngfix.htc); _background: url(../tps_images/Footer.gif) no-repeat; height: 40px; margin: 10px auto 0; font-size: 12px; padding-top: 2px; _padding-top: 10px;}
		#FooterNav ul {display: block; width: 1000px; margin: 10px auto 0; text-align: center;}
		#FooterNav li {display: inline; list-style: none; padding: 0 8px 0 8px;}
		#FooterNav li a {color: #333333; text-decoration: underline;}
		#FooterNav li a:hover{color: #FF3300; text-decoration: underline;}
		
#Item {width: /*990*/969px; margin:5px auto; display: block; height: 35px;}
.ItemIe {
	border-left: #333333 1px solid; width: 235px; display: block; float: left; height: 35px
}

.ItemFlash {
	height: 35px;
	/*border-right: #333333 1px solid; */
	border-left: #333333 1px solid;
	width: 225px;
	float:left;
	display:block;
	}
.ItemAdobe {
	height: 35px;
	/*border-right: #333333 1px solid; */
	border-left: #333333 1px solid;
	width: 225px;
	float:left;
	display:block;
	}
.ItemCredit {
	height: 35px;
	width: 185px;
	border-left: #333333 1px solid; 
	padding:0 2px;
	float:left;
	}
	.ItemCredit dd { padding-top: 5px; float:right;}
.ItemDesign {
	height: 35px;
	/*padding-left: 10px;*/
	padding:0 1px;
	border-right: #333333 1px solid; 
	border-left: #333333 1px solid; 
	width: 87px;
	float:left;
	}
	.ItemDesign dd {width: 87px; text-align: center; font-size: 10px; color: #333333;/* font-weight: bold;*/}
	
.Itemw3c {
	height: 35px;
	padding-left: 10px;
	width: 100px;
	display:block;
	float:left;

}
	/*dl {display:block; float:left;}*/
	dt.imgItem{border: none; margin-left: 5px; float:left;}
	dd.DetailItem {font-size: 10px; color: #333333; padding-left: 2px;padding-right:5px; text-align: left; padding-top: 3px; float:right;}
	dd.DetailCredit {font-size: 10px; color: #333333; text-align: left; /*font-weight: bold;*/ padding: 3px 5px 0 0; float:right;}
	dd.DetailCredit2 {width: 240px; font-size: 10px; color: #333333; text-align: center; font-weight: bold;}
	dd.imgCredit{float:left; margin-left:5px;} /*{float: right; padding-left: 5px;}*/
	dd.imgCredit img{ padding:2px 3px 0 0; text-align:center;}
	dd.imgCredit2 {width: 240px; text-align: center;}
/*	dd img {text-align: center; padding: 2px 10px 0 0;}  
*/	

/*--------Use for Footer
---------------*/	
#Footer { display: block; width: 1000px; margin: 10px auto; font-size: 10px; padding-top: 2px; /*text-align: center;*/ line-height: 12px; color: #fff;}


/***********************************************************************************************************************************
*                                                             PRODUCTPAGE.CSS                                                      *
***********************************************************************************************************************************/

	
.detailWrapper {width: 790px; overflow: hidden; display:block; clear:both; margin-bottom:5px; position:relative;}
	.detailWrapper h2.topProductTitle {height: 30px; padding: 3px 0 5px; margin-bottom: 10px; border-bottom: 3px solid #77bd1e; width:790px; clear:both; position: relative;}
		.detailWrapper h2.topProductTitle .imgRSS {position: absolute; left: 125px; margin: 0px; top: 0px;}
	.detailWrapper h3 {font-size: 14px; color: #317916; margin-bottom: 10px; padding-top: 3px; width:790px; clear:both;}
	.sectionLeft {width: 390px; float: left; border-right: 1px solid #66b315; clear: both;}
	#sectionLeft {width: 390px; float: left; border-right: none; clear: both;}
	#centerLine{ position:absolute; left:50%; top:0px;}
	.sectionRight {width: 390px; float: right;}
	p.detailslist {display: block; font-weight: bold; clear: both; padding: 5px; text-align: right;}
	a.detailslist {font-weight: bold; text-align: right;}
	.sectionLeft h2, .sectionRight h2 {
		font-size: 14px;
		height: 30px;
		padding: 3px 0 10px;
	}
	
	.detailsBox {width: 390px; margin-bottom: 10px;}
	.detailsBox dt {width: 145px; height: 115px; float: left;}
	.detailsBox dd.content, .detailsBox dd.title, .detailsBox dd.moredetail
	{width: 225px; float: right; margin: 0 5px 5px 0; padding: 5px;}
	.detailsBox dd.content p {width: 205px; padding-left: 15px; text-align: justify;}
	.detailsBox dd.title {
		font-weight: bold;
		color: #317916;
		padding: 8px 0;
		background: #eee;
			    
	}
	
	dt.imgFrame {
		width: 127px;
		height: 95px;
		background :url(../tps_images/bg/img_frame.gif) no-repeat;
		padding: 9px 10px 8px 6px;
		float:left;
	}	
	.detailsBox dd.clear {clear: both;}	
	.detailsBox dd.title span.titleName {
		display:block;
		float:left;
		padding-left:5px;
		text-align:left;
		width:215px;
	}
	/*.detailsBox dd.title span.date {display: block; width: 90px; float: right;}*/
	.detailsBox dd.moredetail {text-align: right;}
	

	/* topCountry Update Information >> by toon */
	.detailsBox dd.titleUpdate {
		height: 20px;
		font-weight: bold;
		color: #317916;
		background: #eee;
	}
	.detailsBox dd.titleUpdate span.titleName {display: block; width: 390px; float: left;}
	.detailsBox dd.titleUpdate span.date {display: block; width: 90px; float: right;}
	.detailsBox dd.titleUpdate span.dateInfomation {width: 215px; padding-top: 3px; display: block; text-indent: 5px;}
	.detailsBox dd.contentUpdate {display: block; width: 385px; margin-left: 5px; padding: 5px 0; text-align: justify;}
	/*-------------------------------------------*/
	

	/* new by kaotest for Blog lastest title */
	.BlogLatestdetailsBox {width: 780px; margin-bottom: 10px;}
	.BlogLatestdetailsBox dt {width: 127px; height: 95px; float: left;}
	.BlogLatestdetailsBox dd.content, .BlogLatestdetailsBox dd.title, .BlogLatestdetailsBox dd.moredetail
	{width: 620px; float: right; margin: 2px 5px 0px 0; padding: 2px;}
	/*{width: 620px; float: right; margin: 0 2px 2px 0; padding: 2px;}*/
	
	.BlogLatestdetailsBox dd.title {
		height: 20px;
		font-weight: bold;
		color: #317916;
		background: #eee;
	}
	
	.BlogLatestdetailsBox dd.clear {clear: both;}	
	.BlogLatestdetailsBox dd.title span.titleName {display: block; width: 130px; float: left;}
	.BlogLatestdetailsBox dd.title span.date {display: block; width: 90px; float: right;}
	.BlogLatestdetailsBox dd.moredetail {text-align: right;}
	
	
/* Product Page Global Use ------------------------ radiz ---------- */
#contentWrapper dl.description {width: 748px; margin: 0 auto; line-height: 140%;}
#contentWrapper dl.description dt {font-weight: bold;}
#contentWrapper dl.description dd {margin-bottom: 10px;}

/*#contentWrapper table {width: 748px; margin: 0 auto 20px auto; border-top: 1px solid; border-left: 1px solid;  empty-cells: show; border-collapse: collapse;}*/

#contentWrapper table.prodResult{width: 748px; margin: 0 auto 20px auto; border-top: 1px solid; border-left: 1px solid;  empty-cells: show; border-collapse: collapse;}
#contentWrapper table.prodResult td{
	padding: 10px 5px;
	vertical-align: middle;	
	border-bottom: 1px solid;
	border-right: 1px solid;
	line-height: 140%;}
#contentWrapper table.prodResult th{
	padding: 2px 5px;
	text-align: left;
	vertical-align: text-top;	
	border-bottom: 1px solid;
	border-right: 3px solid;
}

#contentWrapper table caption {padding: 5px 0;}

/*#contentWrapper table th {
	padding: 2px 5px;
	text-align: left;
	vertical-align: text-top;	
	border-bottom: 1px solid;
	border-right: 3px solid;
}

#contentWrapper table td {
	padding: 10px 5px;
	vertical-align: text-top;	
	border-bottom: 1px solid;
	border-right: 1px solid;
	line-height: 140%;
}*/
#contentWrapper .tableLogin{
		border:none!important;
}
#contentWrapper table td.none {
	padding: 4px!important;
	vertical-align: top!important;	
	border:none!important;
	line-height: normal!important;
}


#contentWrapper table td.detailRemark {
border-bottom:1px solid;
border-right:1px solid;
line-height:140%;
padding:2px 5px;
vertical-align:top;
}
#contentWrapper h2.gloabalSection {
	width: 713px;
	font-weight: bold;
	font-size: 14px;
	height: 18px;
	padding: 3px 0 5px 35px;
	margin: 0 auto 10px auto;
}

#contentWrapper #searchZone {width: 748px; margin: 0 auto 20px;}
#contentWrapper #searchZone h2 {width: 748px; height: 56px; position: relative;}
#contentWrapper #searchZone h2 em {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	float: left;
	margin: 15px 0 0 0; 

}
#contentWrapper #searchZone h2 span {display: block; text-indent: -9999px; float: left; margin: 10px 10px 0 50px; _margin-left: 25px;}
#contentWrapper #searchZone .endSearchBox {width: 748px; height: 25px; clear: both;}
#contentWrapper #searchZone .endSearchBox p {padding-right: 35px; text-align: right; _margin-bottom: -3px; }

#contentWrapper #searchZone dl.searchselect01 {width: 648px; margin: 15px auto; clear: both; overflow: hidden; float:none;}/*---- old value width: 169px; --------- */
	dl.searchselect01 dt {float: left; display: block; margin: 4px 5px 0 0; padding: 2px 0; font-weight: bold;}
	dl.searchselect01 dt.clear {clear: both;}
	dl.searchselect01 dd {float: left; display: block; padding: 2px 0;}
	dl.searchselect01 dd select { width: 150px;}
	dl.searchselect01 dd.selectbox01{margin-right: 150px;}
	dl.searchselect01 dd.selectbox02 {margin-right: 140px;} /*---- old value margin-right: 169px; --------- */
	dl.searchselect01 dd.selectbox03 {margin-right: 60px;}
	dl.searchselect01 dd.selectbox04 {/*margin-right: 127px;*/}
		.textinput {width: 100px;}
		
	p.textsearch {display: block; width: 600px; margin: 0 auto 15px; clear: both;}
		p.textsearch span {font-weight: bold;}
	
#contentWrapper #searchZone dl.searchselect02 {width: 600px; display: block; margin: 0 auto 5px; clear: both; overflow: hidden; float:none;}
	dl.searchselect02 dt {float: left; display: block; padding: 5px 0; margin-right: 5px;}
	dl.searchselect02 dd {float: left; display: block; width: 100px; padding-top: 5px; /padding-top: 8px;}
		dl.searchselect02 dd.checkbox {margin-right: 4%; _margin-right: 3%; _margin-top: 4px;}

	dl.checkboxSmarty	{width: 600px; display: block; margin: 0 auto 5px; clear: both; overflow: hidden; float:none;}
	dl.checkboxSmarty dd {float: left; display: block; width: 120px; padding-top: 5px; font-weight:bold;float:left; /padding-top: 8px;}
		dl.checkboxSmarty dd input {margin-right: 4%; _margin-right: 3%; _margin-top: 4px;}

#contentWrapper p.packageInfo {display: block; padding: 5px 0; width: 748px; margin: 0 auto;}
#contentWrapper p.packageAction {display: block; padding: 5px 0; margin: -20px auto 20px; text-align: right; width: 748px;}
#contentWrapper p.packageAction a { text-decoration: none;}
#contentWrapper div.packageInfo {display: block; padding: 5px 0; width: 748px; margin: 0 auto;}

#contentWrapper .pageNavigation {width: 748px; margin: 0 auto 20px; text-align: center; position: relative;}
#contentWrapper .pageNavigation p.backward {display: block; position: absolute; top: 0; left: 15px; font-weight:normal; font-size:12px;}
#contentWrapper .pageNavigation p.forward {display: block; position: absolute; top: 0; right: 15px;}

#contentWrapper .packageDetailBox {width: 766px; margin: 0 auto 20px; position: relative; overflow: hidden; padding: 0;}
#contentWrapper .packageDetailBox img {float: left; /*padding: 0 0 5px 18px !important;*/}
#contentWrapper .packageDetailBox .topCorner {width: 766px; height: 13px;}
#contentWrapper .packageDetailBox .footerCorner {width: 766px; height: 18px; position: absolute; left: 0; bottom: 0;}
#contentWrapper .packageDetailBox dl {width: 465px; float: right; margin-right: 20px; display: inline;}
#contentWrapper .packageDetailBox dl dt {width: 100px; height: 40px; /*padding: 10px 5px 0;*/ text-align: center; float: left;}
#contentWrapper .packageDetailBox dl dd {/*padding: 10px 5px 0;*/ line-height: 140%; margin-bottom: 10px; text-align: justify;}
#contentWrapper .packageDetailBox dl dd.title {width: 340px; height: 40px; float: right; font-weight: bold; line-height: 15px; margin: 0;/* padding-bottom: 0;*/}
#contentWrapper .packageDetailBox dl dd.clear {clear: both; padding-bottom: 10px;}
#contentWrapper .packageDetailBox table td {line-height: 15px;}

#contentWrapper table.cancellation {border: none !important;}
#contentWrapper table.cancellation th {border-bottom: none!important; display: table-cell; vertical-align: top!important; padding-top: 10px!important;}
#contentWrapper table.cancellation td {border-bottom: none!important; border-right: none !important; display: table-cell; vertical-align: top!important; padding-top: 10px!important;}
#contentWrapper table.cancellation ul {margin-left: 15px; line-height: 140%;}
.tdWidth04 {width: 4% !important;}
.tdWidth07 {width: 7% !important;}
.tdWidth08 {width: 8% !important;}
.tdWidth09 {width: 9% !important;}
.tdWidth05 {width: 5% !important;}
.tdWidth10 {width: 10% !important;}
.tdWidth11 {width: 11% !important;}
.tdWidth12 {width: 12% !important;}
.tdWidth13 {width: 13% !important;}
.tdWidth14 {width: 14% !important;}
.tdWidth15 {width: 15% !important;}
.tdWidth16 {width: 16% !important;}
.tdWidth18 {width: 18% !important;}
.tdWidth19 {width: 19% !important;}
.tdWidth20 {width: 20% !important;}
.tdWidth21 {width: 21% !important;}
.tdWidth027 {width: 27% !important; border-bottom: 1px solid #e8b1f2!important; padding: 2px 0px!important;}
.tdWidth22 {width: 22% !important;}
.tdWidth24 {width: 24% !important;}
.tdWidth25 {width: 25% !important;}
.tdWidth26 {width: 26% !important;}
.tdWidth27 {width: 27% !important;}
.tdWidth28 {width: 28% !important;}
.tdWidth30 {width: 30% !important;}
.tdWidth33 {width: 33% !important;}
.tdWidth34 {width: 34% !important;}
.tdWidth35 {width: 35% !important;}
.tdWidth36 {width: 36% !important;}
.tdWidth38 {width: 38% !important;}
.tdWidth40 {width: 40% !important;}
.tdWidth48 {width: 48% !important;}
.tdWidth56 {width: 56% !important;}
.tdWidth90 {width: 90px !important;}
.tdWidth97 {width: 97px !important;}
.tdWidth014 {width: 14% !important; border-bottom: 1px solid #e8b1f2!important; padding: 2px 0px!important;}

.tdLeft {text-align: left !important;}
.tdRight {text-align: right !important; _font-size: normal!important; }
*html .tdRight {font-size: normal!important;}
.tdCenter {text-align: center !important;}

#contentWrapper table em { font-style: normal;}

/* Tour Session -------- radiz ------ */
#contentWrapper.tour h2.gloabalSection {
	color: #22830f;
	background: url(../tps_images/icon/arrow_tour_03.gif) no-repeat;
	border-bottom: 3px solid #419710;
}

#contentWrapper.tour #searchZone {background: url(../tps_images/bg/productTour/bg_tourContent.gif) repeat-y;}
#contentWrapper.tour #searchZone h2 {background: url(../tps_images/bg/productTour/bg_tourTop.gif) no-repeat;}

#contentWrapper.tour table {border-left: 1px solid #268108; border-top: 1px solid #268108;}
#contentWrapper.tour table span {font-weight: bold; color:#268108;}
#contentWrapper.tour tr.setBGcolor {background: #eefce3;}

#contentWrapper.tour table th {
	color: #268108;
	font-weight: normal;
	border-right: 3px solid #268108;
	border-bottom: 1px solid #268108;
	background: #d3f28b;
	display: table-cell;
	vertical-align: middle;
}
#contentWrapper.tour table th.textTop { display: table-cell; vertical-align: top!important; padding-top: 10px;}

#contentWrapper.tour table td {border-right: 1px solid #268108; border-bottom: 1px solid #268108;}

#contentWrapper.tour #searchZone h2 span {
	width: 174px;
	height: 30px;
	background: url(../tps_images/title/tourTitle.gif) no-repeat;
}
#contentWrapper.tour #searchZone h2 em {color: #0d6707;}

#contentWrapper.tour #searchZone .endSearchBox {background: url(../tps_images/bg/productTour/bg_tourFooter.gif) no-repeat; }

#contentWrapper.tour .packageDetailBox {background: url(../tps_images/bg/productTour/bg_tourDetail_Content.gif) repeat-y;}
#contentWrapper.tour .packageDetailBox .topCorner {background: url(../tps_images/bg/productTour/bg_tourDetail_Top.gif) no-repeat;}

#contentWrapper.tour .packageDetailBox .footerCorner
{background: url(../tps_images/bg/productTour/bg_tourDetail_Footer.gif) no-repeat;}

#contentWrapper.tour .packageDetailBox dl dt {background: #344815; color: #fff;}
#contentWrapper.tour .packageDetailBox dl dd.title {background: #547622; color: #fff;}

#contentWrapper.tour table.promotionDetails {}
#contentWrapper.tour table.promotionDetails th {
	text-align: center;
	background: #d3f28b;
	border-bottom: 3px #268108 solid;
	border-right: 1px #268108 solid;
	padding: 10px 0px;
}
#contentWrapper.tour table.promotionDetails td {}

#contentWrapper.tour table.bgtable {background: #ecffbc;}

/* Hotel Session ------oatnaja-------- */
#contentWrapper.hotel h2.gloabalSection {
	color: #c964da;
	background: url(../tps_images/icon/arrow_hotel_03.gif) no-repeat;
	border-bottom: 3px solid #dda5e6;
}

#contentWrapper.hotel #searchZone {background: url(../tps_images/bg/productHotel/bg_hotelContent.gif) repeat-y;}
#contentWrapper.hotel #searchZone h2 {background: url(../tps_images/bg/productHotel/bg_hotelTop.gif) no-repeat;}

#contentWrapper.hotel .popupborder_tb {border-left: 1px solid #c665d8; border-top: 1px solid #c665d8;}
#contentWrapper.hotel .popupborder_td1 {border-right: 1px solid #c665d8;}
#contentWrapper.hotel .popupborder_td2 {border-bottom: 1px solid #c665d8 !important;}
#contentWrapper.hotel .popupbox {width: 738px; padding: 5px; margin: 10px 0; border: 1px #e4b5ec solid;}

#contentWrapper.hotel table {border-left: 1px solid #e4b5ec; border-top: 1px solid #e4b5ec; empty-cells: show; border-collapse: collapse;}
#contentWrapper.hotel table span {font-weight: bold; color:#c665d8;}
#contentWrapper.hotel .setBGcolor {background: #fff4fa;}
#contentWrapper.hotel .setBGcolortd {background: #dda4e8; color: #fff;}
#contentWrapper.hotel td strong {float: left; width: 202px; /width: 220px;}
#contentWrapper.hotel table th {
	width: 90px;
	color: #fff;
	font-weight: normal;
	border-right: 3px solid #c665d8;
	border-bottom: 1px solid #e4b5ec;
	background: #dda4e8;
	display: table-cell;
	vertical-align: middle;
}

#contentWrapper.hotel table .textTop { display: table-cell; vertical-align: top!important; padding-top: 10px;}
#contentWrapper.hotel table td {border-right: 1px solid #e4b5ec; border-bottom: 1px solid #e4b5ec; display: table-cell; vertical-align: middle;}

#contentWrapper.hotel #searchZone h2 span {
	width: 100px;
	height: 30px;
	background: url(../tps_images/title/hotelTitle.gif) no-repeat;
}
#contentWrapper.hotel #searchZone h2 em {color: #b96cc7;}

#contentWrapper.hotel #searchZone .endSearchBox {background: url(../tps_images/bg/productHotel/bg_hotelFooter.gif) no-repeat;}
#contentWrapper.hotel .packageDetailBox {background: url(../tps_images/bg/productHotel/bg_hotelDetail_Content.gif) repeat-y;}
#contentWrapper.hotel .packageDetailBox .topCorner {background: url(../tps_images/bg/productHotel/bg_hotelDetail_Top.gif) no-repeat;}

#contentWrapper.hotel .packageDetailBox .footerCorner
{background: url(../tps_images/bg/productHotel/bg_hotelDetail_Footer.gif) no-repeat; _margin-bottom: -2px !important;}

#contentWrapper.hotel .packageDetailBox dl dt {background: #59105e; color: #fff;}
#contentWrapper.hotel .packageDetailBox dl dd.title {background: #85198f; color: #fff;}

#contentWrapper.hotel .mapTitle
{
		font-weight: bold;
		font-size: 16px;
		/*height: 18px;*/
		color: #2f7b19;
		padding: 3px 0 5px 35px;
		margin-bottom: 10px;
		background: url(../tps_images/icon/arrow_title_03.gif) no-repeat;
		border-bottom: 3px solid #77bd1e;
		margin: 0 25px 10px;}
		
#contentWrapper.hotel .mapTitle2
{
		font-weight: bold;
		font-size: 16px;
		height: 18px;
		color: #C964DA;
		padding: 3px 0 5px 35px;
		margin-bottom: 10px;
		background: url(../tps_images/icon/arrow_hotel_03.gif) no-repeat;
		border-bottom: 3px solid #DDA5E6;
		margin: 0 25px 10px;}

#contentWrapper.hotel table.promotionDetails {}
#contentWrapper.hotel table.promotionDetails th {
	text-align: center;
	background: #dda4e8;
	border-bottom: 3px #c964da solid;
	border-right: 1px #e8b1f2 solid;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 5px;
}
#contentWrapper.hotel table.promotionDetails td {text-align: center; display: table-cell; vertical-align: middle; _font-size: normal;}
	#contentWrapper.hotel table.promotionDetails td.txtLeft {text-align: left; display: table-cell; vertical-align: middle;}

.ratehotel {padding: 0 !important;}
.ratehotel strong {padding: 10px 0 0 5px; float: left;}
.ratehotel label { width: 93px; font-style: normal; text-align: center;  float: right; padding-top:10px; margin-bottom: 10px;}

.setBorder1 {border-bottom: 1px #e4b5ec solid !important;}

/* Coupon Session ------oatnaja-------- */
#contentWrapper.coupon h2.gloabalSection {
	color: #b37200;
	background: url(../tps_images/icon/arrow_coupon_03.gif) no-repeat;
	border-bottom: 3px solid #fdd221;
}

#contentWrapper.coupon #searchZone {background: url(../tps_images/bg/productCoupon/bg_couponContent.gif) repeat-y;}
#contentWrapper.coupon #searchZone h2 {background: url(../tps_images/bg/productCoupon/bg_couponTop.gif) no-repeat;}

#contentWrapper.coupon .popupborder_tb {border-left: 1px solid #e88003; border-top: 1px solid #e88003;}
#contentWrapper.coupon .popupborder_td1 {border-right: 1px solid #e88003;}
#contentWrapper.coupon .popupborder_td2 {border-bottom: 1px solid #e88003;}
#contentWrapper.coupon .popupbox {width: 738px; padding: 5px; margin: 10px 0; border: 1px #ffcc32 solid;}

#contentWrapper.coupon table {border-left: 1px solid #ffcc32; border-top: 1px solid #ffcc32;}
#contentWrapper.coupon table span {font-weight: bold; color:#e88003;}
#contentWrapper.coupon tr.setBGcolor {background: #ffffcd;}
#contentWrapper.coupon ul {margin-left: 15px; line-height: 140%;}

#contentWrapper.coupon table th {
	width: 90px;
	color: #bc7002;
	font-weight: normal;
	border-right: 3px solid #e88003;
	border-bottom: 1px solid #ffcc32;
	background: #feff99;
	display: table-cell;
	vertical-align: middle;
}
#contentWrapper.coupon table th.textTop { display: table-cell; vertical-align: top!important; padding-top: 10px;}
#contentWrapper.coupon table td {border-right: 1px solid #ffcc32; border-bottom: 1px solid #ffcc32;}

#contentWrapper.coupon #searchZone h2 span {
	width: 120px;
	height: 30px;
	background: url(../tps_images/title/couponTitle.gif) no-repeat;
}
#contentWrapper.coupon #searchZone h2 em {color: #b4a902;}

#contentWrapper.coupon #searchZone .endSearchBox {background: url(../tps_images/bg/productCoupon/bg_couponFooter.gif) no-repeat;}

#contentWrapper.coupon .packageDetailBox {background: url(../tps_images/bg/productCoupon/bg_couponDetail_Content.gif) repeat-y; overflow: hidden; padding-bottom: 10px;}
#contentWrapper.coupon .packageDetailBox .topCorner {background: url(../tps_images/bg/productCoupon/bg_couponDetail_Top.gif) no-repeat;}

#contentWrapper.coupon .packageDetailBox .footerCorner
{background: url(../tps_images/bg/productCoupon/bg_couponDetail_Footer.gif) no-repeat; _margin-bottom: -2px !important;}

#contentWrapper.coupon .packageDetailBox dl dt {background: #564007; color: #fff;}
#contentWrapper.coupon .packageDetailBox dl dd.title {background: #79580b; color: #fff;}

#contentWrapper.coupon table.promotionDetails {border-top: 1px #ffca32 solid; border-left: 1px #ffcc33 solid;}
#contentWrapper.coupon table.promotionDetails th {
	text-align: center;
	border-right: 1px #ffcc33 solid;
	border-bottom: 3px #E88003 solid;
	padding: 10px 0px;
	}
#contentWrapper.coupon table.promotionDetails td {border-right: 1px #ffcc33 solid; border-bottom: 1px #ffcc33 solid;}
#contentWrapper.coupon table.bgtable {background: #fbfcbf;}
#contentWrapper.coupon .mapTitle
{
		font-weight: bold;
		font-size: 16px;
		/*height: 18px;*/
		color: #2f7b19;
		padding: 3px 0 5px 35px;
		margin-bottom: 10px;
		background: url(../tps_images/icon/arrow_title_03.gif) no-repeat;
		border-bottom: 3px solid #77bd1e;
		margin: 0 25px 10px;}
		
#contentWrapper.coupon .mapTitle2
{
		font-weight: bold;
		font-size: 16px;
		height: 18px;
		color: #B37200;
		padding: 3px 0 5px 35px;
		margin-bottom: 10px;
		background: url(../tps_images/icon/arrow_coupon_03.gif) no-repeat;
		border-bottom: 3px solid #ffcc33;
		margin: 0 25px 10px;}
		

/* Spa Session ------oatnaja-------- */
#contentWrapper.spa h2.gloabalSection {
	color: #d26783;
	background: url(../tps_images/icon/arrow_spa_03.gif) no-repeat;
	border-bottom: 3px solid #f8aebf;
}

#contentWrapper.spa #searchZone {background: url(../tps_images/bg/productSpa/bg_spaContent.gif) repeat-y;}
#contentWrapper.spa #searchZone h2 {background: url(../tps_images/bg/productSpa/bg_spaTop.gif) no-repeat;}

#contentWrapper.spa .popupborder_tb {border-left: 1px solid #d66787; border-top: 1px solid #d66787;}
#contentWrapper.spa .popupborder_td1 {border-right: 1px solid #d66787;}
#contentWrapper.spa .popupborder_td2 {border-bottom: 1px solid #d66787;}
#contentWrapper.spa .popupbox {width: 738px; padding: 5px; margin: 10px 0; border: 1px #ff999a solid;}

#contentWrapper.spa .mapTitle
{
		font-weight: bold;
		font-size: 16px;
		/*height: 18px;*/
		color: #2f7b19;
		padding: 3px 0 5px 35px;
		margin-bottom: 10px;
		background: url(../tps_images/icon/arrow_title_03.gif) no-repeat;
		border-bottom: 3px solid #77bd1e;
		margin: 0 25px 10px;}
		
#contentWrapper.spa .mapTitle2
{
		font-weight: bold;
		font-size: 16px;
		height: 18px;
		color: #d66787;
		padding: 3px 0 5px 35px;
		margin-bottom: 10px;
		background: url(../tps_images/icon/arrow_spa_03.gif) no-repeat;
		border-bottom: 3px solid #ff999a;
		margin: 0 25px 10px;}
		

/*--- spa testimonial -----*/	
#contentWrapper.spa #testimonial{
	border: 1px solid #ff999a ; 
	margin:-10px 22px 20px;
	float:left;
	width:748px;
	background-color:#FFE6F3;
	
}
#testimonial #generalDescTestimonial{
	margin:10px 8px ;
	padding:10px;
	width:95%;
	float:left;
	border-bottom:2px dotted #881A37;
}
#testimonial .testimonialBody{
	margin:0 8px;
	padding:10px;
	width:95%;
	float:left;
}
#testimonial .testimonialBody .testimonialTitleZone{
	float:left;
	width:712px;
	border-bottom:2px solid #D66787;
	background-color:#FAD0DC;
}
#testimonial .testimonialBody span.testimonialTitleLeft{
	margin:4px auto;
	padding:10px 10px 0 6px;
	display:block;
	float:left;
	width:520px;
	height:25px;
	border:none;
	font-weight:bold;
}
#testimonial .testimonialBody span.testimonialTitleRight{
	margin:4px auto;
	padding:10px 10px 0;
	display:block;
	float:right;
	width:147px;
	height:25px;
	border:none;
	text-align:right;
}
#testimonial .testimonialBody .testimonailDescZone{
	float:left;
	width:692px;
	background-color:#ffffff;
	padding:10px;
	margin-bottom:10px;
}

/*-------------------------------------------*/
#contentWrapper.spa table {border-left: 1px solid #ff999a; border-top: 1px solid #ff999a;}
#contentWrapper.spa table span {font-weight: bold; color:#d66787;}
#contentWrapper.spa .setBGcolor {background: #fdf6fe;}
#contentWrapper.spa ul {margin-left: 15px; line-height: 140%;}

#contentWrapper.spa table th {
	width: 90px;
	color: #7b2540;
	font-weight: normal;
	border-right: 3px solid #d66787;
	border-bottom: 1px solid #ff999a;
	background: #fad0dc;
	display: table-cell;
	vertical-align: middle;
}
#contentWrapper.spa table th.textTop { display: table-cell; vertical-align: top!important; padding-top: 10px;}
#contentWrapper.spa table td {border-right: 1px solid #ff999a; border-bottom: 1px solid #ff999a;}

#contentWrapper.spa #searchZone h2 span {
	width: 150px;
	height: 30px;
	background: url(../tps_images/title/spaTitle.gif) no-repeat;
}
#contentWrapper.spa #searchZone h2 em {color: #d75a7d;}

#contentWrapper.spa #searchZone .endSearchBox {background: url(../tps_images/bg/productSpa/bg_spaFooter.gif) no-repeat;}

#contentWrapper.spa .packageDetailBox {background: url(../tps_images/bg/productSpa/bg_spaDetail_Content.gif) repeat-y;}
#contentWrapper.spa .packageDetailBox .topCorner {background: url(../tps_images/bg/productSpa/bg_spaDetail_Top.gif) no-repeat;}

#contentWrapper.spa .packageDetailBox .footerCorner
{background: url(../tps_images/bg/productSpa/bg_spaDetail_Footer.gif) no-repeat; _margin-bottom: -2px !important;}

#contentWrapper.spa .packageDetailBox dl dt {background: #5a0d21; color: #fff;}
#contentWrapper.spa .packageDetailBox dl dd.title {background: #881a37; color: #fff;}

#contentWrapper.spa table.promotionDetails {}
#contentWrapper.spa table.promotionDetails th {
	text-align: center;
	border-right: 1px #d76586 solid;
	border-bottom: 3px #d76586 solid;
	display: table-cell;
	vertical-align: middle;
}
#contentWrapper.spa table th.textTop { display: table-cell; vertical-align: top!important; padding-top: 10px;}
#contentWrapper.spa table.promotionDetails td {vertical-align: top;}

/* Golf Session ------oatnaja-------- */
#contentWrapper.golf h2.gloabalSection {
	color: #0c7a7b;
	background: url(../tps_images/icon/arrow_golf_03.gif) no-repeat;
	border-bottom: 3px solid #61cdab;
}

#contentWrapper.golf #searchZone {background: url(../tps_images/bg/productGolf/bg_golfContent.gif) repeat-y;}
#contentWrapper.golf #searchZone h2 {background: url(../tps_images/bg/productGolf/bg_golfTop.gif) no-repeat;}
#contentWrapper.golf #searchZone h2 em {color: #57b8a5;}

#contentWrapper.golf .popupborder_tb {border-left: 1px solid #17cab4; border-top: 1px solid #17cab4;}
#contentWrapper.golf .popupborder_td1 {border-right: 1px solid #17cab4;}
#contentWrapper.golf .popupborder_td2 {border-bottom: 1px solid #17cab4;}
#contentWrapper.golf .popupbox {width: 738px; padding: 5px; margin: 10px 0; border: 1px #bde7dd solid;}

#contentWrapper.golf table {border-left: 1px solid #bde7dd; border-top: 1px solid #bde7dd;}
#contentWrapper.golf tr.setBGcolor {background: #f1fdfb;}
#contentWrapper.golf td span {float: right;}
#contentWrapper.golf ul {margin-left: 15px; line-height: 140%;}

#contentWrapper.golf .mapTitle
{
		font-weight: bold;
		font-size: 16px;
		/*height: 18px;*/
		color: #2f7b19;
		padding: 3px 0 5px 35px;
		margin-bottom: 10px;
		background: url(../tps_images/icon/arrow_title_03.gif) no-repeat;
		border-bottom: 3px solid #77bd1e;
		margin: 0 25px 10px;}
		
#contentWrapper.golf .mapTitle2
{
		font-weight: bold;
		font-size: 16px;
		height: 18px;
		color: #57b8a5;
		padding: 3px 0 5px 35px;
		margin-bottom: 10px;
		background: url(../tps_images/icon/arrow_golf_03.gif) no-repeat;
		border-bottom: 3px solid #61CDAB;
		margin: 0 25px 10px;}
#contentWrapper.golf table th {
	color: #0e786a;
	font-weight: normal;
	border-right: 3px solid #17cab4;
	border-bottom: 1px solid #bde7dd;
	background: #c1efe5;
	display: table-cell;
	vertical-align: middle;
}
#contentWrapper.golf table th.textTop { display: table-cell; vertical-align: top!important; padding-top: 10px;}
#contentWrapper.golf table td {border-right: 1px solid #bde7dd; border-bottom: 1px solid #bde7dd;}
#contentWrapper.golf table td.bg_green {background: #f1fdfb;}

.golfPeriod {
	color: #000 !important;
	text-align: center !important;
	border-right: 1px solid #bde7dd !important;
	background: #fff !important;
}
.setFontcolor_blue {color: #0063ff;}
.setFontcolor_red {color: #ce0100;}

#contentWrapper.golf #searchZone h2 span {
	width: 100px;
	height: 30px;
	background: url(../tps_images/title/golfTitle.gif) no-repeat;
}

#contentWrapper.golf #searchZone .endSearchBox {background: url(../tps_images/bg/productGolf/bg_golfFooter.gif) no-repeat;}

#contentWrapper.golf .packageDetailBox {background: url(../tps_images/bg/productGolf/bg_golfDetail_Content.gif) repeat-y;}
#contentWrapper.golf .packageDetailBox .topCorner {background: url(../tps_images/bg/productGolf/bg_golfDetail_Top.gif) no-repeat;}

#contentWrapper.golf .packageDetailBox .footerCorner {
	background: url(../tps_images/bg/productGolf/bg_golfDetail_Footer.gif) no-repeat; _margin-bottom: -2px !important;
	}

#contentWrapper.golf .packageDetailBox dl dt {background: #0b5141; color: #fff;}
#contentWrapper.golf .packageDetailBox dl dd.title {background: #146d60; color: #fff;}

#contentWrapper.golf table.promotionDetails {border-top: 1px #bbe6dc solid; border-left: 1px #bbe6dc solid;}
#contentWrapper.golf table.promotionDetails th {
	text-align: center;
	border-right: 1px #bbe6dc solid;
	border-bottom: 3px #17cbb2 solid;
	padding: 10px 0px;
}
#contentWrapper.golf table.promotionDetails td {border-right: 1px #bbe6dc solid; border-bottom: 1px #bbe6dc solid;}
#contentWrapper.golf .short {width: 100% !important; margin-bottom: 0 !important;}
#contentWrapper.golf table.bgtable {background: #e9faf6;}


/* Package Session ------oatnaja-------- */
#contentWrapper.package h2.gloabalSection {
	color: #238cc3;
	background: url(../tps_images/icon/arrow_package_03.gif) no-repeat;
	border-bottom: 3px solid #5bb3e3;
}

#contentWrapper.package #searchZone {background: url(../tps_images/bg/productPackage/bg_packageContent.gif) repeat-y;}
#contentWrapper.package #searchZone h2 {background: url(../tps_images/bg/productPackage/bg_packageTop.gif) no-repeat;}

#contentWrapper.package table {border-left: 1px solid #5fb0e5; border-top: 1px solid #5fb0e5;}
#contentWrapper.package table span {font-weight: bold; color:#2387c3;}

.imgRSS {position: absolute!important; top: 5px; right: 17px; display: block;}

/* Add icon by oil -------------------------*/
#contentWrapper.package table p {clear: both;}
#contentWrapper.package table p em { display: block; float: left; width: 550px; font-style: normal;}
#contentWrapper.package table p em strong {display: block; float: left; width: 50px; font-weight: normal;}
#contentWrapper.package table p em span {display: block; float: right; width: 500px; color: #000; font-weight: normal;}

#contentWrapper.package table p span {display: block; float: right;}
#contentWrapper.package table p span label {float: left; clear: both;}

#contentWrapper.package ul {margin-left: 15px; line-height: 140%;}
#contentWrapper.package .setBGcolor {background: #e9faf6;}
#contentWrapper.package table th {
	color: #1f7aa7;
	font-weight: normal;
	border-right: 3px solid #2387c3;
	border-bottom: 1px solid #5fb0e5;
	background: #afddf4;
	display: table-cell;
	vertical-align: middle;
}
#contentWrapper.package table th.textTop { display: table-cell; vertical-align: top!important; padding-top: 10px;}
#contentWrapper.package table td {border-right: 1px solid #5fb0e5; border-bottom: 1px solid #5fb0e5;}

#contentWrapper.package #searchZone h2 span {
	width: 174px;
	height: 30px;
	background: url(../tps_images/title/packageTitle.gif) no-repeat;
}
#contentWrapper.package #searchZone h2 em {color: #2892b1;} 

#contentWrapper.package #searchZone .endSearchBox {background: url(../tps_images/bg/productPackage/bg_packageFooter.gif) no-repeat;}

#contentWrapper.package .packageDetailBox {background: url(../tps_images/bg/productPackage/bg_packageDetail_Content.gif) repeat-y;}
#contentWrapper.package .packageDetailBox .topCorner {background: url(../tps_images/bg/productPackage/bg_packageDetail_Top.gif) no-repeat;}

#contentWrapper.package .packageDetailBox .footerCorner
{background: url(../tps_images/bg/productPackage/bg_packageDetail_Footer.gif) no-repeat; _margin-bottom: -2px !important;}

#contentWrapper.package .packageDetailBox dl dt {background: #0f485e; color: #fff;}
#contentWrapper.package .packageDetailBox dl dd.title {background: #166f8f; color: #fff;}

#contentWrapper.package table.promotionDetails {border-top: 1px #5fb1e2 solid; border-left: 1px #5fb1e2 solid;}
#contentWrapper.package table.promotionDetails th {
	text-align: center;
	border-right: 1px #5fb1e2 solid;
	border-bottom: 3px #2286c1 solid;
	background: #b6e2f3;
}
#contentWrapper.package table.promotionDetails th.sethead {color: #fff; background: #2286c1;}

#thumbPic { text-align: center; vertical-align: middle;}

/*-- reportDetail By Manop 17.10.2008--*/
.reportDetail {width: 766px; overflow: hidden; margin: 0 auto;}
.reportDetail table {width: 760px; border: none!important; }
.reportDetail table td {border: none!important;}


/***********************************************************************************************************************************
*                                                                MEMBER.CSS                                                        *
***********************************************************************************************************************************/

td{
	padding: 4px;
	vertical-align: top;
}
.td-itemtitle3member{
	background-color: #B6E2F3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2286C1;
	font-size: 12px;
	line-height: 150%;
	color: #000;
}
.td-itemtitle4member{
	background-color: #B6E2F3;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #2286C1;
	font-size: 12px;
	line-height: 150%;
	color: #1F79AF;
	vertical-align: middle;
}

.td-itemtitle2member{
	background-color: #B6E2F3;
	border-right-width: 2px!important;
	border-right-style: solid!important;
	border-right-color: #2286C1!important;
	font-size: 12px;
	line-height: 150%!important;
	color: #1F79AF;
	vertical-align: top!important;
	text-align:left;
	border-bottom:none!important;
	padding:4px!important;
}
.td-itemtitlemember{
	background-color: #B6E2F3;
	font-size: 12px;
	line-height: 150%;
	color: #1F79AF;
}
.tr-titlemember {
	font-size: 12px;
	line-height: 160%;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #5FB1E2;
	color: #2286C1;
}

td.roomDetails {position: relative; width: 790px; display: block;  min-height: 42px; text-align: center; padding-top: 10px; _margin-left: 500px;}
td.roomDetails span {display: block; margin-right: 5px; font-weight: 700; margin-bottom: 20px;}
td.roomDetails span + span{display: block; margin-right: 5px; font-weight: 700; margin-bottom: 10px;}
td.roomDetails em img {position: absolute; top: 0px; margin-left: 5px; width: 40px; height: 41px; left: 420px; display: block;}

.size8msp15linemember {
	font-size: 12px;
	line-height: 150%!important;
	padding:4px!important;
	border:none!important;
}
.size10msp15linemember {
	font-size: 12px;
	line-height: 160%!important;
	padding:4px!important;
	border:none!important;

}
.size10msp15linemember form {width: 150px; margin: 0 auto;}
.size10msp15linemember form a {float: left;}
.size10msp15linemember form input {float: right; /padding-top: 3px;}

.table-bordermember{
border:#2286C1 solid 1px;
}

.size8msp15lineunderline {
	font-size: 12px;
	line-height: 150%;
	text-decoration:underline;
}
.size8msp15lineunderline:link {text-decoration: underline; color:#333333;}
.size8msp15lineunderline:visited {text-decoration: underline; color:#333333;}
.size8msp15lineunderline:active {text-decoration: none}
.size8msp15lineunderline:hover {text-decoration: underline; color:#f65536;}

/*-- Add by Oil --*/
.td-dateprice {padding-top: 0;}
.td-datepricePackage {text-align: center; background: #fff;}
.p-buttondetail {padding-top: 15px;}
.padding-txt {width: 55px; padding-left: 2px; text-align: center;}

.packageDetailBox {
	width: 766px; 
	/*height: 220px; */
	margin: 0 auto 20px; 
	position: relative;
	background: url(../tps_images/bg/productGolf/bg_golfDetail_Content.gif) repeat-y;
}
.packageDetailBox img { float: left; margin-left: 18px;}
.packageDetailBox .topCorner 
	{width: 766px; height: 13px; background: url(../tps_images/bg/productGolf/bg_golfDetail_Top.gif) no-repeat;}

.packageDetailBox .footerCorner {
	width: 766px; 
	height: 18px; 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background: url(../tps_images/bg/productGolf/bg_golfDetail_Footer.gif) no-repeat;
}
.packageDetailBox dl {width: 465px; float: right; margin-right: 20px; display: inline;}
.packageDetailBox dl dt {width: 60px; height: 40px; padding: 5px; text-align: center; float: left; background: #0b5141; color: #fff;}
.packageDetailBox dl dd {padding: 5px; line-height: 140%;}
.packageDetailBox dl dd.title {width: 380px; height: 40px; float: right; font-weight: bold; background: #146d60; color: #fff;}
.packageDetailBox dl dd.clear {clear: both;}

/*-- Add by Oil in file "Send_Fax" --*/
.textred {color: red; display:block; clear:both; font-style:normal !important;}
.textblue {color: blue;}
.textblue2 {color: #2286C1;}
.textblue_underline {text-decoration: underline;}
.linebutton {margin-bottom: 20px;}/*-------margin-bottom: 30px;--------------*/
.categoryname{ font-size:16px; color:#FFFFFF; background-color:#2286C1;}
option {padding: 0 5px;}

.tb_link { width: 100%; border-left: 1px solid #5fb1e2; border-top: 1px solid #5fb1e2; border-bottom: 1px solid #5fb1e2;}
.tb_link td {text-align: left; font-weight: bold; padding: 7px 10px; border-right: 1px solid #5fb1e2;}

#sitemap {width: 700px;  margin: 30px 0 0 50px;}
#sitemap:after { content: "."; display: block; clear: both; visibility: hidden; height: 0;}
#sitemap li {list-style-type: none;}
ul#sitemap > li {margin-bottom: 10px;}
#sitemap ul li {margin-left: 5px;}
#sitemap ul li.clearSitemap {clear: both;}
#sitemap ul ul li {list-style-image: url(../tps_images/bg/l3_normal.gif); margin-left: 30px;}
#sitemap ul ul ul li {list-style-image: url(../tps_images/bg/l4_normal.gif); margin-left: 35px;}
#sitemap ul li.firstfollow {list-style-image: url(../tps_images/bg/l2_first_follow.gif);}
#sitemap ul li.last {list-style-image: url(../tps_images/bg/l2_last_item.gif)}
#sitemap ul ul li.firstfollow {list-style-image: url(../tps_images/bg/l3_first_follow.gif);}
#sitemap ul ul li.last {list-style-image: url(../tps_images/bg/l3_last_item.gif);}
#sitemap ul ul ul li.last {list-style-image: url(../tps_images/bg/l4_last_item.gif);}
#sitemap ul ul ul ul li.last {list-style-image: url(../tps_images/bg/l5_last_item.gif);}

.calendar {width: 100%; font-size: 11px; margin: 10px auto; overflow: hidden;}
.calendar table {width: 180px; margin: 0 0 10px 15px; _margin-left: 7px; border: 1px #acacac solid; float: left; }
.calendar .clear table  {clear: both;}
.calendar table caption {font-weight: bold; text-align: center; padding: 5px 0;}
.calendar table th {text-align: center;  padding: 2px 0;}
.calendar table td {text-align: center; padding: 3px 0;}
.calendar table .bgcolor01 {background: #fcd7d7;}
.calendar table .bgcolor02 {background: #e6d7fc;}
.calendar table .bgcolor03 {background: #b6e2f3;}
.calendar table .select {color: #fff; background: #58a5c2;}

.pageNavigation {
	width: 748px;
	/*height: 15px;*/
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin: 10px auto 0;
	position: relative;
}
	.pageNavigation a {color: #000; text-decoration: none;}
	.pageNavigation a:hover {text-decoration: underline; color: #ff6600;}
	
	.pageNavigation span.backward {font-weight: normal; display: block; position: absolute; top: 0; left: 1px;}
	.pageNavigation span.forward {font-weight: normal; display: block; position: absolute; top: 0; right: 1px;}
	
	
.memberLogin {text-align: left; line-height: 18px;}

.showTitle { display: block; margin-bottom:10px;}

.btnCart {margin: 5px 0;}

#show_item span {display: block; float: left; clear: both; margin-bottom: 3px; padding-top: 3px; width: 250px;}
#show_item select { margin-bottom: 3px;}

#show_stat span {float: left; margin-bottom: 10px; clear: both;}
#show_stat select {float: left; }

.lbl_transport_route{
	display: block;
	padding: 4px;
}


/***********************************************************************************************************************************
*                                                                 HOTEL.CSS                                                        *
***********************************************************************************************************************************/

td{
padding: 4px;
vertical-align: top;
}
.td-itemtitlehotel {
	background-color: #DDA4E8;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #C765D8;
	font-family: Verdana, Arial, Helvetica, "MS PGothic", "MS Gothic", sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #FFFFFF;
}
.td-itemtitlehotel2 {
	background-color: #DDA4E8;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C765D8;
	font-family: Verdana, Arial, Helvetica, "MS PGothic", "MS Gothic", sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #FFFFFF;
}
.tr-titlehotel {
	font-family: Verdana, Arial, Helvetica, "MS PGothic", "MS Gothic", sans-serif;
	font-size: 12px;
	line-height: 160%;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #DDA4E8;
	color: #C765D8;
}
.size8msp15linehotel {
	font-family: Verdana, Arial, Helvetica, "MS PGothic", "MS Gothic", sans-serif;
	font-size: 12px;
	line-height: 150%;
}
.size10msp15linehotel {
	font-family: Verdana, Arial, Helvetica, "MS PGothic", "MS Gothic", sans-serif;
	font-size: 12px;
	line-height: 160%;
}
.search_txt_hotel{
font-family: Verdana, Arial, Helvetica, "MS PGothic", "MS Gothic", sans-serif;
font-size: 12px;
color: #b96cc7;
}

/*-- Add by Oil --*/
.packageDetailBox {
	width: 766px; 
	/*height: 220px;*/
	margin: 0 auto 20px; 
	position: relative;
	background: url(../tps_images/bg/productHotel/bg_hotelDetail_Content.gif) repeat-y;
}
.packageDetailBox img { float: left; margin-left: 18px;}
.packageDetailBox .topCorner 
	{width: 766px; height: 13px; background: url(../tps_images/bg/productHotel/bg_hotelDetail_Top.gif) no-repeat;}

.packageDetailBox .footerCorner {
	width: 766px; 
	height: 18px; 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background: url(../tps_images/bg/productHotel/bg_hotelDetail_Footer.gif) no-repeat;
}

.packageDetailBox dl {width: 465px; float: right; margin-right: 20px; display: inline;}
.packageDetailBox dl dt {width: 60px; height: 40px; padding: 5px; text-align: center; float: left; background: #59105e; color: #fff;}
.packageDetailBox dl dd {padding: 5px; line-height: 140%;}
.packageDetailBox dl dd.title {width: 380px; height: 40px; float: right; font-weight: bold; background: #85198f; color: #fff;}
.packageDetailBox dl dd.clear {clear: both;}

/*------------- for testimonial -----------------*/
/*
h1,h2,h3,h4,h5,h6,a,p,div,img{ margin:0 auto;}
.Webboard{ width:754px; background:url(../tps_images/bg/webboard-wrapper.gif) repeat-y; overflow:hidden; padding-bottom:14px;}
.WebboardTop{ width:754px; background:url(../tps_images/bg/webboard-top.gif) no-repeat; height:12px; margin-top:10px;}
.WebboardBtm{ width:754px; background:url(../tps_images/bg/webboard-bottom.gif) no-repeat; height:12px;}
.Webboard .sub{ padding:2px; width:725px; margin:0 auto; margin-bottom:-10px; overflow:hidden;}
  .Webboard .sub .subTop{ background:url(../tps_images/bg/sub-top.gif) no-repeat; width:729px; height:4px; display:block; overflow:hidden;}
  .Webboard .sub .subBtm{ background:url(../tps_images/bg/sub-bottom.gif) no-repeat; width:729px; height:4px; display:block; overflow:hidden;}
  .Webboard .sub .subWrapper{ background:url(../tps_images/bg/sub-wrapper.gif) repeat-y; width:729px; overflow:hidden; padding:10px; overflow:hidden; font-size:12px;}
  .Webboard .sub .subWrapper p{ border-left:5px solid #fabe44 ; padding-left:11px;}
.Webboard .blog{ width:727px;  padding:5px 5px; margin-top:15px; font-size:12px; background:#fef8e8;}
  .Webboard .blog .topicW{padding:4px 0 0; overflow:hidden; width:725px; margin-bottom:5px;color:#881a37; font-size:12px; font-weight: bold;}
    .Webboard .blog .topicW .topicTxt{ float:left; width:570px; margin-top:15px;}
	  .Webboard .blog .topicW .topicTxt span{ float:left; display:block; padding-right:4px; /margin-top:3px; _margin-top:5px;}
	    .Webboard .blog .topicW .topicTxt strong{ background:url(../tps_images/icon/new-bubble.gif) no-repeat; width:40px; height:21px; overflow:hidden; display:block;}
	    .Webboard .blog .topicW .topicTxt strong.smile{ background:url(../tps_images/icon/mr-smile.gif) no-repeat; width:22px; height:22px; display:block; margin:-2px 4px 0; _margin:0 4px; float:left;}
		  .Webboard .blog .topicW .topicTxt strong em{ visibility:hidden;}
    .Webboard .blog .topicW .dateUp{ float:right; width:155px; text-align:right; font-weight:normal; color:#000;}
  .Webboard .blog .topicDetail{ padding: 10px 21px; border:3px solid #ffe0c3; background:#fff; }
*/
h1, h2, h3, h4, h5, h6, a, p, div, img {
	margin:0 auto;
}
/* Layout */
.Webboard {
	width:754px;
	overflow:hidden;
	padding-bottom:14px;
}
.WebboardTop {
	width:754px;
	height:12px;
	margin-top:10px;
}
.WebboardBtm {
	width:754px;
	height:12px;
}
.Webboard .sub {
	padding:2px;
	width:729px;
	margin:0 auto;
	margin-bottom:-10px;
	overflow:hidden;
}
.Webboard .sub .subTop {
	width:729px;
	height:4px;
	display:block;
	overflow:hidden;
}
.Webboard .sub .subBtm {
	width:729px;
	height:4px;
	display:block;
	overflow:hidden;
}
.Webboard .sub .subWrapper {
	width:729px;
	overflow:hidden;
	padding:10px;
	overflow:hidden;
	font-size:12px;
}
.Webboard .sub .subWrapper p {
	border-left:5px solid #F98B15;
	padding-left:11px;
}
.Webboard .blog {
	width:727px;
	padding:5px 5px;
	margin-top:15px;
	font-size:12px;
	background:#FEFFF5;
}
.Webboard .blog .topicW {
	padding:4px 0 0;
	overflow:hidden;
	width:725px;
	margin-bottom:5px;
	color:#881a37;
	font-size:12px;
	font-weight: bold;
}
.Webboard .blog .topicW .topicTxt {
	float:left;
	width:573px;
	margin-top:15px;
}
.Webboard .blog .topicW .topicTxt span {
	float:left;
	display:block;
	padding-right:4px;
/margin-top:3px;
	_margin-top:5px;
}
.Webboard .blog .topicW .topicTxt strong {
	background:url(../tps_images/icon/new-bubble.gif) no-repeat;
	width:40px;
	height:21px;
	overflow:hidden;
	display:block;
}
.Webboard .blog .topicW .topicTxt strong.smile {
	background:url(../tps_images/icon/mr-smile.gif) no-repeat;
	width:22px;
	height:22px;
	display:block;
	margin:-2px 4px 0;
	_margin:0 4px;
	float:left;
}
.Webboard .blog .topicW .topicTxt strong em {
	visibility:hidden;
}
.Webboard .blog .topicW .dateUp {
	float:right;
	width:152px;
	text-align:right;
	font-weight:normal;
	color:#000;
}
.Webboard .blog .topicDetail {
	padding: 10px 22px;
	background:#fff;
}

/***********************
       G R E E N
***********************/
.green .Webboard {background:url(../tps_images/green/bg/webboard-wrapper.gif) repeat-y;}
.green .WebboardTop {background:url(../tps_images/green/bg/webboard-top.gif) no-repeat;}
.green .WebboardBtm {background:url(../tps_images/green/bg/webboard-bottom.gif) no-repeat;}
.Webboard .sub .subTop {background:url(../tps_images/green/bg/sub-top.gif) no-repeat;}
.Webboard .sub .subBtm {background:url(../tps_images/green/bg/sub-bottom.gif) no-repeat;}
.green .Webboard .sub .subWrapper {background:url(../tps_images/green/bg/sub-wrapper.gif) repeat-y;}
.green .blog .topicDetail {border:2px solid #BFE26C;}

/***********************
      P U R P L E
***********************/
.purple .Webboard {background:url(../tps_images/purple/bg/webboard-wrapper.gif) repeat-y;}
.purple .WebboardTop {background:url(../tps_images/purple/bg/webboard-top.gif) no-repeat;}
.purple .WebboardBtm {background:url(../tps_images/purple/bg/webboard-bottom.gif) no-repeat;}
.purple .Webboard .sub .subTop {background:url(../tps_images/purple/bg/sub-top.gif) no-repeat;}
.purple .Webboard .sub .subBtm {background:url(../tps_images/purple/bg/sub-bottom.gif) no-repeat;}
.purple .Webboard .sub .subWrapper {background:url(../tps_images/purple/bg/sub-wrapper.gif) repeat-y; color:#FFF;}
.purple .blog .topicDetail {border:2px solid #DEA7E8;}

/***********************
      Y E L L O W
***********************/
.yellow .Webboard {background:url(../tps_images/yellow/bg/webboard-wrapper.gif) repeat-y;}
.yellow .WebboardTop {background:url(../tps_images/yellow/bg/webboard-top.gif) no-repeat;}
.yellow .WebboardBtm {background:url(../tps_images/yellow/bg/webboard-bottom.gif) no-repeat;}
.yellow .Webboard .sub .subTop {background:url(../tps_images/yellow/bg/sub-top.gif) no-repeat;}
.yellow .Webboard .sub .subBtm {background:url(../tps_images/yellow/bg/sub-bottom.gif) no-repeat;}
.yellow .Webboard .sub .subWrapper {background:url(../tps_images/yellow/bg/sub-wrapper.gif) repeat-y;}
.yellow .blog .topicDetail {border:2px solid #FFCC32;}

/***********************
        P I N K
***********************/
.pink .Webboard {background:url(../tps_images/pink/bg/webboard-wrapper.gif) repeat-y;}
.pink .WebboardTop {background:url(../tps_images/pink/bg/webboard-top.gif) no-repeat;}
.pink .WebboardBtm {background:url(../tps_images/pink/bg/webboard-bottom.gif) no-repeat;}
.pink .Webboard .sub .subTop {background:url(../tps_images/pink/bg/sub-top.gif) no-repeat;}
.pink .Webboard .sub .subBtm {background:url(../tps_images/pink/bg/sub-bottom.gif) no-repeat;}
.pink .Webboard .sub .subWrapper {background:url(../tps_images/pink/bg/sub-wrapper.gif) repeat-y;}
.pink .blog .topicDetail {border:2px solid #F9BBCD;}

/***********************
        C Y A N
***********************/
.cyan .Webboard {background:url(../tps_images/cyan/bg/webboard-wrapper.gif) repeat-y;}
.cyan .WebboardTop {background:url(../tps_images/cyan/bg/webboard-top.gif) no-repeat;}
.cyan .WebboardBtm {background:url(../tps_images/cyan/bg/webboard-bottom.gif) no-repeat;}
.cyan .Webboard .sub .subTop {background:url(../tps_images/cyan/bg/sub-top.gif) no-repeat;}
.cyan .Webboard .sub .subBtm {background:url(../tps_images/cyan/bg/sub-bottom.gif) no-repeat;}
.cyan .Webboard .sub .subWrapper {background:url(../tps_images/cyan/bg/sub-wrapper.gif) repeat-y;}
.cyan .blog .topicDetail {border:2px solid #90E0CF;}

/***********************
        B L U E
***********************/
.blue .Webboard {background:url(../tps_images/blue/bg/webboard-wrapper.gif) repeat-y;}
.blue .WebboardTop {background:url(../tps_images/blue/bg/webboard-top.gif) no-repeat;}
.blue .WebboardBtm {background:url(../tps_images/blue/bg/webboard-bottom.gif) no-repeat;}
.blue .Webboard .sub .subTop {background:url(../tps_images/blue/bg/sub-top.gif) no-repeat;}
.blue .Webboard .sub .subBtm {background:url(../tps_images/blue/bg/sub-bottom.gif) no-repeat;}
.blue .Webboard .sub .subWrapper {background:url(../tps_images/blue/bg/sub-wrapper.gif) repeat-y;}
.blue .blog .topicDetail {border:2px solid #AFDDF4;}

/* class for span itemName*/
.spanItemName {width:276px;}

/* class for google search */
#cse-search-box { float:right; margin:-3px 80px 0 0; display:inline; }
#cse-search-box .txtsearch {  display:inline-block; float:left;}
#cse-search-box .btnsearch { display:inline-block; float:left; margin-left:5px; margin-top: -1px; }