/* CSS Document */
* {
padding : 0;
/*margin : 0;*/
}

body { 
font-family : Arial, sans-serif, Tahoma , Helvetica;
color : #252525;
font-size : 12px;
background-color: #fff;
margin-top:5px;
} 
/*TD,TR { text-decoration:none; }*/

.container{
width : 950px;
margin : 0 auto 0 auto; /*align center*/
background-color: #fff;
border: 3px solid #fff;
}
#wrapper { 
width : 950px;
margin : 2px auto 0 auto;
}
.redtext{
font-family : arial, sans-serif, tahoma;
font-size: 100%;
color:#CC0000;
}

.bluetext{
font-family : arial, sans-serif, tahoma;
font-size: 100%;
color:#0066cc;
}

.hotel{
width:215px;
border:1px solid #83acca;
float:left;
padding:5px;
}
.hotel img {
width:80px;
}

.hotel  b{
font-size:10px;
text-decoration:none;
}

.hotel table td {
width:80px;
}

/*  ------------------Body--------------------  */
#box-body{
margin-top:-10px;
/*width:950px;*/
}
/* --------------- Start left column --------------------- */
.left-col{
float:left;
width : 230px;
margin-top:0px;
/*background-color:#99FFFF;*/
}
.box-left{
width:228px;
/*height:358px;*/
}
.ads-left{
float:left;
width:230px;
height:196px;
margin-top:10px;
}

/* --------------- End left column ----------------- */
/* --------------- Start Center column --------------------- */
.center-col{
float:left;
width : 496px;
margin-left:8px;
margin-right:8px;
margin-top:0px;
}
.box-banner{
float:left;
width:496px;
}
.box-discover{
float:left;
width:502px;
margin-top:10px;
}
/* ----------------- Start box-orange ----------------------*/
.box-orange {
	float: left;
	width: 500px;

}
.box-orange {
	background: url('http://www.thaitravelcenter.com/about/images/cho.gif') repeat-x;
}

.box-orange .section {
	background: url('http://www.thaitravelcenter.com/about/images/cro2.gif') no-repeat right top;
	font-size: 130%;
	color: #FFFFFF;
	margin-top: 0px;
}

.box-orange .section .h1style {
	display: block;
	height: 23px;
	padding: 5px 0 0 10px;
	background: url('http://www.thaitravelcenter.com/about/images/clo.gif') no-repeat;
	margin-top: 0px;
}



.h1style{
	font-size : 100%;
	font-weight: bold;
	padding-left : 10px;
	padding-bottom : 2px;
}


.box-orange h2 {
	font-size: 120%;
	color:#F89934;
}

.box-orange h3 {		
	margin-left: 10px;
	/*text-transform: uppercase;*/
	margin-bottom:5px;
	margin-top:3px;
	font-size: 105%;
	color: #FF6600;

}
.mid-or{
	margin-left:2px;
	width: 495.5px;
	height:230px;
	margin-top: -20px;
	/*margin-bottom: 15px;  */
	padding-top: 10px;
	border: 1px solid #f6a064;
}

/* ------------------ End box-orange -----------------------*/
/* ----------------- Start box-green -----------------------*/
.box-green {
float:left;
width: 500px;

}
.box-green {
	background: url('http://www.thaitravelcenter.com/about/images/chg.gif') repeat-x;
}

.box-green .section {
	background: url('http://www.thaitravelcenter.com/about/images/crg2.gif') no-repeat right top;
	font-size: 130%;
	color: #FFFFFF;
	margin-top: 0px;

}

.box-green .section .h2style {
	display: block;
	height: 23px;
	padding: 5px 0 0 10px;
	background: url('http://www.thaitravelcenter.com/about/images/clg2.gif') no-repeat;
	margin-top: 0px;
}
.h2style{
	font-size : 16px;
	font-weight: bold;
	padding-left : 10px;
	padding-bottom : 5px;
}

.box-green h2 {
	font-size: 167%;
}


