@charset "utf-8";
/* CSS Document */
/* fix ie class:hover problem */
li, button, tr, td
  {
       behavior: url('ie-fixes.htc');
  }

ul { margin:0px; }
.clear { clear:both; }
.showBoxContainer { background:url(../images/show-boxes/background.gif) repeat-y; margin-bottom:15px; }
.showBoxTopBorder {background:url(../images/show-boxes/top-border.gif) no-repeat top left; padding-top:26px; }
.showBoxBottomBorder { background:url(../images/show-boxes/bottom-border.gif) no-repeat bottom left; }
.showBoxTitle { width:51px; float:left; margin-bottom:37px; }
.showRoomNavigationContainer { width:175px; float:right; color:#909562; !height:200px; }
.navigationMenuContainer { list-style:none; font-size:16px; padding:0px; }
.navigationMenuContainer li a, .navigationMenuContainer li.active a { padding-left:22px; margin-bottom:7px; display:block; }
.navigationMenuContainer li.active a, .navigationMenuContainer li a:hover 
{
    background:url(../images/show-boxes/show-box-category-bullet.gif)no-repeat left; 
    cursor:pointer; 
    display:block;
 }
.navigationMenuContainer li a, .navigationMenuContainer li a:visited { color:#909562 !important; }
.navigationMenuContainer li a:hover, .navigationMenuContainer li.active a { color:#fff !important;  }
 
.navigationPagesContainer { list-style:none; margin-bottom:10px; text-align:right; font-size:14px; padding:0px; font-weight:bold; 
                            width:713px; background:url(../images/show-boxes/pagging-bg.gif) no-repeat right; }
.navigationPagesContainer li { display:inline; border:#848952 1px solid; border-width:0px 1px 0px 0px; text-align:center; }
.navigationPagesContainer li.lastPage { border:none; }
.navigationPagesContainer li a, .navigationPagesContainer li a:visited { color:#848952; padding-right:4px; margin-left:4px;}
.navigationPagesContainer li a:hover, .navigationPagesContainer li a.act, .navigationPagesContainer li a .act { color:#ffffff; !important }
.navigationPagesContainer li a.act { padding-left:2px; }

/* Show Room Items */
.showRoomItemsContainer {list-style:none; width:723px; float:left; /*margin-left:10px;*/ padding:0px; color:#fff; text-align:center; margin-bottom:0px; }
.showRoomItem, .showRoomItemActive { float:left; width:95px; margin-bottom:20px; float:left; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; cursor:pointer; margin-left:7px; display:block; }
.showRoomItemActive,.showRoomItem:hover, .showRoomItem.hover { filter:alpha(opacity=100); -moz-opacity:100; opacity:100;}
.showRoomItemImgContainer { border:#757a42 1px solid; border-width:0px 1px 0px 0px; text-align:center; margin-bottom:10px; height:116px; }
.lastItem { border:none; }
.showRoomItem a, .showRoomItem a:visited, .showRoomItemActive a, .showRoomItemActive a:visited { color:#fff; display:block; }

/* details box */
.detailsBoxContainer { background: url(../images/show-boxes/details/details-box-bg.gif) repeat-y; width:800px; float:right; margin-top:15px; }
.detailsBoxTopBorder { background:url(../images/show-boxes/details/details-box-top-brdr.gif) no-repeat top; padding-top:29px;}
.detailsBoxBottomBorder { background:url(../images/show-boxes/details/details-box-bottom-brdr.gif) no-repeat bottom; padding-bottom:25px; }
.detailsBoxTitleContainer { width:42px; float:left; padding-top:60px; }
.detailsImageContainer { width:235px; float:left; text-align:center; }
.detailsTextContainer { width:500px; float:right; background:url(../images/show-boxes/details/details-separator.gif) no-repeat left; height:213px; padding-top:24px; padding-right:12px; font-weight:normal; font-size:14px; }
.detailsTextContainer h3 { padding-left:20px; margin:0px; font-size:18px; font-weight:bold; }
.detailsTextContainer p { padding-left:20px; padding-bottom:10px;}
.zoomButtonContainer { width:74px; height:54px; background:url(../images/show-boxes/details/zoom-bg.gif); margin-top:17px; padding-top:20px; }
.zoomButtonContainer a { width:44px; height:36px; background:url(../images/show-boxes/details/zoom-button-hover.gif) no-repeat center; display:block; margin-left:10px; }
.zoomButtonContainer a:hover { background-image:url(../images/show-boxes/details/zoom-button.gif); }


