@charset "utf-8";

.diningItem {display:none;}
.dining .shoppingItem {display:none;}
.dining .diningItem {display:block;}

#shoppingWrapper {margin-left: auto; margin-right: auto; width: 1000px; position: relative; height: 100%;}
#shoppingWrapper h1 {position: absolute; left:0; top:40px;}
#shoppingWrapper .recommendListWrapper {position: absolute; left:0; bottom: 0px; width:271px; border-top: 1px solid #D0AF06; padding: 20px 0 45px 0;}
#shoppingWrapper .recommendListWrapper .recommendItem {margin-bottom: 7px;}
#shoppingWrapper .recommendListWrapper .recommendItem .innerDiv {height: auto;}
#shoppingWrapper .recommendListWrapper span.des {font-size: 75%; line-height: 120%; display: block; padding-bottom: 16px; font-weight: bold;}
#shoppingWrapper .recommendListWrapper a.fullListBtn {position: absolute; bottom: 12px; left: 0; background:url(../images/shopping/btn_full_list.png) no-repeat 0 0; width: 100%; height: 33px; display: block; text-indent: -5000px;}
#shoppingWrapper .recommendListWrapper .itemLogo {width: 105px; height: 70px; background-color: #FFF; text-align:center; float: left;}
#shoppingWrapper .recommendListWrapper .itemLogo .outerDiv {width: 100%; height: 70px; *left: 0;}
#shoppingWrapper .recommendListWrapper .itemLogo .outerDiv img {position: relative; *top: 2px;}
#shoppingWrapper .recommendListWrapper .itemInfo {width: 166px; background-color: #AA9005; float: left;}
#shoppingWrapper .recommendListWrapper .itemInfo .outerDiv {width: 150px; height: 70px;}
#shoppingWrapper .recommendListWrapper .itemInfo .innerDiv {*left: 0%; }
#shoppingWrapper .recommendListWrapper .itemInfo a {color: #fff; font-size: 75%; line-height: 155%; display:block; padding-left: 10px;}
#shoppingWrapper .recommendListWrapper .itemInfo a:hover { text-decoration:none;}
#shoppingWrapper .recommendListWrapper .itemInfo a span {display: block; color: #3C3402;}

#shoppingWrapper .resultPart {width: 727px; float: right; padding-top: 30px; position:relative; left: -6px;}
#shoppingWrapper .resultPart .topBorder, #shoppingWrapper .resultPart .bottomBorder {background: url(../images/shopping/bg_table_top.png) no-repeat 0 0; height: 4px; width: 100%; display: block; text-indent: -5000px;}
#shoppingWrapper .resultPart .bottomBorder { background-image:url(../images/shopping/bg_table_bottom.png);}
#shoppingWrapper .resultPart .genTablePart { background:url(../images/shopping/bg_table_middle.png) repeat-y 0 0; padding: 30px 4px 0 4px;}

