@charset "iso-8859-1";
/* CSS Document */
body{
   
   BACKGROUND-POSITION: center top; 
   BACKGROUND-ATTACHMENT: fixed; 
   BACKGROUND-IMAGE: url(promtong_images/background.jpg); 
   MARGIN: 0px; 
   BACKGROUND-REPEAT: no-repeat; 
   TEXT-ALIGN: center;
   
}

a {text-decoration:none; color:#333333;}
a:hover { text-decoration:none; color:#000000;}
a:link{text-decoration:none; color:#333333;}
a:selected{text-decoration:none; color:#000000;}

p{
margin:0px;
padding:3px 0 3px 0;
line-height:15px;
text-align:justify;
font-size:11px;
}
p.left{
float:left;width:270px;line-height:17px;
}
p.middle{
float:left;width:770px;line-height:17px;
}

img.photo{
   float:left;
   padding:5px 10px 0 0;
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}


.clear{
clear:both;
}
#main_container{
width:100%;
height:100%;
margin:0px;
vertical-align:middle;
}



#header{
width:100%;
height:173px;
margin:auto;
}
#logo{
float:left;
padding:0px 0 0 20px;
}
#logo a {text-decoration:none}
#logo a:hover { text-decoration:none}
#logo a:link{text-decoration:none;}
#logo a:selected{text-decoration:none;}
#logo img{border:0px;}

#top_left{
float:right;
padding:0px 0 0 0px;
}

#contact_num{
width:120px;
vertical-align:top;
padding:50px 0 0 20px;
font-family:Arial;
font-size:12px;
font-weight:600;
font-stretch:extra-condensed;
letter-spacing:0.0001em;
float:right;
text-align:right;

}

#main_body{
width:834px;
height:auto;
vertical-align:middle;
}

#main_book{
width:1000px;
height:728px;
background:url(promtong_images/book_bg.png) no-repeat ;
vertical-align:middle;

}

#main_detail_data{
width:800px;
height:370px;

vertical-align:middle;
clear:both;
}

#main_detail_data_gallery_top{
width:800px;
height:24px;
background:url(promtong_images/body_mid_bg_01.png) no-repeat ;
vertical-align:middle;

}

#main_detail_data_gallery{
width:800px;
height:auto;
background:url(promtong_images/body_mid_bg_02.png) repeat-y ;
vertical-align:middle;
clear:both;
}

#main_detail_data_gallery_bottom{
width:800px;
height:27px;
background:url(promtong_images/body_mid_bg_03.png) no-repeat ;
vertical-align:middle;

}

#main_detail_data_under{
width:800px;
height:370px;
background:url(promtong_images/body_mid_bg1.png) no-repeat ;
vertical-align:middle;
clear:both;
}

#main_detail_data table{
vertical-align:middle;
}


#main_detail_data td{
width:350px;
height:340px;
padding:20px;
vertical-align:top;
text-align:left;
}



#main_detail_data td h1{


height:auto;
font-family:Arial;
font-size:28px;
font-weight:600;
color:#666666;
font-stretch:extra-condensed;
letter-spacing: -0.08em;
word-spacing:0.1em;
text-align:center;
margin:0px 0 0 0px;


}

#main_detail_data td h2{

height:auto;
font-family:Arial;
font-size:12px;
color:#666666;
font-weight:600;
font-stretch:extra-condensed;
letter-spacing:0.0001em;
text-align:left;
float:left;
margin:0px 0 0px 0px;


}
#main_detail_data td span{

height:auto;
font-family:Arial;
color:#666666;
font-size:14px;
font-weight:500;
font-stretch:extra-condensed;
letter-spacing: 0.0001em;
word-spacing: 0.001em;
line-height:15px;
text-align:left;
padding:0 20px 0 20px;
margin:10px 0 0 0px;

}

#main_detail_data td span img{
margin:3px 3px 0 0;
float:left;
border:0;


}

#main_detail_data td ul {margin:0; padding:0; list-style:none; font-family:Arial;color:#666666;;font-size:14px;font-weight:500;}
#main_detail_data td li {background:url(promtong_images/bl.png) no-repeat left center; margin: 1px 0px 0px 0px; padding:0px 0px 0px 19px}


#body_board{
background:url(promtong_images/board_right.png) no-repeat ;
width:531px;
height:363px;
vertical-align:middle;
}

#body_bg{
background:url(promtong_images/menu_note.png) no-repeat ;
width:278px;
height:360px;
vertical-align:middle;
}

#body_top_text{
width:278px;
height:auto;
font-family:Arial;
font-size:28px;
font-weight:600;
font-stretch:extra-condensed;
letter-spacing: -0.08em;
word-spacing:0.1em;
text-align:center;
margin:28px 0 0 0px;
}




