/* CSS Document */
/* Global Parameters  */
body { background-color:#0b5e75; font: 12px/16px Arial, Helvetica, sans-serif; color:#333;margin: 0px;}		
h1 {font: bold 20px/26px Helvetica, Arial, sans-serif; color: #308eab;}
h2 {font: bold 14px/22px Helvetica, Arial, sans-serif; color: #308eab;}
h3 {font: bold 14px/18px Helvetica, Arial, sans-serif; color: #308eab;}
hr{	color:#ccc; height:1px;}
#top_banner{ font-family:Arial, Helvetica, sans-serif; font-weight: 100; font-size: 28px; line-height:36px; color: #308eab; text-align:right;}

/* img */
img {font: 11px Arial, Helvetica, sans-serif; color: #333; border:0px; outline:none;}	
.img2 {font: 11px Arial, Helvetica, sans-serif; color: #333; border:0px; margin: 0 0 10px 0;}
.img-promotions{font: 11px Arial, Helvetica, sans-serif; color: #333; border:0px; padding: 0 10px 10px 0;}
.img-banner{font-size: 11px; color:#333; margin:0 0 10px 0; padding:0;}	
.img-website{font-size: 11px; color:#333; margin:0; padding:0 0 5px 0;}	
.img-soc{font-size: 11px; color:#333; padding:0 0 0 0; vertical-align:middle;}	
.img-cal{font-size: 11px; color:#333; padding:0 0 0 0; vertical-align:middle;}	
	
/* CSS link */
a:link, a:visited, a:active{color:#9c440e;text-decoration:none; outline:none;}	
a:hover{color:#c27211; text-decoration:none; outline:none;}				
a.link-hotelmenu:link, a.link-hotelmenu:visited, a.link-hotelmenu:active{font-weight:bold; font-size: 11px; color:#fff; text-decoration:none; margin:0;}			
a.link-hotelmenu:hover{font-weight:bold; font-size: 11px; color:#686868; text-decoration:none; margin:0;}
a.link-footer:link, a.link-footer:visited, a.link-footer:active{font-size: 11px; color:#fff; text-decoration:none;}		
a.link-footer:hover{font-size: 11px; color:#119ac1; text-decoration:none;}
							
a.link-events:link, a.link-events:visited, a.link-events:active{font: bold 11px; color:#9c440e; text-decoration:none;}		
a.link-events:hover{font: bold 11px; color:#c27211; text-decoration:none;}	

/* CSS Button*/
.clear { /* generic container (i.e. div) for floating buttons */overflow: hidden; width: 100%;}
a.book_bt {background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right; display: block; float: left; height: 24px; margin-right: 5px; padding-right: 10px; /* sliding doors padding */ text-decoration: none;}
a.book_bt span {background: transparent url('../images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 20px;} 
a.book_bt:hover {background-position: bottom right; outline: none; /* hide dotted outline in Firefox */}
a.book_bt:hover span {background-position: bottom left; padding: 5px 0 5px 20px; /* push text down 1px */}

/*2line_bt*/
a.2l_bt {background: transparent url('../images/bg_2l-bt_a.gif') no-repeat scroll top right; display: block; float: left; height: 40px; margin-right: 20px; padding-right: 25px; /* sliding doors padding */ text-decoration: none;}
a.2l_bt span {background: transparent url('../images/bg_2l-bt_span.gif') no-repeat; display: block; line-height: 14px; padding: 4px 0 4px 30px;} 
a.2l_bt:hover {background-position: bottom right; outline: none; /* hide dotted outline in Firefox */}
a.2l_bt:hover span {background-position: bottom left; padding: 4px 0 4px 30px; /* push text down 1px */}

/*enews_bt*/
a.bt-enews {background: transparent url('../images/bg_bt-enews_a.gif') no-repeat scroll top right; display: block; float: left; height: 16px; margin: 3px 0px 0px 0px; padding-right: 8px; /* sliding doors padding */ text-decoration: none; font-size:11px; color:#FFFFFF;}
a.bt-enews span {background: transparent url('../images/bg_bt-enews_span.gif') no-repeat; display: block; line-height: 10px; padding: 3px 0px 3px 25px;} 
a.bt-enews:hover {background-position: bottom right; outline: none; color:#8ce4fd; /* hide dotted outline in Firefox */}
a.bt-enews:hover span {background-position: bottom left; padding: 3px 0px 3px 25px; /* push text down 1px */} 	

/*bt-11*/
a.bt-11 {background: transparent url('../images/bg_bt-11_a.gif') no-repeat scroll top right; display: block; float: left; height: 16px; margin: 10px 5px 10px 0px; padding-right: 10px; /* sliding doors padding */ text-decoration: none; font-size:11px;}
a.bt-11 span {background: transparent url('../images/bg_bt-11_span.gif') no-repeat; display: block; line-height: 10px; padding: 3px 0px 3px 17px;} 
a.bt-11:hover {background-position: bottom right; outline: none; /* hide dotted outline in Firefox */}
a.bt-11:hover span {background-position: bottom left; padding: 3px 0px 3px 17px; /* push text down 1px */} 

/*bt-hotdeals*/
a.bt-hotdeals {background: transparent url('../images/bg_bt-11_a.gif') no-repeat scroll top right; float: right; height: 16px; margin: 0px; padding-right: 10px; /* sliding doors padding */ text-decoration: none; font-size:11px;}
a.bt-hotdeals span {background: transparent url('../images/bg_bt-11_span.gif') no-repeat; display: block; line-height: 10px; padding: 3px 0px 3px 17px;} 
a.bt-hotdeals:hover {background-position: bottom right; outline: none; /* hide dotted outline in Firefox */}
a.bt-hotdeals:hover span {background-position: bottom left; padding: 3px 0px 3px 17px; /* push text down 1px */} 
	
/* Document Fonts  */		
.text-black-11 {font-size: 11px; color: #333; line-height:13px}
.text-red-11 {font-size: 11px; color: #ff0000;}
.text-white-11 {font-size: 11px; color: #fff;}
.text-brown-10 {font-size: 10px; color:#805135;}
.text-events {font-size: 11px; color: #333;}	
.black-ul {padding: 0px 5px 0px 10px;}			
.events-pic-bg{background: url(../images/events-act-pic-bg.gif) no-repeat left top; padding: 2px;}		
.text-uah {font-size: 11px; color:#333;}	
.text-quick-link {background: url(../images/bn-bg.gif) no-repeat left bottom; padding-left: 10px; font-weight:bold; font-size: 11px; color: #fff;}	

/*blog style*/	
#blog {margin:10px 0px; width:583px;}
#blog_col1 {float:left; width:89px; vertical-align:top;}
#blog_col2 {float:right; width:484px; vertical-align:top;}
#blog .date {float:left; background: url(../CSR/images/note-paper.gif) top left no-repeat; color:#b91114; font: bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; width:89px; height:98px; padding:20px 0px 0px 0px; }
#blog h3 {font: bold 12px/16px Arial, Helvetica, sans-serif; float:left; background: url(../images/gray-dot.gif) bottom right no-repeat; width:484px; padding-bottom:13px; margin:0px; color:#308eab;}
#blog .detail {width:484px;float:right; color:#333;}
	
/* Form Style*/	
#form {border: 1px solid #66c1b9; font-size:11px; padding:10px; margin:10px;}
#form .title1 {font: bold 11px/16px Arial, Helvetica, sans-serif; color:#fff; background-color:#66c1b9; padding: 5px 10px; }
#form .title2 {font: bold 11px/16px Arial, Helvetica, sans-serif; color:#000; background-color:#c2e6e3; padding: 5px 10px; }
#form .title3 {font: 11px/16px Arial, Helvetica, sans-serif; color:#000; background-color:#E1EFF7; padding: 5px 10px; }
#form .text-gray {color: #666;}

input, select {font-size: 11px; color: #333;}
/*.search-input {background: url(../images/search-icon.gif) left top no-repeat; font-size: 11px; color: #333; width: 145px; padding-left:18px; background-color:#FFFFFF;}*/
.search-input {font-size: 11px; color: #333; width: 145px;}
.search-button {font-size: 11px; color: #666;}
.text11-button {font-size: 11px; color: #333;}
.car-input {font-size: 11px; color: #333;}
.car-button {font-size: 11px; color: #666;}
	
/* TABLE STYLE */	
table.grid {border: 0px groove #CCC; border-collapse: separate; border-spacing: 1px; padding: 0 10px;}
table.grid th {border: 1px solid #CCC; vertical-align:middle;}
table.grid td {background:#fafafa; border: 1px solid #e1e4e4; padding: 0 10px; vertical-align:middle;}
	
/* TABLE STYLE 11 */	
table.grid11 { font-size:11px; border: 0px groove #CCC; border-collapse: separate; border-spacing: 1px; padding: 0 10px;}
table.grid11 th {border: 1px solid #CCC; vertical-align:middle;}
table.grid11 td {background:#fafafa; border: 1px solid #e1e4e4; padding: 0 10px; vertical-align:middle;}
	

/* RATE TABLE STYLE */	
table.rate {border: 1px solid #66c1b9;}
/*table.rate th {border: 1px solid #CCC;}*/
table.rate td {
	padding: 5px 10px;
	/*border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #66C1B9;
	border-right-color: #66C1B9;
	border-bottom-color: #66C1B9;
	border-left-color: #66C1B9;*/
}
table.rate td.title1 {background:#66c1b9; color:#fff; font-weight:bold;}
table.rate td.title2 {background:#c2e6e3; color:#000; font-weight:bold;}
table.rate td.title3 {background:#E1EFF7; color:#000;}
table.rate td {vertical-align:top}
table.rate td.r1 {background:#66c1b9; color:#fff; font-weight:bold;}
table.rate td.r2 {background:#c2e6e3; color:#000; font-weight:bold;}
table.rate td.r3 {background:#E1EFF7; color:#000;}
table.rate td.r4 {background:#eef6fb; color:#000;}
table.rate td.r5 {background:#fff; color:#000;}

/* ID STYLE */	
.top-bg{background:url(../images/top-bg.gif) no-repeat left top;}
.menu-bg{background: url(../images/menu-bg.gif) no-repeat left top; font:bold 11px; color:#fff; padding: 0px 30px; z-index:999;}			
.top-logo{padding: 0 20px 0 30px;}
.showpic{background: url(../images/sp-bg.gif) repeat-y left top; padding: 10px 20px; margin:0px;}
.hotel-bg{background: url(../images/hotel-bg.gif) no-repeat left top; padding: 0px 20px 0px 20px;}
.you-are-here-bg{background: url(../images/youarehere-bg.gif) no-repeat left top; font-size: 11px; color:#000; padding: 0px 20px 0px 20px;}
.content-bg{background: url(../images/sp-bg.gif) repeat-y left top;}
.footer{background: url(../images/footer-bg.gif) no-repeat left top; font-size: 11px; color:#fff; padding: 10px 30px 15px 30px;}
.left-content{ font-size:12px; padding: 20px 10px 10px 20px;}
.left-content h2 {font: bold 14px/20px Arial, Helvetica, sans-serif; color: #308eab; /*margin: 0px; padding-bottom:5px;*/}
.left-content h3 {font: bold 14px/20px Arial, Helvetica, sans-serif; color: #308eab; /*margin: 0px; padding-bottom:5px;*/}
.right-content{font-size: 12px; line-height:16px; color:#333; padding: 10px 20px 0 0; width:222px;}
.clear {clear: both;}
#altDiv {background-color: #fff; font-size: 11px; z-index: 1;}
#altDiv p {padding: 0px;}

/* Check JavaScripts */
.nonjsAlert {/*margin:1em; border:1px solid #fff; padding:.5em;*/ 
	text-align:center; font-size: 11px/16px; color:#fff; width: 925px;}				
.accessAid {display:block; position:absolute; top:0; left:-500em; width:1px; height:1px; overflow:hidden; text-indent:-9999em; line-height:0;}
.hide {display:none;}
.show {display:block;}
.clear {clear:both;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.textleft {text-align:left;}

/* Rounded Coner*/
.roundcont {background: url(../images/mr.gif) repeat-y top left; width: 222px; background-color: #fff;}
.roundmid  {margin: 0 10px;}
.roundtop {background: url(../images/tr.gif) no-repeat top left; width:222px; height:10px;}
.roundbottom {background: url(../images/br.gif) no-repeat bottom left; width:222px; height:10px;}

/* Body Container */
.clear{ clear:both;}
#bodycontainer{padding:15px 0 0px 0;}

/* Sidebar Right */
#bodyleft{width:580px; padding:0 10px 20px 5px; border-right:1px solid #CCC; min-height:220px; height:auto!important; height:220px; float:left;}

/* Sidebar Right */
#bodyright{font-size: 11px; width:222px; float:right;}
#box-msg{font-size: 11px; background: url(../images/quick-link-bg.gif) repeat-y left top; width:222px; margin:0 0 10px 0; padding:0;}
#box-msg h3{background: url(../images/bn-bg.gif) no-repeat left top; margin: 0px; padding:4px 0px 7px 10px; font-weight:bold; font-size: 11px; color: #fff; text-transform:uppercase;}
#box-msg-detail{background:url(../images/quick-link-bt.gif) no-repeat left bottom; margin:0; padding:5px 10px 10px 10px; width:202px;}
.img-box-msg{font-size: 11px; color:#333; margin:0; padding:0 0 10px 0;}	
#navlist{
	margin: 0;
	padding: 0;
	list-style: none;}	
#navlist-2{
	margin: 0;
	padding: 0px 0px 0px 15px;
	list-style: none;}	
#navlist li {
	background:url(../images/bl-arrow.gif) no-repeat; background-position: 0 .6em;
	padding: 4px 10px; margin:0px;}
#navlist-2 li {
	background:url(../images/bl-circle.gif) no-repeat; background-position: 0 .5em;
	padding: 2px 10px; margin:0px;}	
#box-msg a:link, #box-msg a:visited, #box-msg a:active{font-size:11px; line-height:14px; font-weight:bold; color: #9c440e;}
#box-msg a:hover{font-size:11px; line-height:14px; font-weight:bold; color:#c27211;}
	
	
/* Thai font*/	
#th{font-family:"Microsoft Sans Serif", Arial, Helvetica, sans-serif;}
#th table tr td p h1 h2 h3{font-family:"Microsoft Sans Serif", Arial, Helvetica, sans-serif;}

/* Tours */	
#tours p h1 h2 h3{ margin:0px, padding:0px;}
#tours a:link, #tours a:visited, #tours a:active{background: url(../images/bl-arrow.gif) no-repeat left top; padding-bottom:10px;}	
#tours a:hover{background: url(../images/bl-arrow.gif) no-repeat left top; padding-bottom:10px;}		

/* welcome Homepage*/
#welcome{width:905px; margin:10px 20px 10px 30px;}
#left-welcome{float:left; width:663px; margin-right:20px;}
#right-banner{float:right; width:222px;}

/* middle Homepage*/
#middle-hp{width:915px; margin:10px 0px 0px 20px;}

#spotlight-hp{float:left; width:324px; margin-right:10px; font-size: 11px;}
#spotlight-hp-detail{background: url(../images/spotlight-bg.gif) repeat-y left top; width:304px; margin:0; padding:10px; min-height:128px; height:auto!important;height:128px;}
#spotlight-hp h2{ background:url(../images/spotlight-hd.gif) no-repeat left top; font-weight:bold; font-size: 11px; color: #fff; margin: 0px; padding:2px 0px 5px 10px;}
#spotlight-hp-footer{background: url(../images/spotlight-footer.gif) repeat-y left top; margin:0; padding:0px 10px 0px 0px; min-height:25px; height:auto!important; height:25px; font-weight:bold; font-size: 11px;text-align:right;}
#spotlight-hp-img{background: url(../images/spotlight-bg.gif) repeat-y left top;margin:0px; padding:1px; font-size: 11px;text-align:right}


#hotdeals-hp{float:left; width:350px; margin-right:9px;}
#hotdeals-hp-detail{background: url(../images/hotdeal-bg.gif) repeat-y left top; margin:0; padding:10px; min-height:294px; height:auto!important; height:294px;}
#hotdeals-hp h2{background: url(../images/hotdeal-hd.gif) no-repeat left top; font-weight:bold; font-size: 11px; color: #fff; margin: 0px; padding:2px 0px 5px 10px;}
#hotdeals-hp-footer{background: url(../images/hotdeals-footer.gif) repeat-y left top; margin:0; padding:0px 10px 0px 0px; min-height:25px; height:auto!important; height:25px; font-weight:bold; font-size: 11px;text-align:right;}

#event-hp{float:left; width:222px;}
#event-hp-detail{background: url(../images/events-bg.gif) repeat-y left top; margin:0; padding:10px; min-height:294px; height:auto!important; height:294px; }
#event-hp h2{background: url(../images/events-hd-b.gif) no-repeat left top; font-weight:bold; font-size: 11px; color: #fff; margin: 0px; padding:2px 0px 5px 10px;}
#event-hp-footer{background: url(../images/events-footer.gif) no-repeat left bottom; margin:0; padding:0px 10px 0px 0px; min-height:25px; height:auto!important; height:25px;font-weight:bold; font-size: 11px;text-align:right;}

/* Promotion Homepage*/
#homepage-promotion{width:690px;}
#left-promotion{float:left; width:324px; margin-right:10px;}
#right-promotion{float:right; width:350px;}

/* Error page */
#er-sitemap{font-size: 11px;}
#er-sitemap ul li{font-weight:bold;padding: 2px 0px;}

/*2columns middle Contents*/
#2columns{width:663px; background-color:#fff;}
#column1{float:left; width:322px; margin:0 10px 0 0; padding:0;}
#column2{float:right; width:322px; padding:0; margin:0}
#box-text{margin:0 0 20px 0; padding:0;}
#box-text h3{font-size: 12px; color:#fff; margin:0px; padding:5px 0 0 10px; min-height:30px; height:auto!important; height: 30px;}
#box-text p{margin:0; padding:0;}
#box-text p.img{margin:0; padding:0;}
#box-text p.img img{margin:0; padding:0;}
.cat-r{background:url(../leisure-and-tours/laguna-tours/images/LEL-cat-header-r.gif) no-repeat left top;}
.cat-a{background:url(../leisure-and-tours/laguna-tours/images/LEL-cat-header-a.gif) no-repeat left top;}
.cat-b{background:url(../leisure-and-tours/laguna-tours/images/LEL-cat-header-b.gif) no-repeat left top;}
.cat-y{background:url(../leisure-and-tours/laguna-tours/images/LEL-cat-header-y.gif) no-repeat left top;}
.cat-br{background:url(../leisure-and-tours/laguna-tours/images/LEL-cat-header-br.gif) no-repeat left top;}
.cat-g{background:url(../leisure-and-tours/laguna-tours/images/LEL-cat-header-g.gif) no-repeat left top;}


/*BAR homepage*/
.BTP{font: bold 30px Helvetica, Arial, sans-serif; color: #002c57; margin: 0; padding:0;}
.SGLP{font: bold 30px Helvetica, Arial, sans-serif; color: #6a4029; margin: 0; padding:0;}
.DTLP{font: bold 30px Helvetica, Arial, sans-serif; color: #af5844; margin: 0; padding:0;}
.LBR{font: bold 30px Helvetica, Arial, sans-serif; color: #c28854; margin: 0; padding:0;}
.ALP{font: bold 30px Helvetica, Arial, sans-serif; color: #6b412a; margin: 0; padding:0;}
.LHCR{font: bold 30px Helvetica, Arial, sans-serif; color: #6891af; margin: 0; padding:0;}
.LPHR{font: bold 30px Helvetica, Arial, sans-serif; color: #943a11; margin: 0; padding:0;}

#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
#quote{background: url(../images/tquote.gif) left top no-repeat;}
#quote .tquote{background: url(../images/bttquote.gif) right bottom no-repeat; padding-bottom:10px; margin-bottom:7px;}
#quote .date{font: bold 11px/11px Arial, Helvetica, sans-serif; padding:10px 0px 0px 20px;}
#quote .fname{font: bold 11px/11px Arial, Helvetica, sans-serif; text-align:right; color:#308eab;}
#quote .tname{font: normal 11px/11px Arial, Helvetica, sans-serif; font-style:italic; text-align:right; color:#308eab;}
#quote .line{background: url(../images/dot.gif) bottom left no-repeat; margin:5px 0px 10px 0px;}
#quote p{padding-bottom:5px; margin:0px;}

.div-grid {
	border:1px solid #e5e5e5;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 10px 0px;
	}
		
/* OPEN POSITION TABLE STYLE */	
	table.op {background-color:#66b3c1; border: 1px solid #66b3c1; font: normal 12px/16px Arial, Helvetica, sans-serif; margin:25px 0px;}
	table.op td.t1 {background-color:#66b3c1; padding: 5px 10px; color:#fff; font-weight:bold; text-transform:uppercase;}
	table.op td.t2 {background-color:#e4f8fb; padding: 5px 30px; color:#0b5e75; font-weight:bold; text-transform:uppercase;}
	table.op td.t3 {background-color:#fff; color:#000; padding: 5px 50px;}
	table.op td.t4 {background-color:#fff; color:#000; text-align:center; width:50px;}
	table.op td.t5 {background-color:#fff; color:#c00; text-align:center; width:80px;}
	table.op td {vertical-align:middle; text-align:left;}
	
/* Sidebar Right */
#lel_pdf{font-size: 12px; text-align:right; margin:20px 0;}
#lel_pdf_navlist{
	margin: 0;
	padding: 0;
	list-style: none;}	
#lel_pdf_navlist li {
	background: url(../images/pdf-icon.gif) right no-repeat;
	padding: 4px 25px; margin:0px;}
	
.left_soc img{
	padding-right:10px;
	border:none;}

/* Sprite LMB Banner*/	
#lmb_container {background: url(../images/sprite-lmb.jpg) no-repeat top left; width:222px; height:113px; margin:0 0 10px 0; padding:0;}
#lmb {font: bold 28px/28px Helvetica, Arial, sans-serif; color: #0099ab; padding:75px 27px 7px 100px; text-align:right;}
.lmb_btp {background-position: 0 0; width: 222px; height: 113px; } 
.lmb_bwalp {background-position: -223px 0; width: 222px; height: 113px; } 
.lmb_dtp {background-position: -446px 0; width: 222px; height: 113px; } 
.lmb_lbr {background-position: -669px 0; width: 222px; height: 113px; } 
.lmb_lhcr {background-position: -892px 0; width: 222px; height: 113px; } 
.lmb_olp {background-position: -1115px 0; width: 222px; height: 113px; } 
.lmb_sglp {background-position: -1338px 0; width: 222px; height: 113px; }


/* Sprite soc icon
#soc {margin:0 20px 10px 10px; padding:0; float:right;}
#soc ul {margin:0; padding:0;}
#soc li {background: url(../images/soc-icon.png) no-repeat top left; position:absolute; list-style:none; text-indent:-999px;}
.soc_facebook {background-position: 0; width: 24px; height: 24px;}
.soc_twitter {background-position: -24px 0px; width: 24px; height: 24px;}
.soc_youtube {background-position: -48px 0px; width: 24px; height: 24px;}
*/
#soc{
  float:right;
  padding:0;
  margin:0;
  list-style:none;
  width:145px;
  height:30px;
  position:relative;
  overflow:hidden;
}
#soc li a{
  position:absolute;
  top:0;
  left:0;
  padding:0;
  margin:0;
  width:24px;
  height:24px;
  background:url(../images/soc-icon.gif);
  text-decoration:none;
  text-indent:-9999px;
  outline:none;
}

#soc .follow{
  position:absolute;
  top:0;
  left:0;
  background:none;
}
#soc .facebook a{
  left:60px;
  background-position:0 0;
}
#soc .twitter a{
  left:90px;
  background-position:48px 0;
}
#soc .youtube a{
  left:120px;
  background-position:24px 0;
}
.fright{
  clear:both !important;
  float:right !important;
  padding:0;
  margin:-5px 0 0 0 !important;
  position:relative;
  width:155px;
  height:20px;
}

/* Sprite Flag*/
#flag{
  float:right;
  padding:0;
  margin:0;
  list-style:none;
  width:135px;
  height:16px;
  position:relative;
  overflow:hidden;
}
#flag li a{
  position:absolute;
  top:0;
  left:0;
  padding:0;
  margin:0;
  width:22px;
  height:16px;
  background-image:url(../images/flag-icons.gif);
  background-repeat:no-repeat;
  text-decoration:none;
  text-indent:-9999px;
  outline:none;
}

#flag .en a{left:0px; background-position:0 0;}
#flag .th a{left:27px; background-position:-23px 0;}
#flag .ru a{left:54px; background-position:-46px 0;}
#flag .cn a{left:81px; background-position:-69px 0;}
#flag .id a{left:108px; background-position:-92px 0;}
#flag .en a:hover{background-position:0 -16px;}
#flag .th a:hover{background-position:-23px -16px;}
#flag .ru a:hover{background-position:-46px -16px;}
#flag .cn a:hover{background-position:-69px -16px;}
#flag .id a:hover{background-position:-92px -16px;}