/* ================================ Desktop ================================ */
/* Global */
html {margin:0;padding:0;font-family:Arial, "Times New Roman", STHeiti, 'LiHei Pro', 'WenQuanYi Zen Hei', 'Microsoft JhengHei', 'Heiti SC', sans-serif;font-size:13px;}
body {margin:0;padding:0;-webkit-text-size-adjust:100%;width:100%;height:100%;}
img {border:none;}
.promotionBanner img {vertical-align:middle;max-width:100%;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;}
a:visited {color:#000;}
.qtyerror, .error {color:#CB191E;}
.ContentWrap {width:1000px;height:100%;margin:0 auto;}
.ContentWrapBG {background:#fff;}
.InnerContentWrap {width:90%;margin:0 auto;}
.ClearBoth, .CB {clear:both;}
.Header input {-webkit-appearance: none;border-radius: 0;}
input, textarea {-webkit-user-select:auto;}

@font-face {
  font-family: 'FontAwesome';
  src: url('../Awesome/fontawesome-webfont.eot?v=4.3.0'); /* IE9 Compat Modes */
  src: url('../Awesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), /* IE6-IE8 */
       url('../Awesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), /* Super Modern Browsers */
       url('../Awesome/fontawesome-webfont.woff?v=4.3.0') format('woff'), /* Pretty Modern Browsers */
       url('../Awesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), /* Safari, Android, iOS */
       url('../Awesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

/* MobileNavigation */
.MobileNavigation {display:none;position:fixed;top:0;left:-80%;right:auto;height:100%;width:80%;min-width:256px;overflow:hidden;z-index:100000000000000;background:#fff;}
.MobileNavigation .MobileWrap {width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}
.MobileNavigation .DetailWrap {margin:20px 0;height:auto;}
.MobileNavigation .DetailWrap .Login {line-height:28px;margin-left:10px;}
.MobileNavigation .DetailWrap .Login a {color:#646464;margin:0;text-transform:capitalize;display:inline-block;vertical-align:top;font-weight:bold;}
.MobileNavigation .DetailWrap .Login .AccLink {max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.MobileNavigation .DetailWrap .Login .Delimiter {color:#646464;margin:0 5px;display:inline-block;vertical-align:top;}
.MobileNavigation .DetailWrap .Login .Delimiter.DeLast {color:#fff;display:none;}
.MobileNavigation .Language {margin-left:8px;line-height:28px;font-size:16px;font-weight:bold;color:#0A8ED2;}
.MobileNavigation .Language a {color:inherit;}
.MobileNavigation .DetailWrap .SubMenu {text-align:left;width:440px;padding-right:8px;}
.MobileNavigation .DetailWrap .SubMenu .promotionBanner {display:inline-block;}
.MobileNavigation .DetailWrap .SubMenu .promotionBanner a {color:#292b2b;margin-left:10px;display:block;font-weight:bold;line-height:25px;}
.ShoppingCart {display:inline-block;}

/* PageContainer */
.PageContainer {width:100%;height:100%;margin:0 auto;overflow:hidden;min-width:320px;z-index:1;}
.ContentContainer {width:100%;padding:15px 0 20px;position:relative;background:#eaeae9;}
.ContentContainer .Shadow {position:absolute;top:0;left:0;height:15px;width:100%;background:url(/Templates/ecworkshop/images/shadow.png) repeat-x;}

/* Header */
.Header {width:100%;padding:0 0 5px 0;z-index:100000;position:relative;}
.Header .TopContent {background:#CB191E;width:100%;height:24px;}
.Header .TopContent a {color:#fff;text-decoration:underline;line-height:24px;font-size:16px;}
.Header .TopContent span {color:#fff;text-decoration:underline;line-height:24px;font-size:16px;}

.Header .HeaderRight {position:relative;margin:0 5px 0 5px;float:right;}
.Header .HeaderRight .FacebookLike {margin:15px 0 15px 0;display:none;}
.Header .HeaderRight .FacebookLike .promotionBanner {width:100%;text-align:right;}
.Header .HeaderRight .Language {position:absolute;top:-20px;right:0;width:200px;text-align:right;color:#9d2f32;color:rgba(255,255,255,0);}
.Header .HeaderRight .Language a {color:#fff;margin:0 !important;text-transform:uppercase;line-height:17px;}
.Header .HeaderRight .Search {padding:0 5px;height:25px;border:1px solid #E7E7E7;overflow:hidden;margin:10px 0 5px 0;}
.Header .HeaderRight .Search .searchPanel {position:relative;}
.Header .HeaderRight .Search .searchPanel input[type="text"] {border:none;height:25px;margin:0;padding:0;border:none;line-height:25px;color:#cccccc !important;font-style:italic;width:80%;}
.Header .HeaderRight .Search .searchPanel input[type="image"] {position:absolute;top:3px;right:3px;width:25px;height:20px;}
.Header .HeaderRight .Search .searchPanel .error {position:absolute;top:0;right:28px;}

.Header .Logo {margin:25px 0 0 0;float:left;position:absolute;}
.Header .Logo a {display:block;}


/* SiteMenu */
.Header .SiteMenuWrap {position:relative;text-align:right;float:right;width:100%;}
.Header .SiteMenuWrap .MenuBtn {display:none;}
.Header .SiteMenuWrap .MenuContent {position:static;height:0;}
.Header .SiteMenuWrap .MenuContent .SiteMenu {margin:10px 0 0 0;padding:0;height:20px;position:relative;display:inline-block;}
.Header .SiteMenuWrap .MenuContent .SiteMenu.SiteMenuDesktop {display:inline-block;float:right;}
.Header .SiteMenuWrap .MenuContent .SiteMenu.SiteMenuMobile {display:none;}
.SiteMenu.SiteMenuDesktop .rmRootGroup {border:rgba(255,255,255,0);background:none;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem.hasTemplate {position:static;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmLink {background:none;border-left:1px solid #292b2b;padding:0 17px;color: #292b2b;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem.rmFirst .rmLink {border-left:none;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmLink .rmText {font-weight:bold;line-height:20px;padding:0;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmExpanded.rmLink { background: #CB191E; color: #FFF; }
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmLink:hover .rmText {text-decoration:underline;}
/*.SiteMenu .rsmLevel1 .rsmLink::before { content:"> "; }*/
/* for default */
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmGroup {background:none;border:rgba(255,255,255,0);background:#fff;/*width:100%;*/}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmGroup .rmItem .rmLink {border-left:none;text-align:left;padding:5px 10px;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmGroup .rmItem .rmLink .rmText {background:none;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmGroup .rmItem .rmSlide .rmGroup .rmItem .rmLink {padding:5px 10px 5px 20px;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmGroup .rmItem .rmSlide .rmGroup .rmItem .rmLink .rmText {font-weight:normal;color:#646464;line-height:1.2em;}
/* for MegaMenu */
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide { /*right:-200px !important; left:auto !important;*/ border: 3px solid #CB191E; background: #FFF; }
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmContentTemplate {width:100%;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmContentTemplate .rsmList {background:none;border:rgba(255,255,255,0);background:#fff;width:100%;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmContentTemplate .rsmList .rsmItem .rsmLink {text-align:left;color:#171717;display:block;line-height:1.2em;padding:5px 10px;font-weight:bold;font-family:Arial, sans-serif;font-size:13px;margin:0;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmContentTemplate .rsmList .rsmItem .rsmLink:hover {text-decoration:underline;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmContentTemplate .rsmList .rsmItem .rsmList {}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmContentTemplate .rsmList .rsmItem .rsmList .rsmItem {}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmContentTemplate .rsmList .rsmItem .rsmList .rsmItem .rsmLink {color:#646464;display:block;line-height:1.2em;padding:5px 10px 5px 20px;font-weight:normal;}

/* Telerik Reset for conflicting with NetCatList (Trial version) */
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink .rpText {display:inline-block;padding:0;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink.rpExpandable .rpExpandHandle {display:inline-block;height:1.16667em;width:1.16667em;margin-top:10px;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink {border:1px solid rgba(255,255,255,0);position:relative;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink.rpHovered {border:1px solid rgba(255,255,255,0);}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink .rpText {font-size:13px;line-height:1.83333em;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink.rpExpandable .rpExpandHandle {height:1.04167em;width:1.04167em;margin-top:0;position: absolute;right: 0; width: 50px;height:40px;top:0;}

/* for mobile */
.SiteMenu .mobileSiteMenu .rpRootGroup {border:1px solid rgba(255,255,255,0);}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink {background:none;color:#000;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink.rpRootLink {height:40px;line-height:40px;color:#fff;text-transform:uppercase;font-weight:bold;background:#E40011;padding:0;text-indent:10px;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink.rpRootLink .rpText {font-size:1em;font-family:Arial, sans-serif;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink.rpExpanded {border:rgba(255,255,255,0);}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink.rpExpandable .rpExpandHandle {border:1px solid rgba(255,255,255,0);background:url(/Templates/ecworkshop/images/arrow_right_4.png) center center no-repeat;line-height:30px;padding:0;margin:0;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink.rpRootLink .rpExpandHandle {display:none;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink.rpExpanded .rpExpandHandle {border:1px solid rgba(255,255,255,0);background:url(/Templates/ecworkshop/images/arrow_down.png) center center no-repeat;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink.rpExpandable .rpExpandHandle:before {content:"";}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpLink.rpExpandable .rpExpandHandle.rpHovered {border:1px solid rgba(255,255,255,0);}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem {display:block;width:100%;font-size:13px;line-height:20px;font-family:Arial, sans-serif;padding:0;border-bottom:1px solid #d5d5d5;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink {/*border-bottom:1px solid #d5d5d5;*/display:block;line-height:1.2em;color:#0A8ED2;font-weight:bold;padding:10px 10px 10px 10px;text-transform:uppercase;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink.rpHovered {border:1px solid rgba(255,255,255,0);/*border-bottom:1px solid #d5d5d5;*/}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink.rpSelected {border:1px solid rgba(255,255,255,0);/*border-bottom:1px solid #d5d5d5;*/}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink.rpExpanded {border:1px solid rgba(255,255,255,0);/*border-bottom:1px solid #d5d5d5;*/}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink.rpHovered .rpText {text-decoration:underline;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem {display:block;padding:5px 10px;margin:0;border-bottom:none;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink {color:#171717;border-bottom:1px solid #fff;padding-top:0;padding-bottom:0;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink .rpText {line-height:1.2em;font-weight:bold;font-family:Arial, sans-serif;font-size:13px;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink .rpExpandHandle {display:none;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup {}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem {display:block;padding:5px 10px 5px 20px;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink {color:#646464;}
.SiteMenu .mobileSiteMenu .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink .rpText {line-height:1.2em;font-weight:normal;}
/* default expanded for 1st level & 3rd level and on-going */
.SiteMenu .mobileSiteMenu .rpRootGroup > .rpItem > .rpSlide {height:auto !important;display:block !important;}
.SiteMenu .mobileSiteMenu .rpRootGroup > .rpItem > .rpSlide > .rpGroup > .rpItem > .rpSlide > .rpGroup > .rpItem .rpSlide {height:auto !important;display:block !important;}


/*3-Sep-2018*/
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem {position:relative;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem.hasTemplate {position:static;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem + .rmItem + .rmItem + .rmItem.hasTemplate .rmSlide {left:auto !important;right:0;}
.MainContent .ShopAddress .promotionBanner {background:#0d9992;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmContentTemplate .rsmList {background:transparent;}
.SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmSlide .rmContentTemplate {padding:0;}


/* DetailWrap */
.Header .SiteMenuWrap .MenuContent .DetailWrap {margin:0;top:0;right:8px;}
.Header .DetailWrap .Login {line-height:28px;margin-right:10px;}
.Header .DetailWrap .Login a {color:#000;margin:0;text-transform:capitalize;display:inline-block;vertical-align:top;}
.Header .DetailWrap .Login .AccLink {max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.Header .DetailWrap .Login .Delimiter {color:#000;margin:0 5px;display:inline-block;vertical-align:top;}
.Header .DetailWrap .SubMenu {text-align:right;width:440px;padding-right:8px;}
.Header .DetailWrap .SubMenu .promotionBanner {display:inline-block;}
.Header .DetailWrap .SubMenu .promotionBanner a {color:#292b2b;margin-left:20px;display:inline-block;float:left;}

/* Footer */
.Footer {width:100%;}
.Footer .ContentWrap {position:relative;}
.Footer .NavWrap {position:relative;}
.Footer .NavWrap .promotionBanner {width:100%;}
.Footer .NavWrap .promotionBanner ul {margin:0;padding:20px 15px;}
.Footer .NavWrap .promotionBanner li {list-style-type:none;display:block;float:left;width:180px;margin:0 5px;vertical-align:top;}
.Footer .NavWrap .promotionBanner li a {display:block;color:#000;line-height:1.2em;padding:5px 0;}
.Footer .NavWrap .promotionBanner li .title {font-size:16px;font-weight:bold;display:block;color:#000;line-height:1.2em;padding:5px 0;width:100%;}
.Footer .NavWrap .promotionBanner li .title2 {font-size:16px;font-weight:bold;display:inline-block;color:#000;line-height:1.2em;padding:5px 0;}

.Footer .Border {background:url(/Templates/ecworkshop/images/repeat_p.gif) repeat-x;height:13px;width:98%;margin:0 auto;}

.Footer .CopyRight {margin:0 0 10px 15px;line-height:1.5em;position:relative;clear:both;display:inline-block;}
.Footer .Developer {display:inline-block;vertical-align:top;line-height:1.5em;}
.Footer .Developer span {display:inline-block;}
.Footer .Developer img {display:inline-block;vertical-align:middle;}

/* BacktoTop */
.BacktoTop {background:url(/Templates/ecworkshop/images/backTop.png) center no-repeat #ff886f;width:50px;height:50px;border-radius:30px;position:absolute;right:2%;bottom:25%;cursor:pointer;display:none;}
.BacktoTop:hover {opacity:0.8;}

/* MainContent */
.MainContent .Promotion {background:#eacfad;height:56px;line-height:56px;padding:0 10px;margin-bottom:15px;clear:both;font-size:16px;}
.MainContent .Promotion .promotionBanner {width:100%;}
.MainContent .Promotion .promotionBanner span {color:#000;font-weight:bold;display:inline-block;float:left;}
.MainContent .Promotion .promotionBanner .detail {color:#000;float:right;text-decoration:underline;font-weight:bold;}

/* MainBanner */
.MainBanner {position:relative;}
.MainBanner .rotator_tabslist {display:none;}
.MainBanner .Arrow {position:absolute;top:40%;z-index:100;width:40px;height:70px;display:block;}
.MainBanner .Arrow:hover {opacity:0.8;}
.MainBanner .Arrow.LeftArrow {left:0;background:url(/Templates/ecworkshop/images/banner_arrow_left.png) center no-repeat;}
.MainBanner .Arrow.RightArrow {right:0;background:url(/Templates/ecworkshop/images/banner_arrow_right.png) center no-repeat;}

/* ShopAddress */
.MainContent .ShopAddress {margin:10px 0;}
.MainContent .ShopAddress .promotionBanner {width:100%;text-align:center;background:#0d9992;}
.MainContent .ShopAddress .promotionBanner .txt {line-height:67px;color:#fff;font-size:18px;margin:0 10px;font-weight:bold;}
.MainContent .ShopAddress .promotionBanner .go {display:inline-block;color:#000;font-weight:bold;font-size:15px;line-height:18px;height:18px;width:50px;text-align:center;background:url(/Templates/ecworkshop/images/Homepage_Shoplocation_go_bg.png) center no-repeat;}
.MainContent .ShopAddress .promotionBanner .go:hover {text-decoration:none;background:url(/Templates/ecworkshop/images/Homepage_Shoplocation_go_bg_c.png) center no-repeat;}

/* ListWrap - MainCategory */
.MainContent .ListWrap {width:100%;margin:10px 0;}
.MainContent .ListWrap .promotionBanner {width:100%;}
.MainContent .ListWrap .itemWrap {float:left;width:235px;overflow:hidden;margin:0 7px 0 8px;position:relative;padding-top:235px;background:#fff;}
.MainContent .ListWrap .itemWrap .title {background:url(/Templates/ecworkshop/images/arrow_right_4.png) 95% center no-repeat #d6e3ec;border-top:2px solid rgb(4,140,210);height:40px;line-height:40px;padding:0 10px;color:#000;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;}
.MainContent .ListWrap .itemWrap .imgWrap {width:100%;height:235px;overflow:hidden;position:absolute;top:0;left:0;}
.MainContent .ListWrap .itemWrap .detail {padding:10px 15px 10px 30px;height:185px;border:1px solid #cacac8;}
.MainContent .ListWrap .itemWrap .detail a {background:url(/Templates/ecworkshop/images/arrow_right.png) left 11px no-repeat;display:block;color:#000;padding:5px 0 5px 15px;line-height:1.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.MainContent .ListWrap .itemWrap .detail .more {font-weight:bold;}

/* ListWrap - Products */
.MainContent .ListWrapBG {background:#fff;padding:15px 0;border:1px solid #cacac8;}
.MainContent .ListWrap .RightSideBar {width:245px;margin-right:10px;float:right;}
.MainContent .ListWrap .LeftContent {float:left;width:660px;padding:0 10px 0 10px;}

.MainContent .ListWrap .FacebookAPI {margin:20px 5px 0 5px;}
.MainContent .ListWrap .FacebookAPI .promotionBanner {width:100%;padding:10px 0;height:auto;padding:0 !important;}

.MainContent .ListWrap .BestSellers {margin-top:20px;width:100%;}
.MainContent .ListWrap .BestSellers .promotionBanner {width:100%;}
.MainContent .ListWrap .BestSellers .title {height:40px;line-height:40px;font-size:18px;color:#CB191E;text-indent:20px;border-top:2px solid #CB191E;}
.MainContent .ListWrap .BestSellers .product {margin:0 20px 20px 20px;padding:0;}
.MainContent .ListWrap .BestSellers .product li {list-style-type:none;display:block;}
.MainContent .ListWrap .BestSellers .product .num {color:#CB191E;}
.MainContent .ListWrap .BestSellers .product .imgWrap {width:185px;height:185px;overflow:hidden;}
.MainContent .ListWrap .BestSellers .product .txt a {color:#000;font-size:16px;text-align:center;display:block;margin:0 35px;text-decoration:underline;}

.MainContent .ListWrap .ProductList {width:100%;margin-bottom:50px;}
.MainContent .ListWrap .ProductList .promotionBanner {width:100%;}
.MainContent .ListWrap .ProductList .title_1 {width:100%;height:40px;background:url(/Templates/ecworkshop/images/Homepage_NewArrivals-01.png) left center no-repeat;}
.MainContent .ListWrap .ProductList .title_1 span {display:none;}
.MainContent .ListWrap .ProductList .product {width:295px;min-height:115px;margin:10px 0;padding:0 20px 0 10px;display:inline-block;vertical-align:top;}
.MainContent .ListWrap .ProductList .product .imgWrap {width:115px;height:115px;text-align:center;display:inline-block;float:left;overflow:hidden;}
.MainContent .ListWrap .ProductList .product .imgWrap:hover {opacity:0.8;}
.MainContent .ListWrap .ProductList .product .txt {display:block;margin-left:115px;line-height:1.4em;text-align:justify;}
.MainContent .ListWrap .ProductList .product .txt a {color:#000;text-decoration:underline;}

.MainContent .ListWrap .ProductList .title_2 {width:100%;height:40px;background:#CB191E;color:#fff;text-indent:20px;line-height:40px;font-size:18px;}
.MainContent .ListWrap .ProductList .hotWrap {margin:10px 0 0 0;text-align:center;}
.MainContent .ListWrap .ProductList .show {margin-bottom:40px;}
.MainContent .ListWrap .ProductList .hotWrap img {max-width:100%;width:100%;}

.MainContent .ListWrap .News {width:100%;}
.MainContent .ListWrap .News .newswrapper {border:none !important;width:100%;position:relative;}
.MainContent .ListWrap .News .newswrapper .newsheader {border-top:5px solid #535353;line-height:1.2em;color:#CB191E;text-indent:5px;padding-top:5px;font-size:13px !important;font-weight:normal !important;}
.MainContent .ListWrap .News .newswrapper .newsarea {height:80px;overflow-y:scroll;border:2px solid #898a8c;}
.MainContent .ListWrap .News .newswrapper .newsarea .newsfeed {background:url(/Templates/ecworkshop/images/arrow_right_3.png) 3px center no-repeat;margin:0 5px 0 10px;padding-left:20px;border-bottom:1px solid #a8a8a8;line-height:1.2em;color:#000;}
.MainContent .ListWrap .News .newswrapper .newsarea .newsfeed a {line-height:1.2em;color:#000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;}
.MainContent .ListWrap .News .newswrapper .newsarea .newsfeed span {line-height:1.2em;color:#000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;cursor:pointer;}
.MainContent .ListWrap .News .newswrapper .newsarea .newsfeed:hover {text-decoration:underline;}
.MainContent .ListWrap .News .newswrapper .newsfooter a {line-height:1.2em;color:#000;text-decoration:underline;position:absolute;top:10px;right:3px;}

/* FeaturedBrands */
.MainContent .FeaturedBrands {position:relative;margin:60px 10px 20px 10px;}
.MainContent .FeaturedBrands .promotionBanner {width:100%;}
.MainContent .FeaturedBrands .Title {background:url(/Templates/ecworkshop/images/repeat_p.gif) repeat-x;position:absolute;width:100%;text-align:center;top:0;left:0;right:0;margin:auto;}
.MainContent .FeaturedBrands .Title span {color:#000000;font-size:13px;letter-spacing:4px;background-color:#fff;font-weight:400;padding:0 30px;}

/* CategoryContent */
.CategoryContent .CategoryLeft {float:left;width:200px;margin:40px 20px 20px 20px;}
.CategoryContent .CategoryRight {float:right;width:700px;margin:40px 40px 20px 20px;overflow:hidden;}

/* Breadcrumb */
.Breadcrumb {line-height:1.8em;color:#000;}
.Breadcrumb a {line-height:1.8em;color:#000;}

/* CategoryRight */
.CategoryRight .TopRightBanner {width:100%;}
.CategoryRight .TopRightBanner .promotionBanner {width:100%;}
.CategoryRight .TopRightBanner .mainTitle {font-size:20px;color:#d1393b;border-top:2px solid #ca2223;line-height:1.2em;padding:15px 5px;font-weight:bold;display:none;}
.CategoryRight .TopRightBanner .mainBanner {width:100%;}
.CategoryRight .TopRightBanner .mainBanner img {max-width:100%;width:100%;}

/* ItemGrid */
.itemgridheader .featuredItemsheader {margin:0;}
.itemgridheader #itemGridSortBy {line-height:35px;}
.itemgridheader #itemGridSortBy select {width:120px;font-weight:bold;}
.itemgridheader #itemGridCurrBox {display:none;}
.itemgridheader #itemGridCurrPager {}
.itemgridheader #itemGridCurrPager a {color:#233f66;}

.itemgridtb {display:inline-block;text-align:center;width:715px;margin-left:-10px;border-spacing:0;}
.itemgridtb .itemGridTr {display: inline-block;}
.itemgridtb .itemGridTr .itemCell {display: inline-block; float:left;width:200px;height:320px;padding:0 10px;margin:10px 5px 10px 10px;border:1px solid #474343;}
.itemgridtb .itemGridTr .itemCell:hover {box-shadow:0 0 10px #cccccc;}
.itemgridtb .itemGridTr .itemCell .itemInCell {border-spacing:0;}
.itemgridtb .itemGridTr .itemCell .ItemPicTd {display:none;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft {display:inline-block;text-align:center;width:100%;position:relative;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft .itempic {position:relative;height:200px;line-height:normal;width:100%;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft .itempic img {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft .ItemGrid1 {text-align:left;font-size:12px;color:#314da0;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft .ItemGrid1 .partNum {display:none;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft .ItemGrid1 .itemName {font-size:13px;color:#314da0;line-height:13px;height:39px;overflow:hidden;display:block;font-weight:normal;margin-bottom:20px;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft .ItemGrid1 .itemName:hover {text-decoration:underline;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft .ItemGrid1 .itemShortDesc {display:none;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft .ItemGrid1 .unitPrice {font-size:13px;color:#221815;text-align:right;}
.itemgridtb .itemGridTr .itemCell .ItemGridLeft .ItemGrid1 .unitPrice .originalPrice {text-align:right;}
.itemgridtb .itemGridTr .itemCell .addbtns {display:none;}
.itemgridtb .itemGridTr .itemCell .product-label.labelBottomLeft {/*bottom:40px;*/left:10px;text-align:left;}

.ItemTable .datapager > span > span > span:first-child {width:auto;}
.ItemTable .datapager span {display:inline-block;}
.ItemTable .datapager > span {width:100%;}
.ItemTable .datapager > span > span {width:100%;}
.ItemTable .datapager span span a {color:#000;padding:0 1px;}
.ItemTable .datapager span span a:hover {background:none;font-weight:bold;text-decoration:underline;}
.ItemTable .datapager span span .pagerCurrentNum {font-weight:bold;}
.ItemTable .datapager span span a.aspNetDisabled:hover {font-weight:normal;text-decoration:none;}

/* CategoryLeft */
.CategoryLeft .TopLeftBanner .promotionBanner {width:100%;}
.CategoryLeft .TopLeftBanner .title {font-size:20px;text-transform:uppercase;color:#242424;border-bottom:3px solid #CB191E;text-indent:5px;line-height:1.2em;margin:20px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.CategoryLeft .BottomLeftBanner .promotionBanner {width:100%;}
.CategoryLeft .BottomLeftBanner .promotionBanner .wrap {width:100%;}
.CategoryLeft .BottomLeftBanner .imgWrap {display:block;margin:10px 0;width:100%;}
.CategoryLeft .BottomLeftBanner .imgWrap img {max-width:100%;width:100%;}

/* SubNetCatList */
.CategoryLeft .SubNetCatList {margin-bottom:30px;}
.CategoryLeft .SubNetCatList .rpRootGroup {border:1px solid rgba(255,255,255,0);margin:0;padding:0 0 0 5px;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem {padding-left:0;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink {background:none;border:1px solid rgba(255,255,255,0);color:#000;line-height:2em;padding-left:0;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink.rpSelected .rpOut {background-image:none !important;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink.rpFocused .rpOut {background:none !important;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink.rpExpandable .rpOut {border:1px solid rgba(255,255,255,0);padding-bottom:0;margin:0;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink.rpExpandable .rpOut .rpExpandHandle {background:none;display:none;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink.rpExpandable .rpOut .rpExpandHandle:before {content:"";}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink:hover .rpOut {background:none;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink .rpOut .rpText {color:#000;line-height:2em;font-weight:bold;font-size:13px;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink:hover .rpOut .rpText {text-decoration:underline;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpLink .rpOut {border:1px solid rgba(255,255,255,0);padding-bottom:1px;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpSlide {height:auto !important;display:block !important;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink .rpOut .rpText {font-weight:bold;}
.CategoryLeft .SubNetCatList .rpRootGroup .rpItem .rpSlide .rpGroup .rpItem .rpSlide .rpGroup .rpItem .rpLink .rpOut .rpText {font-weight:normal;}

/* ItemDetails */
.ItemContentCSS {padding-top:30px;position:relative;}
.ItemContentCSS .imageContainer {width:35%;padding:0;margin:0;border:1px solid #ccc;}
.ItemContentCSS .imageContainer .itemPicture1 {margin:0;padding:5% 0 !important;z-index:0;margin:0 auto;width:100%;border-spacing:0;border:none;}
.ItemContentCSS .imageContainer .tblPictures {margin:0;border:none;display:block;z-index:10;background:#fff;width:100%;padding:5% 0;border-spacing:0;}
.ItemContentCSS .imageContainer .tblPictures tbody {display:inline-block;width:100%;}
.ItemContentCSS .imageContainer .tblPictures tr {display:inline-block;text-align:center;width:100%;}
.ItemContentCSS .imageContainer .tblPictures td {display:inline-block;}
.ItemContentCSS .imageContainer .tblPictures .pictureSlide {position:relative;}
.ItemContentCSS .imageContainer .tblPictures .pictureSlide img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
.ItemContentCSS .rtVisibleCallout  {z-index:1000000 !important;}

.ItemContentCSS .itemNameContainer {width:60%;border-bottom:4px solid #000;/*margin-top:30px;*/}
.ItemContentCSS .itemNameContainer h1.itemNameHeader {font-size:22px;text-transform:uppercase;}
.ItemContentCSS .itemContainer {width:60%;margin-top:10px;position:relative;}
.ItemContentCSS .itemContainer table {border-spacing:0;}
.ItemContentCSS .itemContainer .itemDetail {padding:0;}
.ItemContentCSS .itemContainer .itemDetail .iteminfotable td {padding:0;}
.ItemContentCSS .itemContainer .itemDetail .iteminfotable .iteminfo1 {font-weight:bold;border-right:none;padding:0;}
.ItemContentCSS .itemContainer .itemDetail .iteminfotable tr td {border-right:none;}
.ItemContentCSS .itemContainer .itemDetail .iteminfotable tr td + td {border-left:1px solid #000;}
.ItemContentCSS .iteminfotable #divPrice td {border-left:none;}
.ItemContentCSS .myPriceGroup span {color:#000;font-weight:bold;font-size:16px;}
.ItemContentCSS .itemContainer .itemDetail .iteminfotable .iteminfo4 td {padding:8px 0 8px 0;border-bottom:none;}
.ItemContentCSS .itemContainer .itemDetail .iteminfotable .iteminfo4 td + td {padding:8px 0 8px 5%;}
.ItemContentCSS .itemContainer .itemDetail .iteminfotable #ctl01_ctl00_pageContent_itemOptionsTr td + td {padding-left:5%;}

/* Custom Items */
.ItemContentCSS .customMiddleItemTr {position:relative;}
.customMiddleItemBanner .promotionBanner {width:100%;}
.GoShop .GSBlock {color:#fff;padding:7px 10px;margin:5px 0;text-align:center;font-size:16px;letter-spacing:1px;}
.GoShop .GSBlock a {color:#fff;display:block;}
.GoShop .GSBlock a:hover {text-decoration:none;}
.GoShop .GSBlock.GoShopCaption {background:#aaa;}
.GoShop .GSBlock.GoShopLink {background:#CB191E;font-weight:bold;}
.GoShop .GSBlock.GoShopLink:hover {filter:alpha(opacity=80);opacity:0.8;}
.HelpLink {text-align:right;font-weight:bold;font-style:italic;}
.ItemContentCSS .product-label-detail {position:absolute;bottom:100px;right:0;}
.ItemContentCSS .iteminfotable #divPrice td.priceGroupCaption {font-weight:bold;}
.ItemContentCSS .myPriceGroup .price {font-weight:normal;}
.CustomPriceLink {padding:10px 0 0 0;}
.CustomPriceLink .PriceTitle {color:#CB191E;font-weight:bold;}
.CustomPriceLink .PriceLink {text-decoration:underline;}
.addThisCaption {display:inline-block;font-size:16px;vertical-align:middle;font-weight:bold;}
.addthis_toolbox {display:inline-block;vertical-align:middle;}

/* Overview */
.ItemContentCSS .rtsUL .rtsLI.rtsLast {display:none;}
.ItemContentCSS .rtsUL .rtsLI .rtsLink {background-image:none;height:30px;line-height:30px;color:#000;background:#CB191E;border:1px solid #CB191E;font-weight:bold;color:#fff;}
.ItemContentCSS .rtsUL .rtsLI .rtsLink:hover {background:#CB191E;text-decoration:none;}
.ItemContentCSS .rtsUL .rtsLI .rtsLink.rtsSelected {background:#CB191E;text-decoration:none;border-bottom:#fff;z-index:10000;}
.ItemContentCSS .rtsUL .rtsLI .rtsLink .rtsOut {background-image:none !important;color:#fff;font-size:16px;letter-spacing:1px;}
.ItemContentCSS .tabPanel {border:3px solid #CB191E;height:auto;overflow-y:auto;}

/* Related Product */
.ItemContentCSS .OtherProductsPane {border-color:gray;overflow:hidden;}

.ItemContentCSS .OtherProductsPane table, 
.ItemContentCSS .OtherProductsPane tbody, 
.ItemContentCSS .OtherProductsPane tr, 
.ItemContentCSS .OtherProductsPane td {display:inline-block;border-spacing:0;}

.ItemContentCSS .OtherProductsPane tbody, 
.ItemContentCSS .OtherProductsPane tr {width:100%;}
.ItemContentCSS .OtherProductsPane td {display:block;}

.ItemContentCSS .OtherProductsPane .SimilarProducts {background:gray;/*width:100%;*/}
.ItemContentCSS .OtherProductsPane .SimilarProducts a {color:#fff;}
.ItemContentCSS .OtherProductsPane .SimilarProducts a span {color:#fff;font-size:15px;font-weight:bold;}

.ItemContentCSS .RelatedProductPane {margin:0;color:#fff;padding:0;background:#fff;}
.RelatedProductPane table, 
.RelatedProductPane tbody, 
.RelatedProductPane tr {display:inline-block;width:100%;}
.ItemContentCSS .RelatedProductPane td {display:table-cell;}
.ItemContentCSS .RelatedProductPane .RelatedProduct {width:18%;display:inline-block;padding:0;margin:1%;}
.ItemContentCSS .RelatedProductPane .RelatedProduct:hover {border:none;}

.RelatedProduct a {display:block;position:relative;min-height:165px;color:#6270A9;}
.RelatedProduct a:hover .itemName {text-decoration:underline;}
.RelatedProduct a > img {position:absolute;left:0;top:0;right:0;bottom:65px;margin:auto;}
.RelatedProduct a > .itemName {position:absolute;bottom:0;font-size:13px;height:45px;white-space:normal;overflow:hidden;width:100%;text-overflow:ellipsis;}
.RelatedProduct a > br {display:none;}
.RelatedProduct a > .partNum {display:none;}
.RelatedProduct a > .itemPrice {display:none;}

/* childCategory */
.childCategory > br {display:none;}
.childCategory > span {display:block;}

/*Custom Page*/
.content_middle {padding:20px 0;}
.content_middle h1 {font-size:2em;line-height:2;margin-bottom:0;}
.content_middle h3 {font-size:1.4em;line-height:1.4;margin-bottom:0;}
.content_middle p {font-size:1.1em;line-height:1.5;margin-top:0;}
.content_middle img {max-width:100%;}

/*MegaMenu*/
.mega-group {padding:10px 10px 0 10px;min-width:calc(100% - 20px) !important;}
.mega-line {clear:both;}
.mega-line ul ul li {float:left;}
.mega-line .rsmItem {padding-left:0 !important;}
.mega-line .rsmLink {padding:5px 5px 5px 5px !important;}
.mega-line > .RadSiteMap > .rsmList > .rsmItem > .rsmLink {display:block;width:100%;}
.mega-line > .RadSiteMap > .rsmList > .rsmItem > .rsmList {width:auto !important;}
.mega-group.brand-group .rsmItem {float:left;}

/* ============================== Desktop End ============================= */



/* ============================== Responsive ============================== */

@media screen and (max-width:1000px) {
    /* Global */
    .ContentWrap {width:100%;}

    /* Footer */
    .Footer .NavWrap .promotionBanner ul {padding:20px 0;}
    .Footer .NavWrap .promotionBanner li {width:18%;margin:0 1%;}

    /* MainContent */
    .MainContent .ListWrap .itemWrap {margin:0 1%;width:23%;}
    .MainContent .ListWrap .itemWrap .imgWrap img {max-width:none;}
    .MainContent .ListWrap .LeftContent {float:none;margin-right:255px;width:auto;}
    .MainContent .ListWrap .ProductList .product {width:44%;padding:0 2%;}

    /* Breadcrumb */
    .Breadcrumb {padding-left:10px;}

    /* CategoryContent */
    .CategoryContent .CategoryRight {width:70%;margin:40px 4% 20px 2%;}
    .CategoryContent .CategoryLeft {width:20%;margin:40px 2% 20px 2%;}

    /* ItemGrid */
    .itemgridtb {width:100%;margin-left:0;}
    .itemgridtb tbody {display:inline-block;width:100%;}
    .itemgridtb tbody tr {display:inline-block;width:100%;}
    .itemgridtb .itemGridTr .itemCell {width:28%;margin:10px 2% 10px 1%;padding:0 1%;}
    .itemgridtb .itemGridTr .itemCell .product-label.labelBottomLeft {left:2%;}
    .itemgridtb .itemGridTr .itemCell .product-label.labelBottomLeft img {width:70%;}
    .ItemTable .datapager > span > span > span:first-child {width:100%;margin:10px auto 20px;}
}

@media screen and (max-width:920px) {
    .SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmLink {padding:0 10px;}
}

@media screen and (max-width:870px) {
    /* SiteMenu */
    .SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmLink {padding:0 6px;}
    .SiteMenu.SiteMenuDesktop .rmRootGroup .rmItem .rmLink .rmText {font-size:12px;}
}

@media screen and (max-width:865px) {
    /* ItemGrid */
    .itemgridtb .itemGridTr .itemCell {margin:10px 2% 10px 1%;width:27%;padding:0 1%;}
}

@media screen and (max-width:820px) {
    /* ItemDetail */
    .ItemContentCSS {padding-top:0;border-top:3px solid #CB191E;}
    .ItemContentCSS .imageContainer {width:100%;border:none;}
    .ItemContentCSS .imageContainer .itemPicture1 {padding:1% 0 !important;}
    .ItemContentCSS .imageContainer .tblPictures {padding:1% 0;}

    .ItemContentCSS .itemNameContainer {width:100%;margin-top:30px;}
    .ItemContentCSS .itemContainer {width:100%;}
    .ItemContentCSS .tabPanel {max-height:none;overflow-y:auto;}

    /* Related Product */
    .ItemContentCSS .RelatedProductPane .RelatedProduct {width:22.5%;}

}

@media screen and (min-width:781px) {
    .Header .SiteMenuWrap .MenuContent {display:block !important;}
}

@media screen and (max-width:780px) {
    /* ContentContainer */
    .ContentContainer {width:100%;padding:15px 0 20px;}
    
    /* Header */
    .Header .TopContent {display:none;}
    .Header .ContentWrap {padding:15px 0;}

    .Header .HeaderRight {text-align:right;margin:7px 0 30px 0;}
    .Header .HeaderRight .FacebookLike {padding-right:5px;}
    .Header .HeaderRight .Language {padding-right:5px;margin:6px 0 15px;position:static;width:auto;color:#C0C0C0;}
    .Header .HeaderRight .Language a {color:#2A6897;margin:0;}
    .Header .HeaderRight .Search {position:absolute;right:5px;height:30px;text-align:left;}
    .Header .HeaderRight .Search .searchPanel input[type="image"] {right:5px;top:5px;}
    .Header .HeaderRight .Search .searchPanel input[type="text"] {line-height:30px;width:90%;height:30px;}

    .Header .Logo {margin:0 0 0 70px;position:static;}

    /* SiteMenu */
    .Header .SiteMenuWrap .MenuContent {display:none;height:auto;}
    .Header .SiteMenuWrap .MenuContent .SiteMenu.SiteMenuDesktop {display:none;}
    .Header .SiteMenuWrap .MenuContent .SiteMenu.SiteMenuMobile {display:inline-block;}
    .Header .SiteMenuWrap {position:relative;width:100%;min-height:1px;margin:0;text-align:left;}
    .Header .SiteMenuWrap .MenuBtn {display:block;width:40px;height:25px;overflow:hidden;margin:30px 20px 25px;position:absolute;left:0;top:-98px;}
    .Header .SiteMenuWrap .MenuBtn img {max-width:100%;}
    .Header .SiteMenuWrap .MenuContent {width:100%;position:absolute;top:-30px;left:0;background:#fff;overflow:hidden;}
    .Header .SiteMenuWrap .MenuContent .SiteMenu {width:100%;margin:0;height:auto;}

    /* DetailWrap */
    .Header .SiteMenuWrap .MenuContent .DetailWrap  {position:static;height:auto;}
    .Header .DetailWrap .Login {position:static;margin-left:10px;}
    .Header .DetailWrap .Login a {display:inline-block;color:#646464;font-weight:bold;}
    .Header .DetailWrap .Login .Delimiter {color:#646464;display:inline-block;}
    .Header .DetailWrap .Login .Delimiter.DeLast {color:#fff;display:none;}
    .Header .DetailWrap .SubMenu {text-align:left;}
    .Header .DetailWrap .SubMenu .promotionBanner a {display:block;line-height:25px;margin-left:10px;font-weight:bold;float:none;}

    /* MainContent */
    .MainContent .ListWrap .RightSideBar {display:none;}
    .MainContent .ListWrap .LeftContent {width:90%;margin:0 auto;}
    
    .MainContent .ListWrap .ProductList.HotProducts {max-width:660px;}

    /* ItemGrid */
    .itemgridtb {width:96%;padding:0 2%;}
    .itemgridtb .itemGridTr .itemCell {margin:10px 2% 10px 1%;width:44%;padding:0 1%;}
    .itemgridtb .itemGridTr .itemCell .product-label.labelBottomLeft img {width:100%;}

    /*Mobile Menu*/
    .MobileNavigation .DetailWrap {margin:5px 0;}

}

@media screen and (max-width:660px) {
    .MainContent .ListWrap .ProductList .product {width:94%;padding:0 4% 0 2%;}

    /* Related Product */
    .ItemContentCSS .RelatedProductPane .RelatedProduct {width:30%;}
}

@media screen and (max-width:600px) {
    .Header .Logo {margin:0 0 0 60px;float:none;}
    .Header .Logo img {max-width:250px;}
    .Header .HeaderRight {margin:3px 0 30px 0;}
    .Header .HeaderRight .Language {display:none;}
    .Header .SiteMenuWrap .MenuBtn {top:-60px;}
}

@media screen and (min-width:561px) {
    /* Footer */
    .Footer .NavWrap .promotionBanner li .nav {display:block !important;}
}

@media screen and (max-width:560px) {
    /* Global */
    .ContentWrap {width:auto;margin:0 10px;}

    /* Header */
    .Header .ContentWrap {width:100%;margin:0;}

    /* Footer */
    .Footer .ContentWrap {width:100%;margin:0;}
    .Footer .NavWrap .promotionBanner ul {padding:0;}
    .Footer .NavWrap .promotionBanner li {float:none;width:96%;margin:0;padding:0 2%;border-top:1px solid #E7E7E7;cursor:pointer;}
    .Footer .NavWrap .promotionBanner li:first-child {border:none;}
    .Footer .NavWrap .promotionBanner li a {display:inline-block;vertical-align:middle;line-height:1.5em;padding:10px 0;}
    .Footer .NavWrap .promotionBanner li .title {text-transform:uppercase;display:inline-block;vertical-align:middle;line-height:1.5em;padding:10px 0;}
    .Footer .NavWrap .promotionBanner li .nav {display:none;}
    .Footer .NavWrap .promotionBanner li .nav a {display:block;line-height:1.2em;padding:5px 0;}

    .Footer .Border {display:none;}
    .Footer .CopyRight {background:#eaeae9;padding:15px 0;margin:0;text-align:center;display:block;}
    .Footer .CopyRight .promotionBanner {width:100%;}
    .Footer .Developer {background:#eaeae9;padding:0 0 15px 0;margin:0;text-align:center;width:100%;display:block;}

    /* BacktoTop */
    .BacktoTop {bottom:5px;right:15px;display:block;}

    /* Breadcrumb */
    .Breadcrumb {padding:15px 0 10px 5px;}

    /* ContentRight */
    .CategoryContent .CategoryRight {width:100%;margin:0 0 20px 0;}
    .CategoryRight .TopRightBanner .mainTitle {display:block;}

    /* ItemGrid */
    .itemgridheader tr td {width:100%;display:block;text-align:center;}
    .itemgridheader #itemGridCurrPager {float:none;}

    .itemgridtb .itemGridTr .itemCell {height:320px;}
    .itemgridtb .itemGridTr .itemCell .ItemGridLeft .itempic {}
    .itemgridtb .itemGridTr .itemCell .product-label.labelBottomLeft {/*bottom:40px;*/}
    .ItemGridLeft a .Details {display:none;}

    
    .ItemTable .datapager > span > span > span:first-child {display:none;}

    /* CategoryLeft */
    .CategoryContent .CategoryLeft {width:100%;margin:0;}
    .CategoryLeft .TopLeftBanner {display:none;}
    .CategoryLeft .SubNetCatList {display:none;}
    .CategoryLeft .BottomLeftBanner .promotionBanner .wrap {width:90%;margin:0 5%;}
    .CategoryLeft .BottomLeftBanner .imgWrap {margin:10px 5%;width:auto;}

}

@media screen and (max-width:520px) {
    /* Related Product */
    .itemExtendContainer .OtherProductsPane {border:none;background:none;}
    .ItemContentCSS .RelatedProductPane {border:none;}
    .ItemContentCSS .RelatedProductPane .RelatedProduct {width:45%;padding:5% 1% 1% 1%;border:1px solid #aaa;}
    .ItemContentCSS .RelatedProductPane .RelatedProduct:hover {border:1px solid #aaa;}
    .RelatedProductPane tr {text-align:center;}

    /* ItemDetails */
    .ItemContentCSS .product-label-detail {display:none;}

}

@media screen and (min-width:481px) {
    /* ListWrap */
    .MainContent .ListWrap .itemWrap .imgWrap {display:block !important;}
    .MainContent .ListWrap .itemWrap .detail {display:block !important;}
    .MainContent .ListWrap .ProductList .product {display:inline-block !important;}
    .MainContent .ListWrap .ProductList .hotWrap {display:block !important;}
}

@media screen and (max-width:480px) {
    /* PageContainer */
    .ContentContainer {width:100%;padding:0 0 10px;}

    /* Promotion */
    .MainContent .Promotion {display:none;}

    /* MainBanner */
    .MainBanner {padding-top:5px;}
    .MainBanner .resBanner {padding-bottom:20px;}
    .MainBanner .rotator_tabslist {display:block;position:absolute;bottom:0;left:0;width:100%;text-align:center;}
    .MainBanner .rotator_tabslist .rotator_tabs {float:none;margin:0;padding:0;}
    .MainBanner .rotator_tabslist .rotator_tabs .rotator_tab {width:4px;height:4px;border-radius:4px;border:2px solid #787878;background:#fff;display:inline-block;position:static;float:none;margin:0 2px;}
    .MainBanner .rotator_tabslist .rotator_tabs .rotator_tab:hover {background:#787878}
    .MainBanner .rotator_tabslist .rotator_tabs .rotator_active {background:#787878}
    .MainBanner .Arrow {display:none;}

    /* ShopAddress */
    .MainContent .ShopAddress {height:40px;}
    .MainContent .ShopAddress .promotionBanner {background:#e40011;text-align:left;}
    .MainContent .ShopAddress .promotionBanner .txt {display:inline-block;line-height:40px;text-indent:10px;font-style:normal;font-size:15px;margin:0;width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
    .MainContent .ShopAddress .promotionBanner .go {width:15%;height:40px;text-align:center;line-height:40px;background:#b0acad;float:right;vertical-align:middle;}
    .MainContent .ShopAddress .promotionBanner .go:hover {background:#EDE739;text-decoration:underline;}

    /* ListWrap */
    .MainContent .ListWrap {margin:0;padding:0;border:none;}
    .MainContent .ListWrap .itemWrap {padding-top:0;margin:0;width:100%;}
    .MainContent .ListWrap .itemWrap .title {border-top:none;border-bottom:1px dashed #ced3d9;cursor:pointer;}
    .MainContent .ListWrap .itemWrap:first-child .title {border-top:2px solid #0080CE;}
    .MainContent .ListWrap .itemWrap .title.hover {background:url(/Templates/ecworkshop/images/arrow_down.png) 95% center no-repeat #d6e3ec;}
    .MainContent .ListWrap .itemWrap .imgWrap {position:static;text-align:center;margin-top:10px;}
    .MainContent .ListWrap .itemWrap .detail {border:none;height:auto;margin:10px 0;}

    .MainContent .ListWrap .RightSideBar {display:none;}
    .MainContent .ListWrap .LeftContent {margin:0;padding:0;width:100%;}
    .MainContent .ListWrap .ProductList {margin:0;}

    .MainContent .ListWrap .ProductList .title_1 {background:url(/Templates/ecworkshop/images/arrow_right_4.png) 95% center no-repeat #d6e3ec;width:auto;border-bottom:1px dashed #ced3d9;cursor:pointer;height:40px;line-height:40px;padding:0 10px;color:#000;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;text-indent:0;}
    .MainContent .ListWrap .ProductList .title_1.hover {background:url(/Templates/ecworkshop/images/arrow_down.png) 95% center no-repeat #d6e3ec;}
    .MainContent .ListWrap .ProductList .title_1 span {display:block;}
    .MainContent .ListWrap .ProductList .title_2 {background:url(/Templates/ecworkshop/images/arrow_right_4.png) 95% center no-repeat #d6e3ec;width:auto;border-bottom:1px dashed #ced3d9;cursor:pointer;height:40px;line-height:40px;padding:0 10px;color:#000;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;text-indent:0;}
    .MainContent .ListWrap .ProductList .title_2.hover {background:url(/Templates/ecworkshop/images/arrow_down.png) 95% center no-repeat #d6e3ec;}
    .MainContent .ListWrap .ProductList .product {}
    .MainContent .ListWrap .ProductList .hotWrap {}
    .MainContent .ListWrap .ProductList .show {margin-bottom:40px;}
    .MainContent .ListWrap .News {display:none;}

    .MainContent .FeaturedBrands {display:none;}

     /* ItemDetail */
    .ItemContentCSS .itemNameContainer {border-bottom:none;}
    .ItemContentCSS .itemInTable, .itemInTable tbody, .ItemContentCSS .itemInTable tr {display:inline-block;width:100%;padding:3% 0;}
    .ItemContentCSS .itemContainer {margin-top:0;}
    .ItemContentCSS .itemContainer .itemDetail .iteminfotable .iteminfo1 {width:100%;/*font-weight:normal;*/}
    .ItemContentCSS .itemContainer .itemDetail .iteminfotable .iteminfo4 td {width:100%;display:inline-block;padding:1% 0;font-size:1em;}
    .ItemContentCSS .itemContainer .itemDetail .iteminfotable .iteminfo4 td + td {border-left:none;padding:1% 0;font-size:1.2em;}
    .iteminfo4 {border-top:1px solid #ccc;}
    .iteminfo4:first-child {border-top:none;}
    .ItemContentCSS .itemContainer .itemDetail .iteminfotable tr td + td {border-left:none;}
    .ItemContentCSS .itemContainer .itemDetail .iteminfotable #ctl01_ctl00_pageContent_itemOptionsTr td + td {padding-left:0;}
    #ctl01_ctl00_pageContent_itemOptionsTr td:first-child {display:none;}
    .ItemContentCSS .customMiddleItemTr .customMiddleItemBanner {width:100%;display:block;}
    #divPrice table {width:100%;padding:0;}
    #divPrice tr {display:inline-block;width:auto;padding:0;}
    .ItemContentCSS .iteminfotable #divPrice td.priceGroupCaption {padding:0;}
    #divPrice .myPriceGroup {padding-left:3%;}
    #divPrice table tbody {padding:1% 0 0 0;}
    #divPrice .myPriceGroup .price {padding:0 !important;}
    .ShareHolder {padding-top:10px;}

    /* Custom Items */
    .CustomPriceLink {padding:0;}
    .CustomPriceLink .PriceTitle {font-size:1.2em;font-weight:normal;}
    .CustomPriceLink br {display:none;}
    .CustomPriceLink .PriceLink {padding-left:3%;font-size:1.2em;text-decoration:none;}
    .ItemContentCSS .customMiddleItemTr {padding:0 !important;}
    .ItemContentCSS .customMiddleItemTr tbody, .ItemContentCSS .customMiddleItemTr tr, .ItemContentCSS .customMiddleItemTr td {padding:0;}
    .ItemContentCSS .customMiddleItemTr .customMiddleItemBanner .promotionBanner {width:100%;}
    .ItemContentCSS .customMiddleItemTr .customMiddleItemBanner .promotionBanner td {width:100%;display:inline-block;}
    .ItemContentCSS .product-label-detail {display:none;}
    .addThisCaption {width:100%;font-weight:normal;margin-bottom:5px;}
    .HelpLink {text-align:left;margin-top:20px;}

}

@media screen and (max-width:420px) {
    /* ItemGrid */
    .itemgridtb .itemGridTr .itemCell {height:240px;}
    .itemgridtb .itemGridTr .itemCell .ItemGridLeft .itempic {height:160px;}
    .itemgridtb .itemGridTr .itemCell .product-label.labelBottomLeft {/*bottom:22px;*/}
    .itemgridtb .itemGridTr .itemCell .product-label.labelBottomLeft img {width:70%;}
    .itemgridtb .itemGridTr .itemCell .ItemGridLeft .ItemGrid1 .itemName {font-size:11px;line-height:11px;height:33px;margin-bottom:10px;}
    .itemCell .RegularPrice {font-size:8px;}
    .itemgridtb .itemGridTr .itemCell .ItemGridLeft .ItemGrid1 .unitPrice {font-size:11px !important;}

    /* ItemDetail */
    .GoShop .GSBlock {font-size:12px;}
}

@media screen and (max-width:405px) {
    /* Header */
    .Header .Logo {margin-left:55px;width:30%;}

    /* DetailWrap */
    .Header .SiteMenuWrap .MenuBtn {margin:30px 18px 25px;}
}

@media screen and (max-width:380px) {
    /* Header */
    .Header .Logo {}
    .Header .HeaderRight .FacebookLike {margin:5px 0 5px 0;}
    .Header .HeaderRight .Language {margin:16px 0 15px 0;}
    .Header .HeaderRight .Search .searchPanel input[type="text"] {width:80%;}

    /* DetailWrap */
    .Header .SiteMenuWrap .MenuBtn {margin:0;top:-30px;padding-left:17px;}
    .Header .SiteMenuWrap .MenuContent {top:5px;}
}

/* ============================ Responsive End =========================== */

/* ============================ Tiny Carousel =========================== */
#slider1 {padding:40px 25px 10px 25px;}
#slider1 .viewport {width:840px;margin:auto;}

@media screen and (max-width:1000px) {
    #slider1 .viewport {width:700px;}
}

@media screen and (max-width:860px) {
    #slider1 .viewport {width:660px;}
}

@media screen and (max-width:720px) {
    #slider1 .viewport {width:520px;}
}

@media screen and (max-width:580px) {
    #slider1 .viewport {width:380px;}
}
/* ============================ Tiny Carousel End======================= */

.DetailWrap .Login { }

.colorNotSelected, .colorSelected, .sizeNotSelected, .sizeSelected { margin: 0 3px 3px 0; }

.p-icon {display:none !important;}

/* Last Modified by Vincent 8/10/2015*/