@charset "utf-8";
/* CSS Document */

/* Shop */

/* Top Nav starts */
#topNav {height:81px;}
/* Top Nav end */

/* Left Nav starts */
#sectionLanding .bannerSlide div.slider, #sectionContainer #leftNav ul li a.active span.color, #sectionContainer #leftNav ul li a:hover span.color, #sectionContainer #leftNav, #sectionContainer #leftNav ul li ul li, #sectionContainer #leftNav ul li.last ul.subLeftNavMenu, #sectionContainer #leftNav ul li a, #sectionContainer #leftNav ul li span.color {border-color:#DF6A4C;}
#sectionContainer #leftNav ul li ul li {border-left-color:#6D1600;}
/* Left Nav ends */

/* Section Head in global.css*/

/* body */
/* rightcol starts */
/* rightcol ends */

/* contents starts */
p.btnQts {clear:both;}
a.btnQtsShop {display:block; height:65px; text-indent:-9999px; background-repeat:no-repeat;}
a.btnQtsShop:hover {background-position:0 -100px;}
#sectionContent #leftCol .introWithLine {background:none;}
#sectionContent #leftCol .noteText {background:none;}


/* btn long starts */
.btn a.btnBack span {margin-right:0; padding-left:0; text-align:left;}
.btn a.btnBack span.icon {padding:0;}
.btn a.btnBack span.text {background:none; padding-right:0;}
.btn a.btnBack span.text span {background:none;}
/* btn long ends */


/* Search */
.intro .textImg .left {width:319px;}
/* search form */
div.search div#searchContainer {background:none;}

#sectionContent div.search div.button {margin-top:10px;}
#sectionContent div.search div.button div {margin-left:10px; width:auto;}
#sectionContent div.search div.button div.iconSearch span.bg {display:block; background:url(../images_awc2/bg_white_30.png); margin-right:1px; width:38px; height:38px; float:left;}
#sectionContent div.search div.button div.iconSearch span.bg span {display:block; background:url(../images_awc2/icon/magnifier.png) no-repeat 50%; width:100%; height:100%;}
#sectionContent #leftCol div.search div.button a {width:auto; padding:0 15px; height:32px; line-height:30px; text-indent:0; background:url(../images_awc2/bg_gen_btn.png) repeat-x 0 0 !important; float:left; text-decoration:none; font-size:1.4em; font-family:'roboto_condensedregular', 'Roboto Condensed', sans-serif; font-weight:normal;}
#sectionContent #leftCol div.search div.button a:hover {background-position:0 -50px !important;}
/* search results */
.resultContainer {padding-left:0;}
.resultContainer .resultContent {background-color:transparent;}
table.results .header td {background:url(../images_awc2/bg_black_40.png);}
table.results td {background:url(../images_awc2/bg_black_20.png);}
table.results tr.even td {background:url(../images_awc2/bg_black_10.png);}
div.resultsInfo .paging a.prev, div.resultsInfo .paging a.next {}

div.resultsInfo .paging a.prev, div.resultsInfo .paging a.next {width:10px; text-indent:-9999px; text-decoration:none; background-image:url(/common/images_awc2/link_arrow.png); background-repeat:no-repeat; display:inline-block;}
div.resultsInfo .paging a.prev, div.resultsInfo .paging a.next {margin-top:2px;}
div.resultsInfo .paging a.prev {background-position:0% 3px;}
div.resultsInfo .paging a.next {background-position:100% 3px;}
#sectionContent #leftCol div.resultsInfo .paging a.current {font-weight:bold; text-decoration:none;}
/* details starts */
div.intro div.description {width:218px;}
.highlightContainer table {background:url(../images_awc2/bg_black_20.png);}
.detailsContainer table.detail {background-color:transparent;}
.detailsContainer table.detail tr.areaTitle td {background:url(../images_awc2/bg_black_40.png);}
.detailsContainer table.detail tr.first td, .detailsContainer table.detail tr td {background:url(../images_awc2/bg_black_20.png);}
.detailsContainer table.detail tr.even td {background:url(../images_awc2/bg_black_10.png);}
/* gallery banner starts */
/* gallery banner ends */

/* details ends */

/* expand more btn starts */
#sectionContent #leftCol .area {clear:left; border-bottom:none; padding-bottom:20px;}
#sectionContent #leftCol .area .containerHeader {border-bottom:none;}
.area .btnExpand {float:right; height:32px}
#sectionContent #leftCol .area .btnExpand a {display:inline-block; width:auto; background:url(../images_awc2/bg_gen_btn.png) repeat-x 0 0; text-align:left; padding-top:0;}
#sectionContent #leftCol .area .btnExpand a:hover {background-position:0 -50px;}
a.btnGenShadow span.text span.btnCollapse {display:none;}
.btnExpand.active a.btnGenShadow span.text span.btnName {display:none;}
.btnExpand.active a.btnGenShadow span.text span.btnCollapse {display:inline-block;}
.btnExpand a.btnGenShadow span.icon {background-image:url(../images_awc2/icon/arrow_select.png); background-position:50% 10px;}
.btnExpand.active a.btnGenShadow span.icon {background-position:50% -40px;}
/* expand more btn ends */

/* whats hot starts */
/* whats hot ends */


/* cell list table starts */
#sectionContent #leftCol .cellTableContainer table {background-color:transparent;}
#sectionContent #leftCol .cellTableContainer table tr td {background:url(../images_awc2/bg_black_10.png);}
#sectionContent #leftCol .cellTableContainer table tr.odd td {background:url(../images_awc2/bg_black_20.png);}
#sectionContent #leftCol .cellTableContainer table tr:hover td {background:url(../images_awc2/bg_black_40.png);}
/*.hotItem .hotContent table {border-top: #FFF 1px solid;}*/

/* what's hot updated 20151123 */
table.hotTable {width:100%;}
table.hotTable tr td {background:url(../images_awc2/bg_black_10.png); padding:10px 10px 10px 18px; font-size:14px;}
table.hotTable tr.odd td {background:url(../images_awc2/bg_black_20.png);}
table.hotTable td.hotTableLcol {width:20%;}
table.hotTable td.hotTableRcol {width:80%;}


/* cell list table ends */

/* level 5 drop down starts */
/* level 5 drop down ends */

/* Section Color */
.mainBanner {background-color:#D22B00;}
#bodyBgContainer {background-image:url(../images_awc2/cloud_shop.jpg); background-color:#A82101;}
.mainBanner, #sectionContainer #leftCol #bannerSlideContainer .bannerSlide, #sectionContent #leftCol .intro, #sectionContent #leftCol .containerHeader, .hideContent, .cellContainer .item, #rightBannerAd, .introSide .didyouknowContainer, #rightColSection .myhkgMyWishListsPulldown, #sectionContent #leftCol .introVisual .visual, .hotItem .hotContent table, .hotItem .hotContent table tr.header td, #rightColSection .myhkgLoginBox, #sectionContent #leftCol h5, #sectionContent #leftCol .area {border-color:#DF6A4C;}

.dropdownList {background:#D22B00;}
#addToGuide {background-image: url("../images_awc2/guide/add/shop.gif");}
#addToGuide.added{background-image: url("../images_awc2/guide/added/shop.gif");}

/* Thematic Banner 2016 starts */
.mainBanner {border: none; background: url(/common/images_awc2/thematic-banner-2016/cloud_shop_top.jpg) no-repeat center top;}
.mainBanner.short {border-color:#D22B00;}
/* Thematic Banner 2016 ends */