.HDR1       {font-family: Arial; font-weight: bold; font-style: normal; text-decoration: none; font-size: 18pt; color: #333333;}
        .HDR1W      {font-family: Arial; font-weight: bold; font-style: normal; text-decoration: none; font-size: 18pt; color: #FFFFFF;}
        .HDR2       {font-family: Arial; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14pt; color: #008800;}
        .HDR3       {font-family: Arial; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14pt; color: #008000;}
        .HDR3R       {font-family: Arial; font-weight: bold; font-style: normal; text-decoration: none; font-size: 12pt; color: #000080;}
        .HDR4       {font-family: Arial; font-weight: bold; font-style: normal; text-decoration: none; font-size: 14pt; color: #FFFFFF;}
        .BDY2       {font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 8pt; color: #FFFFFF;}
        .BDY3       {font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 10pt; color: #000080;}
        .BDY4       {font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 12pt; color: #000080;}
        .VIDT       {font-family: Arial; font-weight: bold; font-style: normal; text-decoration: none; font-size: 12pt; color: #FFFF00;}
        .F02M 		{font-family:'Arial',sans-serif;font-size:11pt;font-weight:medium;color:#800000;}
        .F02R 		{font-family:'Arial',sans-serif;font-size:11pt;font-weight:bold;color:#800000;}
        .NAV1       {font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 10pt; color: #808080;}
        .NAV2       {font-family: Arial; font-weight: normal; font-style: normal; text-decoration: none; font-size: 10pt; color: #FFFFFF;}
        .normal     {color: #000080; line-height: 125%; font-family: arial, sans-serif; font-weight: normal; font-style: normal; text-decoration: none;	font-size: 10pt;}
        
* {
	margin: 0px;
	padding: 0px;
}

body {
    background-color: #CCFCFF;
	font-color: #000080;
    color: #000080;
    line-height: 125%;
	font-family: arial, sans-serif;
    font-weight: normal; 
    font-style: normal; 
    text-decoration: none;
	font-size: 12pt;
}

nav{
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    font-color: #404040;
    text-decoration: none;
    text-align: center;
    width: 100%;
    vertical-align: bottom;
    display: inline-block;
	}

#nav a:link{
	font-size: 10pt;
	color:#101010;
	font-weight: normal;
	text-decoration: none;
	}

#nav a:visited{
	font-size:10pt;
	color: gray;
	text-decoration:none;
	font-weight:normal;
	}
#nav a:hover{
	font-size: 10pt;
	font-weight: bold;
	color: #f79c0d;
	text-decoration: none;
	}

#nav a:active{
	
	}

#nav2{
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    font-color: #404040;
    text-decoration: none;
	margin-top:0;
	margin-bottom:0px;
	}

#nav2 a:link{
	font-size: 10pt;
	color:#101010;
	font-weight: normal;
	text-decoration: none;
	}

#nav2 a:visited{
	font-size:10pt;
	color: gray;
	text-decoration:none;
	font-weight:normal;
	}
#nav2 a:hover{
	font-size: 10pt;
	font-weight: bold;
	color: #f79c0d;
	text-decoration: none;
	}

#nav2 a:active{
	
	}

a {
	color: #808080;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

img {
	border: none;
}

p {
	margin: 10px 0px 5px;
	text-align: left;
	line-height: 16px;
}

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
}

input {
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid #808080;
	color: #808080;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
}

.ppinput input {
  margin: 0 .25rem;
  min-width: 300px;
  min-height: 30px;
  max-width: 300px;
  border: 1px solid #eee;
  border-left: 3px solid;
  border-radius: 5px;
  transition: border-color .5s ease-out;
  font-family: tahoma, arial, sans-serif;
  font-size: 14px;
}

.ppinput input:optional {
  border-left-color: #999;
}
.ppinput input:required {
  border-left-color: palegreen;
}
.ppinput input:invalid {
  border-left-color: salmon;
}

.ppinput select {
  margin: 0 .25rem;
  min-width: 200px;
  min-height: 30px;
  border: 1px solid #eee;
  border-left: 3px solid;
  border-radius: 5px;
  transition: border-color .5s ease-out;
  font-family: tahoma, arial, sans-serif;
  font-size: 16px;
}

.ppinput select:optional {
  border-left-color: #999;
}
.ppinput select:required {
  border-left-color: palegreen;
}
.ppinput select:invalid {
  border-left-color: salmon;
  color: gray;
}

textarea {
	padding-left: 2px;
	background-color: #FFFFFF;
	border: 1px solid #808080;
	color: #808080;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
}



#container {
	margin: 0px auto;
	width: 768px;
}


/* Page Header */

#header_container {
	margin-bottom: 12px;
	border: 1px solid #fff;
	background: url('https://www.flash-soft.com/images/header_background.jpg') repeat-x 0px 0px;
}

#page_header {
	width: 766px;
	height: 187px;
	background: url('https://www.flash-soft.com/FSLogo5-25-trans.gif') no-repeat 20px 10px;
	overflow: hidden;
}


/* Page Header : Company Name & Logo */

#header_company {
	margin-top: 20px;
	width: 385px;
	height: 35px;
	float: left;
/*	background: url('images/company_logo.gif') no-repeat 137px 0px; */
	text-align: left;
}

#header_company h1 {
/*	background: url('images/company_name.gif') no-repeat 160px 0px; */
	width: 385px;
	height: 35px;
}


/* Page Header : Welcome Note */

#header_welcome {
    margin-top: 100px;
	padding-left: 142px;
	float: left;
	text-align: justify;
}

