@charset "UTF-8";
    body,input,textarea,button,legend{
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    color:#333
}
html:lang(th-Th) body,html:lang(th-Th) input,html:lang(th-Th) textarea,html:lang(th-Th) button,html:lang(th-Th) legend{
    font-family:"Sukhumvit Set",sans-serif
}
*{
    margin:0;
    padding:0
}
body{
    font-size:10px;
    line-height:1.7em
}
html:lang(th-Th) body{
    font-size:11px
}
body.ns-bg,body.ns{
    background-color:#f1f1f1
}
body.bg3{
    background:#f3f4f5
}
img,abbr,fieldset{
    border:0
}
table{
    border-collapse:collapse;
    border-spacing:0
}
th{
    font-weight:normal
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
    font-size:1em
}
ul,ol{
    list-style:none
}
hr{
    display:none
}
#error-message{
     background-color: #de4343;
     border-color: #c43d3d;
	 background-size: 40px 40px;
	 background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);                                      
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     border: 1px solid;
     color: #fff;
     padding: 8px;
     position: absolute;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     animation: animate-bg 5s linear infinite;
	 margin: 0 0 5px 69px;
}
.clearfix:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden
}
.xs,.replaced,.a11y{
    position:absolute !important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px,1px,1px,1px)
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input[type=text]::-ms-clear{
    display:none
}
.nojs .xs-no-js,.js .xs-js{
    display:none
}
@media only screen and (max-device-width:375px){
    html{
    -webkit-text-size-adjust:none
}

}
@media only screen and (max-device-width:360px){
    html{
    -webkit-text-size-adjust:none
}

}
body>.page,#page{
    margin:0 auto;
    width:980px;
    text-align:left;
    padding-bottom:20px
}
body>.page,#page{
    *position:relative;
    *zoom:1
}