.mid-green{
	margin-left:2px;
	width: 495.5px;
	/*min-height:765px;*/
	/*margin-top: -20px;*/
	margin-top: -20px;
	padding-top: 10px;
	padding-bottom: 3px;
	/*border: 1px solid #b9df3b;*/
	border-left: 1px solid #b9df3b;
	border-right: 1px solid #b9df3b;
	border-bottom: 1px solid #b9df3b;
}
/*------------- End Box-Green -------------*/
.box-packagetour{
float:left;
width:500px;
/*height:270px;*/
margin-top:10px;
/*background-color:#66CCFF;*/
}
.box-festival{
float:left;
width:500px;
/*height:240px;*/
margin-top:10px;
}
.box-festival h4{
margin: 0;
font-size:20px;
font-weight:bold;
font-family : Arial, sans-serif, Tahoma , Helvetica;
padding: 0 0 5px 15px;
color: #5C5C5C;
}
.up-box{
width:500px;
background: url('/thailand/images/up-box.gif') no-repeat;
}
.mid-box{
width:500px;
margin-top:-5px;
height:260px;
background: url('/thailand/images/mid-box.gif') repeat-y; text-align:left;;
}
.down-box{
width:500px;
background: url('/thailand/images/down-box.gif') no-repeat;
}


/* --------------- End center column ----------------- */
/* --------------- Start Right column ---------------- */
.right-col{
float:right;
width : 200px;
margin-top:0px;
}
.box-bookflight{
float:right;
width:200px;
/*height:250px;*/
/*background-color:#FFCCCC;*/
}
.box-tourhilight{
float:right;
width:200px;
/*height:400px;*/
margin-top:10px;
}
.ads-right{
float: right;
width:200px;
height:432px;
background-color:#fff;
margin-top:10px;

}
.li-true ul li {
list-style-image : url('http://www.thaitravelcenter.com/images/icon/true2.gif');
padding-right:15px;
}
.li-true{
margin-top:15px;
}
/* --------------- End Right column ----------------- */
/*  ------------------End Body--------------------  */
/*- Menu Tabs 5--------------------------- */

    #tabs5 {
      float:left;
      width:100%;
      /*background:#E3ECF3;*/
      font-size:102%;
	  font-weight: bold;
      line-height:normal;

      }
    #tabs5 ul {
          margin:0;
          padding:0;
          list-style:none;
      }
    #tabs5 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs5 a {
      float:left;
      background:url("/thailand/images/tableft5.gif") no-repeat left top;
      margin:0;
      /*padding:0 0 0 3px;*/
      text-decoration:none;
      }
    #tabs5 a span {
      float:left;
      display:block;
      background:url("/thailand/images/tabright5.gif") no-repeat right top;
      padding:5px 15px 4px 12.5px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs5 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs5 a:hover span {
      color:#FFF;
      }
    #tabs5 a:hover {
      background-position:0% -42px;
      }
    #tabs5 a:hover span {
      background-position:100% -42px;
      }

      #tabs5 #current  {
              background-position:0% -42px;
      }
      #tabs5 #current  span {
              background-position:100% -42px;
      }

      #tabs5 ul .selected a {
              background-position:0% -42px;
      }
      #tabs5 ul .selected a span {
              background-position:100% -42px;
      }      

/*- End Menu Tab5 -----------------------------------*/


/*- Menu Tabs Search--------------------------- */

    #tabs {
      float:left;
      width:100%;
      /*background:#E3ECF3;*/
      font-size:12px;
	  font-weight: bold;
      line-height:normal;

      }
    #tabs ul {
          margin:0;
          padding:0;
          list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("/thailand/images/tableft5.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("/thailand/images/tabright5.gif") no-repeat right top;
     padding:2px 9px 3px 4px;
	 margin:0;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

      #tabs ul .selected a {
              background-position:0% -42px;
      }
      #tabs ul .selected a span {
              background-position:100% -42px;
      }