#header_welcome h3 {
	padding: 3px 0px 0px;
	font-size: 14px;
}

#header_welcome p {
	margin-top: 7px;
}

#header_welcome #welcome_text {
	width: 447px;
}

/* Page Header : Menu */

#header_menu {
	padding-top: 20px;
	padding-right: 29px;
	float: right;
}

#header_menu li {
	margin-bottom: 2px;
	width: 116px;
	border: 1px solid #dee8f5;
	text-align: left;
	clear: both;
	float: none;
}

#header_menu li a {
	display: block;
	width: 116px;
	height: 20px;
	color: #e3ecf8;
	background-color: #3d6290;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	line-height: 10px;
}

#header_menu li a span {
	display: block;
	padding-top: 4px;
	padding-left: 31px;
}

#header_menu li a:hover {
	color: #fff;
	background-color: #2e4a6c;
}


/* Left Sidebar */

#left_sidebar {
	width: 178px;
	float: left;
}

#left_sidebar .box_container {
	margin-bottom: 11px;
	border: 1px solid #fff;
	background-color: #537caf;
}


/* Left Sidebar2 */

#left_sidebar2 {
	width: 130px;
	float: left;
}

#left_sidebar2 .box_container {
	margin-bottom: 11px;
	border: 1px solid #fff;
	background-color: #537caf;
}


/* Left Sidebar : User Login */

#userlogin {
	padding: 7px 8px 11px 12px;
	color: #f1f5f9;
	font-weight: bold;
	text-align: left;
}

#userlogin h2 {
	width: 69px;
	height: 15px;
	background: url('https://www.flash-soft.com/images/userlogin_title.gif') no-repeat -2px 0px;
}

#userlogin form {
	padding-top: 5px;
}

#userlogin .form_field {
	padding-left: 1px;
	padding-top: 7px;
	width: 155px;
	float: none;
	clear: both;
	text-align: right;
}

#userlogin form strong {
	padding-top: 1px;
	display: block;
	width: 50px;
	height: 13px;
	float: left;
	text-align: left;
}

#userlogin form input {
	width: 93px;
	float: right;
}

#userlogin form input.button {
	padding: 0px;
	width: 55px;
	height: 20px;
	border: none;
	float: none;
}

#userlogin #link-password {
	padding-top: 5px;
}

#userlogin #link-password a {
	color: #eef3f9;
}

#userlogin #link-password a:hover {
	color: #bfd8f6;
}


/* Left Sidebar : Product Logo */

