@font-face {
	font-family: 'samsung_interfaceregular';
	src: url('../fonts/samsung_inter_face/samsungif_rg-webfont.eot');
	src: url('../fonts/samsung_inter_face/samsungif_rg-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/samsung_inter_face/samsungif_rg-webfont.woff') format('woff'),  url('../fonts/samsung_inter_face/samsungif_rg-webfont.ttf') format('truetype'),  url('../fonts/samsung_inter_face/samsungif_rg-webfont.svg#samsung_interfaceregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'samsung_interfaceblack';
    src: url('../fonts/samsungif_blk-webfont.eot');
    src: url('../fonts/samsungif_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/samsungif_blk-webfont.woff2') format('woff2'),
         url('../fonts/samsungif_blk-webfont.woff') format('woff'),
         url('../fonts/samsungif_blk-webfont.ttf') format('truetype'),
         url('../fonts/samsungif_blk-webfont.svg#samsung_interfaceblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'samsung_interfacebold_italic';
    src: url('../fonts/samsungif_bdit-webfont.eot');
    src: url('../fonts/samsungif_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/samsungif_bdit-webfont.woff2') format('woff2'),
         url('../fonts/samsungif_bdit-webfont.woff') format('woff'),
         url('../fonts/samsungif_bdit-webfont.ttf') format('truetype'),
         url('../fonts/samsungif_bdit-webfont.svg#samsung_interfacebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

p {margin-bottom:0.1em;}

body {background-color:#ffffff; margin:0px; font-family: 'samsung_interfaceregular'!important;} 
.mainContainer1 {margin:auto;padding:0;width:100%;height:auto;background:url(../img/back.jpg) top repeat;}
#container1 {margin:auto; padding:20px 0; width:960px; overflow-x:hidden;}
.topBox { margin: 20px auto ; width:920px;}
.topBoxleft {width:50%;float:left;text-align:left;  }
.topBoxright {width:50%;float:right;}
.firsttitle{font-size:42px;color:#007cc0;font-weight:bold;text-align:left;  margin-top: 50px;  margin-bottom: 0.4em!important;} 
.topBoxleft span {font-size:35px;}
.para1 {font-size:15px;color:#666666;font-weight:bold;text-align:left;} 
.para2 {font-size:17px;color:#666666;font-weight:bold;text-align:left;} 
.para2_mob {font-size:17px;color:#666666;font-weight:bold;text-align:center;display:none}
.para3 {font-size:23px;color:#007cc0;font-weight:bold;text-align:center;  margin-bottom: 0.2em!important;} 
.para4 {font-size:14px;color:#303030;font-weight:bold;text-align:center; padding-top:7px;} 



.topBox_mob { margin: 20px auto ; width:920px; display:none;}

.stepsBox { margin: 20px 0 0 0 ; width:920px; text-align:center;}
.stepsBox_mob { margin: 20px auto ; width:920px; text-align:center; display:none;}

.stepsBox_txts_mob {display:none}
.stepsBox_txts {width:93%;margin:0 auto;}
.stepsBox_txts div { width:22%; float:left; padding-right:3%; }
.stepsBox_txts div p{padding:3%;font-size:14px;color:#666666; font-weight:bold; text-align:center;}

.videoBox { margin: 40px auto ; width:920px; text-align:center;}

.txtBox { margin: 20px auto ; width:920px; text-align:center;}
.txtBox_mob { display:none;}

hr { height:1px; color:#ccc;}

iframe {border: solid 1px #666;}

/*/tab code /*/
            div.content_tab {
                display:none;
            }
            .tabbed_section {
                border: 0px solid #ccc;
                width: 920px; /* width of tabbed panel */
            }
            .menu {
                clear: both;
                width: 920px;
            }
            .Display_content {
                clear: both;
                /*min-height: 44px;*/
                padding: 2px;
                border: 0px solid gray;
				/*background:#eeeeee;*/
				background:url(../img/tabcontent-back.png) bottom no-repeat;
				text-align:left;
            }
			.Display_content img { margin:15px 10px 15px 15px;}
			P img { margin:0 !important;}
			P { margin:0; }
				
            .ul_tabs {
                clear: both;
                padding: 0px;
                margin: 0px;
				background:url(../img/tabs-back.png) top no-repeat;
				height:49px;
            }
            .lh {
	background: none;
	list-style: none;
	width: 183px;
	height: 30px;
	float: left;
	border: 0px solid #FFFFFA;
	text-align: center;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
            }
            li.lh:hover {
                background-color: white;
                cursor: pointer;
            }
			
.lh_button {display:block;}
.lh_button_mob {display:none;}

.tabOn {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
background-color:white;
}

.highlight {display:block; width:100%;border:0px solid red;margin:10px 0;}
.highlight_img {border:0px solid blue; float:left; margin-left:1%;width:40%;}
.highlight_img img{ width:100%; max-width:364px; margin:0;}
.highlight_content { float:left;width:55%;padding-left:10px;border:0px solid green;}
.maintitle {font-size:24px;color:#666666; font-weight:bold}
.subtitle {font-size:18px;color:#666666;}
.subsmall{font-size:0.85em;}
.kiosk_iframe {height:315px;}

@media only screen and (max-width:480px) 
{
	
#container1 {width:100%;max-width:480px;}
.topBox {width:100%;}
.topBoxright { display:none;}
.topBox_mob { margin: 0px auto ; width:100%; max-width:480px; display:block; }
.topBox_mob img {width:100%;}
.topBoxleft {float:none; width:98%;padding:1%;}
.stepsBox { display:none;}
.stepsBox_mob { margin: 20px auto ; width:100%;max-width:480px; display:block; }
.stepsBox_mob div img {width:100%;}

.stepsBox_mob_txts {width:95%;margin:0 auto;}
.stepsBox_mob_txts div {width:50%; float:left;margin: 0 0%;}
.stepsBox_mob_txts div p{padding:5%;font-size:14px;color:#666666; font-weight:bold; text-align:center;}


.firsttitle{font-size:42px; font-weight:bold;text-align:center;margin-top: 0; } 
.topBoxleft span {font-size:35px;}
.para1 {font-size:15px;font-weight:bold;text-align:center;} 
.para2 {font-size:20px;font-weight:bold;text-align:center;} 
.para2_mob {font-size:20px;font-weight:bold;text-align:center;} 

.para2 {display:none} 
.para2_mob {display:block}

.stepsBox_txts {display:none}

.txtBox { display:none;}
.txtBox_mob { margin: 20px auto ; max-width:480px;width:100%; display:block;}
.txtBox_mob img {width:100%;}

.videoBox {width:100%;max-width:480px;}


iframe {border: none; width:100%;max-width:480px;}

.tabbed_section { border: 0px solid #ccc; width: 100%; max-width:480px;  }
.menu {  clear: both;  width: 100%;  }
.Display_content { clear: both; padding: 2px; background:url(../img/tabcontent-back.png) bottom no-repeat;text-align:left; width:100%; max-width:480px;}
.Display_content img { margin:15px 5px 15px 5px; width:85%}

P img { margin:0 !important;}
P { margin:0; text-align:center;}

.ul_tabs {
clear: both;
padding: 0px;
margin: 0px;
background:url(../img/tabs-back.png) top no-repeat;
height:49px;
}

.lh {
	background: none;
	list-style: none;
	width:19.5%;
	max-width: 184px;
	height: 28px;
	float: left;
	border: 0px solid #FFFFFA;
	text-align: center;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;

}

.tabOn {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
background-color:white;
}
 
.lh_button {display:none;}
.lh_button_mob {display:block;}

 .highlight {display:block; width:100%;border:0px solid red;margin:10px 0 10px 0;}
 .highlight_img {border:0px solid blue; float:left; margin-left:1%;width:40%;}
 .highlight_img img{ width:100%; max-width:364px; margin:0;}
 .highlight_content { float:left;width:55%;padding-left:10px;border:0px solid green;}
 .maintitle {font-size:18px;color:#666666;}
 .subtitle {font-size:12px;color:#666666;}
 .kiosk_iframe {height:220px;}
}


@media only screen and  (max-width:320px) 
{
	
.para2 {display:none} 
.para2_mob {display:block}


#container1 {width:100%;max-width:320px;}
 .topBox_mob { margin: 20px auto ; width:100%; max-width:320px; display:block; }
.topBox_mob img {width:100%;}

.stepsBox { display:none;}
.stepsBox_mob { margin: 20px auto ; width:100%;max-width:320px; display:block; }
.stepsBox_mob div img {width:100%;}

.txtBox { display:none;}
.txtBox_mob { margin: 20px auto ; max-width:320px;width:100%; display:block;}
.txtBox_mob img {width:100%;}

.videoBox {width:100%;max-width:320px;}


iframe {border: none; width:100%;max-width:320px;}

.tabbed_section { border: 0px solid #ccc; width: 100%; max-width:320px;  }
.menu { clear: both;  width: 100%;  }
.Display_content { clear: both; padding: 2px; background:url(../img/tabcontent-back.png) bottom no-repeat;text-align:left; width:100%; max-width:320px;}
.Display_content img { margin:15px 5px 15px 5px; width:85%}

P img { margin:0 !important;}
P { margin:0; text-align:center;}

.ul_tabs {
clear: both;
padding: 0px;
margin: 0px;
background:url(../img/tabs-back.png) top no-repeat;
height:49px;
}

.lh {
	background: none;
	list-style: none;
	width:19.5%;
	max-width: 184px;
	height: 28px;
	float: left;
	border: 0px solid #FFFFFA;
	text-align: center;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;

}

.lh img {height:28%;}

.tabOn {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
background-color:white;
}
 
.lh_button {display:none;}
.lh_button_mob {display:block;}

 .highlight {display:block; width:100%;border:0px solid red;margin:10px 0 10px 0;}
 .highlight_img {border:0px solid blue; float:left; margin-left:1%;width:40%;}
 .highlight_img img{ width:100%; max-width:364px; margin:0;}
 .highlight_content { float:left;width:55%;padding-left:5px;padding-right:5px;border:0px solid green;}
 .maintitle {font-size:15px;color:#666666;}
 .subtitle {font-size:11px;color:#666666;}
 
  .kiosk_iframe {height:200px;}
 
}