.button{
    display:inline-block;
    border:0;
    background-color:transparent;
    cursor:pointer;
    border-collapse:separate;
    overflow:visible;
    position:relative;
    font:11px/1.5 "Lucida Grande",Helvetica,Arial,Verdana,sans-serif
}
html:lang(th-Th) .button{
    font-family:"Sukhumvit Set",sans-serif
}
.button>span{
    color:white;
    font:12px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
    line-height:1;
    text-align:center;
    position:relative;
    display:inline-block;
    white-space:nowrap;
    letter-spacing:0;
    word-spacing:0;
    border:1px solid #224272;
    padding:4px 25px;
    padding-top:5px 0/;
    padding-bottom:3px 0/;
    background:url(common/src/store/base/patterns/buttons/css/bg/button_colors.png) repeat-x #224272;
    background-size:8px 22px;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:alpha(opacity=100);
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    box-shadow:0 1px 2px rgba(0,0,0,0.4);
    -webkit-transition:opacity 800ms;
    -moz-transition:opacity 800ms;
    transition:opacity 800ms
}
html:lang(th-Th) .button>span{
    font-family:"Sukhumvit Set",sans-serif
}
html:lang(en-TH) .button>span{
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif
}
.button:focus>span{
    -webkit-box-shadow:0 0 6px #007eff;
    -moz-box-shadow:0 0 6px #007eff;
    box-shadow:0 0 6px #007eff
}
.button:focus{
    outline:1px dotted black 0/
}
.button:hover{
    text-decoration:none
}
.button:-moz-focusring{
    outline:1px dotted
}
.button.disabled>span,.button.disabled:hover>span{
    cursor:default;
    opacity:.5;
    filter:alpha(opacity=50);
    -ms-filter:alpha(opacity=50)
}
.button.rect.disabled{
    opacity:.5;
    filter:alpha(opacity=50);
    -ms-filter:alpha(opacity=50);
    background:#4c88bc
}
.button.tight-fit>span{
    padding-left:15px;
    padding-right:15px
}
.compound-button.tight-fit .button>span{
    padding-left:10px
}
.button.skin-tight>span{
    padding-left:10px;
    padding-right:10px
}
.button.small>span{
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    font-size:.8em;
    vertical-align:baseline;
    padding:2px 12px;
    padding-top:3px 0/;
    padding-bottom:1px 0/
}
.button>span,.button.disabled:hover>span,.button.primary>span,.button.primary.disabled:hover>span{
    background-color:#224272;
    border-color:#224272
}
.button:hover>span,.button.primary:hover>span,.button:focus>span,.button.primary:focus>span{
    background-color:#2e5999;
    border-color:#2e5999
}
.button.alt>span,.button.alt.disabled:hover>span,.button.secondary>span,.button.secondary.disabled:hover>span{
    background-color:#666;
    border-color:#666;
    color:white
}
.button.alt:hover>span,.button.secondary:hover>span,.button.alt:focus>span,.button.secondary:focus>span{
    background-color:#333;
    border-color:#333
}
.button.alt.ftr{
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    box-shadow:0 1px 2px rgba(0,0,0,0.4);
    background-color:#333;
    border-color:#333;
    background:url(common/src/store/base/patterns/buttons/css/bg/button_colors.png) repeat-x #333
}
.button.transactional>span,.button.transactional.disabled:hover>span{
    background-color:#039909;
    border-color:#039909
}
.button.transactional.ftr{
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    box-shadow:0 1px 2px rgba(0,0,0,0.4);
    background-color:#039909;
    border-color:#039909;
    background:url(common/src/store/base/patterns/buttons/css/bg/button_colors.png) repeat-x #039909
}
.button.transactional:hover>span,.button.transactional:focus>span{
    background-color:#027f07;
    border-color:#027f07
}
.button.community>span,.button.community.disabled:hover>span{
    background-color:#ff6224;
    border-color:#ff6224
}
.button.community:hover>span,.button.community:focus>span{
    background-color:#ff501a;
    border-color:#ff501a
}
.button.account>span,.button.account.disabled:hover>span{
    background-color:#08c;
    border-color:#08c
}
.button.account.ftr{
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    box-shadow:0 1px 2px rgba(0,0,0,0.4);
    background-color:#08c;
    border-color:#08c;
    background:url(common/src/store/base/patterns/buttons/css/bg/button_colors.png) repeat-x #08c
}
.button.account.fr{
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    box-shadow:0 1px 2px rgba(0,0,0,0.4);
    background-color:#08c;
    border-color:#08c;
    background:url(common/src/store/base/patterns/buttons/css/bg/button_colors.png) repeat-x #08c
}
.button.account:hover>span,.button.account:focus>span{
    background-color:#0b7acc;
    border-color:#0b7acc
}
.button.holiday>span{
    border-color:#a13c3b;
    background:-webkit-gradient(linear,left top,left bottom,from(#d54c4c),to(#bb2829));
    -webkit-box-shadow:inset 0 1px 0 #dd6e6d,0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow:inset 0 1px 0 #dd6e6d,0 1px 1px rgba(0,0,0,0.4);
    box-shadow:inset 0 1px 0 #dd6e6d,0 1px 1px rgba(0,0,0,0.4)
}
.button.valentines>span{
    border-color:#a91d6c;
    background:-webkit-gradient(linear,left top,left bottom,from(#eb79a5),to(#e33395));
    -webkit-box-shadow:inset 0 1px 0 #ef94b5,0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow:inset 0 1px 0 #ef94b5,0 1px 1px rgba(0,0,0,0.4);
    box-shadow:inset 0 1px 0 #ef94b5,0 1px 1px rgba(0,0,0,0.4)
}
.button.halloween>span{
    color:black;
    border-color:#bd5e17;
    background-color:#bd5e17
}
.ns .button.community-alt>span,.button.community-alt>span{
    line-height:30px;
    height:30px;
    padding:0 25px;
    min-width:35px;
    background:url(common/src/store/base/patterns/buttons/css/bg/community-alt-sm.png) repeat-x;
    background:-webkit-gradient(linear,left top,left bottom,from(#ffb242),to(#ff4b00));
    background:-moz-linear-gradient(-90deg,#ffb242 0,#ff4b00 100%);
    background-size:1px 30px;
    border:1px solid #ff9100;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
    -webkit-box-shadow:rgba(20,20,20,0.2) 0 0 1px;
    -moz-box-shadow:rgba(20,20,20,0.2) 0 0 1px;
    box-shadow:rgba(20,20,20,0.2) 0 0 1px;
    font-size:14px
}
.large .button.community-alt>span,.button.community-alt-large>span{
    line-height:38px;
    height:38px;
    padding:0 30px;
    min-width:40px;
    background:url(common/src/store/base/patterns/buttons/css/bg/community-alt-lg.png) repeat-x;
    background:-webkit-gradient(linear,left top,left bottom,from(#ffb242),to(#ff4b00));
    background:-moz-linear-gradient(-90deg,#ffb242 0,#ff4b00 100%);
    background-size:1px 38px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    font-size:16px
}
.ns .button.community-alt:hover>span,.ns .large .button.community-alt:hover>span,.ns .button.community-alt-large:hover>span,.ns .button.community-alt:focus>span,.ns .large .button.community-alt:focus>span,.ns .button.community-alt-large:focus>span .button.community-alt:hover>span,.large .button.community-alt:hover>span,.button.community-alt-large:hover>span,.button.community-alt:focus>span,.large .button.community-alt:focus>span,.button.community-alt-large:focus>span{
    background:-webkit-gradient(linear,left top,left bottom,from(#ffc252),to(#ff5b10));
    background:-moz-linear-gradient(-90deg,#ffc252 0,#ff5b10 100%);
    border:1px solid #ff9100
}
.button.community-alt:active>span,.large .button.community-alt:active>span,.button.community-alt-large:active>span{
    background:-webkit-gradient(linear,left top,left bottom,from(#ffb242),to(#ff4b00));
    background:-moz-linear-gradient(-90deg,#ffb242 0,#ff4b00 100%);
    -webkit-box-shadow:inset rgba(20,20,20,0.6) 0 1px 5px;
    -moz-box-shadow:inset rgba(20,20,20,0.6) 0 1px 5px;
    box-shadow:inset rgba(20,20,20,0.6) 0 1px 5px
}
.button.matte>span{
    background-image:url(common/src/store/base/patterns/buttons/css/bg/matte.png);
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.36)),to(rgba(255,255,255,0)));
    background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.36) 0,rgba(255,255,255,0) 100%);
    background-color:#060606;
    background-size:8px 22px;
    border-color:#060606;
    text-shadow:#2b2b2b 1px 1px 1px;
    -webkit-box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4);
    box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4)
}
.button.matte:focus>span{
    -webkit-box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4),0 0 6px #007eff;
    -moz-box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4),0 0 6px #007eff;
    box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4),0 0 6px #007eff
}
.button.matte:hover>span,.button.matte:focus>span{
    opacity:.75;
    filter:alpha(opacity=75);
    -ms-filter:alpha(opacity=75)
}
.button.marketing{
    background:#117ed2;
    background:-webkit-linear-gradient(#37aaea,#117ed2);
    background:-moz-linear-gradient(#37aaea,#117ed2);
    background:linear-gradient(#37aaea,#117ed2);
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
    border:1px solid #4c88bc;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)
}
.button.marketing:hover,.button.marketing:focus{
    background:#0351b7;
    background:-webkit-linear-gradient(#2f90d5,#0351b7);
    background:-moz-linear-gradient(#2f90d5,#0351b7);
    background:linear-gradient(#2f90d5,#0351b7)
}
.button.marketing:active,.button.marketing.active{
    -webkit-box-shadow:0 1px 0 #fff,inset 0 0 9px rgba(0,0,0,0.5);
    -moz-box-shadow:0 1px 0 #fff,inset 0 0 9px rgba(0,0,0,0.5);
    box-shadow:0 1px 0 #fff,inset 0 0 9px rgba(0,0,0,0.5)
}
.button.marketing>span{
    -webkit-font-smoothing:subpixel-antialiased;
    color:#fff;
    text-shadow:0 -1px 1px #666;
    font-size:12px;
    line-height:18px;
    padding:1px 16px 2px;
    background:0;
    border:0
}
.button.marketing.small>span{
    font-size:11px;
    line-height:14px;
    padding:1px 12px 2px
}
.button.marketing.large>span{
    font-size:13px;
    line-height:20px;
    padding:1px 18px 2px
}
.button.marketing.grey{
    background:#ebebeb;
    background:-webkit-linear-gradient(#fff,#ebebeb);
    background:-moz-linear-gradient(#fff,#ebebeb);
    background:linear-gradient(#fff,#ebebeb);
    border-color:#cfcfcf
}
.button.marketing.grey:hover,.button.marketing.secondary:focus{
    background:#d7d7d7;
    background:-webkit-linear-gradient(#fff,#d7d7d7);
    background:-moz-linear-gradient(#fff,#d7d7d7);
    background:linear-gradient(#fff,#d7d7d7)
}
.button.marketing.grey>span{
    color:#666;
    text-shadow:none
}
.button.marketing.secondary>span{
    border-color:#4d4d4d;
    background-color:#6c6c6c;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#9e9e9e),to(#6c6c6c));
    background-image:-moz-linear-gradient(-90deg,from(rgba(86,168,228,1)),to(rgba(47,118,208,1)));
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4),inset 0 1px 0 #b5b5b5;
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4),inset 0 1px 0 #b5b5b5;
    box-shadow:0 1px 2px rgba(0,0,0,0.4),inset 0 1px 0 #b5b5b5
}
.button.compare>span{
    background-image:url(common/src/store/base/patterns/buttons/css/bg/compare.png);
    border:1px solid #323232;
    background-color:#323232;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#707171),color-stop(0.5,#353535),color-stop(0.5,#181818),color-stop(0.7,#131313),color-stop(1,#323232));
    background:-moz-linear-gradient(-90deg,#707171 0,#353535 50%,#181818 50%,#131313 70%,#323232 100%);
    background-size:8px 22px;
    text-shadow:0 -1px 1px #333;
    -webkit-box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4);
    box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4);
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:alpha(opacity=100)
}
.button.compare:hover>span,.button.compare:focus>span{
    opacity:.75;
    filter:alpha(opacity=75);
    -ms-filter:alpha(opacity=75)
}
.button.compare:focus>span{
    -webkit-box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4),0 0 6px #007eff;
    -moz-box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4),0 0 6px #007eff;
    box-shadow:inset 0 1px 0 #afafaf,0 1px 2px rgba(0,0,0,0.4),0 0 6px #007eff
}
.button-group{
    overflow:hidden;
    display:inline-block;
    -webkit-box-shadow:0 1px 1px #a6b2bf;
    -moz-box-shadow:0 1px 1px #a6b2bf;
    box-shadow:0 1px 1px #a6b2bf;
    background:-webkit-gradient(linear,left top,left bottom,from(#94a7bd),to(#597697));
    letter-spacing:-0.3em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.button-group .button{
    margin-bottom:0;
    border-bottom:1px solid rgba(35,43,54,0.8);
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    letter-spacing:0;
    background:transparent;
    padding:0
}
.button-group .button>span{
    background:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    margin:0;
    display:inline-block;
    padding:5px 14px;
    border-left:1px solid rgba(177,191,206,0.7);
    border-right:1px solid rgba(55,74,97,0.7)
}
.button-group .button.first,.button-group .button.first>span{
    border-left:0;
    -webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px
}
.button-group .button.last,.button-group .button.last>span{
    border-right:0;
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0
}
.button-group .button.active>span,.button-group .button:hover>span,.button-group .button:focus>span{
    background:-webkit-gradient(linear,left top,left bottom,from(#8199b6),to(#2c4d73))
}
.button.product>span{
    color:#000;
    border:0;
    background-color:#fff;
    padding-bottom:5px;
    background-image:url(common/src/store/base/patterns/buttons/css/bg/product.png);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(0.48,rgba(150,150,150,.1)),color-stop(0.48,rgba(0,0,0,.1)),color-stop(0.7,rgba(0,0,0,.15)),color-stop(0.9,rgba(0,0,0,.25)),color-stop(1,rgba(0,0,0,.2)));
    background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0) 0,rgba(150,150,150,.1) 48%,rgba(0,0,0,.1) 48%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.25) 90%,rgba(0,0,0,.2) 100%);
    background-size:8px 22px;
    text-shadow:0 1px 1px #FFF
}
.button.product:hover>span,.button.product:focus>span{
    color:#FFF
}
.button.product:hover>span,.button.product:focus>span{
    background-color:#4d4d4d
}
button.text-action,button.text-button{
    color:#08c;
    background:0;
    border:0;
    cursor:pointer
}
button.text-action:hover,button.text-button:hover,button.text-action:focus,button.text-button:focus{
    cursor:pointer;
    text-decoration:underline
}
button.text-action em,button.text-button em{
    font-style:normal
}
.ns .button,.button.rect,.login.button{
    background:#117ed2;
    background:-webkit-linear-gradient(#37aaea,#117ed2);
    background:-moz-linear-gradient(#37aaea,#117ed2);
    background:linear-gradient(#37aaea,#117ed2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #1992d9;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)
}
.ns .button:hover,.ns .button:focus,.button.rect:hover,.button.rect:focus,.login.button:hover,.login.button:focus{
    background:#0351b7;
    background:-webkit-linear-gradient(#2f90d5,#0351b7);
    background:-moz-linear-gradient(#2f90d5,#0351b7);
    background:linear-gradient(#2f90d5,#0351b7)
}
.ns .button:active,.ns .button.active,.button.rect:active,.button.rect.active,.login.button:active{
    -webkit-box-shadow:0 1px 0 #fff,inset 0 0 9px rgba(0,0,0,0.5);
    -moz-box-shadow:0 1px 0 #fff,inset 0 0 9px rgba(0,0,0,0.5);
    box-shadow:0 1px 0 #fff,inset 0 0 9px rgba(0,0,0,0.5)
}
.ns .button.community-alt{
    background:0;
    border:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.ns .button.community-alt:active,.ns .button.community-alt.active{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.ns .button>span,.button.rect>span,.login.button>span{
    color:#fff;
    font-size:13px;
    line-height:15px;
    padding:9px 28px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    background:0;
    border:0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.ns .compound-button .handle>span{
    font-size:13px
}
.ns .button:hover>span,.ns .button:focus>span,.button.rect:hover>span,.button.rect:focus>span,.login.button:hover>span,.login.button:focus>span{
    background-color:transparent;
    border-color:transparent;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.button.rect.small>span{
    padding:7px 18px
}
.button.rect.large>span{
    font-size:18px;
    line-height:16px;
    padding:12px 28px
}
.ns .button.product,.ns .button.secondary,.button.rect.secondary{
    background:#ebebeb;
    background:-webkit-linear-gradient(#fff,#ebebeb);
    background:-moz-linear-gradient(#fff,#ebebeb);
    background:linear-gradient(#fff,#ebebeb);
    border:1px solid #b5b5b5
}
.ns .button.product:hover,.ns .button.product:focus,.ns .button.secondary:hover,.ns .button.secondary:focus,.button.rect.secondary:hover,.button.rect.secondary:focus{
    background:#d7d7d7;
    background:-webkit-linear-gradient(#fff,#d7d7d7);
    background:-moz-linear-gradient(#fff,#d7d7d7);
    background:linear-gradient(#fff,#d7d7d7)
}
.ns .button.product>span,.ns .button.secondary>span,.button.rect.secondary>span{
    color:#0085cc
}
.ns .button.transactional,.button.rect.transactional{
    background:#039103;
    background:-webkit-linear-gradient(#00c307,#039103);
    background:-moz-linear-gradient(#00c307,#039103);
    background:linear-gradient(#00c307,#039103);
    border:1px solid #20a623;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)
}
.ns .button.transactional:hover,.ns .button.transactional:focus,.button.rect.transactional:hover,.button.rect.transactional:focus{
    background:#006c00;
    background:-webkit-linear-gradient(#00b300,#006c00);
    background:-moz-linear-gradient(#00b300,#006c00);
    background:linear-gradient(#00b300,#006c00)
}
.ns .button.transactional:active,.ns .button.transactional.active,.button.rect.transactional:active,.button.rect.transactional.active{
    -webkit-box-shadow:inset 0 0 9px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0 0 9px rgba(0,0,0,0.5);
    box-shadow:inset 0 0 9px rgba(0,0,0,0.5)
}
.button.darkgrey,.ns .button.darkgrey,.ns.engraving_gifting #engraving_form .button.secondary,.ns.specialdeals .button.secondary{
    background:#686868;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1c1c1",endColorstr="#686868");
    background:-webkit-linear-gradient(#c1c1c1,#686868);
    background:-moz-linear-gradient(#c1c1c1,#686868);
    background:linear-gradient(#c1c1c1,#686868);
    border:1px solid gray;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)
}
.button.darkgrey:hover,.button.darkgrey:focus,.ns .button.darkgrey:hover,.ns .button.darkgrey:focus,.ns.engraving_gifting #engraving_form .button.secondary:hover,.ns.engraving_gifting #engraving_form .button.secondary:focus,.ns.specialdeals .button.secondary:hover,.ns.specialdeals .button.secondary:focus{
    background:#474747;
    background:-webkit-linear-gradient(#9c9c9c,#474747);
    background:-moz-linear-gradient(#9c9c9c,#474747);
    background:linear-gradient(#9c9c9c,#474747)
}
.button.darkgrey:active,.button.darkgrey.active,.ns .button.darkgrey:active,.ns .button.darkgrey.active,.ns.engraving_gifting #engraving_form .button.secondary:active,.ns.engraving_gifting #engraving_form .button.secondary.active,.ns.specialdeals .button.secondary:active,.ns.specialdeals .button.secondary.active{
    -webkit-box-shadow:inset 0 0 9px rgba(0,0,0,0.5);
    -moz-box-shadow:inset 0 0 9px rgba(0,0,0,0.5);
    box-shadow:inset 0 0 9px rgba(0,0,0,0.5)
}
.button.darkgrey>span,.ns .button.darkgrey>span,.ns.engraving_gifting #engraving_form .button.secondary>span,.ns.specialdeals .button.secondary>span{
    color:#FFF
}
.button.more{
    padding:0;
    background-size:auto
}
.button.more .label:after{
    content:"\2023"
}
.button.flow+.button.flow{
    margin-left:6px
}
.button.flow>span{
    background-size:auto;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    font-size:18px;
    min-width:74px;
    padding:9px 15px 13px
}
.button.flow.back>span,.button.flow.back.disabled:hover>span{
    background:#ebebeb;
    background:-moz-linear-gradient(top,#fff,#ebebeb);
    background:-ms-linear-gradient(top,#fff,#ebebeb);
    background:-o-linear-gradient(top,#fff,#ebebeb);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ebebeb));
    background:-webkit-linear-gradient(top,#fff,#ebebeb);
    background:linear-gradient(to bottom,#fff,#ebebeb);
    border-color:#9f9f9f;
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
    border-width:1px 1px 1px 0;
    color:#666;
    margin-left:17px;
    text-shadow:0 1px #fff
}
.button.flow.back:hover>span,.button.flow.back:focus>span{
    background:#d7d7d7;
    background:-moz-linear-gradient(top,#fff,#d7d7d7);
    background:-ms-linear-gradient(top,#fff,#d7d7d7);
    background:-o-linear-gradient(top,#fff,#d7d7d7);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#d7d7d7));
    background:-webkit-linear-gradient(top,#fff,#d7d7d7);
    background:linear-gradient(to bottom,#fff,#d7d7d7)
}
.button.flow.forward>span,.button.flow.forward.disabled:hover>span{
    background:#117ed2;
    background:-moz-linear-gradient(top,#37aaea,#117ed2);
    background:-ms-linear-gradient(top,#37aaea,#117ed2);
    background:-o-linear-gradient(top,#37aaea,#117ed2);
    background:-webkit-gradient(linear,left top,left bottom,from(#37aaea),to(#117ed2));
    background:-webkit-linear-gradient(top,#37aaea,#117ed2);
    background:linear-gradient(to bottom,#37aaea,#117ed2);
    border-color:#4c88bc;
    -webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
    border-width:1px 0 1px 1px;
    margin-right:17px;
    text-shadow:0 -1px rgba(0,0,0,.5)
}
.button.flow.forward:hover>span,.button.flow.forward:focus>span{
    background:#0351b7;
    background:-moz-linear-gradient(top,#2f90d5,#0351b7);
    background:-ms-linear-gradient(top,#2f90d5,#0351b7);
    background:-o-linear-gradient(top,#2f90d5,#0351b7);
    background:-webkit-gradient(linear,left top,left bottom,from(#2f90d5),to(#0351b7));
    background:-webkit-linear-gradient(top,#2f90d5,#0351b7);
    background:linear-gradient(to bottom,#2f90d5,#0351b7)
}
.button.flow>span:after{
    -webkit-backface-visibility:hidden;
    content:"";
    height:25px;
    position:absolute;
    top:7px;
    -moz-transform:rotate(45deg) skewX(8deg) skewY(8deg);
    -ms-transform:rotate(45deg) skewX(8deg) skewY(8deg);
    -o-transform:rotate(45deg) skewX(8deg) skewY(8deg);
    -webkit-transform:rotate(45deg) skewX(8deg) skewY(8deg);
    transform:rotate(45deg) skewX(8deg) skewY(8deg);
    width:25px
}
.button.flow.back>span:after,.button.flow.back.disabled:hover>span:after{
    background:#ebebeb;
    background:-moz-linear-gradient(-45deg,#fff,#ebebeb);
    background:-ms-linear-gradient(-45deg,#fff,#ebebeb);
    background:-o-linear-gradient(-45deg,#fff,#ebebeb);
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#fff),color-stop(100%,#ebebeb));
    background:-webkit-linear-gradient(-45deg,#fff,#ebebeb);
    background:linear-gradient(135deg,#fff,#ebebeb);
    border:1px solid #9f9f9f;
    border-width:0 0 1px 1px;
    left:-13px
}
.button.flow.back:hover>span:after,.button.flow.back:focus>span:after{
    background:#d7d7d7;
    background:-moz-linear-gradient(-45deg,#fff,#d7d7d7);
    background:-ms-linear-gradient(-45deg,#fff,#d7d7d7);
    background:-o-linear-gradient(-45deg,#fff,#d7d7d7);
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#fff),color-stop(100%,#d7d7d7));
    background:-webkit-linear-gradient(-45deg,#fff,#d7d7d7);
    background:linear-gradient(135deg,#fff,#d7d7d7)
}
.button.flow.forward>span:after,.button.flow.forward.disabled:hover>span:after{
    background:#117ed2;
    background:-moz-linear-gradient(-45deg,#37aaea,#117ed2);
    background:-ms-linear-gradient(-45deg,#37aaea,#117ed2);
    background:-o-linear-gradient(-45deg,#37aaea,#117ed2);
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#37aaea),color-stop(100%,#117ed2));
    background:-webkit-linear-gradient(-45deg,#37aaea,#117ed2);
    background:linear-gradient(135deg,#37aaea,#117ed2);
    border:1px solid #4c88bc;
    border-width:1px 1px 0 0;
    right:-13px
}
.button.flow.forward:hover>span:after,.button.flow.forward:focus>span:after{
    background:#0351b7;
    background:-moz-linear-gradient(-45deg,#2f90d5,#0351b7);
    background:-ms-linear-gradient(-45deg,#2f90d5,#0351b7);
    background:-o-linear-gradient(-45deg,#2f90d5,#0351b7);
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#2f90d5),color-stop(100%,#0351b7));
    background:-webkit-linear-gradient(-45deg,#2f90d5,#0351b7);
    background:linear-gradient(135deg,#2f90d5,#0351b7)
}
button.disabled,button.disabled:hover{
    color:#666;
    cursor:default;
    text-decoration:none
}
.button.rect.int-store{
    background:#ebebeb;
    background:-webkit-linear-gradient(#b4b4b4,#989898);
    background:-moz-linear-gradient(#b4b4b4,#989898);
    background:linear-gradient(#b4b4b4,#989898);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b4b4b4",endColorstr="#989898",GradientType=0);
    border-color:#cfcfcf
}
.button.rect.int-store:hover,.button.rect.int-store:focus{
    background:#d7d7d7;
    background:-webkit-linear-gradient(#b4b4b4,#878787);
    background:-moz-linear-gradient(#b4b4b4,#878787);
    background:linear-gradient(#b4b4b4,#878787);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b4b4b4",endColorstr="#878787",GradientType=0)
}
.button.rect.int-store>span{
    color:#0085cf;
    text-shadow:none
}
.button.paddle>span{
    background:#e0e0e0;
    border:0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    font-size:26px;
    opacity:.90;
    filter:alpha(opacity=90);
    -ms-filter:alpha(opacity=90);
    padding:5px 5px 9px;
    text-shadow:0 -1px #b7b7b7;
    -webkit-transition:.5s background ease-out;
    -moz-transition:.5s background ease-out;
    transition:.5s background ease-out
}
.button.paddle:hover>span,.button.paddle:focus>span{
    background:#b7b7b7
}
.button.paddle:active>span{
    background:#999
}
.button.paddle[disabled]{
    cursor:default
}
.button.paddle[disabled]>span{
    background:#e0e0e0;
    opacity:.20;
    filter:alpha(opacity=20);
    -ms-filter:alpha(opacity=20)
}
.compound-button .button>span{
    padding-left:15px;
    padding-right:10px;
    margin-right:22px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    line-height:normal
}
.compound-button .button.no-handle>span{
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    padding:4px 25px 5px 25px;
    margin-right:0 !important
}
.ns .compound-button .button.no-handle>span{
    padding:9px 25px 9px 25px
}
.compound-button{
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    border-collapse:separate;
    position:relative;
    display:inline-block;
    text-indent:0;
    font-size:10px;
    font-weight:bold;
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif
}
html:lang(th-Th) .compound-button{
    font-family:"Sukhumvit Set",sans-serif;
    font-size:11px
}
.compound-button .handle{
    position:absolute;
    top:0;
    right:0
}
.compound-button .button:focus>span,.compound-button .handle:focus>span{
    -webkit-box-shadow:0 0 6px #007eff;
    -moz-box-shadow:0 0 6px #007eff;
    box-shadow:0 0 6px #007eff
}
.compound-button .handle:focus{
    outline:1px dotted black 0/
}
.compound-button .handle>span{
    color:white;
    font:12px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
    text-align:center;
    position:relative;
    display:block;
    white-space:nowrap;
    border:1px solid #224272;
    border-left:0;
    padding:9px 8px 9px 6px;
    background:#224272 url(common/src/store/base/patterns/compound-buttons/css/bg/button_colors.png) repeat-x;
    -webkit-border-radius:0 11px 11px 0;
    -moz-border-radius:0 11px 11px 0;
    border-radius:0 11px 11px 0
}
html:lang(th-Th) .compound-button .handle>span{
    font-family:"Sukhumvit Set",sans-serif
}
html:lang(en-TH) .compound-button .handle>span{
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif
}
.ns .compound-button .handle{
    cursor:pointer
}
.ns .compound-button .handle>span{
    -webkit-border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0
}
.ns .compound-button .handle>span{
    padding:9px 7px 9px 6px
}
.compound-button .handle .arrow{
    display:block;
    width:7px;
    margin-left:7px;
    overflow:hidden
}
.compound-button .handle.product .arrow,.ns .compound-button .handle .arrow{
    margin-left:0;
    overflow:hidden
}
.handle .arrow span{
    display:none
}
.compound-button .handle .arrow span{
    opacity:0;
    filter:alpha(opacity=0);
    -ms-filter:alpha(opacity=0);
    display:inline-block
}
.compound-button:-moz-focusring,.compound-button .button:-moz-focusring,.compound-button .handle:-moz-focusring{
    outline:1px dotted
}
.compound-button .handle{
    overflow:visible;
    height:98%
}
.add-to-cart.compound-button .button span{
    padding-top:7px 9;
    padding-bottom:7px 9
}
.th .add-to-cart.compound-button .button span{
    padding-top:9px 9;
    padding-bottom:10px 9
}
.compound-button .handle:before{
    content:"";
    background-color:#CCC;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.4)),color-stop(.5,rgba(255,255,255,.7)),color-stop(1,rgba(255,255,255,.4)));
    background:-moz-linear-gradient(-90deg,rgba(255,255,255,.4) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,.4) 100%);
    margin:0;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:alpha(opacity=100);
    font:12px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
    right:21px;
    z-index:1;
    position:absolute;
    height:98%;
    width:1px;
    top:1px
}
html:lang(th-Th) .compound-button .handle:before{
    font-family:"Sukhumvit Set",sans-serif
}
html:lang(en-TH) .compound-button .handle:before{
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif
}
.compound-button .button.product>span:after,.compound-button .button.product.hover>span:after,.compound-button .button.product:hover>span:after{
    content:"";
    position:relative;
    right:-9px;
    padding:3px 1px 3px 0
}
.compound-button .button>span{
    -webkit-border-radius:11px 0 0 11px;
    -moz-border-radius:11px 0 0 11px;
    border-radius:11px 0 0 11px
}
.ns .compound-button .button>span{
    -webkit-border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px
}
.compound-button .button.disabled+.handle{
    cursor:default;
    opacity:.5;
    filter:alpha(opacity=50);
    -ms-filter:alpha(opacity=50)
}
.compound-button .handle.account>span,.compound-button .handle.alt>span,.order-item .compound-button .handle>span,.order-item .compound-button .handle.alt>span{
    padding:5px 7px 3px 0;
    height:auto
}
.compound-button .handle.account .arrow,.compound-button .handle.alt .arrow,.order-item .compound-button .handle .arrow,.order-item .compound-button .handle.alt .arrow{
    height:auto
}
#recommended-products .compound-button .handle.product>span{
    padding:4px 7px
}
.compound-button .handle>span,.compound-button .button.disabled+.handle:hover>span,.compound-button .button.disabled+.handle.hover>span,.compound-button .handle.primary>span,.compound-button .button.primary.disabled+.handle:hover>span,.compound-button .button.primary.disabled+.handle.hover>span{
    border:1px solid #224272;
    background-color:#224272
}
.compound-button .handle:hover>span,.compound-button .handle.hover>span,.compound-button .handle.primary:hover>span,.compound-button .handle.primary.hover>span{
    border:1px solid #2e5999;
    background-color:#2e5999
}
.ns .compound-button .handle:active>span{
    -webkit-box-shadow:0 1px 0 #fff,inset 0 0 8px rgba(0,0,0,0.5);
    -moz-box-shadow:0 1px 0 #fff,inset 0 0 8px rgba(0,0,0,0.5);
    box-shadow:0 1px 0 #fff,inset 0 0 8px rgba(0,0,0,0.5)
}
.compound-button .handle.alt>span,.compound-button .button.alt.disabled+.handle:hover>span,.compound-button .button.alt.disabled+.handle.hover>span,.compound-button .handle.secondary>span,.compound-button .button.secondary.disabled+.handle:hover>span,.compound-button .button.secondary.disabled+.handle.hover>span{
    border:1px solid #666;
    background-color:#666
}
.ns .compound-button .handle.product>span,.ns .compound-button .handle.alt>span,.ns .compound-button .button.alt.disabled+.handle:hover>span,.ns .compound-button .button.alt.disabled+.handle.hover>span,.ns .compound-button .handle.secondary>span,.ns .compound-button .button.secondary.disabled+.handle:hover>span,.ns .compound-button .button.secondary.disabled+.handle.hover>span{
    border:solid 1px #b5b5b5;
    border-left:0;
    background:0
}
.ns.engraving_gifting .compound-button .handle.secondary>span{
    border:0
}
.ns .compound-button .handle.product>span{
    border:solid 1px transparent;
    border-left-color:#b5b5b5;
    background:0
}
.compound-button .handle.alt:hover>span,.compound-button .handle.secondary:hover>span,.compound-button .handle.secondary:focus>span{
    border:1px solid #333;
    background-color:#333
}
.ns .compound-button .handle.product:hover>span,.ns .compound-button .handle.alt:hover>span,.ns .compound-button .handle.secondary:hover>span{
    background:#d7d7d7;
    background:-webkit-linear-gradient(#fff,#d7d7d7);
    background:-moz-linear-gradient(#fff,#d7d7d7);
    background:linear-gradient(#fff,#d7d7d7);
    background-size:100% 100%
}
.ns .compound-button .handle.product:focus>span,.ns .compound-button .handle.secondary:focus>span{
    background:#d7d7d7
}
.ns .compound-button .handle.product:hover>span,.ns .compound-button .handle.product.hover>span,.ns .compound-button .handle.product:focus>span{
    border:solid 1px #b5b5b5
}
.ns.engraving_gifting .compound-button .handle.secondary:hover>span,.ns.engraving_gifting .compound-button .handle.secondary:focus>span{
    background:#474747;
    background:-webkit-linear-gradient(#9c9c9c,#474747);
    background:-moz-linear-gradient(#9c9c9c,#474747);
    background:linear-gradient(#9c9c9c,#474747);
    background-size:100% 100%
}
.compound-button .handle.transactional>span,.compound-button .button.transactional.disabled+.handle:hover>span,.compound-button .button.transactional.disabled+.handle.hover>span{
    border:1px solid #039909;
    background-color:#039909
}
.ns .compound-button .handle.transactional>span,.ns .compound-button .button.transactional.disabled+.handle:hover>span,.ns .compound-button .button.transactional.disabled+.handle.hover>span{
    border:solid 1px #20a623;
    border-left:0;
    background:0
}
.compound-button .handle.transactional:hover>span,.compound-button .handle.transactional:focus>span{
    border:1px solid #027f07;
    background-color:#027f07
}
.ns .compound-button .handle.transactional:hover>span,.ns .compound-button .handle.transactional:focus>span{
    border:solid 1px #20a623;
    border-left:0;
    background:#006c00;
    background:-webkit-linear-gradient(#00b300,#006c00);
    background:-moz-linear-gradient(#00b300,#006c00);
    background:linear-gradient(#00b300,#006c00)
}
.compound-button .handle.community>span,.compound-button .button.community.disabled+.handle:hover>span,.compound-button .button.community.disabled+.handle.hover>span{
    border:1px solid #ff6224;
    background-color:#ff6224
}
.compound-button .handle.community:hover>span,.compound-button .handle.community.hover>span{
    border:1px solid #ff501a;
    background-color:#ff501a
}
.compound-button .handle.account>span,.compound-button .button.account.disabled+.handle:hover>span,.compound-button .button.account.disabled+.handle.hover>span{
    border:1px solid #08c;
    background-color:#08c
}
.compound-button .handle.account:hover>span,.compound-button .handle.account.hover>span{
    border:1px solid #0b7acc;
    background-color:#0b7acc
}
.compound-button .handle.compare>span{
    border:1px solid #323232;
    background-color:#323232
}
.compound-button .handle.matte>span{
    border:1px solid #444;
    background-color:#444
}
.compound-button .handle .arrow{
    background-repeat:no-repeat;
    background-image:url("data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANklEQVQImY3JoQ3AIBQFwJfg8OzNJNiO8Mc6TEVDED17wXQ3g4Z1xEJLkqCj3ij0fGHgwcgfG4GrT7tf2KeIAAAAAElFTkSuQmCC");
    background-size:7px 5px;
    background-position:left center;
    height:16px
}
.compound-button .button.compare>span{
    -webkit-box-shadow:inset 0 1px 0 #afafaf;
    -moz-box-shadow:inset 0 1px 0 #afafaf;
    box-shadow:inset 0 1px 0 #afafaf
}
.compound-button .handle.compare>span{
    background-image:url(common/src/store/base/patterns/compound-buttons/css/bg/compare.png);
    background-size:8px 22px;
    border:1px solid #323232;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#707171),color-stop(0.5,#353535),color-stop(0.5,#181818),color-stop(0.7,#131313),color-stop(1,#323232));
    background:-moz-linear-gradient(-90deg,#707171 0,#353535 50%,#181818 50%,#131313 70%,#323232 100%);
    text-shadow:0 -1px 1px #333;
    -webkit-box-shadow:inset 0 1px 0 #afafaf;
    -moz-box-shadow:inset 0 1px 0 #afafaf;
    box-shadow:inset 0 1px 0 #afafaf
}
.compound-button .button.compare:focus>span,.compound-button .handle.compare:focus>span{
    -webkit-box-shadow:inset 0 1px 0 #afafaf,0 0 6px #007eff;
    -moz-box-shadow:inset 0 1px 0 #afafaf,0 0 6px #007eff;
    box-shadow:inset 0 1px 0 #afafaf,0 0 6px #007eff
}
.compound-button .handle.compare:hover>span,.compound-button .handle.compare.hover>span{
    opacity:.75;
    filter:alpha(opacity=75);
    -ms-filter:alpha(opacity=75)
}
.compound-button .handle.matte{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.compound-button .button.matte>span{
    -webkit-box-shadow:inset 0 1px 0 #afafaf;
    -moz-box-shadow:inset 0 1px 0 #afafaf;
    box-shadow:inset 0 1px 0 #afafaf
}
.compound-button .handle.matte>span{
    background-image:url(common/src/store/base/patterns/compound-buttons/css/bg/matte.png);
    background-size:8px 22px;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.36)),to(rgba(255,255,255,0)));
    background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.36) 0,rgba(255,255,255,0) 100%);
    background-color:#060606;
    border-color:#060606;
    text-shadow:#2b2b2b 1px 1px 1px;
    -webkit-box-shadow:inset 0 1px 0 #afafaf;
    -moz-box-shadow:inset 0 1px 0 #afafaf;
    box-shadow:inset 0 1px 0 #afafaf;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:alpha(opacity=100)
}
.compound-button .handle.matte:hover>span,.compound-button .handle.matte.hover>span{
    opacity:.75;
    filter:alpha(opacity=75);
    -ms-filter:alpha(opacity=75)
}
.compound-button .button.matte:focus>span,.compound-button .handle.matte:focus>span{
    -webkit-box-shadow:inset 0 1px 0 #afafaf,0 0 6px #007eff;
    -moz-box-shadow:inset 0 1px 0 #afafaf,0 0 6px #007eff;
    box-shadow:inset 0 1px 0 #afafaf,0 0 6px #007eff
}
.compound-button .button.product>span{
    margin-right:21px
}
.compound-button .handle.product:before{
    top:0;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.2)),color-stop(1,rgba(0,0,0,.2)));
    background:-moz-linear-gradient(-90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%)
}
.compound-button .handle.product>span{
    color:#000;
    border:0;
    background-color:#FFF;
    border-left:1px solid #CCC 0/;
    background-image:url(common/src/store/base/patterns/compound-buttons/css/bg/product.png);
    background-size:8px 22px;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(0.48,rgba(150,150,150,.1)),color-stop(0.48,rgba(0,0,0,.1)),color-stop(0.7,rgba(0,0,0,.15)),color-stop(0.9,rgba(0,0,0,.25)),color-stop(1,rgba(0,0,0,.2)));
    background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0) 0,rgba(150,150,150,.1) 48%,rgba(0,0,0,.1) 48%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.25) 90%,rgba(0,0,0,.2) 100%);
    text-shadow:0 1px 1px #FFF
}
.ns .compound-button .handle.product>span{
    background:0
}
.compound-button .handle.product.hover:before,.compound-button .handle.product:hover:before{
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.3)),color-stop(1,rgba(0,0,0,.3)));
    background-image:-moz-linear-gradient(-90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 100%)
}
.compound-button .button.init.product.hover>span:after,.compound-button .button.init.product:hover>span:after{
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.3)),color-stop(1,rgba(255,255,255,0)));
    background:-moz-linear-gradient(-90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%)
}
.compound-button .handle.product:hover>span{
    text-shadow:none;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(0.48,rgba(150,150,150,.1)),color-stop(0.48,rgba(0,0,0,.1)),color-stop(0.7,rgba(0,0,0,.12)),color-stop(0.94,rgba(0,0,0,.05)),color-stop(0.95,rgba(0,0,0,.2)),color-stop(1,rgba(0,0,0,.2)));
    background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0) 0,rgba(150,150,150,.1) 48%,rgba(0,0,0,.1) 48%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.05) 94%,rgba(0,0,0,.2) 95%,rgba(0,0,0,.2) 100%)
}
.compound-button .handle.product:hover>span,.compound-button .handle.product:focus>span{
    background-color:#4d4d4d
}
.compound-button .handle.product.hover .arrow,.compound-button .handle.product:focus .arrow{
    background-image:url("data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANklEQVQImY3JoQ3AIBQFwJfg8OzNJNiO8Mc6TEVDED17wXQ3g4Z1xEJLkqCj3ij0fGHgwcgfG4GrT7tf2KeIAAAAAElFTkSuQmCC");
    background-size:7px 5px
}
.compound-button .handle.product .arrow{
    background-image:url("data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANUlEQVQImYXJsQkAIBBD0Qd29u7tJLaOcGNpc40i+CGE5EPHeqRDwbjEyB9URIrIfdAws/9sqSQN/ZzSvW0AAAAASUVORK5CYII=");
    background-size:7px 5px
}
.ns .compound-button .handle.product.hover .arrow,.ns .compound-button .handle.product:focus .arrow,.ns .compound-button .handle.product .arrow{
    background-image:url("data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWUlEQVQImWNkaD0zgYGBIZ8BE0xkYlC9V8zAwLAeTWI9g+q9YkYGBgYGhoYzXAysDHsZGBgsGBgYTjD8ZnBmaDD5xghX23ZOlOHf30UMTMxxDFVGr7FYgwoAz50TMfeuIxoAAAAASUVORK5CYII=");
    background-size:7px 5px
}
.compound-link{
    -moz-user-select:-moz-none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    user-select:none
}
.compound-link{
    position:relative;
    display:inline-block;
    text-indent:0;
    font-weight:normal;
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif
}
html:lang(th-Th) .compound-link{
    font-family:"Sukhumvit Set",sans-serif
}
.compound-link .visible{
    display:block
}
.compound-link .dynamic-menu ul li{
    float:none;
    background:0;
    font-weight:bold
}
.compound-link .dynamic-menu ul li a{
    color:#08C
}
a img,:link img,button{
    border:0
}
.button:focus>span{
    -webkit-box-shadow:0 0 6px #007eff;
    -moz-box-shadow:0 0 6px #007eff;
    box-shadow:0 0 6px #007eff
}
button{
    background:transparent
}
button{
    color:#333;
    font:normal normal normal 11px/normal "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    line-height:1.5
}
html:lang(th-Th) button{
    font-family:"Sukhumvit Set",sans-serif
}
.button>span{
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
    box-shadow:0 1px 2px rgba(0,0,0,0.4)
}
button:-moz-focusring{
    outline:1px dotted
}
.ns-buttons .button,.ns-buttons .handle,#plf-form .button,#plf-form .handle{
    font-size:13px;
    padding:7px 24px;
    border:1px solid #b5b5b7;
    background:#ebebeb;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="white",endColorstr="#ebebeb");
    background:-webkit-gradient(linear,left top,left bottom,from(white),to(#ebebeb));
    background:-moz-linear-gradient(top,white,#ebebeb);
    background-image:-o-linear-gradient(top,white 0,#ebebeb 100%);
    background-image:linear-gradient(to bottom,#fff 0,#ebebeb 100%);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#000;
    -webkit-box-shadow:inset 0 1px 1px 0 white;
    -moz-box-shadow:inset 0 1px 1px 0 white;
    box-shadow:inset 0 1px 1px 0 white;
    line-height:19px;
    display:inline-block;
    cursor:pointer;
    -webkit-font-smoothing:subpixel-antialiased
}
.ns-buttons .button:hover,.ns-buttons .button:focus,.ns-buttons .button.hover,.ns-buttons .handle:hover,.ns-buttons .handle:focus,.ns-buttons .handle.hover,#plf-form .button:hover,#plf-form .button:focus,#plf-form .button.hover,#plf-form .handle:hover,#plf-form .handle:focus,#plf-form .handle.hover{
    border-color:#999;
    text-decoration:none;
    background:#d6d6d6;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#d6d6d6");
    background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#d6d6d6));
    background:-moz-linear-gradient(top,#f0f0f0,#d6d6d6);
    background-image:-o-linear-gradient(top,#f0f0f0 0,#d6d6d6 100%);
    background-image:linear-gradient(to bottom,#f0f0f0 0,#d6d6d6 100%)
}
.ns-buttons .button:active,.ns-buttons .button.clicked,.ns-buttons .handle:active,.ns-buttons .handle.clicked,#plf-form .button:active,#plf-form .button.clicked,#plf-form .handle:active,#plf-form .handle.clicked{
    border-color:gray;
    background:#b8b8b8;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#b8b8b8");
    background:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#b8b8b8));
    background:-moz-linear-gradient(top,#f2f2f2,#b8b8b8);
    background-image:-o-linear-gradient(top,#f2f2f2 0,#b8b8b8 100%);
    background-image:linear-gradient(to bottom,#f2f2f2 0,#b8b8b8 100%);
    -webkit-box-shadow:inset 0 2px 9px 0 rgba(0,0,0,0.6);
    -moz-box-shadow:inset 0 2px 9px 0 rgba(0,0,0,0.6);
    box-shadow:inset 0 2px 9px 0 rgba(0,0,0,0.6)
}
.ns-buttons .button.secondary,.ns-buttons .handle.secondary,#plf-form .button.secondary,#plf-form .handle.secondary{
    color:#0085cf
}
.ns-buttons .button.transactional,.ns-buttons .handle.transactional,#plf-form .button.transactional,#plf-form .handle.transactional{
    color:#FFF;
    border-top-color:#20a623;
    border-left-color:#108d13;
    border-right-color:#108d13;
    border-bottom-color:#007503;
    -webkit-box-shadow:inset 0 1px 1px 0 #74d077;
    -moz-box-shadow:inset 0 1px 1px 0 #74d077;
    box-shadow:inset 0 1px 1px 0 #74d077;
    background:#039103;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00c307",endColorstr="#039103");
    background:-webkit-gradient(linear,left top,left bottom,from(#00c307),to(#039103));
    background:-moz-linear-gradient(top,#00c307,#039103);
    background-image:-o-linear-gradient(top,#00c307 0,#039103 100%);
    background-image:linear-gradient(to bottom,#00c307 0,#039103 100%)
}
.ns-buttons .button.transactional:hover,.ns-buttons .button.transactional:focus,.ns-buttons .button.transactional:active,.ns-buttons .button.transactional.hover,.ns-buttons .button.transactional.clicked,.ns-buttons .handle.transactional:hover,.ns-buttons .handle.transactional:focus,.ns-buttons .handle.transactional:active,.ns-buttons .handle.transactional.hover,.ns-buttons .handle.transactional.clicked,#plf-form .button.transactional:hover,#plf-form .button.transactional:focus,#plf-form .button.transactional:active,#plf-form .button.transactional.hover,#plf-form .button.transactional.clicked,#plf-form .handle.transactional:hover,#plf-form .handle.transactional:focus,#plf-form .handle.transactional:active,#plf-form .handle.transactional.hover,#plf-form .handle.transactional.clicked{
    background:#027302;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ba06",endColorstr="#027302");
    background:-webkit-gradient(linear,left top,left bottom,from(#00ba06),to(#027302));
    background:-moz-linear-gradient(top,#00ba06,#027302);
    background-image:-o-linear-gradient(top,#00ba06 0,#027302 100%);
    background-image:linear-gradient(to bottom,#00ba06 0,#027302 100%);
    -webkit-box-shadow:inset 0 1px 1px 0 #81d684;
    -moz-box-shadow:inset 0 1px 1px 0 #81d684;
    box-shadow:inset 0 1px 1px 0 #81d684
}
.ns-buttons .button.transactional:active,.ns-buttons .button.transactional.clicked,.ns-buttons .handle.transactional:active,.ns-buttons .handle.transactional.clicked,#plf-form .button.transactional:active,#plf-form .button.transactional.clicked,#plf-form .handle.transactional:active,#plf-form .handle.transactional.clicked{
    -webkit-box-shadow:inset 0 2px 9px 0 rgba(0,0,0,0.6);
    -moz-box-shadow:inset 0 2px 9px 0 rgba(0,0,0,0.6);
    box-shadow:inset 0 2px 9px 0 rgba(0,0,0,0.6)
}
.ns-buttons .button.merchandising,.ns-buttons .handle.merchandising,#plf-form .button.merchandising,#plf-form .handle.merchandising{
    color:#FFF;
    border-top-color:#1992da;
    border-left-color:#0c75bb;
    border-right-color:#0c75bb;
    border-bottom-color:#00589c;
    -webkit-box-shadow:inset 0 1px 1px 0 #6fc5f5;
    -moz-box-shadow:inset 0 1px 1px 0 #6fc5f5;
    box-shadow:inset 0 1px 1px 0 #6fc5f5;
    background:#117ed2;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#37aaea",endColorstr="#117ed2");
    background:-webkit-gradient(linear,left top,left bottom,from(#37aaea),to(#117ed2));
    background:-moz-linear-gradient(top,#37aaea,#117ed2);
    background-image:-o-linear-gradient(top,#37aaea 0,#117ed2 100%);
    background-image:linear-gradient(to bottom,#37aaea 0,#117ed2 100%)
}
.ns-buttons .button.merchandising:hover,.ns-buttons .button.merchandising:focus,.ns-buttons .button.merchandising:active,.ns-buttons .superlink:active .button.superlink,.superlink:active .ns-buttons .button.superlink,.ns-buttons .button.merchandising.hover,.ns-buttons .button.merchandising.clicked,.ns-buttons .handle.merchandising:hover,.ns-buttons .handle.merchandising:focus,.ns-buttons .handle.merchandising:active,.ns-buttons .handle.merchandising.hover,.ns-buttons .handle.merchandising.clicked,#plf-form .button.merchandising:hover,#plf-form .button.merchandising:focus,#plf-form .button.merchandising:active,#plf-form .superlink:active .button.superlink,.superlink:active #plf-form .button.superlink,#plf-form .button.merchandising.hover,#plf-form .button.merchandising.clicked,#plf-form .handle.merchandising:hover,#plf-form .handle.merchandising:focus,#plf-form .handle.merchandising:active,#plf-form .handle.merchandising.hover,#plf-form .handle.merchandising.clicked{
    background:#1c5bad;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2488d4",endColorstr="#1c5bad");
    background:-webkit-gradient(linear,left top,left bottom,from(#2488d4),to(#1c5bad));
    background:-moz-linear-gradient(top,#2488d4,#1c5bad);
    background-image:-o-linear-gradient(top,#2488d4 0,#1c5bad 100%);
    background-image:linear-gradient(to bottom,#2488d4 0,#1c5bad 100%);
    -webkit-box-shadow:inset 0 1px 1px 0 #64bef1;
    -moz-box-shadow:inset 0 1px 1px 0 #64bef1;
    box-shadow:inset 0 1px 1px 0 #64bef1
}
.ns-buttons .button.merchandising:active,.ns-buttons .superlink:active .button.superlink,.superlink:active .ns-buttons .button.superlink,.ns-buttons .button.merchandising.clicked,.ns-buttons .handle.merchandising:active,.ns-buttons .handle.merchandising.clicked,#plf-form .button.merchandising:active,#plf-form .superlink:active .button.superlink,.superlink:active #plf-form .button.superlink,#plf-form .button.merchandising.clicked,#plf-form .handle.merchandising:active,#plf-form .handle.merchandising.clicked{
    -webkit-box-shadow:inset 0 1px 9px 0 rgba(0,0,0,0.6);
    -moz-box-shadow:inset 0 1px 9px 0 rgba(0,0,0,0.6);
    box-shadow:inset 0 1px 9px 0 rgba(0,0,0,0.6)
}
.ns-buttons .button.skip,.ns-buttons .button.cancel,.ns-buttons .handle.skip,.ns-buttons .handle.cancel,#plf-form .button.skip,#plf-form .button.cancel,#plf-form .handle.skip,#plf-form .handle.cancel{
    color:#FFF;
    border-color:gray;
    -webkit-box-shadow:inset 0 1px 1px 0 rgba(127,127,127,0.4);
    -moz-box-shadow:inset 0 1px 1px 0 rgba(127,127,127,0.4);
    box-shadow:inset 0 1px 1px 0 rgba(127,127,127,0.4);
    background:#686868;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1c1c1",endColorstr="#686868");
    background:-webkit-gradient(linear,left top,left bottom,from(#c1c1c1),to(#686868));
    background:-moz-linear-gradient(top,#c1c1c1,#686868);
    background-image:-o-linear-gradient(top,#c1c1c1 0,#686868 100%);
    background-image:linear-gradient(to bottom,#c1c1c1 0,#686868 100%)
}
.ns-buttons .button.skip:hover,.ns-buttons .button.skip:focus,.ns-buttons .button.skip:active,.ns-buttons .button.skip.hover,.ns-buttons .button.skip.clicked,.ns-buttons .button.cancel:hover,.ns-buttons .button.cancel:focus,.ns-buttons .button.cancel:active,.ns-buttons .button.cancel.hover,.ns-buttons .button.cancel.clicked,.ns-buttons .handle.skip:hover,.ns-buttons .handle.skip:focus,.ns-buttons .handle.skip:active,.ns-buttons .handle.skip.hover,.ns-buttons .handle.skip.clicked,.ns-buttons .handle.cancel:hover,.ns-buttons .handle.cancel:focus,.ns-buttons .handle.cancel:active,.ns-buttons .handle.cancel.hover,.ns-buttons .handle.cancel.clicked,#plf-form .button.skip:hover,#plf-form .button.skip:focus,#plf-form .button.skip:active,#plf-form .button.skip.hover,#plf-form .button.skip.clicked,#plf-form .button.cancel:hover,#plf-form .button.cancel:focus,#plf-form .button.cancel:active,#plf-form .button.cancel.hover,#plf-form .button.cancel.clicked,#plf-form .handle.skip:hover,#plf-form .handle.skip:focus,#plf-form .handle.skip:active,#plf-form .handle.skip.hover,#plf-form .handle.skip.clicked,#plf-form .handle.cancel:hover,#plf-form .handle.cancel:focus,#plf-form .handle.cancel:active,#plf-form .handle.cancel.hover,#plf-form .handle.cancel.clicked{
    background:#474747;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c9c9c",endColorstr="#474747");
    background:-webkit-gradient(linear,left top,left bottom,from(#9c9c9c),to(#474747));
    background:-moz-linear-gradient(top,#9c9c9c,#474747);
    background-image:-o-linear-gradient(top,#9c9c9c 0,#474747 100%);
    background-image:linear-gradient(to bottom,#9c9c9c 0,#474747 100%)
}
.ns-buttons .button.skip:active,.ns-buttons .button.skip.clicked,.ns-buttons .button.cancel:active,.ns-buttons .button.cancel.clicked,.ns-buttons .handle.skip:active,.ns-buttons .handle.skip.clicked,.ns-buttons .handle.cancel:active,.ns-buttons .handle.cancel.clicked,#plf-form .button.skip:active,#plf-form .button.skip.clicked,#plf-form .button.cancel:active,#plf-form .button.cancel.clicked,#plf-form .handle.skip:active,#plf-form .handle.skip.clicked,#plf-form .handle.cancel:active,#plf-form .handle.cancel.clicked{
    -webkit-box-shadow:inset 0 1px 9px 0 rgba(0,0,0,0.6);
    -moz-box-shadow:inset 0 1px 9px 0 rgba(0,0,0,0.6);
    box-shadow:inset 0 1px 9px 0 rgba(0,0,0,0.6)
}
.ns-buttons .button.xsmall,#plf-form .button.xsmall{
    padding:3px 12px;
    font-size:11px;
    line-height:16px
}
.ns-buttons .button.small,#plf-form .button.small{
    padding:5px 10px 6px;
    line-height:19px
}
.ns-buttons .button.large,#plf-form .button.large{
    font-size:18px;
    padding:9px 24px 8px;
    line-height:27px
}
.ns-buttons .button.more:after,#plf-form .button.more:after{
    content:"\2023";
    padding-left:10px
}
.ns-buttons .button>span,.ns-buttons .button:hover>span,.ns-buttons .button:active>span{
    color:inherit;
    margin:0;
    padding:0;
    border:0;
    background:0;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:alpha(opacity=100);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    font:inherit;
    white-space:normal
}
html:lang(th-Th) .ns-buttons .button>span,html:lang(th-Th) .ns-buttons .button:hover>span,html:lang(th-Th) .ns-buttons .button:active>span{
    font-family:"Sukhumvit Set",sans-serif
}
html:lang(en-TH) .ns-buttons .button>span,html:lang(en-TH) .ns-buttons .button:hover>span,html:lang(en-TH) .ns-buttons .button:active>span{
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif
}
.ns-buttons .button.community{
    padding:0;
    border:0;
    color:#FFF;
    background:0;
    line-height:1
}
.ns-buttons .button.community>span{
    -webkit-box-shadow:1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow:1px 1px rgba(0,0,0,0.4);
    box-shadow:1px 1px rgba(0,0,0,0.4);
    padding:8px 28px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    font-size:14px
}
.ns-buttons .compound-button{
    display:inline-block;
    position:relative
}
.ns-buttons .compound-button .button{
    -webkit-border-top-right-radius:0;
    -moz-border-radius-topright:0;
    border-top-right-radius:0;
    -webkit-border-bottom-right-radius:0;
    -moz-border-radius-bottomright:0;
    border-bottom-right-radius:0;
    margin-right:26px;
    border-right:1px solid #b2b2b2;
    border-right-color:rgba(0,0,0,0.25)
}
.ns-buttons .compound-button .button.merchandising{
    border-right-color:#3473aa;
    border-right-color:rgba(0,89,157,0.7)
}
.ns-buttons .compound-button .button.transactional{
    border-right-color:#2a8a2d;
    border-right-color:rgba(1,118,4,0.25)
}
.ns-buttons .compound-button .button.skip{
    border-right-color:#626262;
    border-right-color:rgba(0,0,0,0.25)
}
.ns-buttons .compound-button .button.xsmall{
    margin-right:20px
}
.ns-buttons .compound-button .handle{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    -webkit-border-top-left-radius:0;
    -moz-border-radius-topleft:0;
    border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-radius-bottomleft:0;
    border-bottom-left-radius:0;
    padding-left:12px;
    padding-right:12px;
    border-left:1px solid #d4d4d4;
    border-left-color:rgba(204,204,204,0.7)
}
.ns-buttons .compound-button .handle.merchandising{
    border-left-color:#6daede;
    border-left-color:rgba(153,205,240,0.71)
}
.ns-buttons .compound-button .handle.transactional{
    border-left-color:#a1a1a1;
    border-left-color:rgba(137,215,138,0.7)
}
.ns-buttons .compound-button .handle.skip{
    border-left-color:#a1a1a1;
    border-left-color:rgba(204,204,204,0.7)
}
.ns-buttons .compound-button .handle:before{
    background:0
}
.ns-buttons .compound-button .handle .arrow{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-image:url(common/src/store/base/patterns/compound-buttons/images/arrow-blue.png);
    background-size:12px 6px;
    background-position:50% 50% !important;
    background-repeat:no-repeat;
    background-color:transparent !important;
    border:0 !important;
    width:auto;
    height:auto;
    margin:0;
    background-size:auto
}
.ns-buttons .compound-button .handle.merchandising .arrow,.ns-buttons .compound-button .handle.transactional .arrow,.ns-buttons .compound-button .handle.skip .arrow{
    background-image:url(common/src/store/base/patterns/compound-buttons/images/arrow.png);
    background-size:12px 6px
}
.ns-buttons .compound-button .handle.xsmall{
    padding-left:9px;
    padding-right:9px
}
.ns-buttons .compound-button .handle.xsmall .arrow{
    background-size:9px 6px
}
.ns-buttons .compound-button .handle.large .arrow{
    background-size:14px 8px
}
.ns-buttons .compound-button .handle .effect{
    padding:0;
    background:0 !important;
    border:0 !important;
    position:static
}
.ns-buttons .compound-button .no-handle{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.ns-buttons .compound-button .no-handle span{
    padding:0
}