#productlogo {
	padding: 7px 8px 11px 12px;
	color: #f1f5f9;
	font-weight: bold;
	text-align: left;
}

#productlogo h2 {
	width: 105px;
	height: 82px;
	background: url('https://www.flash-soft.com/images/featured_fp.jpg') no-repeat 0px 0px;
}


/* Left Sidebar : Contact Logo */

#contactlogo {
	padding: 9px 8px 9px 26px;
	color: #f1f5f9;
	font-weight: bold;
	text-align: left;
}

#contactlogo h2 {
	width: 75px;
	height: 82px;
	background: url('https://www.flash-soft.com/images/contactlogo.jpg') no-repeat 0px 0px;
}


/* Left Sidebar : About Logo */

#aboutlogo {
	padding: 9px 8px 9px 26px;
	color: #f1f5f9;
	font-weight: bold;
	text-align: left;
}

#aboutlogo h2 {
	width: 82px;
	height: 82px;
	background: url('https://www.flash-soft.com/images/aboutlogo.jpg') no-repeat 0px 0px;
}


/* Left Sidebar : Gallery Logo */

#gallerylogo {
	padding: 9px 8px 9px 26px;
	color: #f1f5f9;
	font-weight: bold;
	text-align: left;
}

#gallerylogo h2 {
	width: 82px;
	height: 82px;
	background: url('https://www.flash-soft.com/images/gallerylogo.jpg') no-repeat 0px 0px;
}


/* Left Sidebar : Support Logo */

#supportlogo {
	padding: 9px 8px 9px 26px;
	color: #f1f5f9;
	font-weight: bold;
	text-align: left;
}

#supportlogo h2 {
	width: 82px;
	height: 82px;
	background: url('https://www.flash-soft.com/images/supportlogo.gif') no-repeat 0px 0px;
}


/* Left Sidebar : Latest News */

#news {
	padding: 10px 17px 10px 12px;
	text-align: left;
}

#news h2 {
	width: 76px;
	height: 19px;
	background: url('https://www.flash-soft.com/images/news_title.gif') no-repeat 0px 0px;
}

#news h4 {
	padding-top: 6px;
	font-size: 10px;	
	font-weight: bold;
}

#news p {
	margin-top: 5px;
	margin-bottom: 6px;
	line-height: 12px;
}

#news .link-more {
	text-align: right;
	font-weight: bold;
}


/* Left Sidebar : Latest Mfg */

#mfg {
	padding: 10px 17px 10px 12px;
	text-align: left;
}

#mfg h2 {
	width: 100px;
	height: 40px;
	background: url('https://www.flash-soft.com/images/mfg_title.gif') no-repeat 0px 0px;
}

#mfg h4 {
	padding-top: 6px;
	font-size: 10px;	
	font-weight: bold;
}

#mfg p {
	margin-top: 5px;
	margin-bottom: 6px;
	line-height: 12px;
}

#mfg .link-more {
	text-align: right;
	font-weight: bold;
}


/* Main Content */

#maincontent_container {
	border-top : 1px solid #d5dfec;
	border-left : 1px solid #d5dfec;
	float: right;
	text-align: left;
}

#maincontent {
	margin: 7px 0px 0px 16px;
	width: 561px;
}

#maincontent_top {
	margin-bottom: 11px;
	width: 561px;
	background: url('https://www.flash-soft.com/images/maincontent_verticaldiv.gif') repeat-y 310px 5px;
}


/* Main Content2 */

#maincontent_container2 {
	border-top : 1px solid #d5dfec;
	border-left : 1px solid #d5dfec;
	float: right;
	text-align: left;
}

#maincontent2 {
	margin: 7px 0px 0px 16px;
	width: 561px;
}

#maincontent_top2 {
	margin-bottom: 11px;
	width: 561px;
	background: url('https://www.flash-soft.com/images/maincontent_verticaldiv.gif') repeat-y 310px 5px;
}


/* How We Started */

#started_container {
	width: 313px;
	float: left;
}