.genTablePart table {width:699px;table-layout:fixed;}
.genTablePart table tr td a {color:#333;}
.genTablePart table tr th, .genTablePart table tr td {padding: 0 0 0 9px; font-size: 75%;}
.genTablePart table tr th {color: #666666; font-weight:bold; border-bottom: 2px solid #E9E9E9;}
.genTablePart table tr td {padding-top:6px; padding-bottom:6px; line-height: 140%; border-right: 1px solid #E9E9E9; border-bottom:1px solid #fff; cursor: pointer;}
.genTablePart table tr td a:hover {text-decoration:none;}
.genTablePart table tr.evenRow td {background-color: #F0F0F0; border-bottom:1px solid #F0F0F0;}
.genTablePart table tr:hover td {background:url(../images/shopping/bg_over_tr.gif) repeat-x 0 0 #FDF2A5; border-bottom:1px solid #fff; border-right-color:#FDF2A5;}
.genTablePart table .brand {width: 177px; padding-left: 22px;}
.genTablePart table .catergory {width: auto;}
/*.genTablePart table th.catergory a, .genTablePart table td .icon {background: url(../images/shopping/icon_fashion.gif) no-repeat 0 7px; width: 14px; height: 21px; display: block; float: left; text-indent: -5000px; margin-right: 4px;}*/
.genTablePart table th.catergory a {width: 14px; padding-top: 6px; display: block; float: left; margin-right: 3px;}
.genTablePart table th.catergory a.all {width: 21px;}
.genTablePart table td .icon {/*padding-left: 24px; */text-indent: 0; width: auto; /*background: url(../images/shopping/icon_fashion.gif) no-repeat 0 2px;*/ height: 16px;}
.genTablePart table td.iconField {border-right: none; width: 14px;}
/*.genTablePart table th.catergory a.all {background-image:url(../images/shopping/icon_all.gif); width: 21px;}
.genTablePart table th.catergory a.fashion, .genTablePart table tr.fashion .icon { background-image:url(../images/shopping/icon_fashion.gif);}
.genTablePart table th.catergory a.beauty, .genTablePart table tr.beauty .icon { background-image:url(../images/shopping/icon_beauty.gif);}
.genTablePart table th.catergory a.shoes, .genTablePart table tr.shoes .icon { background-image:url(../images/shopping/icon_shoes.gif);}
.genTablePart table th.catergory a.jew, .genTablePart table tr.jew .icon { background-image:url(../images/shopping/icon_jewellery.gif);}*/

.genTablePart table th.catergory span {float: left; padding-right: 8px;}
.genTablePart table .shopNum {width: 79px;}
.genTablePart table td.shopNum {word-wrap:break-word!important;}
.genTablePart table .shopLv {width: 39px;}
.genTablePart table .shopTel {width: 100px; border-right: none;}
.genTablePart #shoppingTable table {border-bottom: 2px solid #E9E9E9;}
.genTablePart #shoppingTable table tr {/*display:none;*/}
.genTablePart .scroll-pane {width: 100%; height: 490px; overflow: auto;}
.genTablePart .scroll-pane .jspDrag { background-image: url(../images/shopping/bg_drag.png);}
#noResult {text-align:center; display:none; font-size: 75%; margin:20px 0 0 0;  width:699px;}

/*Shopping Detail starts*/
#shoppingWrapperInner {height: 100%;/*background: url(../images/shopping/bg_detail_bottom.gif) no-repeat 0 0 !important;*/ position:relative; z-index:10;}
#shoppingWrapperInnerDiv {height: 403px; width: 110%; background: url(../images/shopping/bg_detail_bottom.png) no-repeat center 260px;}

#shoppingWrapper .shopDes {height: 260px; width: 973px;/* margin-top: 60px;*/}
#shoppingWrapper .shopDes img, #shoppingWrapper .shopDes div.info {float: left;}
#shoppingWrapper .shopDes div.detail {width: 517px; height: 260px; overflow:hidden; position: relative; }
#shoppingWrapper .shopDes div.detail div {position:absolute; bottom: 0; left: 30px;}
/*#shoppingWrapper .shopDes div h3 {font-size: 115%;}*/
#shoppingWrapper .shopDes div h1, #shoppingWrapper .shopDes div h3 {font-size: 115%;}
#shoppingWrapper .shopDes div h1 {position: relative; top: 0;}
#shoppingWrapper .shopDes div p {font-size: 75%; line-height: 140%;}

#shoppingWrapper .shopInfoWrapper {position: relative; padding-bottom: 9px;}
#shoppingWrapper .shopInfoWrapper .outerDiv {width: 330px; height: 140px; background-color: #fff; float: left;}
#shoppingWrapper .shopInfoWrapper .innerDiv {text-align:center; *left: 50%;}
#shoppingWrapper .shopInfoWrapper .shopInfoWrapper {float: left; width: 643px; height: 134px;}
#shoppingWrapper .shopInfoWrapper .shopInfo {float: left; padding: 28px 0 0 30px; width: 250px;}
#shoppingWrapper .shopInfoWrapper .shopInfo span, #shoppingWrapper .shopInfoWrapper .shopInfo a {display: block; font-size: 75%; line-height: 160%; color: #000; font-weight: bold;}
#shoppingWrapper .shopInfoWrapper .shopFloorPlan {position: absolute; top:-22px; left:273px;}
#shoppingWrapper .shopInfoWrapper .btnLocation {display: block; background:url(../images/shopping/btn_location.png) no-repeat 0 0; width:104px; height:33px; display: block; position:absolute; bottom:-9px; left: 500px; text-indent: -5000px;}
#shoppingWrapper .shopInfoWrapper .btnLocation:hover {background-position: 0 -33px;}
#shoppingWrapper .shopInfoWrapper .btnLocation:hover {background-position: 0 -33px;}
.btnBack {display: block; background:url(../images/shopping/btn_back.png) no-repeat 0 0; width:76px; height:33px; display: block; position:absolute; bottom:0; left:-20px; text-indent: -5000px;}
.btnBack:hover {background-position: 0 -33px;}
#floorplanControl .btnBack {left:8%; bottom:26px;}
/*Shopping Detail ends*/

/*Floorplan Nav starts*/
#floorsNav {position:absolute; right:0; top:0; width:53px; z-index:50;}
#floorsNav a {display:block; margin:0 0 1px 0; color:#D7D3C0; font-size:12px; border-left:#625203 2px solid; line-height:170%;}
#floorsNav a span {display:block; background:#625203; border-left:#F4CE07 1px solid; padding:0 0 0 5px;}
#floorsNav a:hover, #floorsNav a.active {border-left-color:#F4CE07; color:#6B5703; text-decoration:none;}
#floorsNav a:hover span, #floorsNav a.active span {background:#F4CE07; border-left-color:#625203;}
/*Floorplan Nav ends*/

/*Floorplan Container starts*/
.floorplan #shoppingWrapperInnerDiv {/*background-image:url(../images/shopping/bg_floorplan_bottom.png);*/ background-image:none; background-repeat:repeat-x; margin-left:-10%; height: 495px; background-position:center 352px;}
.floorplan #shoppingWrapper {width:90%; margin-left:9%;}
.floorplan #shopping-details {width:850px; height:495px; margin:0 auto;}
#floorplanIframe {border:none; overflow:hidden; background-color:transparent;}
/*Floorplan Container ends*/

/* Loading starts */
#loading {position:absolute; left:0; top:800px; width:100%; z-index:1000; display:none;}
#loading .content {width:128px; height:46px; margin:0 auto; text-indent:-1000px; background:url(../img/floorplan/loading.gif) no-repeat;}
/* Loading ends */

/* Control starts */
#floorplanControl {width:110%; height:80px; position:absolute; bottom:0; background:url(../images/shopping/floorplan/icons_all.gif) right no-repeat #F5BD04; margin-left:-10%; z-index:50;}
#buildingNav {width:84px; height:163px; position:absolute; left:10.5%; bottom:45px;}
#buildingNav div {width:84px; height:163px; background-repeat:no-repeat; position:absolute; display:none;}
#buildingNav div span {position:absolute; left:84px; padding:0 0 0 33px; background:url(../images/shopping/floorplan/building_nav_dash.gif) no-repeat 0 13px; color:#000; font-size:12px; font-weight:bold;}
#buildingNav div.L14 {background-image:url(../images/shopping/floorplan/building_nav_L14.png);}
#buildingNav div.L14 span {top:-2px;}
#buildingNav div.L13 {background-image:url(../images/shopping/floorplan/building_nav_L13.png);}
#buildingNav div.L13 span {top:6px;}
#buildingNav div.L12 {background-image:url(../images/shopping/floorplan/building_nav_L12.png);}
#buildingNav div.L12 span {top:14px;}
#buildingNav div.L11 {background-image:url(../images/shopping/floorplan/building_nav_L11.png);}
#buildingNav div.L11 span {top:22px;}
#buildingNav div.L10 {background-image:url(../images/shopping/floorplan/building_nav_L10.png);}
#buildingNav div.L10 span {top:30px;}
#buildingNav div.L9 {background-image:url(../images/shopping/floorplan/building_nav_L9.png);}
#buildingNav div.L9 span {top:38px;}
#buildingNav div.L8 {background-image:url(../images/shopping/floorplan/building_nav_L8.png);}
#buildingNav div.L8 span {top:46px;}
#buildingNav div.L7 {background-image:url(../images/shopping/floorplan/building_nav_L7.png);}
#buildingNav div.L7 span {top:54px;}
#buildingNav div.L6 {background-image:url(../images/shopping/floorplan/building_nav_L6.png);}
#buildingNav div.L6 span {top:72px; left:54px; padding-left:63px; background-image:url(../images/shopping/floorplan/building_nav_dash_L.gif);}
#buildingNav div.L5 {background-image:url(../images/shopping/floorplan/building_nav_L5.png);}
#buildingNav div.L5 span {top:79px; left:54px; padding-left:63px; background-image:url(../images/shopping/floorplan/building_nav_dash_L.gif);}
#buildingNav div.L4 {background-image:url(../images/shopping/floorplan/building_nav_L4.png);}
#buildingNav div.L4 span {top:74px;}
#buildingNav div.L3 {background-image:url(../images/shopping/floorplan/building_nav_L3.png);}
#buildingNav div.L3 span {top:83px;}
#buildingNav div.L2 {background-image:url(../images/shopping/floorplan/building_nav_L2.png);}
#buildingNav div.L2 span {top:91px;}
#buildingNav div.L1 {background-image:url(../images/shopping/floorplan/building_nav_L1.png);}
#buildingNav div.L1 span {top:99px;}
#buildingNav div.G {background-image:url(../images/shopping/floorplan/building_nav_G.png);}
#buildingNav div.G span {top:107px;}
#buildingNav div.B1 {background-image:url(../images/shopping/floorplan/building_nav_B1.png);}
#buildingNav div.B1 span {top:114px;}
#buildingNav div.B2 {background-image:url(../images/shopping/floorplan/building_nav_B2.png);}
#buildingNav div.B2 span {top:121px;}
/* Control starts */