﻿/* 
	CSS Document
	Copyright © 2023 by FSD International, Inc. 
	All rights reserved	Screen styles
*/

/* RESET
----------------------------------------------- */
* {
	margin: 30;
	padding:30;
	font-size:medium; 
	font-weight:x-small; 
	color: #fffff;
}
abbr, object:focus, a:focus { outline: none; border: 0; }
input:focus { outline: none; }

/* LAYOUT
----------------------------------------------- */
body
{
	margin: 0;
	width:auto;
  	height: 100%; 	
  	overflow-wrap: break-word;  
    word-wrap: break-word; 
    word-break: break-word;
  	background-color: #202020;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small;
	color: #ffffff; 
}

normal
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	font-size:small; 
	font-weight:normal; 
}


h1           
{ 
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	font-size:x-large; 
	font-weight: bold; 
}

h2           
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: large; 
	color: #FFFFFF; 
	font-weight: bold 
}

h3  
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium; 
	color: #FFFFFF; 
	font-weight: bold 
}

.word { 
	border-width: 0;
	border-collapse: collapse;
	cellpadding: 10;
 	width: 920px; 
 	overflow-wrap: break-word; 
	word-wrap: break-word; 
	word-break: break-word; 
} 

.copyright {
	border-width: 0;
	text-align: left;
	font-size:small;
	color: #FFFFFF;
}

.copyrightCtr {
	border-width: 0;
	text-align: center;
	font-size:x-small;
	color: #FFFFFF;
}


.header {
	border-collapse: collapse;
	border-width: 0;
	font-size: small;
	background-color: #202020;
}

.orderCells {
	border-width: 0;
	padding: 10px;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	word-break: break-all;
	text-align: center;
}


.textCenter {
	text-align: center;
}


.body-wrapper {
  max-width: 1920;
  margin: 0 auto;
}

.companytable{
  background: #000 url(https://www.fsd-international.com/img/Company_sm.jpg);
  height: 100%;
  border: none;
  margin: 0px; background-size: 100%; background-repeat: no-repeat; background-position: center; 
}

.blueTable100pct {
	border-style: solid;
	background-color: #062442;
	width:100%
}
.blueTableNoBorder100pct
{
	border-width: 0;
	border-collapse: collapse;
	background-color: #062442;
	width: 100%;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	font-size:small; 
	font-weight:normal; 
}


.infoCell {
	border-width: 0;
	background-color: #062442;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	font-size:small; 
	font-weight:normal; 
}

.cellWithBorder {
	border-style: solid;
	border-width: 1;
	color: #FFFFFF; 
	font-size:small; 
	font-weight:normal; 

}

.emptyCellNoBorder {
	border-width: 0;
	padding:10px;
	color: #FFFFFF; 
	font-size: small; 
	font-weight:normal; 
	word-break: break-all;
}

.CellNoBorderCenterTxt {
	border-width: 0;
	padding: 10px;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	text-align: center;
}

.CellAndBorderCenterTxt {
	border-width: 0;
	color: #FFFFFF; 
	font-size:small; 
	text-align: center;
	font-weight:normal; 

}

.displayPrice {
	border-width: 0;
	color: #FFFFFF; 
	font-size: medium; 
	text-align: center;
	font-weight:normal; 

}


.galleryBox {
	text-align: center;
	border-color: #FFFFFF;
	font-size:small;
}

.picTable {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	border-collapse: collapse;
}


.featureTable {
	border-style: solid;
	border-color: #062442;
	border-collapse: collapse;
	background-color: #062442;
	width: 100%;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
}

.priceBox {
	border-width: 0;
	padding: 10px;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	text-align: right;
}

.headerbox {
	border-width: 0;
	border-collapse: collapse;
	padding: 10px;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	background-color: #202020;
}


.picNoBorder {
	border-width: 0;
}


.tableNoBorder {

	border-collapse: collapse;
	border-width: 0;
	font-size: small;
}

.tableAndBorder {
	border-style: solid;
	border-width:1px;
	border-color: #FFFFFF;
	font-size: small;
}

.CityNight {
	background-image: url('../img/CityNight.jpg');
}

.TahomaXL {
	font-family: Tahoma;
	font-size: x-large;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}

.imgbox {
    height: 100%;
    width:auto;
}

 .PictureRatioFixed {
	/* set relative picture size */
  margin-top: 0;
  width: 100%;
  height: auto;
}

.center-fit {
   max-width: 100%;
   max-height: 100%;
   margin:0;
}
.fit { /* set relative picture size */
            max-width: 100%;
            max-height: 100%;
        }
.defaltfont{
	font-family: Verdana; 
	font-size:small;
	color:#FFFFFF; 
	text-align: left;
}

.defaltBold{
	font-family: Verdana; 
	font-size:large;
	font-weight:bold;
	color:#FFFFFF; 
}

.auto-style1 {
	background-color:#202020;
	margin-left:auto;
	margin-right:auto;
}
.salePrice {
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;
}

.saleHeader {
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	font-size: x-large;
	color: #FFFFFF;
	font-style: italic;
}

.sale-Bold {
	font-size: x-large;
	color: #FFFFFF;
	font-weight: bold;
}

.sale-Subtxt {
	font-size: large;
	color: #FFFFFF;
	font-weight: bold;
}

.sale-Detail {
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;
}

.center1
{ 
	margin-left: auto;
	margin-right: auto;
}

.centerTableNoBorder {
	width:auto;
	margin-left: auto;
	margin-right: auto;
	margin-left: auto;
	margin-right: auto;
}


table, th, td {
border: 1px solid Black;}

/* make the table a 100% wide by default */
table {
width: 100%;}

/* if the browser window is at least 800px-s wide: */
@media screen and (min-width: 800px) {
  table {
  width: 90%;}
}

/* if the browser window is at least 1000px-s wide: */
@media screen and (min-width: 1000px) {
  table {
  width: 80%;}
}


p { 
	font-family: Verdana; 
	font-size: small;
    color: #FFFFFF; 
} 

a:link {
	font-family: Verdana; 
	text-decoration: none;
	font-size: small;
    color: #FFFFFF;
}

a:visited {	
	font-family: Verdana; 
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
}

a:active {
	font-family: Verdana; 
	font-size: small;
	color: #861406;
	text-decoration: none;
}

a:hover {
	font-family: Verdana; 
	font-size: small;
	color: #00ff00;
	font-weight:normal;
	text-decoration: none;

}