#started {
	padding-top: 2px;
	width: 294px;
}

#started h2 {
	width: 96px;
	height: 14px;
	background: url('https://www.flash-soft.com/images/started_title.gif') no-repeat 0px 0px;
}


/* FlashPoints */

#fp_container {
	width: 313px;
	float: left;
}

#fp {
	padding-top: 2px;
	width: 294px;
}

#fp h2 {
	width: 110px;
	height: 14px;
	background: url('https://www.flash-soft.com/images/flashpoints.jpg') no-repeat 0px 0px;
}


/* Contact */

#contact_container {
	width: 313px;
	float: left;
}

#contact {
	padding-top: 2px;
	width: 294px;
}

#contact h2 {
	width: 110px;
	height: 14px;
	background: url('https://www.flash-soft.com/images/contact_title.gif') no-repeat 0px 0px;
}


/* Gallery */

#gallery_container {
	width: 313px;
	float: left;
}

#gallery {
	padding-top: 2px;
	width: 294px;
}

#gallery h2 {
	width: 110px;
	height: 20px;
	background: url('https://www.flash-soft.com/images/gallery_title.gif') no-repeat 0px 0px;
}


/* Privacy Policy */

#privacy_container {
	width: 313px;
	float: left;
}

#privacy {
	padding-top: 2px;
	width: 294px;
}

#privacy h2 {
	width: 150px;
	height: 18px;
	background: url('https://www.flash-soft.com/images/privacy_title.gif') no-repeat 0px 0px;
}


/* Repairing */

#right_container {
	width: 247px;
	float: left;
	text-align: left;
}

#repairing {
	margin-left: auto;
	margin-right: 1px;
	padding-bottom: 5px;
	width: 231px;
	float: right;
}

#repairing h2 {
	width: 215px;
	height: 19px;
	background: url('https://www.flash-soft.com/images/protectinvest.jpg') no-repeat 0px 4px;
}

#repairing p {
	margin-top: 6px;
}


/* Get Special Offer */

#offer_container {
	margin-left: auto;
	border: 1px solid #fff;
	background-color: #436da1;
	float: right;
}

#offer {
	margin: 5px 17px 4px 10px;
	width: 205px;
}

#offer h2 {
	width: 120px;
	height: 22px;
	background: url('https://www.flash-soft.com/images/offer_title.gif') no-repeat -1px 0px;
}

#offer p {
	margin-top: 1px;
}

#offer .link-go {
	text-align: right;
}

#offer .link-go a {
	margin-left: auto;
	display: block;
	width: 34px;
	height: 13px;
	background: url('https://www.flash-soft.com/images/offer_go.gif') no-repeat 0px 0px;
}


/* Video */

#fpvideo {
	margin-left: auto;
	margin-right: 1px;
	padding-bottom: 5px;
	width: 230px;
	float: right;
}

#fpvideo h2 {
	width: 230px;
	height: 19px;
/*	background: url('images/protectinvest.jpg') no-repeat 0px 4px; */
}

#fpvideo p {
	margin-top: 6px;
}


/* Left Sidebar : Customer Request Form */

#crform {
	padding: 7px 8px 11px 12px;
	color: #808080;
	font-weight: normal;
	text-align: left;
}

#crform h2 {
	width: 150px;
	height: 18px;
	background: url('https://www.flash-soft.com/images/message_title.gif') no-repeat -2px 0px;
}

#crform form {
	padding-top: 5px;
}

#crform form_field {
	padding-left: 1px;
	padding-top: 7px;
	width: 400px;
    height: 20px;
	float: none;
	clear: both;
	text-align: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#crform form strong {
	padding-top: 1px;
	display: block;
	width: 50px;
	height: 13px;
	float: left;
	text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#crform form msg {
	padding-top: 1px;
	display: block;
	width: 400px;
	height: 200px;
	float: left;
	text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#crform form input {
	width: 400px;
    height: 20px;
	float: right;
}

#crform form input.button {
	padding: 0px;
	width: 20px;
	height: 18px;
	border: none;
	float: none;
}