/*- End Menu Tabs Search -----------------------------------*/

/*Keywords Area*/
#keywords h1{
text-align: center;
font-size: 11px;
color: #000;
width: 100%;
margin:2px;
/*height: 20px; */
/*background-color:#000;  */
}
#logo{
float:left;
width:250px;
height:53px;
cursor:pointer;
background:url('http://www.thaitravelcenter.com/images/ttclogo.png') no-repeat;
}
/*control member login area*/
#memlogin{
width:572;
height:53;
text-align:right;
}
/*control main navigation picture*/
#bgnav{
width:948px;
height:65px;
background:url('http://www.thaitravelcenter.com/thailand/images/bgmenu.png') no-repeat;
margin-bottom:5px;
}
/*control main navigation css menu*/
#mainnav{
margin:10px 0 0 5px;
}
/*control containner for sub navigation and search*/
#downnav{
width:950px;
height:40px;
text-align:right;
/*margin-top:4px;*/
margin-top:0px;
}
/*control google search*/
#gsearch{
float:left;
width:200px;
text-align:left;
margin:5px 0 0 5px;
}
/*control sub navigation top area*/
.subnav{
width:550px;
padding-right: 5px;
/*margin:9px 0 0 5px;*/
margin:0px;
}

.subnav ul li {display:inline;float:left;text-align:center;}
.subnav ul li.border {width:auto;padding-left:5px;padding-right:5px;border-right:1px solid #66ccff;}
.subnav ul li a{text-decoration:none;font-weight:bold;color:#000;font-size:12px;}
.subnav ul li a:hover{text-decoration:none;font-weight:bold;color:#ff6600;font-size:12px;}

/*/////////control footer and footer menu///////////////*/
#footer {
/*background: url('/test/new/images/footer.gif') repeat-x;*/
margin-top : 3px;
width : 950px;
height: 30px;
padding-top : 5px;
padding-bottom : 2px;
text-align : center;
}
#footer ul li{display:inline;padding-left:5px;padding-right:5px;}
#footer ul li.border {width:auto;border-right:1px solid #000;}
#footer ul li a{text-decoration:none;font-weight:bold;color:#000;font-size:11px;}
#footer ul li a:hover{text-decoration:none;font-weight:bold;color:#ff6600;font-size:11px;}

/*//////////////end footer control///////////////*/

/*////////Hack for Firefox/////////*/

div#wrapper > div#bgnav{margin-bottom:20px;}
div#bgnav > div#mainnav{margin:15px 0 0 5px;padding-top: 10px;}
div#downnav > div#gsearch{margin:7px 0 0 5px;}
div#downnav > div.subnav{margin:-2px 5px 0 0;float:right;}
div#wrapper > div#footer{float:left;margin-top:2px;padding-top:1px;background-position:top center;}
div#wrapper > div#footer ul{margin-top:2px;}
div.li-true > ul.child{margin-left:40px;}
.clearfloat:after{
  content:".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}  

/* travel-guide index page */
.zone-col{
float:left;
width:190px;
}
/*----------------------CSS FOR Button sign-in---------------------------------*/
.popsignin{
position: relative;
z-index: 0;
text-decoration: none;
}

.popsignin:hover{
background-color: transparent;
position: relative;
z-index: 1000;
}

.popsignin span{ /*CSS for enlarged image*/
position: absolute;
background-color: #0177da;
border: 5px solid #01a7f7;
padding: 5px;
left: -1000px;
visibility: hidden;
color: white;
text-decoration: none;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-top-right-radius: 8px;
-moz-border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-bottom-right-radius: 8px;
-moz-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
background:-moz-linear-gradient(top, #01a7f7 0%, #0177da 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a7f7), color-stop(100%,#0177da));
}

.popsignin span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.popsignin:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -110px; /*position where enlarged image should offset horizontally */
}
/*----------------------END CSS FOR Button sign-in---------------------------------*/