/* CSS Document */
#FrameFix{padding:0;margin:0 auto;}
.PIE_clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}

* html .PIE_clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/

#PIE_wrapper{
  margin:0 auto;
  min-height:100%; /*** moz uses this to make full height design. As this #PIE_wrapper
is inside the #PIE_fullheightcontainer which is 100% height, moz will not inherit heights
further into the design inside this container, which you should be able to do with
use of the min-height style. Instead, Mozilla ignores the height:100% or
min-height:100% from this point inwards to the center of the design - a nasty bug.
If you change this to height:100% moz won't expand the design if content grows.
Aaaghhh. I pulled my hair out over this for days. ***/
/* \*/
  height:100%;
  width:840px;
  margin-top:61px;
/* Last height declaration hidden from Mac IE 5.x */
/*** Fixes height for non moz browsers, to full height ***/
  background:#f4f4e9; /*** Set background color for side columns for Safari & IE ***/
}
#PIE_wrapp\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
  height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/
* html #PIE_wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height,
from esc tab hack moz min-height solution ***/
#PIE_outer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  margin-left:200px; /*** Critical left col dimension value = left col width ***/
  width:332px; /*** Critical left and right col/divider dimension value (moves inversly) = center col width ***/
  background:#FFF; /*** Sets background of center col***/
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
/*** Needed for full height inner borders in Win IE ***/
}
/*** The next style hack for widths are NOT needed if no internal side borders are needed ***/
* html #PIE_outer{ /*** IE5.x/win box model fix ***/
  width:332px; /*** Critical left and right col/divider dimension value
(moves inversly) = Center Col Width + Both Inner Borders ***/
  w\idth:332px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
}
#PIE_float-wrap{
  width:334px; /*** Critical left and right col/divider dimension value (moves inversly) = Center Col Width ***/
  margin-right:-1px; /*** Static fix, doesn't change ***/
  float:left;
  display:inline;
}
#PIE_left{
  width:201px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float:left;
  display:inline;
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ***/
  margin-left:-200px; /*** Critical left col/divider dimension value = left col width + one internal border width ***/
}
*>html #PIE_left{width:200px;} /*** Fix only for IE/Mac = left col width + one internal border width ***/
#PIE_container-left{
  width:194px; /*** Critical left col dimension value = left col width - 1px ***/
}
#PIE_right{
  float:left;
  display:inline;
  width:308px; /*** Critical right col/divider dimension value = right col width + 2px ***/
  margin-right:-308px; /*** Critical right col/divider dimension value = negative right col width ***/
  margin-left:-1px; /*** Static fix ***/
  position:relative; /*** IE needs this or the contents won't show
outside the parent container. ****/
}
/* \*/
* html #PIE_right{
  width:308px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-308px;
}
/* Above style hidden from Mac IE */
/*** These commented-out rules below are there to explain the "Critical" info
     for the rules above, because comments must not appear within the Mac-hack.
     The "rules" below are not active, they are just for teaching purposes.

* html #PIE_right{
  width:221px; Critical right col/divider dimension value = right col width + one internal border width + 1px ***
  margin-left:0px; *** Critical right divider dimension value = a static 0px ***
  margin-right:-500px; *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
  mar\gin-right:-221px; *** Critical right col/divider dimension value  = negative (right col width + one internal border width + 1px) ***
}
***/
#PIE_container-right{
/* \*/
  width:308px;
/* Above hidden from IE-Mac */
/*** Critical right col dimension value = right col width ***/
  margin-left:0px; /*** Critical right divider dimension value = one internal border width + 2px ***/
}
/* \*/
* html #PIE_container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:11px;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/*** Above margin left set to = one internal border width + 1px ***/
/*** Static fixes ***/

/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1%
     hack to different elements and see if that fixes the problem. Sometimes it may be
     necessary to use "position: relative;" on certain elements, but it's hard to tell in
     advance which elements will need such fixes. ***/
/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #PIE_left{margin-right:-3px;}
/* Above style hidden from Mac IE */
/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within
     just one Mac-hack for convenience if desired. However, each fix must come
     later than the rule it is fixing or the fix itself will be overridden. ***/