#body_top_subject{
width:278px;
height:auto;
font-family:Arial;
font-size:12px;
font-weight:600;
font-stretch:extra-condensed;
letter-spacing: -0.08em;
word-spacing:0.1em;
text-align:left;
float:left;
margin:28px 0 10px 10px;
}


#body_top_text div{
width:243px;
height:auto;
font-family:Arial;
color:#FFFFFF;
font-size:14px;
font-weight:500;
font-stretch:extra-condensed;
letter-spacing: 0.0001em;
word-spacing: 0.001em;
line-height:15px;
text-align:center;
padding:0 20px 0 10px;

}





#body_top_text .left_st{
width:223px;
height:auto;
font-family:Arial;
color:#FFFFFF;
font-size:14px;
font-weight:500;
font-stretch:extra-condensed;
letter-spacing: 0.0001em;
word-spacing: 0.001em;
line-height:15px;
text-align:left;
padding:0 20px 0 20px;

}

.img_p{
background:url(promtong_images/img_bg.png) no-repeat ;
background-position:bottom;
height:200px;

}

.img_display{
width:225px;
height:180px;
margin:0px 22px 0 0px;
position:relative;
vertical-align:middle;
float:right;
}


#contact_form{
vertical-align:top;
margin-top:0px;
}


#contact_form input.small {
  position:relative;
  top:0px;
  left:0px;
  color:#FFFFFF;
  border:0px solid #cccccc;
  background-color:#666666;
  height:16px;
  width:200px;
  font-size:12px;
  padding:5px;
  margin-top:4px;
}

#contact_form textarea {
  position:relative;
  top:0px;
  left:0px;
  font-family:Arial;
  color:#FFFFFF;
  border:0px solid #cccccc;
  background-color:#666666;
  height:80px;
  width:200px;
  font-size:12px;
  padding:5px;
  margin-top:4px;
}

input.send_bt{
float:right;
padding:0 25px 0 0;
}

#footer{
width:100%;
height:auto;
margin:auto;
vertical-align:bottom;
}

#main_detail{
width:100%;
height:170px;
margin:auto;
color:#FFFFFF;
text-align:center;
font-family:AgentConMedDB;
font-size:28px;
vertical-align:bottom;
}


#telephoneno{
background:url(promtong_images/logo_03.png) no-repeat;
background-position:left;
width:auto;
height:64px;
vertical-align:top;
padding:0px 0 0 34px;
margin:40px 0 0 0;
color:#FFFFFF;
font-family:Arial;
font-weight:bold;
font-size:50px;
letter-spacing: -0.07em;
word-spacing: -0.01em;
}

#bottom_left{
width:165px;
height:170px;
float:left;
padding:0px 0 0 0px;
vertical-align:bottom;
}

#bottom_right{
width:165px;
height:170px;
float:right;
padding:0px 0 0 0px;
vertical-align:bottom;
}

#copyright{
width:100%;
height:30px;
vertical-align:bottom;
text-align:center;
font-family:AgentExtDB;
font-size:13px;

}

#copyright img{
border:0px;
vertical-align:middle;
}

<!------------ Dialog Box  --->

p{
	clear:both; 
	float:none;
	margin:10px 0px 10px;
}

/* tooltip design */
.ToolTips { display:block; position:absolute; width:404px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(promtong_images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(promtong_images/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(promtong_images/dockBottomHeader.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(promtong_images/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(promtong_images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(promtong_images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='promtong_images/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='promtong_images/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='promtong_images/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='promtong_images/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='promtong_images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(promtong_images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }






//---------------------------------------------------------------------------*/


.txtSmall{
font-family:Arial;
	color:#3D2F26;
	font-size:11px;
	text-decoration:none;
}
.txtStandardBold{
    font-family:Arial;
	color:#3D2F26;
	font-size:12px;
	font-weight:bold;
}
.txtStandard12Bold{
font-family:Arial;
	color:#3D2F26;
	font-size:12px;
	font-weight:bold;
}

.txtStandard13BoldLink{
font-family:Arial;
	color:#5D5139;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.txtStandardSelect13BoldLink{
font-family:Arial;
	color:#8F7156;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.txtStandard12Header{
    font-family:Arial;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.txtStandardBoldTotal{
    font-family:Arial;
	color:#00600;
	font-size:16px;
	font-weight:bold;
}

.txtStandardCondition{
    font-family:Arial;
	color:#9900000;
	font-size:10px;
	font-weight:bold;
}

.error{
    font-family:Arial;
	color:#FF0000;
	font-size:8px;
	font-weight:bold;
}


.msgerror{
    font-family:Arial;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
}