* { margin: 0; padding: 0px; outline: none; /*remove the dot line when click a link*/ }

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { margin-left: auto; margin-right: auto; text-align: justify; font-family: Trebuchet MS, SimHei, Verdana, sans-serif, Arial, Helvetica; font-size: 12px; /*background: #FFFFFF url(http://www.ascotchang.com/WebImage/AscotChang/images/header/snowwhitebg.jpg);*/ /*original no bg */ /*XMAS*/ }
body img { border: 0; }
h1 { font-weight: bold; font-size: medium; color: #898989; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; letter-spacing: 2px; }
h2, h3 { font-weight: bold; font-size: 13px; color: #000000; padding-top: 3px; padding-bottom: 3px; }
/*++++++++ class ++++++++*/
a:link, a:visited, a:hover, a:active, a:focus { color: Black; text-decoration: underline; border: 0; outline: none; /*remove the dot line when click a link*/ }

.clear { clear: both; height: 0px; }

.displaynone { display: none; }
/*----------------------CONTAINER SETTING------------------------------*/
#container { width: 980px; margin: auto; background-color: #FFFFFF; /*set the container bg color background-color: #FFFAF0;*/ }
#containerborder { width: 940px; background-color: #FFFAF0; /*background: #FFFAF0 url(/images/snowbg.jpg);*/ /*FFFAF0*/ /*XMAS*/ padding-left: 20px; /* remove 20px, for adding the header bg color */ padding-right: 20px; }

/*----------------------TOP REGION------------------------------*/
#header { width: 900px; /* height: 145px; include search height */ /*height: 130px;  /*origin 115 without sub menu  130*/ padding-top: 10px; /* adding the bg color 	padding-left: 20px; 	padding-right: 20px;*/ margin-left: 20px; /*background: #FFFAF0 url(http://www.ascotchang.com/WebImage/AscotChang/images/header/headerbg.jpg) no-repeat top right; */ /*XMAS*/ }
#aclogo { float: left; width: 207px; height: 64; padding: 5px 0px 10px 0px; }
#banner { float: left; text-align: right; width: 503px; /* 693 */ height: 64px; padding: 8px 0px 10px 0px; }

/*+++++++++++++ navigator ++++++++++++++++++*/
#navigator { width: 900px; /* orignal size:900px */ height: 25px; /* orignal size:33px 41*/ margin-left: auto; background-color: #2A0201; /*orignal 2A0201*/ }
.droplinebar { float: left; width: 900px; text-transform: uppercase; }

.droplinebar ul { margin: 0; height: 25px; padding: 0px; list-style: none; }

.droplinebar ul li { display: inline; font-size: 12px; }
/* refer to style_lang.css to the menu bar */


/* Sub level menus*/
.droplinebar2 { /*overflow:scroll;*/ text-transform: capitalize; }
.droplinebar2 ul { margin: 0; height: 26px; padding: 0px; list-style: none; background-color: #c67632; /*ff9999*/ /*orignal c67632*/ }

.droplinebar2 ul li { display: inline; float: left; height: 26px; padding-top: 5px; padding-bottom: 3px; }
* + html .droplinebar2 ul li a:link, .droplinebar2 ul li a:visited { padding: 8px 25px 4px 25px; }
/* IE7 */


.droplinebar2 ul li a:link, .droplinebar2 ul li a:visited { padding: 0px 25px 0px 25px; /*padding: 10px 10px 5px 8px;*/ text-decoration: none; color: #2A0201; /*font-weight: bold;*/ background-color: #c67632; /*orignial c67632*/ text-align: center; text-transform: capitalize; }


.droplinebar2 ul li a:hover, .droplinebar2 ul li a:active /*, .droplinebar ul li .current*/ { background: #c67632; /*original c67632*/ color: #e7e7e7; /*color: #a30e08;*/ }


.MenuActive { background-color: #c67632; /*original c67632*/ }
.SubMenuActive { font-weight: bold; }
/*++++++++++++++++ search +++++++++++++++++++++++++*/
#search { float: left; width: 175px; height: 77px; /* orignal size: 23 */ padding: 5px 0px 0px 15px; /*padding: 4px 0px 3px 0px;*/ vertical-align: middle; }
#searchbox /*search textbox style */ { float: left; width: 110px; margin-right: 0px; }


/*----------------------MIDDLE REGION------------------------------*/
#pagebody { width: 900px; /*min-height: 448px;*/ margin: 0px 20px; /* add margin on the body */ background: #FFFAF0 url(http://www.ascotchang.com/WebImage/AscotChang/images/header/images/snowbg.jpg); /*border-top: solid 1px #400503;*/ }
#pagecontent { padding: 5px 0px 5px 0px; /*height: 438px; /*margin-bottom:10px;*/ width: 900px; /* 885*/ margin: 0px; z-index: 999; min-height: 440px; }

/*------------------ FOTTER REGION ----------------------------------*/
/*---------refer to lang ------------------*/

/*+++++++++++++++++++++++++++++Message Box++++++++++++++++++++++++++++++++++++*/

.info, .success, .warning, .validation { border: 1px solid; margin: 0px 0px; padding: 3px 10px 3px 30px; background-repeat: no-repeat; background-position: 3px 3px; width: auto; text-align: left; }


.info { color: #00529B; background-color: #BDE5F8 !important; background-image: url('http://www.ascotchang.com/WebImage/AscotChang/images/icon_info.gif'); }
.success { color: #4F8A10; background-color: #DFF2BF !important; background-image: url('http://www.ascotchang.com/WebImage/AscotChang/images/icon_success.gif'); }
.warning { color: #D8000C; background-color: #FFBABA !important; background-image: url('http://www.ascotchang.com/WebImage/AscotChang/images/icon_warn.gif'); }
.validation { color: #D63301; background-color: #FFCCBA !important; background-image: url('http://www.ascotchang.com/WebImage/AscotChang/images/icon_warn.gif'); }

#bottomDiv { width: 980px; margin: 0px auto; background-color: #FFFAF0; }


.ddlstyle { border: solid 1px #400503; width: 240px; font-size: 11px; }
.radstyle { padding-left: 5px; padding-right: 5px; }
.ddlstyle2 { border: solid 1px #400503; width: 100px; font-size: 11px; }