#PIE_center{
  width:332px; /*** Set to = center col width ***/
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
/*** clearheader heights are made from header height + borders +
any sidebar box height, less any sidebar intrusion.
Similar calcs for footers. ***/
#PIE_clearheadercenter{
  height:241px; /*** needed to make room for header in center column ***/
  overflow:hidden;
}
#PIE_clearheaderleft{
  height:241px; /*** needed to make room for header in left column ***/
  overflow:hidden;
}
#PIE_clearheaderright{
  height:0px; /*** needed to make room for header in right column ***/
  overflow:hidden;
}
#PIE_clearfootercenter{
  height:108px; /*** needed to make room for footer in center column ***/
  overflow:hidden;
}
#PIE_clearfooterleft{
  height:108px; /*** needed to make room for footer in left column ***/
  overflow:hidden;
}
#PIE_clearfooterright{
  height:108px; /*** needed to make room for footer in right column ***/
  overflow:hidden;
}
#PIE_footer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  clear: both;
  width:900px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
  height:130px; /*** = Bottom Margin + One Outer Border + body to footer divider depth +
subfooter1 height + any other subfooter heights ***/
  overflow:hidden;
  margin-top:-130px; /*** negative height ***/
}
#PIE_subfooter1{
 background:url(../images/b_link_bg.png) no-repeat center top #f4f4e9;
 width:827px;
 height:45px;
 margin:0 auto;
 padding-bottom:21px;
}
#PIE_subfooter2{
  background:url(../images/b_bg.png) no-repeat center 2px #FFF; /*** Background Color of Sub-footer #1 ***/
  position:relative;
  border-top:1px solid #989898;
  height:62px; /*** sub-footer row height ***/
}
#PIE_header{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  top:70px;
  width:560px; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)
+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner
Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders
(not if external borders are off) ***/
  height:301px; /*** = Top Margin + One Outer Border + header to body divider depth +
subheader1 height + any other subheader heights ***/
  overflow:hidden;
}
#PIE_subheader3{
background:url(../images/m_bnr_bg.png) no-repeat left top;
  text-align:left;
  width:560px;
  height:301px; /*** sub-header row height ***/
}
#masthead {
margin: 0;
margin-bottom: 0px; /*CS WAS 15px*/
}

/* BEGIN BOTTOM GRADIENT DIV STYLES*/
/* END BOTTOM GRADIENT DIV STYLES*/


/*secondary pages*/

#sideModuleLeft {
margin: 14px 7px 10px 6px;
/*font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;*/
line-height:13pt;
color:#666666;
width: 187px;
}
#sideModuleRight {
margin: 0;
margin: 0;
font-family:PMingLiU, MingLiU;
font-size: 9pt;
line-height:12pt;
vertical-align: top;
}

#contentModule {
margin: 0;
margin: 15px 7px 10px 6px; /* margin: 5px 10px 10px 13px; */
/*font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;*/
line-height:13pt;
vertical-align: top;
width: ; /*95%*/
overflow:hidden;
}




#NEWS_and_notice {margin-top:15px; margin-left:4px;}
.designer {background:url(../images/t_designer_bg.png) no-repeat center top; width:287px; height:117px; margin:13px auto;}

.brief_c {line-height:1.5em;margin:10px auto;}
.showroom_c {margin:0; padding:0; list-style:none; position:relative;top:10px;left:20px;height:150px;}
.showroom_c li {float:left;border:3px solid #bbb2a5; margin-right:20px;margin-bottom:20px;position:relative;}
.showroom_c span {position:absolute;bottom:-22px;left:0;width:130px;text-align:center;font-size:12px;}
.showroom_c a{}
.showroom_c img {border:2px solid #FFF; width:120px; height:90px;float:left;}




ul#Links {margin:0;padding:7px 0 0 36px;list-style:none;width:100%;}
ul#Links li {float:left;width:88px;height:31px;overflow:hidden;margin:0 6px 8px 0;}
ul#Links li a {color:#000;line-height:31px;text-align:center;background-color:#EEE;font-family:PMingLiU;font-size:11px;}
ul#Links li img {margin:auto;text-align:center;}
ul#Links a {background:none;padding:0;display:block;text-decoration:none;}

#NEWS_and_notice {color:#333;}
#NEWS_and_notice a{text-decoration:none; color:#737373;}
#NEWS_and_notice a:hover {color:#666;}
#NEWS_and_notice table {background:url(../images/row_bg.png) no-repeat right center;width:100%;height:84px} 
#NEWS_and_notice td {height:28px;}
#NEWS_and_notice .ef {font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#d4aa65; width:80px; text-indent:23px;}
















