@charset "utf-8";
/* CSS Document */

/*-Background-*/
body.ROP_L1_tpl{
	background: repeat-x  url(/img-tpl/frequent-flyer/bg-L1-tg-ROP.jpg);
}

body.ROP_L2_tpl{
	background: repeat-x url(/img-tpl/frequent-flyer/bg-L2-tg-ROP.jpg);
}

body.ROP_L3_tpl{
	background: repeat-x url(/img-tpl/frequent-flyer/bg-L2-tg-ROP.jpg);
}





/*---Template L1---*/
/*-Main Content Area-*/
.main {
	padding-top: 0px;
	
}

.content {
	margin-top: 0px;

}





/*-login-*/
.makeabsolute {
	position: absolute;
}

.flogin {
	position: relative;
	left: 45px;
	top: 96px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	line-height: 10px;
	color: #FFFFFF;
}
.fpromo {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 320px;
	top: -96px;
	padding-left: 10px;

	width: 170px;
	margin-top: 40px;
}
.fpromo h1 {
	margin: 0px;
	font-family:"trebuchet MS", Tahoma, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 0px;
}
.fpromo .light {
	margin: 0px;
	padding: 0px;
	font: Tahoma, Arial;
	font-size: 11px;
	font-weight: lighter;
	color: #FFF;
	padding-bottom: 10px;

}
.fpromo a img{
	margin-top: 10px;
	outline: none;
}
.flogin table {
	padding: 0px;
	margin: 0px;
}

.flogin tr {
	height: 25px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

.flogin td {
	padding: 0px;
	margin: 0px;
}

.flogin td a img{
	border: 0px;
}

.flogin input {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width:155px;
	height: 16px;
	border: hidden;
	background-color: #EFEFEF;
	margin-left: 16px;
	margin-top:5px;
	cursor:pointer;
}

.flogin h2 {
	display: inline;
	margin-right: 10px;
}

.flogin .loginfooter {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #C083CF;
	margin-top: 20px;

	
}

.flogin .loginfooter a{
	display: inline;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-decoration: none;
	color: #C083CF;
	text-align: left;
	padding: 0px;
	margin: 0px;

}

.flogin .loginfooter a:hover {
	text-decoration: underline;
}
.flogin .buttonfloat {
	display:inline;
	float:right;
	margin-top: -20px;
	margin-right: 5px;
}

.buttonfloat input{
	background-image:url(/img-tpl/frequent-flyer/btn-login.jpg);
	width:95px;
	height:27px;

	cursor:hand;
}

div.th input{
background: none;
	background-image:url(/img-tpl/btn-login-th.gif);
	width: 75px;
	height: 27px;
	cursor: hand;
}


/*------------- L1 Menu ---------*/
.content_top{
	display:block;
	width:984px;
	height:28px;
	padding:0px;
	margin:0px;	

}

.content_top .left{
	float:left;
}

.content_top .right{
	float:left;
}

.content_top .center{
	float:left;
	width:864px;
	height:28px;
	background-image: url(/img-tpl/frequent-flyer/tpl-nav-unselected.jpg);
	background-repeat:repeat-x;
}

.menu{
	border:none;
	padding:0px;
	margin:0px;
}

.menu_list{
	font: 12px Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #FFF;
	height:28px;
	
	padding-left:20px;
	padding-right:20px;
}

.selected{
	height: 28px;
	background-image:url(/img-tpl/frequent-flyer/tpl-nav-selected.jpg);
}
*html div.menu-L1 td.menu_list.selected {
background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img-tpl/frequent-flyer/tpl-nav-selected.jpg',sizingMethod='scale');
}
.menu_list a{
	color: #FFF;
	text-decoration:none;
}

.menu_list a:hover{
	color: #FFCB04;
	text-decoration: none;
}

.bullet{
	background-image:url(/img-tpl/frequent-flyer/tpl-pg-nav-unselected-bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

a.bullet:hover{
	background-image:url(/img-tpl/frequent-flyer/tpl-pg-nav-unselected-bullet-hover.gif);
	background-repeat:no-repeat;
}

.bullet_selected{
	background-image:url(/img-tpl/frequent-flyer/tpl-pg-nav-selected-bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

a.bullet_selected:hover{
	background-image:url(/img-tpl/frequent-flyer/tpl-pg-nav-selected-bullet-hover.gif);
	background-repeat:no-repeat;
}


/*------------- L2 Menu ---------*/
#L2.content_top{
	display:block;
	width:984px;
	height:28px;
	padding:0px;
	margin:0px;	
}

#L2.content_top .left{
	float:left;
	width:40px;
}

#L2.content_top .right{
	float:left;
	width:40px;
}

#L2.content_top .center{
	float:left;
	width:904px;
	height:28px;
	background-image: url(/img-tpl/frequent-flyer/tpl-nav-unselected.jpg);
	background-repeat:repeat-x;
}

#L2.content_top .selected {
	background-image: none;
}


