html, body, div, ul, li {padding:0px; margin:0px;}
html, body {height:100%;}
a img {border:none;}

a:link {color:#FFF; text-decoration:none;}
	a:visited {color:#FFF; text-decoration:none;}
	a:hover {color: #00F; text-decoration:none;}
	a:active {color:#FFF; text-decoration:none;}
	h1 { color: #36C; margin: 0; padding: 0; padding-bottom: 8px; font-weight: 100; line-height: 1em; }
	h2 { color: #36C; margin: 0; padding: 0; padding-bottom: 8px; font-weight: 100; font-size: 18px;}
	.clear {clear: both;}
	
	#container {width: 1024px; height: 768px; background-repeat:no-repeat; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height: 18px;}
	#container #nav { position: relative; top:150px; left: 60px; font-size: 16px; float:left;  margin:0px; padding-left:40px;} 
		#container #nav li { float:left; margin-right:10px; color:#FFFFFF; list-style:none;}
	
    #text1 { position:relative; top: 260px; left: 120px; width:760px; height: 300px; }
    #text2 { position:relative; top: 200px; left: 120px; width:760px; height: 300px; }
    #text3 { position:relative; top: 280px; left: 120px; width:760px; height: 300px; }
    #text4 { position:relative; top: 280px; left: 120px; width:760px; height: 300px; }
    #text5 { position:relative; top: 280px; left: 120px; width:760px; height: 300px; }
    #text6 { position:relative; top: 280px; left: 120px; width:760px; height: 300px; }
    #text7 { position:relative; top: 280px; left: 120px; width:760px; height: 300px; }
    #text8 { position:relative; top: 280px; left: 120px; width:760px; height: 300px; }
    #text9 { position:relative; top: 280px; left: 120px; width:760px; height: 300px; }
    
    
            #text9 #page6_row1 { padding: 0px; margin: 0px; }
            #text9 #page6_row2 { padding: 0px; margin: 0px; }
        #text9 li { float: left; width: 244px; display:block; margin-right: 18px;}
        #text9 .last { float: left; width: 240px; display:block;}
        
    #text10 { position:relative; top: 280px; left: 130px; width:760px; height: 300px; }
    #text11 { position:relative; top: 280px; left: 130px; width:760px; height: 300px; }
    #text12 { position:relative; top: 280px; left: 130px; width:760px; height: 300px; }
    #text13 { position:relative; top: 180px; left: 130px; width:790px; height: 300px; }
        #text13 ul {padding: 0; font-size: 12px; clear: both; width:72%; margin:0 auto 2em;}
            #text13 ul:after {content:""; display:table; clear:both;}
        #text13 li {float:left; width:31%; padding:0 1%; list-style:none; border-radius:10px;}
        #text13 img {display:block; width:100%; height:auto; margin:0 0 1em; border-radius:10px;}
        #text13 span {display:block;font-size: .9em;line-height: 1.4em;}
    #text14 { position:relative; top: 280px; left: 130px; width:760px; height: 300px; }
    #text15 { position:relative; top: 280px; left: 130px; width:760px; height: 300px; }
    
		
	/*#container  { background-image: url(../images/GastiteCertTest_bg_blank.jpg); }*/
	#container  { background-image: url(../images/FlashShieldUpdateModule_bg_blank.jpg); color: #000; }
	
	#slidecount {position:relative; top:-150px; left:800px; width:100px; text-align:right; color:#36C; font-size:15px;}
	#slidecountfinal {position:relative; top:-350px; left:800px; width:100px; text-align:right; color:#36C; font-size:15px;}
	
	
	
	
	
	.css-736-l, 
	.css-480 {
        box-sizing: border-box;  background:url(/certification_test/images/bg-mobile.jpg) no-repeat center top; background-size:100% auto;
    }
    .css-736-l *, 
    .css-480 *, 
    .css-736-l *:before, 
    .css-480 *:before, 
    .css-736-l *:after, 
    .css-480 *:after {
        box-sizing: inherit;
    }
	
	
	.css-736-l #container #nav, 
	.css-480 #container #nav { position: static;float:none; width:100%; margin:0 0 10px; padding-left:0;}
	    .css-736-l #container #nav img, 
	    .css-480 #container #nav img {width:30px; height:auto;}
	    .css-736-l #container #nav li, 
	    .css-480 #container #nav li {margin-right:20px;}
	    .css-736-l #container #nav:after, 
	    .css-480 #container #nav:after {content:""; display:table; clear:both;}




	.css-736-l #slidecount, 
	.css-480 #slidecount {position:absolute; right:9.5%; left:auto;}
    
    .css-480 #slidecount {top:58px;}
    .css-736-l #slidecount {top:100px;}
    
    .css-736-l #container, 
    .css-480 #container {width:100% !important; height:auto !important; padding:15% 9%; background:none;}
    .css-736-l h1, 
    .css-480 h1 {line-height:110%; font-size:30px; }
    .css-736-l p, 
    .css-480 p {font-size:16px; line-height:20px;}
    .css-736-l h2, 
    .css-480 h2 { color: #36C; margin: 0; padding: 0; padding-bottom: 8px; font-weight: 100; font-size: 18px;}
	
	
    .css-736-l #text1, .css-480 #text1 { position:static; width:100%; height: auto; }
    
    .css-736-l #text2, .css-480 #text2 { position:static; width:100%; height: auto; }
        .css-736-l #text2 table td,
        .css-480  #text2 table td {vertical-align:top;}
        .css-736-l #text2 input, 
        .css-480  #text2 input {width:150px;}
        .css-736-l #text2 p, 
        .css-480 #text2 p {text-align:right;}
        
    .css-736-l #text3, .css-480 #text3 { position:static; width:100%; height: auto; }
    
    .css-736-l #text4, .css-480 #text4 { position:static; width:100%; height: auto; }
    
    .css-736-l #text5, .css-480 #text5 { position:static; width:100%; height: auto; }
    .css-736-l #text6, .css-480 #text6 { position:static; width:100%; height: auto; }
    .css-736-l #text7, .css-480 #text7 { position:static; width:100%; height: auto; }
    .css-736-l #text8, .css-480 #text8 { position:static; width:100%; height: auto; }
   
    .css-736-l #text9, .css-480 #text9 { position:static; width:100%; height: auto; }
        .css-736-l #text9 img#slide1_1,
        .css-480 #text9 img#slide1_1 {margin:-10px auto 10px !important; float:none !important; display:block;}
    
    .css-736-l #text10, .css-480 #text10 { position:static; width:100%; height: auto; }
        .css-736-l #text10 img#slide1_1,
        .css-480 #text10 img#slide1_1 {margin:-10px auto 10px !important; float:none !important; display:block;}
    
    .css-736-l #text11, .css-480 #text11 { position:static; width:100%; height: auto; }
    
    .css-736-l #text12, .css-480 #text12 { position:static; width:100%; height: auto; }
    
    .css-736-l #text13, .css-480 #text13 { position:static; width:100%; height: auto; }
        .css-736-l #text13 ul, .css-480 #text13  ul {width:100%; margin:0 auto;}
        .css-736-l #text13 li, .css-480 #text13 li  {float:none; width:100%; padding:0%; margin:0 0 2em}
        .css-736-l #text13 span, .css-480 #text13 span  {font-size:1em}
    
    .css-736-l #text14, .css-480 #text14 { position:static; width:100%; height: auto; }
        .css-736-l #text14 li, .css-480 #text14 li {margin:0 0 2em;}
        .css-736-l #text14 label, .css-480 #text14 label {font-size:1.2em; margin:.25em 0;}
    
    .css-736-l #text15, .css-480 #text15 { position:static; width:100%; height: auto; }
    
    .css-736-l #certification, .css-480 #certification {width: 100%; height: 0; padding-top:68.25%; border: 1px solid black; background: url(/certification_test/images/card.jpg); background-size:cover; position: relative; }

        .css-736-l #certification span, 
        .css-480 #certification span {width: 36%; margin-top: 4%;}
		
		#confirmation_number {position: absolute; top: 57%; left: 10%;}
		#certification_name {position:absolute; top:31%; left:10%;}
		#certification_company {position:absolute; top:45%; left:10%;}
		#certification_issuedate {position:absolute; top:45%; left:51%;}
		#certification_expdate {position:absolute; top:57%; left:51%;}
		#print { padding: 5px; font-size: 20px; margin-top:20px; }
		#certification_instructor { position: absolute; top: 31%; left: 51%; }