body { font-family:"Ms Sans Serif"; font-size: 13px; } 
table { font-family: "Ms Sans Serif"; font-size: 13px; }

*:first-child+html body{ font-family: "Tahoma"; font-size: 11px; } 
*:first-child+html table{ font-family: "Tahoma"; font-size: 11px; } 

h1,h2,h3 {
 margin-bottom: .5em;
 font-family: "Ms Sans Serif", sans-serif;
 line-height: normal;
}

a:link { color: #3B95DD; text-decoration: none }
a:visited { color: #3B95DD; text-decoration: none }
a:active { color: #FF9900; text-decoration: none }
a:hover { color: #FF9900; text-decoration: none }

/* Font size*/
.txt_size16px{ font-size: 16px; font-weight:bold;}
.txt_size15px{ font-size: 15px; font-weight:bold;}
.txt_size14px{ font-size: 14px; font-weight:bold;}
.txt_size13px{ font-size: 13px; font-weight:bold;}
.txt_size12px{ font-size: 12px; font-weight:bold;}

.txt_size16px_no_bold{ font-size: 16px;}
.txt_size15px_no_bold{ font-size: 15px;}
.txt_size14px_no_bold{ font-size: 14px;}
.txt_size13px_no_bold{ font-size: 13px;}
.txt_size12px_no_bold{ font-size: 12px;}
.txt_size11px_no_bold{ font-size: 11px;}
.txt_size10px_no_bold{ font-size: 10px;}

/* TABLE */
.table_border_color{border: solid 1px #ccc;}
.table_fill_color{background-color:#1F83AF; color:#FFFFFF; height:30px;}

.table_reply_comment{border: dashed 1px #ccc; background-color:#F5F5FD;}
.sample_menu_fill_color{background-color:#E9D6F7; color:#FFFFFF; height:20px; }

.table_border_color_webboard{border: dashed 1px #ccc;}
.table_fill_color_webboard{background-color:#FFFF5A; color:#3CA0FF; height:30px;}

/* Group Menu */
.table_fill_color_group_menu{background-color:#FFFF82; color:#000000; height:20px;}
/* TABLE*/


.Templates_TopGraphicE1{ color:#FFFFFF; height:151px; background:url(images/bg-body.jpg) repeat-x; }
.Templates_dot_line { background: url("images/002.gif") repeat-x;  background-position:center;}
.Templates_line { background: url("images/line_01.gif") repeat-x;  background-position:center;}
.Templates_line2 { background: url("images/line_02.gif") repeat-x;  background-position:center;}
/* Button */
.Templates_Carts_BT{ width:178px; background: url("images/btn-checkout.gif") no-repeat; text-align:center; font-size: 10px; font-weight:bold; font-family:"Ms Sans Serif"; color: #000000; height:41px; border: 0px ; cursor:pointer; }
.Templates_Carts_BT2{ width:78px; background: url("images/bt-2.gif") no-repeat; text-align:center; font-size: 10px; font-weight:bold; font-family:"Ms Sans Serif"; color: #FFFFFF; height:27px; border: 0px ; cursor:pointer; }
.Templates_Carts_BT_Search { width:60px; background: url("images/input-bt-60px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer;  }
.Templates_Carts_BT_Search_Cancle { width:60px; background: url("images/input-bt-60-px-cancle.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }

.Templates_Carts_Plus{ width:27px; background: url("images/plus.gif") no-repeat; text-align:center; font-size: 10px; font-weight:bold; font-family:"Ms Sans Serif"; color: #000000; height:27px; border: 0px ; cursor:pointer; }
.Templates_Carts_Minus{ width:27px; background: url("images/minus.gif") no-repeat; text-align:center; font-size: 10px; font-weight:bold; font-family:"Ms Sans Serif"; color: #000000; height:27px; border: 0px ; cursor:pointer; }

/*button*/
.input_bt_120px { width:120px; background: url("images/input-bt-120px.gif") no-repeat; text-align:center; font-size: 13px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_100px { width:100px; background: url("images/input-bt-100px.gif") no-repeat; text-align:center; font-size: 13px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_80px { width:80px; background: url("images/input-bt-80px.gif") no-repeat; text-align:center; font-size: 13px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_60px { width:60px; background: url("images/input-bt-60px.gif") no-repeat; text-align:center; font-size: 13px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_60px_cancle { width:60px; background: url("images/input-bt-60-px-cancle.gif") no-repeat; text-align:center; font-size: 13px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_30px { width:30px; background: url("images/input-bt-30px.gif") no-repeat; text-align:center; font-size: 13px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_40px { width:40px; background: url("images/input-bt-40px.gif") no-repeat; text-align:center; font-size: 13px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_login01 { width:64px; background: url("images/login01.jpg") no-repeat; text-align:center; font-size: 13px; font-family:"Ms Sans Serif"; color: #000000; height:66px; border: 0px ; cursor:pointer; }
/*IE7*/
*:first-child+html .input_bt_120px { width:120px; background: url("images/input-bt-120px.gif") no-repeat; text-align:center; font-size: 11px; font-family:"Tahoma"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
*:first-child+html .input_bt_100px { width:100px; background: url("images/input-bt-100px.gif") no-repeat; text-align:center; font-size: 11px; font-family:"Tahoma"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
*:first-child+html .input_bt_80px { width:80px; background: url("images/input-bt-80px.gif") no-repeat; text-align:center; font-size: 11px; font-family:"Tahoma"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
*:first-child+html .input_bt_60px { width:60px; background: url("images/input-bt-60px.gif") no-repeat; text-align:center; font-size: 11px; font-family:"Tahoma"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
*:first-child+html .input_bt_60px_cancle { width:60px; background: url("images/input-bt-60-px-cancle.gif") no-repeat; text-align:center; font-size: 11px; font-family:"Tahoma"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
*:first-child+html .input_bt_30px { width:30px; background: url("images/input-bt-30px.gif") no-repeat; text-align:center; font-size: 11px; font-family:"Tahoma"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
*:first-child+html .input_bt_40px { width:40px; background: url("images/input-bt-40px.gif") no-repeat; text-align:center; font-size: 11px; font-family:"Tahoma"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
*:first-child+html .input_bt_login01 { width:64px; background: url("images/login01.jpg") no-repeat; text-align:center; font-size: 11px; font-family:"Tahoma"; color: #000000; height:66px; border: 0px ; cursor:pointer; }


/*input box*/
.input_left { text-align:left; font-size: 13px; font-family:"Ms Sans Serif"; color: #333333; height:17px; border: 1px solid #ddd; background: #fff; }
.input_textarea { text-align:left; font-size: 13px; font-family:"Ms Sans Serif"; color: #333333; border: 1px solid #ddd; background: #fff; }
.input_select { border-top-width: 1px; border-left-width: 1px; font-size: 10px; border-left-color: #FFFFDD; border-bottom-width: 1px; border-bottom-color: #ffffdd; color: #000000; border-top-color: #ffffdd; font-family: "ms sans serif"; height: 18px; background-color: #FFFFFF; text-align: left; border-right-width: 1px; border-right-color: #ffffdd }
.start{color:#FF0000}
.input_select_area { border-top-width: 1px; border-left-width: 1px; font-size: 10px; border-left-color: #FFFFDD; border-bottom-width: 1px; border-bottom-color: #ffffdd; color: #000000; border-top-color: #ffffdd; font-family: "ms sans serif"; background-color: #FFFFFF; text-align: left; border-right-width: 1px; border-right-color: #ffffdd }
.input_login_left { text-align:left; font-size: 13px; font-family:"Ms Sans Serif"; color: #333333; height:20px; border: 1px solid #e5dac8; background: #fffff7; }
/*IE7*/
*:first-child+html .input_left { text-align:left; font-size: 13px; font-family:"Tahoma"; color: #333333; height:17px; border: 1px solid #ddd; background: #fff; }
*:first-child+html .input_textarea { text-align:left; font-size: 13px; font-family:"Tahoma"; color: #333333; border: 1px solid #ddd; background: #fff; }
*:first-child+html .input_select { border-top-width: 1px; border-left-width: 1px; font-size: 11px; border-left-color: #FFFFDD; border-bottom-width: 1px; border-bottom-color: #ffffdd; color: #000000; border-top-color: #ffffdd; font-family: "Tahoma"; height: 18px; background-color: #FFFFFF; text-align: left; border-right-width: 1px; border-right-color: #ffffdd }
.*:first-child+html input_select_area { border-top-width: 1px; border-left-width: 1px; font-size: 11px; border-left-color: #FFFFDD; border-bottom-width: 1px; border-bottom-color: #ffffdd; color: #000000; border-top-color: #ffffdd; font-family: "Tahoma"; background-color: #FFFFFF; text-align: left; border-right-width: 1px; border-right-color: #ffffdd }
*:first-child+html .input_login_left { text-align:left; font-size: 13px; font-family:"Tahoma"; color: #333333; height:20px; border: 1px solid #e5dac8; background: #fffff7; }

/*for register*/
.input_left_register { text-align:left; font-size: 13px; font-family:"Ms Sans Serif";  color: #F58904; height:17px; border: 1px solid #ddd; background: #F5F6FE; }
.input_textarea_register { text-align:left; font-size: 13px; font-family:"Ms Sans Serif"; color: #F58904; border: 1px solid #ddd; background: #F5F6FE; }
/*Search*/
.Search_bg{ width:250px;  background:url(images/search/block_row.gif) no-repeat; }

/*Data List*/
.head_datalist_left{ width:11px; height:26px; background:url(images/datalist/001_01.gif) no-repeat; }
.head_datalist_center{ height:26px; background:url(images/datalist/001_02.gif) repeat-x; }
.head_datalist_right{ width:13px; height:26px; background:url(images/datalist/001_04.gif) no-repeat; }

.foot_datalist_left{ width:11px; height:26px; background:url(images/datalist/002_04.gif) no-repeat; }
.foot_datalist_center{ height:26px; background:url(images/datalist/002_02.gif) repeat-x; }
.foot_datalist_right{ width:13px; height:26px; background:url(images/datalist/002_01.gif) no-repeat; }

.datalist_colum2{ width:280px; height:63px; background:url(images/datalist/tutorial_row.gif) no-repeat; }
.dot_line{background: url("images/datalist/dot.gif") repeat-x;  background-position:center;}
.dot_line2 { background: url("images/datalist/002.gif") repeat-x;  background-position:center;}


/* Cart Option */
/*Other IE*/
.head_template_boder_left{width:10px; height:10px; background:url(images/main_page/box/box001_01.png) no-repeat;}
.head_template_boder_center{ height10px; background:url(images/main_page/box/box001_02.png) repeat-x; }
.head_template_boder_right{ width:11px; height:10px; background:url(images/main_page/box/box001_04.png) no-repeat; }

.body_template_boder_left{width:10px; background:url(images/main_page/box/box001_05.png) repeat-y;}
.body_template_boder_center{ background:url(images/main_page/box/box001_06.png) repeat; }
.body_template_boder_center1{ background-color:#FFFFFF; }
.body_template_boder_right{ width:11px;  background:url(images/main_page/box/box001_07.png) repeat-y; }

.foot_template_boder_left{width:10px; height:11px; background:url(images/main_page/box/box001_10.png) no-repeat;}
.foot_template_boder_center{ height:11px; background:url(images/main_page/box/box001_11.png) repeat-x; }
.foot_template_boder_right{ width:11px; height:11px; background:url(images/main_page/box/box001_12.png) no-repeat; }

/*For IE7*/
*:first-child+html .head_template_boder_left{width:10px; height:10px; background:url(images/main_page/box/support_ie/box001_01.png) no-repeat;}
*:first-child+html .head_template_boder_center{ height10px; background:url(images/main_page/box/support_ie/box001_02.gif) repeat-x; }
*:first-child+html .head_template_boder_right{ width:11px; height:10px; background:url(images/main_page/box/support_ie/box001_04.png) no-repeat; }

*:first-child+html .body_template_boder_left{width:10px; background:url(images/main_page/box/support_ie/box001_05.gif) repeat-y;}
*:first-child+html .body_template_boder_center{background-color:#FFFFFF;}
*:first-child+html .body_template_boder_right{ width:11px;  background:url(images/main_page/box/support_ie/box001_07.gif) repeat-y; }

*:first-child+html .foot_template_boder_left{width:10px; height:11px; background:url(images/main_page/box/support_ie/box001_10.png) no-repeat;}
*:first-child+html .foot_template_boder_center{ height:11px; background:url(images/main_page/box/support_ie/box001_11.gif) repeat-x; }
*:first-child+html .foot_template_boder_right{ width:11px; height:11px; background:url(images/main_page/box/support_ie/box001_12.png) no-repeat; }

/*For IE6*/
* html .head_template_boder_left{width:10px; height:10px; background:url(images/main_page/box/support_ie/box001_01.png) no-repeat;}
* html .head_template_boder_center{ height10px; background:url(images/main_page/box/support_ie/box001_02.gif) repeat-x; }
* html .head_template_boder_right{ width:11px; height:10px; background:url(images/main_page/box/support_ie/box001_04.png) no-repeat; }

* html .body_template_boder_left{width:10px; background:url(images/main_page/box/support_ie/box001_05.gif) repeat-y;}
* html .body_template_boder_center{background-color:#FFFFFF; background:url(images/main_page/box/support_ie/box001_06.gif) repeat;}
* html .body_template_boder_right{ width:11px;  background:url(images/main_page/box/support_ie/box001_07.gif) repeat-y; }

* html .foot_template_boder_left{width:10px; height:11px; background:url(images/main_page/box/support_ie/box001_10.png) no-repeat;}
* html .foot_template_boder_center{ height:11px; background:url(images/main_page/box/support_ie/box001_11.gif) repeat-x; }
* html .foot_template_boder_right{ width:11px; height:11px; background:url(images/main_page/box/support_ie/box001_12.png) no-repeat; }

/* OTHER */
.Templates_Carts_Detail { 
	width:200px; height:80px;
	background: url("images/bg-userdetail.gif") no-repeat; 
	background-position: top right; 
	filter:alpha(opacity=75); opacity: 0.75; 
	display: block; text-indent: 00%;  
	position: absolute; 
}
/* TABLE */
.table_border_color{border: solid 1px #ccc;}
.table_fill_color{background-color:#1F83AF; color:#FFFFFF; height:30px;}
/* TABLE*/
/* Input text*/
.input_right { text-align:right; font-size: 13px; font-family:"Ms Sans Serif"; color: #333333; height:20px; border: 1px solid #e5dac8; background: #fffff7; }
*:first-child+html .input_right { text-align:right; font-size: 13px; font-family:"Tahoma"; color: #333333; height:20px; border: 1px solid #e5dac8; background: #fffff7; }

.start{color:#FF0000}
/* àÁ¹ÙÃкº*/
.container {
		width:600px;
        padding-top: 0px;
        margin: 110px 0 0px 0;
        border: 0px solid #ccc;
}
/* circle */
#navCircle1 {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navCircle a:link, #navCircle a:visited {
        float: left;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #000;
        background: url(images/circle.gif) no-repeat bottom center;
}

/*Block Menu*/
.head_block_menu_left{width:21px; height:20px; background:url(images/block_video/001_01.gif) no-repeat;}
.head_block_menu_center{ height:20px; background:url(images/block_video/001_02.gif) repeat-x; }
.head_block_menu_right{ width:20px; height:20px; background:url(images/block_video/001_04.gif) no-repeat; }

.body_block_menu_left{width:21px; background:url(images/block_video/001_05.gif) repeat-y;}
.body_block_menu_center{ background:url(images/block_video/001_06.gif) repeat; }
.body_block_menu_right{ width:20px;  background:url(images/block_video/001_07.gif) repeat-y; }

.foot_block_menu_left{width:21px; height:20px; background:url(images/block_video/001_10.gif) no-repeat;}
.foot_block_menu_center{background:url(images/block_video/001_11.gif) repeat-x ; }
.foot_block_menu_right{ width:20px; height:20px; background:url(images/block_video/001_12.gif) no-repeat; }

.foot_block_menu_bg{height:300px; background:url(images/block_video/bg.gif) repeat-x; }


/*text*/
.head_datalist_bold{ font-size:16px; font-weight:normal; color:#5EA402 }
.head_datalist{ font-size:11px; font-weight:normal; color:#5EA402 }
.blue_datalist{ font-size:11px; font-weight:normal; color:#217FBD }
.blue_datalist_bold{ font-size:11px; font-weight:bold; color:#217FBD }

#head_h2_back{font-size:14px; font-weight:normal; color:#999999 }

.hilight_link{ font-size:11px; font-weight:bold; color:#C80000 }
.my_link {font-weight:normal; color#000066 }
.read_datelist{ font-size:11px; font-weight:normal; color:#C80000 }
.txt_detail_writh{ font-size:11px; font-weight:normal; color:#909090 }
.txt_login_left{ font-size:11px; font-weight:normal; color:#fcc659 }


/*photo Gallery*/

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.gallery_img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
/* special product*/
.special_product {
	list-style: none;
	margin: 0;
	padding: 0;
}
.special_product li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 150px;
	height: 180px;
}
.special_product img {
	background: #fff;
	padding: 4px;
}


/*Creadit*/

.credits_footer{
	color: #000;
	background: #c3e4e2;
	border-bottom: solid 1px #a36e36;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 .5em;
	font-size: 110%;
}


/* ---------- home photo styles start here ----------------------- */
.gallery_home {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_home li {
	margin: 10px;
	padding: 0px;
	padding-bottom: 30px;
	float: left;
	position: relative;
	width: 300px;
	height: 200px;
}
.gallery_home_img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery_home span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 50px;
	background: url(images/tape.png) no-repeat;
}
.gallery_home a {
	text-decoration: none;
}

/*Content*/

/*IE6*/
* html .head_block_video_left{width:21px; height:20px; background:url(images/block_video/001_01.gif) no-repeat;}
* html .head_block_video_center{ height:20px; background:url(images/block_video/001_02.gif) repeat-x; }
* html .head_block_video_right{ width:20px; height:20px; background:url(images/block_video/001_04.gif) no-repeat; }

* html .body_block_video_left{width:21px; background:url(images/block_video/001_05.gif) repeat-y;}
* html .body_block_video_center{ background:url(images/block_video/001_06.gif) repeat; }
* html .body_block_video_right{ width:20px;  background:url(images/block_video/001_07.gif) repeat-y; }

* html .foot_block_video_left{width:21px; height:20px; background:url(images/block_video/001_10.gif) no-repeat;}
* html .foot_block_video_center{background:url(images/block_video/001_11.gif) repeat-x ; }
* html .foot_block_video_right{ width:20px; height:20px; background:url(images/block_video/001_12.gif) no-repeat; }

/*IE7*/
*:first-child+html .head_block_video_left{width:21px; height:20px; background:url(images/block_video/001_01.gif) no-repeat;}
*:first-child+html .head_block_video_center{ height:20px; background:url(images/block_video/001_02.gif) repeat-x; }
*:first-child+html .head_block_video_right{ width:20px; height:20px; background:url(images/block_video/001_04.gif) no-repeat; }

*:first-child+html .body_block_video_left{width:21px; background:url(images/block_video/001_05.gif) repeat-y;}
*:first-child+html .body_block_video_center{ background-color:#FDFEFD; }
*:first-child+html .body_block_video_right{ width:20px;  background:url(images/block_video/001_07.gif) repeat-y; }

*:first-child+html .foot_block_video_left{width:21px; height:20px; background:url(images/block_video/001_10.gif) no-repeat;}
*:first-child+html .foot_block_video_center{background:url(images/block_video/001_11.gif) repeat-x ; }
*:first-child+html .foot_block_video_right{ width:20px; height:20px; background:url(images/block_video/001_12.gif) no-repeat; }

/*Normal*/
.head_block_video_left{width:21px; height:20px; background:url(images/block_video/001_01.png) no-repeat;}
.head_block_video_center{ height:20px; background:url(images/block_video/001_02.png) repeat-x; }
.head_block_video_right{ width:20px; height:20px; background:url(images/block_video/001_04.png) no-repeat; }

.body_block_video_left{width:21px; background:url(images/block_video/001_05.png) repeat-y;}
.body_block_video_center{ background:url(images/block_video/001_06.png) repeat; }
.body_block_video_right{ width:20px;  background:url(images/block_video/001_07.png) repeat-y; }

.foot_block_video_left{width:21px; height:20px; background:url(images/block_video/001_10.png) no-repeat;}
.foot_block_video_center{background:url(images/block_video/001_11.png) repeat-x ; }
.foot_block_video_right{ width:20px; height:20px; background:url(images/block_video/001_12.png) no-repeat; }


/* Area PNG Group */

/* IE 6*/
* html .bg_tree_login_left{
	display: block;
	text-indent: 00%;
	position: absolute;
	outline: none;
	width: 55px;
	height: 70px;
	background: url("images/login/ul_leaf_overhang.png") no-repeat;
	margin-left:-28px; 
	margin-top:-23px;
}
* html .bg_tree_login{
	display: block;
	text-indent: 00%;
	position: absolute;
	outline: none;
	width: 52px;
	height: 93px;
	background: url("images/login/cascading_leaves.png") no-repeat;
	margin-left:-15px; 
	margin-top:-0px;
}

/* IE 7*/
*:first-child+html .bg_tree_login_left{
	display: block;
	text-indent: 00%;
	position: absolute;
	outline: none;
	width: 55px;
	height: 70px;
	background: url("images/login/ul_leaf_overhang.png") no-repeat;
	margin-left:-28px; 
	margin-top:-23px;
}

*:first-child+html .bg_tree_login{
	display: block;
	text-indent: 00%;
	position: absolute;
	outline: none;
	width: 52px;
	height: 93px;
	background: url("images/login/cascading_leaves.png") no-repeat;
	margin-left:-15px; 
	margin-top:-0px;
}
/* normal */
.bg_tree_login{
	display: block;
	text-indent: 00%;
	position: absolute;
	outline: none;
	width: 52px;
	height: 93px;
	margin-left:-10px; 
	margin-top:-8px;
	background: url("images/login/cascading_leaves.png") no-repeat;
}

.bg_tree_login_left{
	display: block;
	text-indent: 00%;
	position: absolute;
	outline: none;
	width: 55px;
	height: 70px;
	margin-left:-22px; 
	margin-top:-29px;
	background: url("images/login/ul_leaf_overhang.png") no-repeat;
}

#bg_tree_top_login_left{
	display: block;
	text-indent: 00%;
	position: absolute;
	outline: none;
	width: 198px;
	height: 270px;
	background: url("images/login/left_banner_foliage.png") no-repeat;
}

#bg_tree_leaf{
	display: block;
	text-indent: 00%;
	position: absolute;
	outline: none;
	width: 75px;
	height: 300px;
	margin-left:0px; 
	margin-top:0px;
	background: url("images/login/leaft.png") no-repeat;
}


/*Creadit*/

.credits_footer{
	color: #000;
	background: #c3e4e2;
	border-bottom: solid 1px #a36e36;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 .5em;
	font-size: 110%;
}

.menu_title_bar{
	color: #000;
	background: #BAD8D3;
	border-bottom: solid 1px #6BDEE7;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 .5em;
	font-size: 110%;
}

/* ---------- Icon styles start here ----------------------- */
.icon_photo {
	list-style: none;
	margin: 0;
	padding: 0;
}
.icon_photo li {
	margin: 6px;
	padding: 0;
	float: left;
	position: relative;
	width: 15px;
	height: 15px;
}
.icon_photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

.icon_photo a {
	text-decoration: none;
}

/* ---------- Icon Module styles start here ----------------------- */
.icon_module {
	list-style: none;
	margin: 0;
	padding: 0;
}
.icon_module li {
	margin: 6px;
	padding: 0;
	float: left;
	position: relative;
	width: 50px;
	height: 50px;
}
.icon_module img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

.icon_module a {
	text-decoration: none;
}

/* ---------- CMS PLUS ++ styles start here ----------------------- */
.photo_cms_plus {
	list-style: none;
	margin:0;
	padding: 0;
}
.photo_cms_plus li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.photo_cms_plus img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

.photo_cms_plus a {
	text-decoration: none;
}

/* ---------- ICON CMS PLUS ++ styles start here ----------------------- */
.icon_photo_cms_plus {
	list-style: none;
	margin:0;
	padding: 0;
}
.icon_photo_cms_plus li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 170px;
}
.icon_photo_cms_plus_img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

.icon_photo_cms_plus a {
	text-decoration: none;
}


/* ---------- gallery styles start here ----------------------- */
.gallery_icon {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_icon li {
	margin: 10px;
	padding: 0px;
	padding-bottom: 30px;
	float: left;
	position: relative;
	width: 120px;
	height: 90px;
}
.gallery_icon_img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery_icon a {
	text-decoration: none;
}

/* ---------- Background styles start here ----------------------- */
.background_image {
	list-style: none;
	margin: 0;
	padding: 0;
}
.background_image li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 150px;
	height: 100px;
}
.background_image_img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.background_image a {
	text-decoration: none;
}

.background_active {
	background: #fff;
	border: solid 1px #E40000;
	padding: 4px;
}


/* ---------- Logo styles start here ----------------------- */
.logo_image {
	list-style: none;
	margin: 0;
	padding: 0;
}
.logo_image li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 150px;
	height: 100px;
}
.logo_image_img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.logo_image a {
	text-decoration: none;
}


/* ---------- my_gallery_icon styles start here ----------------------- */
.my_gallery_icon {
	list-style: none;
	margin: 0;
	padding: 0;
}
.my_gallery_icon li {
	margin: 10px;
	padding: 0px;
	padding-bottom: 30px;
	float: left;
	position: relative;
	width: 140px;
	height: 140px;
}
.my_gallery_icon_img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.my_gallery_icon a {
	text-decoration: none;
}

/* ---------- Title_Image View  styles start here ----------------------- */
.Title_Image_View_img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

/* style แบ่งหน้า page*/
.page_number_ahref {
	background: #F5F5F5;
	border: solid 1px #D5D5D5;
	font-weight:normal;
	padding: 2px 5px 2px;
	position: relative;
}

.page_number_ahref_active {
	background: #F5F5F5;
	border: solid 1px #719DCA;
	color: #009900;
	padding: 2px 5px 2px;
	position: relative;
}

.my_ol {
  font: italic 1em Georgia, Times, serif;
  color: #999999;
  font-size: 12px
}

.gradient-ie-header {
    font: bold 310%/100%Tahoma ,"Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0px 0 10px;
	color: #464646;
}
.gradient-ie-header span {
	background: url(images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height:31px;
}


/* หน้า font template */
/* IE Normal*/
.font_template_bg_png{ background:url(images/bg_font.png) repeat; }
/* IE 7*/
*:first-child+html .font_template_bg_png{ background-color:#FFFFFF; }
/* IE 6*/
* html .font_template_bg_png{ background:url(images/bg_font.gif) repeat; }

/* IE6 Support PNG */
.iesetpng {behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}



#iesetpng {behavior: expression(navigator.appVersion.indexOf("MSIE 6.")!=-1?((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)):(this.pngSet=false));
}



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/*Photo*/
.photo_bg{ width:297px; height:215px; background:url(images/photo/album-bg.gif) no-repeat; }

/*Image*/
.gallery_img {background: #fff; border: solid 1px #ccc;padding: 2px; }

/*Image Rotation*/
.image_rotation_img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

.gallery_icon_video {
	background: #fff;
	border: solid 1px #ccc;
	padding: 1px;
}


.bg_content
{
background-color: %_bg_color_%;  
%_bg_img_%
}