/* About Us */

#about {
	margin-left: auto;
	margin-right: 1px;
	padding-bottom: 5px;
	width: 230px;
	float: right;
}

#about h2 {
	width: 110px;
	height: 18px;
	background: url('https://www.flash-soft.com/images/about_title.gif') no-repeat 0px 0px;
}

#about p {
	margin-top: 6px;
}


/* Featured Products */

#featured_container {
	border: 1px solid #fff;
	background-color: #537caf;
	float: left;
}

#featured {
	margin: 9px 30px;
	width: 498px;
}

#featured h2 {
	width: 111px;
	height: 20px;
	background: url('https://www.flash-soft.com/images/featured_title.gif') no-repeat 0px 0px;
}

#featured_products ul {
	padding-bottom: 2px;
	width: 498px;
}

#featured_products li {
	margin: 6px 21px 10px 1px;
	float: left;
}

#featured_products li.end {
	margin-right: 0px;
}

#featured_products li a {
	display: block;
	width: 107px;
	height: 84px;
	background-color: #fff;
	overflow: hidden;
}

#featured_products li a img {
	margin: 1px;
}

#featured_products li h4 {
	padding-top: 3px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.featured_nav {
	padding-left: 3px;
	padding-right: 9px;
	float: left;
	font-weight: bold;
}

.featured_nav a {
	text-decoration: none;
}

#featured .link-more {
	padding-right: 3px;
	font-weight: bold;
	float: right;
}

/*  Login  */

#login {
     font-family:'Arial',sans-serif;
     font-size:11pt;
     font-weight:bold;
     color:#808080;
}


/* Page Footer */

#page_footer {
	margin: 5px;
	width: 567px;
	float: right;
	text-align: center;
	font-size: 11px;
}


/*  Table Box  */

.table_box {
    border: 1px solid #000070;
    padding: 10px;
}   
    
/*  Button  */

.button {
     
    /*Step 2: Basic Button Styles*/
    display: inline;
    height: 20px;
    background: #FFFF80;
    border: 2px solid rgba(12, 77, 8, 0.59);
     
    /*Step 3: Text Styles*/
    color: #FF8040;
    text-align: center;
    font: bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
     
    border-radius: 10px;
     
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
     
}

input[type="submit"], button[type="submit"] {
    background-color: #007BFF; /* Blue background */
    color: white;              /* White text */
    padding: 10px 20px;        /* Spacing inside button */
    border: none;              /* Remove default border */
    border-radius: 5px;        /* Rounded corners */
    cursor: pointer;           /* Hand cursor on hover */
    font-size: 16px;           /* Larger text */
}
 
/*Step 3: Link Styles*/
a.button2 {
    text-decoration: none;
}
 
.pbutton {
     
    /*Step 2: Basic Button Styles*/
    display: block;
    height: 16px;
    width: 200px;
    background: #3366FF;
    border: 2px solid rgba(12, 77, 8, 0.59);
     
    /*Step 3: Text Styles*/
    color: rgba(255, 255, 255, 0.55);
    text-align: center;
    font: bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
     
    border-radius: 25px;
     
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
     
}

/*Step 3: Link Styles*/
a.pbutton2 {
    text-decoration: none;
}

.xbutton {
     
    /*Step 2: Basic Button Styles*/
    display: block;
    height: 25px;
    width: 200px;
    background: #FFFF00;
    border: 2px solid rgba(12, 77, 8, 0.59);
     
    /*Step 3: Text Styles*/
    color: rgba(0, 0, 0, 0.55);
    text-align: center;
    font: bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
     
    border-radius: 25px;
     
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
     
}

/*Step 3: Link Styles*/
a.xbutton2 {
    text-decoration: none;
}

/*Affiliate Links*/
.abox { 
    width: 200px;
    background-color: #deecfc;
    border: 2px solid #dfe9f5;
    padding: 10px;
    box-align: center;
    box-shadow: 2px 2px 3px #666;
    border-radius: 25px;
    -moz-border-radius: 25px;
    color: #256b97;
     
}

