a{
text-decoration:none;
}
img {
	border:none;
}
html {
	overflow-Y:auto;
	overflow-X:auto;
//	-moz-user-select:none;
//	-webkit-user-select: none;
	-webkit-font-smoothing: antialiased;
}
button, input[type="button"], input[type="submit"] {
	-webkit-appearance: button;
}
input {
padding:0;
border-width:0;
font-family: 'Metrophobic', Arial, Helvetica, sans-serif;
}

.Body{
margin:0px 0px 0px 0px;
position:absolute;
width:100%;
font-family: 'Metrophobic', Arial, Helvetica, sans-serif;
font-size:24px;
color:#808080;
cursor:default; 
-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;
}
.Floating {
box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.ToolTip {
display: inline;
position: relative;
font-size:14px;
font-weight: normal;
line-height:18px;
}
.ToolTip:hover:after {
    background: [=Variables.Colors.Menu=];
    opacity:0.9;
    border-radius: 3px;
    bottom:100%;
    bottom: calc(100% + 6px);
    color: [=Variables.Colors.MenuText=];
    content: attr(tooltip);
    left: 0%;
    padding: 5px 15px;
    position: absolute;
    z-index: [=Variables.ZIndex.ToolTip=];
    width: 160px;
box-shadow: 0 0 10px rgba(0,0,0,0.75);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
}
.ToolTip:hover:before {
    border: solid;
    border-color: [=Variables.Colors.Menu=] transparent;
    opacity:0.9;
    border-width: 6px 6px 0 6px;
    bottom: 100%;
    content: "";
    left: 20%;
    position: absolute;
    z-index: [=Variables.ZIndex.ToolTip=];
}
.GridItem {
position:relative;
float:left;
margin:2px;
width:46px;
height:46px;
}
.HeaderItem {
position:relative;
float:left;
margin-left:-1px;
height: 60px;
line-height: 60px;
font-size:18px;
background-color:#ffffff;
cursor: pointer;
border:1px solid #cacaca;
}
.HeaderOption {
position:relative;
float:left;
width: 25%;
//max-width: 300px;
height: 100px;
line-height: 100px;
font-size:125%;
//background-color:#ffffff;
cursor: pointer;
//border:solid #cacaca;
}
.HeaderOption:hover {
color:#ffffff;
background-color:#cacaca;
}
.ListItem, .ListItemSelected {
position:relative;
float:left;
width:25%;
height:122px;
text-align:center;
font-size:100%;
cursor:pointer;
}
.ListItem {
color:#808080;
}
.ListItem:hover {
color:#ffffff;
background-color:#cacaca;
}
.ListItemSelected {
color:#ffffff;
background-color:#AFA580;
}
.ListImage {
position:relative;
width:100%;
height:50%;
margin-top:30px;
background-repeat:no-repeat;
background-position:center; 
background-size:contain;
}
.ListText {
display:none;
position:relative;
line-height:95%;
}
.ListBox {
position:absolute;
left:0px; right:0px; top:0px; bottom:0px;
border: solid #cacaca;
border-width: 1px 1px 1px 0px;
}

.ListPrev, .ListNext, .ListClose, .ListOpenClose, .ListClear {
position:relative;
float:left;
//margin:2px;
width:75px;
height:75px;
background-repeat:no-repeat;
background-position:center;
//background-color:#ffffff;
cursor:pointer;
}
.ListPrev {
background-image:url(images/prev-icon.png);
}
.ListNext {
background-image:url(images/next-icon.png);
}
.ListClose {
margin-top: 12px;
background-image:url(images/delete-icon.png);
background-size: 48px;
}
.ListOpenClose {
margin-top:15px;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
background-size:64px;
background-image:url(images/question-icon.png);
-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.ListClear {
margin-top:15px;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
background-size:50px;
background-image:url(images/delete-icon.png);
-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.ListLogo {
display:none;
position:relative;
float:left;
margin-left:1px;
width:calc(100% - 80px); 
height:100px;
background-repeat: no-repeat;
background-position:center;
cursor:pointer;
}
.ListClose:hover, .ListOpenClose:hover, .ListClear:hover {
background-color:#cacaca;
}


.ShopsBox {
display:none;
position:fixed;
left:10%;
right:10%;
top:253px;
bottom:10%;
padding:1%;
color:#ffffff;
background-color:#AFA580;
cursor:pointer;
z-index:25;
}
.ShopsBoxPoint {
display:none;
position:absolute;
left:50%;
left:calc(50% - 15px);
bottom: -15px;
border:solid;
border-color:#AFA580 transparent; 
border-width:0 14px 14px 14px;
z-index:30;
}

.ShopItem {
position:relative;
float: left;
width:33.333%;
padding-bottom:20%;
color:#808080;
cursor:pointer;
}
.ShopLogo {
position:relative;
position:absolute;
left:10px;
right:10px;
top:10px;
bottom:10px;
}

.ShopLogoImage {
position:absolute; top:50%; left:50%; max-width:90%; max-height:90%; transform: translate(-50%, -50%);
}
.HistoryBox {
display:none;
position:fixed;
left:1%;
right:30%;
top:100px;
bottom:5%;
padding:5px;
font-size:200%;
line-height:200%;
color:#ffffff;
background-color:#AFA580;
cursor:pointer;
z-index:25;
}
.HistoryBoxPoint {
position:absolute;
left:25px;
top: -14px;
z-index:10;
border:solid;
border-color:#AFA580 transparent; 
border-width:0 14px 14px 14px;
}

.RefineBox {
display:none;
position:fixed;
left:1%;
right:40%;
top:110px;
bottom:5%;
padding:5px;
font-size:200%;
line-height:200%;
color:#ffffff;
background-color:#AFA580;
cursor:pointer;
z-index:25;
}
.RefineBoxPoint {
position:absolute;
left:calc(2% + 1px);
top: -14px;
z-index:10;
border:solid;
border-color:#AFA580 transparent; 
border-width:0 14px 14px 14px;
}

.RefineKey {
position:relative;
background-color:#F5F0DC;
color:#000000;
cursor:pointer;
}
.RefineKey:hover {
background-color:#AFA580;
color:#ffffff;
}
.RefineItem {
position:relative;
color:#808080;
cursor:pointer;
}
.RefineItem:hover {
background-color:#AFA580;
color:#ffffff;
}
.RefineText {
position:relative;
float:left;
margin-left:2%;
max-width:64%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.RefineResults {
position:relative;
float:right;
text-align:right;
margin-right:2%;
max-width:30%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.RefineDelete {
position:relative;
float:right;
margin-top:18px;
margin-right:2%;
width:64px;
height:64px;
background-repeat:no-repeat;
background-position:center;
background-image:url(images/delete-icon.png);
background-size:contain;
}
.RefineDelete:hover {
background-image:url(images/delete-black.png);
}

.HistoryItem {
position:relative;
color:#808080;
cursor:pointer;
}
.HistoryText {
position:relative;
float:left;
margin-left:2%;
max-width:90%;
max-width:calc(96% - 64px);
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.HistoryResults {
display:none;
position:relative;
float:right;
text-align:right;
margin-right:2%;
max-width:20%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.HistoryDelete {
position:relative;
display:none;
float:right;
margin-top:18px;
margin-right:2%;
width:64px;
height:64px;
background-repeat:no-repeat;
background-position:center;
background-image:url(images/delete-icon.png);
background-size:contain;
}

.ItemSize1, .ItemSize2, .ItemSize3, .ItemSize4 {
position:absolute; 
border:1px solid #AFA580;
background-color:#ffffff;
-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.ItemSize1 {
left:5px; top:5px;
width:15px; height:15px; 
}
.ItemSize2 {
right:5px; bottom:5px; 
width:22.5px; height:22.5px;
}
.ItemSize3 {
right:5px; top:5px;
width:30px; height:30px;
}

.ItemSize4 {
left:5px; bottom:5px; 
width:45px; height:45px;
}
.CategoryGrid {
display: grid;
position:absolute;
left:0px;
right:76px;
font-size:75%;
grid-auto-flow: column;
grid-template-columns: auto;
grid-template-rows: auto auto;
line-height:50px;
grid-gap:1px;
}
.CategoryGridItem {
color:#ffffff;
background-color:#AFA580;
text-align: center;
}
.CategoryGridItem:hover {
background-color:#cacaca;
}
.CategoryBox {
display:none;
position:fixed;
top:253px;
right:30%;
left:1%;
bottom:10%;
font-size:150%;
line-height:200%;
padding:1%;
color:#ffffff;
background-color:#AFA580;
z-index:25;
}
.CategoryBoxPoint {
display:none;
position:absolute;
left:50%;
left:calc(50% - 15px);
bottom: -15px;
z-index:30;
border:solid;
border-color:#AFA580 transparent; 
border-width:0 14px 14px 14px;
}

.CategoryHeadItem, .CategoryHead, .CategoryItem {
position:relative;
}
.CategoryHead {
background-color:#AFA580;
}
.CategoryHeadItem, .CategoryItem {
color:#808080;
background-color:#ffffff;
cursor:pointer;
}

.CategoryHeadText, .CategoryText {
position:relative;
float:left;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.CategoryHeadText {
margin-left:1%;
}
.CategoryText {
margin-left:10%;
}
.CategoryResults {
position:relative;
float:right;
text-align:right;
margin-right:20px;
max-width:33%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.CategoryBack {
position:relative;
float:right;
margin-top:20px;
margin-right:10px;
width:64px;
height:64px;
background-repeat:no-repeat;
background-position:center;
background-image:url(images/back.png);
}

.CategoryHeadItem:hover, .CategoryItem:hover {
color:#ffffff;
background-color:#cacaca;
}
.CategoryHeadItem:hover .CategoryBack {
background-image:url(images/back-hot.png);
}

.SearchBox {
position:relative;
float:left;
width:100%;
height:120px;
background-color:#ffffff;
border:1px solid #cacaca;
}
.SearchText, .SearchLabel  {
position: absolute;
left:75px;
top: 3px;
height:100px; 
line-height:100px;
font-size:200%; 
}
.SearchText {
background-color: transparent;
width:75%;
padding-left: 5px;
padding-right: 5px;
outline-style: none;
text-align: left;
text-transform:lowercase;
}
.SearchLabel {
display:none;
padding-left:5px; 
color:#808080; 
cursor: text;
}
.SearchBoxButton {
display:none;
position:absolute;
top:5px; right:5px;
-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
background-color:#cacaca;
background-image:url(images/search.png);
background-repeat:no-repeat;
background-position:center;
width: 40px;
height: 80px;
cursor:pointer;
}
.SortItem, .SortItemSelected {
position:relative;
float:left;
margin-left:10px;
margin-bottom:10px;
width:100px;
height:100px;
line-height:100px;
text-align:center;
//font-size:18px;
//background-color:#ffffff;
cursor:pointer;
border:1px solid #cacaca;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.SortItem {
color:#ffffff;
}
.SortItemSelected {
color:#808080;
background-color:#ffffff;
}
.SortItem:hover {
background-color:#cacaca;
}

.SortRange, .SortRangeSelected {
position:relative;
float:left;
margin:2px;
margin-left:20px;
width:98px;
text-align:center;
height:46px;
line-height:46px; 
color:#808080;
//background-color:#ffffff;
cursor:pointer;
}
.SortRangeSelected {
color:#ffffff;
background-color:#808080;
}

.SortArrow {
width:46px; height:23px; position:relative; background-repeat: no-repeat; background-position:center; background-image:url(images/arrow-icon.png);
}
.SortBox {
position:fixed;
top:253px;
right:7.5%; 
right:calc(7.5% - 15px);
width:234px;
padding:5px;
color:#ffffff;
background-color:#AFA580;
cursor:pointer;
z-index:25;
}
.SortBoxPoint {
display:none;
position:absolute;
left:50%;
left:calc(50% - 15px);
bottom: -15px;
z-index:30;
border:solid;
border-color:#AFA580 transparent; 
border-width:0 14px 14px 14px;
}

.PriceBox {
display:none;
position:fixed;
top:253px;
right: 18.5%;
right: calc(18.5% - 22px);
padding:15px;
color:#ffffff;
background-color:#AFA580;
cursor:default;
z-index:25;
}
.PriceBoxPoint {
display:none;
position:absolute;
left:50%;
left:calc(50% - 15px);
bottom: -15px;
z-index:30;
border:solid;
border-color:#AFA580 transparent; 
border-width:0 14px 14px 14px;
}

.PriceGrid {
display: grid;
grid-auto-flow: row;
grid-template-columns: auto auto auto auto;
grid-template-rows: auto auto auto auto;
line-height:100px;
grid-gap:10px;
}
.PriceItem, .PriceItemSelected, .PriceItemActive {
position:relative;
float:left;
width:100px;
text-align: center;
font-size:auto;
border:1px solid #cacaca;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
cursor:pointer;
}
.PriceItem {
padding:3px;
color:#ffffff;
background-color:#AFA580;
}
.PriceItem:hover {
background-color:#cacaca;
}

.PriceItemSelected {
padding:3px;
background-color:#ffffff;
color:#AFA580;
}

.PriceItemActive {
border:4px solid #ffffff;
}
.PriceItemActive:hover {
background-color:#cacaca;
}


.UserItem, .UserItemSelected {
position:relative;
margin-left:15px;
width:50px;
height:40px;
background-repeat:no-repeat;
background-position:center;
background-image:url(images/user-icon.png);
}

.UserItem {
color:#808080;
}
.UserItemSelected {
color:#ffffff;
background-color:#808080;
}

.LoginBox {
display:none;
position:absolute;
top:76px;
left:0px; 
width:400px;
padding:0px 15px 15px 15px;
background-color:#808080;
cursor:default;
z-index:25;
}

.InputHolder {
position:relative;
left:0px;
right:0px;
line-height:28px;
background-color:#ffffff;
padding:5px;
}
.InputText {
width:100%;
border:none;
background-color:transparent;
outline-style:none;
font-weight: bold;
font-size:18px;
line-height:24px
}

.Button {
border:1px solid #ffffff;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
position:relative;
float:right;
margin-top:20px;
width:100px;
height:40px;
font-size:18px;
line-height:38px;
text-align:center;
cursor:pointer; 
color:#000000;//#000000;; 
background-color:#ffffff;//#cacaca;
}
.Scroll, .ScrollTop, .ScrollBottom {
position:fixed; 
right:0px; width:70px; height:79px;
background-color:#ffffff;
border:solid #cacaca; cursor:pointer;
border-width: 1px 0px 1px 1px;
border-radius: 20px 0px 0px 20px;
overflow:hidden;
z-index:18;
}
.ScrollTop {
top:400px;
}
.ScrollBottom {
top:80%;
}
.ScrollImage {
position: absolute;
left:0px;
width:80px;
height:40px;
background-repeat:no-repeat;
background-position:center;
}
.ScrollText {
position:absolute;
left:0px; 
width:80px;
height:40px; 
line-height:40px; 
text-align:center; 
}

.ScrollCount {
position:fixed; 
top:50%;
right:0px;
padding:10px;
//width:70px;
//height:70px;
//line-height:70px;
//font-size:14px;
text-align:center;
background-color:#ffffff;
border:solid #cacaca; cursor:pointer;
border-width: 1px 0px 1px 1px;
}

.ListChunk, .FillerChunk {
}
.Spinner {
  position: absolute;
  height: 60px;
  width: 60px;
  left:calc(50% - 30px);
  top:calc(50% - 90px);
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
//  border-left: 6px solid rgba(255, 0, 0, .75);
//  border-right: 6px solid rgba(0, 255, 0, .75);
//  border-bottom: 6px solid rgba(0, 0, 255, .75);
//  border-top: 6px solid rgba(0, 174, 239, .75);
  //border-radius: 100%;
}

@-webkit-keyframes rotation {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); }
}

@-moz-keyframes rotation {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(359deg); }
}

@-o-keyframes rotation {
  from { -o-transform: rotate(0deg); }
  to { -o-transform: rotate(359deg); }
}

@keyframes rotation {
  from { transform: rotate(0deg); }
  to { transform: rotate(359deg); }
}

.SpinnerBox {
position:absolute; 
width:20px; 
height:20px;
-webkit-transition:background-color 0.5s ease; -moz-transition:background-color 0.5s ease; -o-transition:background-color 0.5s ease; transition:background-color 0.5s ease;
}
.Pulse, .Loader, .InfoPulse {
  -webkit-animation: Pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@-webkit-keyframes Pulsate {
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.Loader {
  position: relative;
  height: 60px;
  width: 60px;
  margin-left:100px;
  margin-top:60px;
  border: 3px solid #808080;
}
.FavBox {
display:none;
position:absolute;
top:135px;
left:50%;
left: calc(50% - 115px);
padding:5px;
color:#ffffff;
background-color:#AFA580;
cursor:pointer;
z-index:25;
}
.FavBoxImage {
position:relative;
width:200px;
height:200px;
background-repeat: no-repeat;
background-position:center;
background-size: contain;
}
.FavBoxPoint {
position:absolute;
left: calc(50% - 14px);
top: -14px;
z-index:10;
border:solid;
border-color:#AFA580 transparent; 
border-width:0 14px 14px 14px;
}

.FavBoxList {
position:relative;
color:#808080;
line-height:30px;
}
.FavBoxItem {
position:relative;
width: 300px;
height: 50px;
color:#808080;
line-height:50px;
cursor:pointer;
}
.FavBoxText {
position:relative;
float:left;
margin-left:10px;
max-width:200px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}

.FiltersHead {
position:relative;
width:100%;
margin-bottom:5px;
}
.FiltersHeadText {
position:relative;
//float:left;
margin-left:-1px;
width:282px;
line-height:30px;
padding:10px;
font-size:20px;
//background-color:#808080;
color:#ffffff;
cursor:pointer;
}
.Filters {
display:none;
position:relative;
float:left;
width:302px;
margin-left:-1px;
margin-top:-1px;
font-size:18px;
overflow: hidden;
-webkit-transition:max-height 0.5s ease; -moz-transition:max-height 0.5s ease; -o-transition:max-height 0.5s ease; transition:max-height 0.5s ease;
}

.FilterItems {
position:relative;
//margin-bottom:10px;
width:300px;
border:1px solid #cacaca;
overflow: hidden;
-webkit-transition:max-height 0.5s ease; -moz-transition:max-height 0.5s ease; -o-transition:max-height 0.5s ease; transition:max-height 0.5s ease;
}


.Detail {
display:none; 
position:fixed;
left:0px; right:0px; top:0px; bottom:0px; border:1% solid #ffffff;
background-color:#ffffff;
z-index:25;
-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
line-height:150%;
font-size:200%;
//opacity:0.97;
}

.DetailLogo {
position: absolute; 
top:10%; left:10%; 
bottom:10%; right:10%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.DetailImages {
position:relative;
width:100%;
height:80%;
margin-bottom:2%;
overflow:hidden;
//scroll-snap-type: x mandatory;
//scroll-snap-points-y: repeat(100vw);
//scroll-snap-stop: always;
}
.DetailImagesHolder {
position:absolute;
width:100vw;
height:100%;
-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.DetailImageHolder {
position:relative;
float:left;
width:100vw;
height:100%;
text-align:center;
//scroll-snap-align: start;
}
.DetailImage {
position:relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.DetailThumbs {
position:relative;
margin-left:15%;
width:70%;
text-align:center;
}
.DetailThumb {
position:relative;
float:left;
margin:1% 2%;
width: 12%;
padding-bottom:12%;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
cursor:pointer;
-webkit-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease; 
}
.DetailThumb:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.DetailTitle {
position:relative;
text-align:center;
margin:1% 10%;
line-height:120%;
overflow:hidden;
color:#AFA580;
}
.DetailText {
display:inline-block;
position:relative;
left:50%;
margin-bottom:1%;
max-width:100%;
font-size:65%;
line-height:125%;
color:#808080;
transform: translateX(-50%);
}
.DetailIndex {
position:absolute; bottom:5px; right:5px;
width: 32px;
line-height: 32px;
text-align: center;
color:#cacaca;
font-size:10px;
background-image:url(images/fav-icon.png);
background-repeat:no-repeat;
background-position:center;
}
.DetailPrice {
position:relative;
float:left;
margin-left:20px;
padding:20px 20px;
background-color:#ffffff;
color:#404040;
border:1px solid #808080;
}
.DetailButton {
position:relative;
float:right;
line-height:100%;
margin-right:20px;
padding:20px 20px;
text-align:center;
color:#ffffff;
background-color:#AFA580;
border:1px solid #cacaca;
}

.DetailFav, .DetailRemove {
position:relative;
float:right;
margin-right:20px;
height:56px;
width:56px;
background-color:#AFA580;
border:1px solid #cacaca;
background-repeat:no-repeat;
background-position:center;
}
.DetailFav {
background-image:url(images/fav-select.png);
}
.DetailRemove {
background-image:url(images/delete-icon.png);
}
.DetailClose {
position:absolute;
right:20px; top:40%;
width:15%; padding-bottom:15%;
background-size:50% 50%;
background-image:url(images/delete-white.png);
background-repeat:no-repeat;
background-position:center;
cursor:pointer;
background-color:#AFA580;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
opacity:0.7;
}
.DetailClose:hover {
background-color:#867b5a;
opacity:1;
}
.DetailLeft, .DetailRight {
position:absolute;
top:50%;
transform: translatey(-50%);
width:15%; padding-bottom:15%;
background-size:50% 50%;
background-repeat:no-repeat;
background-position:center;
cursor:pointer;
background-color:#AFA580;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
opacity:0.5;
}
.DetailLeft {
left:-20%;
background-image:url(images/back-hot.png);
}
.DetailRight {
right:-20%;
background-image:url(images/next-hot.png);
}
.DetailLeft:hover, .DetailRight:hover {
background-color:#867b5a;
opacity:1;
}

.FavListItem {
position:relative;
color:#808080;
cursor:pointer;
}
.FavListText {
position:relative;
float:left;
margin-left:5%;
max-width:90%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.FavListDelete, .FavListEdit, .FavListSpacer {
position:relative;
margin-top:9px;
margin-right:12px;
width:75px;
height:75px;
background-repeat:no-repeat;
background-position:center;
background-size:64px;
}
.FavListDelete {
float:right;
background-image:url(images/delete-icon.png);
}
.FavListEdit {
float:left;
background-image:url(images/edit-icon.png);
}
.FavListSpacer {
float:left;
}
.FavListInputHolder {
display:none;
position:relative;
float:left;
top:1px;
margin-left:4px;
background-color:#ffffff;
padding:5px;
border:1px solid #cacaca;
}
.FavListInput {
width:100%;
border:none;
background-color:transparent;
outline-style:none;
font-weight: bold;
font-size:100%;
}
.FavListBox {
display:none;
position:fixed;
top:141px;
right:20%;
left:20%;
bottom:10%;
font-size:200%;
line-height:200%;
padding:1%;
color:#ffffff;
background-color:#AFA580;
cursor:pointer;
z-index:25;
}
.FavListBoxPoint {
position:absolute;
left:79.5%;
top: -14px;
z-index:10;
border:solid;
border-color:#AFA580 transparent; 
border-width:0 14px 14px 14px;
}

.Item, .ItemFiller {
position:relative;
float:left;
margin-left:-1px;
margin-top:-1px;
border:1px solid #cacaca;
}
.Item {
cursor:pointer;
font-size:75%;
line-height:20px;
}
.Item300 {
width:33%;
width:calc(33.33% - 1px);
padding-bottom:33.33%;
font-size:1.8vw;
line-height:2.2vw;
}
.Item400 {
width:49%;
width:calc(50% - 1px);
padding-bottom:50%;
font-size:2.5vw;
line-height:2.9vw;
}
.Item600 {
width:100%;
width:calc(100% - 1px);
padding-bottom:100%;
font-size:5vw;
line-height:6vw;
}
.ItemHolder {
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
padding:10px;
color:#ffffff;
background-color:#ffffff;
-webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; transition:all 0.1s ease;
}
.ItemFilter {
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
border:4px solid;
color:#ffffff;
-webkit-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -o-transition:color 0.5s ease; transition:color 0.5s ease;
}
.ItemImage, .ItemImage2 {
position:absolute;
left:50%;
top:50%;
transform: translate(-50%, -50%);
max-height:100%;
max-width:100%;
min-width:50%;
//vertical-align: middle;
}
.ItemImage2 {
display:none;
}
.ItemLogo {
position:absolute;
top:2%;
left:2%;
max-width:33.33%;
max-height:16.665%;
padding:2%;
}
.ImageHolder {
position: absolute;
left: 2%;
right: 20%;
top: 2%;
bottom: 18%;
text-align:center;
}
.ImageHelper {
display: inline-block; height: 100%; vertical-align: middle;
margin-left:-6px;
}
.ItemTitle {
position:absolute;
overflow:hidden;
left: 10px;
right: 10px;
bottom: 10px;
height:15%; 
text-align:center;
color:#808080;
}
.ItemPrice {
position:absolute;
top:0px;
right:0px;
padding:5px 10px;
color:#ffffff;
background-color:#AFA580;
border-bottom:1px solid #cacaca;
border-left:1px solid #cacaca;
border-bottom-left-radius:4px;
}
.ItemIndex, .ItemRemove, .ItemViewed, .ItemNotViewed, .ItemClicked, .ClickedRemove, .ItemFav, .ItemHot {
position:absolute;
right:2%;
width:15%;
height:15%;
background-repeat:no-repeat;
background-position:center;
background-size:60%;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}
.ItemIndex, .ItemRemove, .ItemFav, .ItemHot {
top:12%;
}
.ItemIndex {
background-image:url(images/fav-add.png);
}
.ClickedRemove:hover {
background-color:#cacaca;
}
.ItemIndex:hover {
background-color:#cacaca;
}
.ItemRemove, .ClickedRemove {
background-image:url(images/delete-icon.png);
}
.ItemFav {
color:#ffffff;
background-color:#AFA580;
background-image:url(images/fav-select.png);
background-size:60%;
}
.ItemHot {
//border:2px solid #AFA580;
background-image:url(images/fav-add.png);
//background-size:24px;
}
.ItemViewed, .ItemNotViewed, .ItemClicked, .ClickedRemove {
top:26%;
}
.ItemViewed {
background-image:url(images/viewed-icon.png);
}
.ItemClicked {
background-image:url(images/clicked.png);
}
.ItemThumb {
position:absolute;
bottom:20%;
right:5%;
width: 10%;
height: 16.66%;
background-repeat:no-repeat;
background-position:center;
background-size: cover;
}

.ItemFavBox {
position: fixed;
top: 250px;
left: 20%;
right: 20%;
bottom: 20%;
padding: 5px;
font-size: 200%;
line-height: 200%;
color:#ffffff;
background-color:#AFA580;
cursor:pointer;
z-index:25;
}
.ItemFavBoxPoint {
position:absolute;
top:24px;
right: -14px;
z-index:10;
border:solid;
border-color:transparent #AFA580; 
border-width:14px 0 14px 14px;
}

.ItemFavBoxItem {
position:relative;
color:#808080;
cursor:pointer;
}
.ItemFavBoxText {
position:relative;
float:left;
margin-left:5%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.ItemFavBoxDelete {
position:relative;
float:right;
margin-top:5px;
width:64px;
height:64px;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
background-image:url(images/delete-icon.png);
}

.ItemFavBoxItem:hover {
color:#ffffff;
background-color:#AFA580;
}
.ItemBanner {
position:relative;
float: left;
width: 100%;
margin-bottom:15px;
text-align:center;
-webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; transition:all 1.0s ease;
overflow:hidden;
}
.ItemBanner300 {
max-width:300px;
max-height:300px;
}
.ItemBanner400 {
max-width:400px;
max-height:400px;
}
.ItemBanner600 {
max-width:600px;
max-height:600px;
}
.ItemBannerImage {
position:relative;
max-width:100%;
max-height:500px;
-webkit-transition:all 1.0s ease; -moz-transition:all 1.0s ease; -o-transition:all 1.0s ease; transition:all 1.0s ease;
}
.ItemBannerLogo {
position:absolute;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}
.ItemSquare {
}

.ItemSquareLogo {
position:absolute;
top:0px;
right:5px;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}



.OpenClose, .PlusMinus, .Up, .Down, .Plus, .Minus, .Prev, .Next, .Remove, .Edit, .Share {
position:relative;
float:left;
margin-left: 5%;
width:75px;
height:75px;
background-repeat:no-repeat;
background-position:center;
background-size:64px;
}
.OpenClose {
background-image:url(images/open.png);
-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.PlusMinus {
background-image:url(images/minus.png);
}

.Up {
background-image:url(images/top-white.png);
}
.Down {
background-image:url(images/bottom-white.png);
}

.Prev {
background-image:url(images/prev-icon.png);
}
.Next {
background-image:url(images/next-icon.png);
}

.Plus {
background-image:url(images/plus.png);
}
.Minus {
background-image:url(images/minus.png);
}
.Remove {
background-image:url(images/delete-white.png);
}
.Edit {
background-image:url(images/edit-select.png);
}
.Share {
background-image:url(images/share-select.png);
}

.Rotate180 {
-webkit-transform: rotateZ(-180deg);
-moz-transform: rotateZ(-180deg);
-ms-transform: rotateZ(-180deg);
-o-transform: rotateZ(-180deg);
transform: rotateZ(-180deg);
}
.Minus:hover, .Edit:hover {
background-color:#cacaca;
}

.Dialogue {
display:none;
position:absolute; 
border:2px solid #000000;
color:#ffffff;
background-color:#AFA580;
line-height:125%;
text-align:center;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.DlgLogo {
position:absolute; 
filter:Alpha(Opacity=10); opacity:0.1; 
left:10px; top:10px; right:10px; bottom:10px; 
background-color:#cacaca;
background-image:url(images/images/); 
background-repeat:no-repeat; 
background-size:contain; 
background-position:center;
z-index:50;

}
.DlgLine {
position:relative;
font-size:12px;
line-height:24px;
margin-top:10px;
z-index:50;
}
.DlgInputHolder, .DlgPassword {
position:relative;
float:left;
height:100%;
padding-left: 5px;
padding-right: 5px;
color:#000000;
background-color:#ffffff;
border:1px solid #cacaca;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.DlgPassword {
width:200px;
}
.DlgInputText {
width:100%;
line-height:30px;
outline-style:none;
text-align:left;
border: none;
}
.DlgLabel {
margin-left:5px;
margin-right:10px;
font-size:12px;
font-weight:bold;
text-align:right;
float:left;
width:120px;
}

.DlgBtn, .DlgBtnInActive {
position:relative;
padding:3% 12%;
font-size:100%;
text-align:center;
line-height:100%;
cursor:pointer;
color:#000000;;
background-color:#ffffff;
border:1px solid #ffffff;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
z-index:50;
}
.DlgBtnInActive {
background-color:#cacaca;
color:#000000;
}
.DlgClose {
position:absolute;
right:-32px; top:-32px;
width:64px; height:64px;
background-image:url(images/delete-white.png);
background-repeat:no-repeat;
background-size:30px 30px;
background-position:center;
cursor:pointer;
background-color:#cacaca;
background-color:#AFA580;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}

.DlgBtn:hover {
background-color:#cacaca;
color:#ffffff;;
}
.DlgClose:hover {
background-color:#cacaca;
}