@font-face {
    font-family: 'applicationfont_regular';
    src: url('fonts/samakarn-regular-webfont.eot');
    src: url('fonts/samakarn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samakarn-regular-webfont.woff2') format('woff2'),
         url('fonts/samakarn-regular-webfont.woff') format('woff'),
         url('fonts/samakarn-regular-webfont.ttf') format('truetype'),
         url('fonts/samakarn-regular-webfont.svg#samakarn-regular-webfont.svg') format('svg');
    unicode-range: U+0E00-U+0E7F;
}
@font-face {
    font-family: 'applicationfont_semibold';
    src: url('fonts/samakarn-regular-webfont.eot');
    src: url('fonts/samakarn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samakarn-regular-webfont.woff2') format('woff2'),
         url('fonts/samakarn-regular-webfont.woff') format('woff'),
         url('fonts/samakarn-regular-webfont.ttf') format('truetype'),
         url('fonts/samakarn-regular-webfont.svg#samakarn-regular-webfont') format('svg');
    unicode-range: U+0E00-U+0E7F;
}
@font-face {
    font-family: 'applicationfont_bold';
    src: url('fonts/samakarn-bold-webfont.eot');
    src: url('fonts/samakarn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samakarn-bold-webfont.woff2') format('woff2'),
         url('fonts/samakarn-bold-webfont.woff') format('woff'),
         url('fonts/samakarn-bold-webfont.ttf') format('truetype'),
         url('fonts/samakarn-bold-webfont.svg#samakarn-bold-webfont') format('svg');
    unicode-range: U+0E00-U+0E7F;
}
@font-face {
    font-family: 'applicationfont_light';
    src: url('fonts/samakarn-light-webfont.eot');
    src: url('fonts/samakarn-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samakarn-light-webfont.woff2') format('woff2'),
         url('fonts/samakarn-light-webfont.woff') format('woff'),
         url('fonts/samakarn-light-webfont.ttf') format('truetype'),
         url('fonts/samakarn-light-webfont.svg#samakarn-light-webfont.svg') format('svg');
    unicode-range: U+0E00-U+0E7F;
}
@font-face {
    font-family: 'applicationfont_extralight';
    src: url('fonts/samakarn-ultralight-webfont.eot');
    src: url('fonts/samakarn-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samakarn-ultralight-webfont.woff2') format('woff2'),
         url('fonts/samakarn-ultralight-webfont.woff') format('woff'),
         url('fonts/samakarn-ultralight-webfont.ttf') format('truetype'),
         url('fonts/samakarn-ultralight-webfont.svg#samakarn-ultralight-webfont.svg') format('svg');
    unicode-range: U+0E00-U+0E7F;
}
@font-face {
    font-family: 'applicationfont_italic';
    src: url('fonts/samakarn-regular-webfont.eot');
    src: url('fonts/samakarn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samakarn-regular-webfont.woff2') format('woff2'),
         url('fonts/samakarn-regular-webfont.woff') format('woff'),
         url('fonts/samakarn-regular-webfont.ttf') format('truetype'),
         url('fonts/samakarn-regular-webfont.svg#samakarn-regular-webfont.svg') format('svg');
    unicode-range: U+0E00-U+0E7F;
}

@font-face {
    font-family: 'applicationfont_extralight';
    src: url('fonts/sourcesanspro-extralight-webfont.eot');
    src: url('fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-extralight-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
}
@font-face {
    font-family: 'applicationfont_light';
    src: url('fonts/sourcesanspro-light-webfont.eot');
    src: url('fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
}
@font-face {
    font-family: 'applicationfont_regular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
}
@font-face {
    font-family: 'applicationfont_semibold';
    src: url('fonts/sourcesanspro-semibold-webfont.eot');
    src: url('fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
}
@font-face {
    font-family: 'applicationfont_bold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
}
@font-face {
    font-family: 'applicationfont_italic';
    src: url('fonts/sourcesanspro-italic.eot');
    src: url('fonts/sourcesanspro-italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-italic.woff') format('woff'),
         url('fonts/sourcesanspro-italic.ttf') format('truetype'),
         url('fonts/sourcesanspro-italic.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MerriWeatherHeavy';
    src: url('fonts/samakarn-bold-webfont.eot');
    src: url('fonts/samakarn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samakarn-bold-webfont.woff') format('woff'),
         url('fonts/samakarn-bold-webfont.ttf') format('truetype'),
         url('fonts/samakarn-bold-webfont.svg#merriweather-black-webfont') format('svg');
}
@font-face {
    font-family: 'MerriWeatherBold';
    src: url('fonts/samakarn-bold-webfont.eot');
    src: url('fonts/samakarn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/samakarn-bold-webfont.woff') format('woff'),
         url('fonts/samakarn-bold-webfont.ttf') format('truetype'),
         url('fonts/samakarn-bold-webfont.svg#samakarn-regular-webfont') format('svg');
}
@font-face {
    font-family: 'miso';
    src: url('fonts/miso-medium-webfont.eot');
    src: url('fonts/miso-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/miso-medium-webfont.woff') format('woff'),
         url('fonts/miso-medium-webfont.ttf') format('truetype'),
         url('fonts/miso-medium-webfont.svg#misomedium') format('svg');
}
@font-face {
    font-family: 'TESCOModernThaiBeta-Bold';
    src: url('fonts/TESCOModernThaiBeta-Bold.otf');
}
@font-face {
    font-family: 'TESCOModernThaiBeta-Light';
    src: url('fonts/TESCOModernThaiBeta-Light.otf');
}
@font-face {
    font-family: 'TESCOModernThaiBeta-Medium';
    src: url('fonts/TESCOModernThaiBeta-Medium.otf');
}
@font-face {
    font-family: 'TESCOModernThaiBeta-Regular';
    src: url('fonts/TESCOModernThaiBeta-Regular.otf');
}

body.x8
{
    background: #009ea0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#009ea0, #00c18b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#009ea0, #00c18b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#009ea0, #00c18b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#009ea0, #00c18b); /* Standard syntax */ /* (#009ea0, #00aa9e, #00af99, #42bb95) */
    background-repeat: no-repeat;
    
    font-family: applicationfont_regular, helvethaica;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}
.main 
{
    height: 70%;
    margin-top: 25%;
}
.main .list 
{
    width: 100%;
    height: 50%;
    text-align: center;
    text-transform: uppercase;
}
.main .list .item
{
    height: 30%;
}        
.btnText 
{
    color: #ffffff;
    font-size: 300%;
}


/* CSS TESCO */

body.Tesco.x8 
{
    background: #ffffff;
    background-color: #ffffff;
    font-family: TESCOModernThaiBeta-Regular;
    font-size: 15px;
}
.Tesco .btnText 
{
    color: #009858;
}