/*FlashPoints Page*/
.bbox { 
    width: 150px;
    background-color: #deecfc;
    border: 2px solid #dfe9f5;
    padding: 10px;
    box-align: center;
    box-shadow: 2px 2px 3px #666;
    border-radius: 25px;
    -moz-border-radius: 25px;
    color: #256b97;
     
}

/*Login on Home Page*/
.lbox { 
    width: 255px;
    background-color: #35a3e9;
    padding: 3px;
    box-shadow: 2px 2px 3px #666;
    border-radius: 10px;
    -moz-border-radius: 10px;
     
}

/*Product Links*/
.pbox { 
    width: 700px;
    background-color: #deecfc;
    border: 2px solid #dfe9f5;
    padding: 10px;
    box-align: center;
    box-shadow: 2px 2px 3px #666;
    border-radius: 25px;
    -moz-border-radius: 25px;
    color: #256b97;
     
}

/*Testimonials*/
.tbox { 
    width: 460px;
    background-color: #deecfc;
    border: 2px solid #dfe9f5;
    padding: 10px;
    box-shadow: 2px 2px 3px #666;
    border-radius: 25px;
    -moz-border-radius: 25px;
    color: #256b97;
     
}

/*Customers*/
.cbox { 
    width: 600px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    padding: 10px;
    box-shadow: 5px 5px 5px #666;
    border-radius: 1px;
    -moz-border-radius: 1px;
    color: #3064FF;
     
}

/*Highlight link*/
.xbox { 
    width: 200px;
    background-color: #FCA173;
    border: 2px solid #F58E2D;
    padding: 10px;
    box-align: center;
    box-shadow: 2px 2px 3px #666;
    border-radius: 25px;
    -moz-border-radius: 25px;
    color: #256b97;
     
}

/*Pagination*/
.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

  /* Top Center text */
  .top-center {
  overflow: hidden;
  position: relative;
  width: 100%;
  top: 5%;
  text-align: center;
  font-size: 5vw; 
  font-weight: bold;
  }

  /* Bottom left text */
  .bottom-left {
  overflow: hidden;
  position: absolute;
  top: 40%;
  left: 50px;
  font-size: 4vw; 
  font-weight: bold;
  }
  
    /* bottom Center text */
  .bottom-center {
/*  overflow: hidden; */
  position: absolute;
  width: 100%;
  bottom: 20px;
  text-align: center;
  font-size: 1vw; 
  font-weight: bold;
  }
  
  .style1 {
  background: url('https://www.flash-soft.com/images/FPmasthead3.png') no-repeat;
  background-color: #080808;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  position: relative;
  text-align: left;
  color: white;
  }
  
  .style2 {
  background: url('https://www.flash-soft.com/images/backgrdimgf.jpg') repeat;
  background-color: #080808;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  position: relative;
  text-align: left;
  font-size: 12px;
  color: black;
  }
  
  .bigkitchen {
  background: url('https://www.flash-soft.com/images/big-kitchen-25.png') no-repeat;
  background-color: #ffffff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  position: relative;
  text-align: left;
  color: white;
  }
  
  .ordbox {
    width: 60%;
    height: 200px;
    background-color: transparent;
    border: 3px solid #000080;
    padding: 10px;
    margin: 0 auto;
    text-align: left;
    border-radius: 25px;
    -moz-border-radius: 25px;
    color: #000080;
    position: relative;
  }
  
  .ordbox .ord_container {
    width: 50%;
    float: left;
  }
  
  .ordbox .ord_container .title_text {
    font-size: 20pt;
    font-weight: bold;
  }
  
#myoverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  //background-color:#000;
  background-image : url('overlay.png');
  //opacity:0.95;
  z-index: 1000;
  cursor: pointer;
}

#mytext{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

div.ex1 {
  display: inline-block;
  text-align: center;
  margin-top: 50px;
  background-color: white;
  height: 700px;
  width: 600px;
  overflow-y: auto;
  z-index: 1001;
  font-size: 12pt;
  border-radius: 15px;
}