#L2.content_top .selected a {
	color: #FFCB04;
}

#L2.content_top .bullet_selected{
	background-image:url(/img-tpl/frequent-flyer/tpl-pg-nav-selected-bullet-hover.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;

}

/*-L1 Content BG-*/
.L1-Content {
	font:Tahoma, Arial;
	font-size: 12px;
	display: block;
}

.L1-ROP-01 {
	height: 250px;
	
	background-image: url(/img-tpl/frequent-flyer/tpl-L1-cont-bg-01.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
* html .L1-ROP-01 {
	position: relative;
	top: -1px;

}


.L1-ROP-02 {
	height: 250px;
	background-image: url(/img-tpl/frequent-flyer/tpl-L1-cont-bg-02.jpg);
	/*background-image: url(/img-tpl/frequent-flyer/cont-BG-ROP-01.jpg);*/
	/*	background-image: url(/img-tpl/frequent-flyer/tpl-L1-cont-bg-01.jpg);*/
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}


/*-L1 Content-*/

.L1-Content tr .table_s{
	margin: 0px;
	padding: 0px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 15px;
	background-image:url(/img-tpl/frequent-flyer/tpl-vert-break-pink.gif);
	background-repeat: no-repeat;
	background-position: 0px 40px;
	height: 220px;
}

.L1-Content .about {
	padding-top: 40px;
	padding-left: 20px;
	

}
.L1-Content .about ul{

	width: 220px;
	list-style-type:none;
	list-style-position:outside;

}

.L1-Content .about ul li{
	background-image: url(/img-tpl/frequent-flyer/tg-2-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	list-style-position:outside;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-left:20px;
}

html>body .L1-Content .about ul li{
	background-image: url(/img-tpl/frequent-flyer/tg-2-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	list-style-position:outside;	
	padding-left: 20px;
	padding-bottom: 10px;
}


/*-L1 Content Font Related-*/

/*Maximum header*/
.L1-Content h1 {
	font-family:"trebuchet MS", tahoma, Arial;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #8D49AE;
	font-weight: bold;
}
/*Medium header 1*/
.L1-Content h2 {
	font-family:"trebuchet MS",Tahoma, Arial;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	
	margin-bottom: 10px;
	color: #8D49AE;
	font-weight: bold;
	margin-right: 10px;
}
/*Minimum header */
.L1-Content h3 {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

/*Medium header or minimum header color change*/
.L1-Content .red {
	color: #9F0080;
}
.L1-Content .purple {
	color: #8E4AAD;
}

.L1-Content a:hover {
	text-decoration: underline;
}

.L1-Content .about ul li a {
	font-family:Tahoma, Arial;
	font-size: 12px;
	color: #B2157E;
}

.L1-Content td {
	padding: 0px;
	margin: 0px;

	vertical-align: top;	
}

.L1-Content p {
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Arial;
	font-size: 12px;

	margin-bottom: 15px;
	margin-left: 0px;
	padding-right: 10px;
}


/*COPYTHIS*/
/*change margin-left from 30 to 10*/
.L1-Content .listcenter ul{
	margin-left: 40px;
}

.L1-Content ul {
	padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 30px;
	list-style-type: none;
}
.L1-Content ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}
.L1-Content ul li {
	margin: 0px;
	padding: 0px;
	list-style-position:outside;
	background-image:url(/img-tpl/frequent-flyer/thai-type-a-bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 4px;
	padding-left: 20px;

}
.L1-Content ul li a {
	margin: 0px;
	padding: 0px;

	font:12px/16px Tahoma, Arial;
	color: #9F0080;
}
.L1-Content ul li a:hover {
	text-decoration: underline;
	color: #9F0080;
}

/*switch position of type-2 and added dot*/
.L1-Content .type-2 li  {
	background-image:url(/img-tpl/frequent-flyer/thai-type-b-bullet.gif);
	background-position: 0px 7px;
	list-style-position:outside;
}
/*add margin 0px*/
.L1-Content .type-3 li  {
	list-style-position:outside;
	background-image: none;
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

.L1-Content .linkRed a{
	color: #9F0080;
}
.L1-Content .linkRed a:hover{
	color: #9F0080;
	text-decoration: underline;
}

.L1-Content .linkBlue a{
	color:#480682;
	text-decoration: none;
}
.L1-Content .linkBlue a:hover{
	color:#480682;
	text-decoration: underline;
}


.L1-Content select {
	margin-top: 5px;
	float:left;
	margin-left: 20px;
}

/*Special for ROP*/
/*L1-Content more*/
.L1-Content td .more {
	float:right;
	margin-right: 15px;
	padding: 0px;
}
.L1-Content .more ul {
	list-style-type: none;
}
.L1-Content .more li {
	background-image:none;
	background-position: 0px 4px;
	list-style-position: outside;
	padding-left: 15px;
}

.L1-Content td .more a {
	font-family:Tahoma, Arial;
	font-size: 11px;
	color: #480682;
	font-weight:bold;
}
.L1-Content td .more a:hover {
	color: #480682;	
	text-decoration: underline;
}







/*BANNER*/
.banner {
	padding: 0px;
	margin: 0px;

}

.banner td {
	padding: 0px;
	margin: 0px;
}

.banner_text td {
	padding: 7px;
	margin: 0px;
	padding-top: 0px;
}

.banner_text h4 {
	margin-top: 5px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #EA97A7;
	margin-bottom: 0px;
	font-weight: bold;
}

.banner_text p {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

/*-L2 L3 Content BG-*/

.L3gap {
	display: block;
	padding-top: 9px;
}

.notopgap {
	padding: 0px;
	margin: 0px;
/*	padding-top: 9px;*/
}

.content-nav {
	background-image: url(/img-tpl/frequent-flyer/tpl-cont-pg-vert-nav-bg.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	vertical-align:top;
}

.L2-content {
	background-image: url(/img-tpl/frequent-flyer/tpl-L2-cont-bg.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}















/*might change*/
.pg_main_img {



}


/*-L2 Navigation-*/
.content-nav {
	width: 200px;
	font-family:Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;	
}

.content-nav div { display: block; }
.content-nav ul { list-style: none; padding:0px; margin: 0px; margin-top:40px; }
.content-nav li { 
	display:block; 
	padding:0px; margin: 0px; 
	background-image:url(/img-tpl/frequent-flyer/tpl-cont-pg-vert-nav-body.jpg);
	background-repeat: repeat-y;
}
.content-nav li .name {
	margin: 0px;
	padding: 8px;
	padding-left: 50px;
	padding-right: 15px;
	font-size: 12px;
}
.content-nav li.nav-selected .name {
	background-image: url(/img-tpl/frequent-flyer/tpl-content-bullet.gif);
	background-repeat: no-repeat;
	background-position: 27px 8px;	
}
.content-nav li.nav-selected .bg {
	background-image:url(/img-tpl/frequent-flyer/tpl-cont-pg-vert-nav-select.jpg);
	background-repeat:repeat-y;
}
.content-nav li.nav-selected {
	display: block;
	font-size: 0px; /*fix bug for IE*/
	margin: 0px;
	padding: 0px;
}
.content-nav li.nav-selected .top {
	margin: 0px;
	padding: 0px;
	font-size: 0px; /*fix bug for IE*/
	height: 5px;
	border: none;
	background-image: url(/img-tpl/frequent-flyer/tpl-cont-pg-vert-nav-select-top.jpg);
	background-repeat: no-repeat;
}
.content-nav li.nav-selected .bottom {
	height: 5px;
	background-image: url(/img-tpl/frequent-flyer/tpl-cont-pg-vert-nav-select-bottom.jpg);
	background-repeat: no-repeat;
}
.content-nav li.end {
	height:94px;
	background-image:url(/img-tpl/frequent-flyer/tpl-cont-pg-vert-nav-end.jpg);
	background-repeat: no-repeat;
}

.content-nav li a {
	color: #333;
}

.content-nav li a:hover {
	text-decoration:underline;
}
/*--------------- End navigation--------------------*/





/*-L2 L3 Content-*/
/*-L2 L3 Content-*/
.content-body {

	display:block;
	width: 724px;
	font:Tahoma, Arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	padding-top: 45px;
	padding-bottom: 0px;
	padding-left: 60px;
	
}

.L3-content {
	background-image:url(/img-tpl/frequent-flyer/tpl-cont-pg-bg-02-sp.jpg);

	background-repeat: no-repeat;	
	width: 984px;
	padding: 0px;
	padding-top: 45px;
	padding-left: 45px;
}

.L3-content-notop {
	background-image: url(/img-tpl/frequent-flyer/tpl-L3-cont-bg.jpg);

	background-repeat: no-repeat;	
	padding: 0px;
	padding-left: 65px;
	padding-top: 45px;
	padding-right: 0px;
	width: 900px;
}

/*Maximum header*/
.content-body h1 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-family:"trebuchet MS", tahoma, Arial;
	font-size: 22px;
	color:#8D49AE;
	font-weight: bold;
}

/*Medium header*/
.content-body h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-family:Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #480682;
}

/*Minimun header*/
.content-body h3 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-family:Tahoma, Arial;
	font-weight: bold;
	font-size: 12px;
	color: #480682;
}

/*Change color*/
.content-body .red {
	color: #9F0080;
}
.content-body .purple {
	color: #8E4AAD;
}

.content-body p {
	margin: 0px;
	padding: 0px;	
	margin-bottom: 10px;
	font-family:Tahoma, Arial;
	font-size: 12px;
	line-height: 18px;
	width: 650px;
}
.content-body table p {
	margin: 0px;
	padding: 0px;	

	font-family:Tahoma, Arial;
	font-size: 12px;
	line-height: 18px;
	width: auto;
}
.L3-content table p {
	margin: 0px;
	padding: 0px;	

	font-family:Tahoma, Arial;
	font-size: 12px;
	line-height: 18px;
	width: 250px;
}

.L3-content-notop p {
	margin: 0px;
	padding: 0px;	
	margin-bottom: 10px;
	font-family:Tahoma, Arial;
	font-size: 12px;
	line-height: 18px;
	width: 850px;
}
.content-body table {
	margin-bottom: 20px;
}
.content-body .highlight {
	color: #a877c0;
	font-weight: bold;
}

.content-body img {
	margin: 0px;
	padding: 0px;	
	margin-bottom: 20px;
}
.content-body table img {
	margin: 0px;
}

.ROP-Link {
	font-family:Tahoma, Arial;
	font-size: 12px;

	margin-left: auto;
	margin-right: auto;
}

.ROP-Link .domestic {
	background-repeat: no-repeat;
}

.ROP-Link .international {
	background-repeat: no-repeat;
}


.ROP-Link ul {
	
	margin: 0px;
	padding: 0px;

	margin-top: 15px;
	margin-bottom: 5px;
	list-style-type: none;
}

.ROP-Link ul li {
	list-style-position:outside;
	margin: 0px;
	padding: 0px;
	background-image: url(/img-tpl/frequent-flyer/tpl-content-nav-bullet.gif);
	background-position: 0px 1px;
	padding-left: 25px;
	background-repeat: no-repeat;
	vertical-align: top;

	list-style-type: none;
}

.ROP-Link li a {
	font: 14px/18px Tahoma, Arial;
	color: #9F0080;
	font-weight: bold;
}

.ROP-Link a:hover {
	color:  #9F0080;
	text-decoration: underline;
}

.ROP-Link h3 {
	margin: 0px;
	padding: 0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #7E487A;
}

.ROP-Link p {
	width: 200px;
	margin-left: 40px;
	font: 12px Arial, Helvetica, sans-serif;
}

.ROP-Link td {
	margin: 0px;
	padding: 0px;
}

.ROP-Link td.description {
	width: 312px;
	background-image: url(/img-tpl/frequent-flyer/ROP-Award-Icon-BG.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	text-align: left;
}

.ROP-Link td img {
	margin: 0px;
	padding: 0px;
}
	






/*-L2 L3 Breadcrumbs-*/
.breadcrumb {
	display: block;
	padding: 0px;
	margin-left:18px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom: 0px;
}

.BC-ROP {
	background-image:url(/img-tpl/frequent-flyer/tpl-breadcrumb-bg.jpg);
	background-repeat: no-repeat;
}

.breadcrumb ul {
	display: block;
	position : relative;
	height: 30px;
	padding: 0px;
	margin: 0px;
	padding-top: 13px;
}

.breadcrumb li {
	display:block;
	float: left;
	padding: 0px;
	margin: 0px;
	background-image: url(/img-tpl/frequent-flyer/tpl-breadcrumb-arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: top;
	padding-left: 30px;
	padding-right: 20px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
}

.breadcrumb li.bc_home {
	background-image: none;
}

.breadcrumb li a {
	color: #666;
}

.breadcrumb li a:hover {
	color: #666;
	text-decoration: none;
}

.L2-content .tbl-type1,.L2-content .tbl-type2,.L2-content .tbl-type3,.L2-content .tbl-type4,.L2-content .tbl-type5,.L2-content .tbl-type6 {
	width: 650px;
}
.L3-content-notop .tbl-type1,.L3-content-notop .tbl-type2,.L3-content-notop .tbl-type3,.L3-content-notop .tbl-type4,.L3-content-notop .tbl-type5,.L3-content-notop .tbl-type6 {
	width: 850px;
}


.tbl-type3.tbl-type3 {
	width: auto;
	margin-right: 40px;

}

.content-body ul,.content-body ol {
	margin-bottom: 10px;
}
.content-body ul ol,.content-body ol ol{
	margin-bottom: 0px;
}
.content-body ul ul,.content-body ol ul{
	margin-bottom: 0px;
}


.L1-Content .about h2 {
	color:#480682;
}