/* the 3td table to center content */
#allleft, #allright {width:49%;}

/* very background color */
#allcenter {background-color:#dee;}
body {background-color:#dee;}
#allleft {background-color:#fff;}

body, input, textarea {
  margin:0;
  padding:0;
  font: normal 9pt "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
h1 {
  margin:15px 30px 5px -5px;
  font-size:14pt;
  color:#663;
}
h2 {  
  margin:20px 0px 8px;
  font-size:11pt;
  color:#663;
}
h3 {
  font-size:11pt;
  color:#000;
}
img {border:1px solid #ccc;}
a:link {color: #f00;}
a:visited {color: #c63;}
a:active, a:hover {color: #090;background-color:#ff9;}
a:active img, a:hover img {border:1px solid #333;} 
#logo a:active, #logo a:hover, #langselect a:active, #langselect a:hover {background-color:transparent;}

#logo .imglogo {background:transparent url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/logo/20bb.gif) no-repeat 0 0;}
#logo .imglogoc {background:transparent url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/logo/20bb.c.gif) no-repeat 0 0;}

#header {
  padding:5px;
  background-color:#dee;
  border-left:5px solid #993;    
  font-size:0.9em;
}
#header a {color:#993;}
#langselect {
  padding:2px;
  position:absolute;
  top:2px;
  right:2px;
  background-color:#eee;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
}
#langselect a {
  text-decoration:none;
}
#main, #left, #right {float:left;}
#main {width:65em;}
#left {
  width:49em;
  background-color:#fff;
  border-top:1px solid #993;
  border-right:1px solid #cc3;
  border-bottom:1px solid #cc3;
}
#allleft {border-bottom:1px solid #cc3;} /* very left td bottom line */

#content {padding:0 0 10px 10px;}
#logo {
  margin:18px 10px 10px;
  padding:0;
}
.nav {
  padding:0 0 0 8px;
  width:14.5em;
  color:#333;
}
.nav p {
  margin:0;
  padding:10px 0 0 0;
  color:#663;
}
.nav ul {
  margin:0;
  padding:5px 0;
  font-size:0.9em;
  list-style-type:none;
  border-top:1px solid #993;
}
.nav a {
  display:block;
  padding:0 0 0 4px;
  height:2.6em;
  line-height:2.4em;
  background-repeat:no-repeat;
  background-position:98% 50%;
  border:1px solid #dee;
}
.nav a:link, .nav a:visited {
  color:#993;
  text-decoration:none;
}
.nav a:active, .nav a:hover {
  background-color:#eff;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
  color:#333;
}
a#navDesktop {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/table.gif);}
a#navTrans {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/trans.gif);}
a#navLady {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/lady.gif);}
a#navJacket {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/jacket.gif);}
a#navBalcony {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/balcony.gif);}
a#navQueen {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/queen.gif);}
a#navChiwai {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/chiwai.gif);}
a#navDesktop:active, a#navDesktop:hover, #navDesktopRO {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/table.a.gif);}
a#navTrans:active, a#navTrans:hover, #navTransRO {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/trans.a.gif);}
a#navLady:active, a#navLady:hover, #navLadyRO {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/lady.a.gif);}
a#navJacket:active, a#navJacket:hover, #navJacketRO {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/jacket.a.gif);}
a#navBalcony:active, a#navBalcony:hover, #navBalconyRO {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/balcony.a.gif);}
a#navQueen:active, a#navQueen:hover, #navQueenRO {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/queen.a.gif);}
a#navMore:active, a#navMore:hover, #navMoreRO {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/all.a.gif);}
a#navChiwai:active, a#navChiwai:hover, #navChiwaiRO {background-image:url(http://alumni.cuhk.edu.hk/~t2by/20beans/common/nav/chiwai.a.gif);}
ul.h2li {
  margin:15px 0 10px;
  padding:0;
  width:100% !important;
}
ul.h2li li {
  margin:0 5px 0 0;
  padding:0;
  display:inline;
  font-size:11pt;
}
ul.h2li li h2 {display:inline;}
ul.h2li li a:link, ul.h2li li a:visited  {color:#ccc;}
ul.h2li li a:active, ul.h2li li a:hover {color:#090;}

.info {
  margin:25px 15px 10px 0;
  padding:8px;
  width:95%;
  clear:left;
  background-color:#ffc;
  border-top:1px solid #cc3;
  border-left:1px solid #cc3;
  border-right:1px solid #993;
  border-bottom:1px solid #993;
}
.info h2 {margin-top:10px;color:#000;}
.info h2 span {padding-left:0;border:none;}
.info img {vertical-align:top;margin:3px;}
.info dt, .info dd {float:left; border-top:1px solid #ccc;}
.info dt {padding-right:3px;width:10em;clear:left;}
.info dd {margin:0;padding:5px 0 3px 5px;width:35em;}
.info ul {margin:0;padding:0;list-style:disc inside;}
.info dl dl dt {width:10em;}  
.info dl dl dd {width:22em;}
 
.contact, .validate {font-size:80%;color:#999;}
.contact {margin:3em 10px 1em;padding:5px;border-left:0.5em solid #aaa;}
.validate {margin:1em 10px;}
.validate a {color:#999;}

.prodDetail {color:#666;}
.prodDate {color:#333;}

.prodIcon {float:right;margin:8px;width:55px;height:55px;}

img.nolink {
  padding:3px;
}
.hideme {width:1px;height:1px;position:absolute;top:-200px;left:-200px;}