@charset "utf-8";
/* This Page Was Created By Ivan Homuk */
/*Basic reset*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/*Basic reset*/
/*TOP RIGHT BOTTOM LEFT*/
nav {
  padding: 10px 0;
}
.horizontal-menu {
/*  width: 70%;*/
  margin: 30px;
  padding: 0;
  display: flex;
  justify-content: space-around;
	flex-wrap: wrap;
}
.float-right {
  float: right;
}
#PageBanner img {
  width: 100%;
  border-radius: 7px;
}
.horizontal-menu li {
  padding: 10px 10px;
	list-style-type: none;
}
.horizontal-menu li a {
  color: #3E3E3E;
  font-size: 16px;
  display: block;
  text-align: center;
	padding: 8px 12px;
}

/*test this*/
.horizontal-menu li a.active {
	border: 2px solid #D9D9D9;
	background-color: #E7E7E7;
	padding: 8px 12px;
	border-radius: 2px;
}
/*test this*/

.horizontal-menu li a:hover {
  color: #959595;
  text-decoration: none;
}
header nav ul {
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  color: #FFFFFF;
  padding-left: 20px;
  padding-right: 20px;
}
#SpecialCakesForAllOccasions img {
  border-radius: 10px;
}
#SpecialCakesForAllOccasions img:hover {
  background-color: #EFEFEF;
}
#SpecialCakesForAllOccasions.float-left {
  float: left;
  margin: 20px;
}
#SpecialCakesForAllOccasions {
  width: 40%;
}
#SpecialCakesForAllOccasions a {
  color: #0C243C;
  text-decoration: none;
}
#SpecialCakesForAllOccasions a:hover {
  color: #4178AF;
  text-decoration: none;
}
.specialcakes {
  font-family: 'Angsana New', Arial, san-serif;
  line-height: 30px;
  font-size: 24px;
}
.specialcakes img {
  max-width: 100%;
  height: auto;
  display: block;
  background-color: #FFFFFF;
  margin: 0 auto;
  border-radius: 4px;
}
h1 {
  line-height: normal;
  margin: 20px auto;
  display: block;
  background-color: #FFFFFF;
  color: #E94D40;
  border-radius: 10px;
  text-align: center;
  width: 50%;
  padding: 10px;
}
h2, h3, h4, h5, h6 {
  font-size: 22px;
  text-align: center;
  display: block;
  width: 75%;
  background-color: #0C243C;
  color: #FFFFFF;
  margin-top: 35px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding: 30px;
  border-radius: 7px;
  font-family: Arial, sans-serif;
}
#ProductImages img {
  margin: 30px auto;
  width: 100%;
  max-width: 300px;
  height: auto;
}
#AboutPageImage img {
  border-radius: 3px;
  margin: 35px auto;
  width: 50%;
  max-width: 975px;
  height: auto;
}
.one-half-column {
  border-radius: 4px;
  text-align: center;
  padding-left: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.one-half-column p {
  border-radius: 4px;
  text-align: center;
  width: 300px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}
hr.undertable {
  margin: 30px auto;
}
.one-half-column hr {
  margin: 30px auto;
  border: 1px solid #E94D40;
}
#CustomerTestimonials hr {
  margin: 30px auto;
  border: 1px solid #E94D40;
  width: 70%;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.one-half-column {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 45%;
  box-sizing: border-box;
}
body {
  font-size: 1em;
  line-height: 1.3em;
  color: #0C243C;
  font-family: 'Arial', sans-serif;
  background-color: #FFFFFF;
  /*  border-radius: 5px;*/
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 30px;
}
#PageMain p {
  margin: 20px auto;
  display: block;
  border-radius: 10px;
  width: 80%;
  background-color: #FFFFFF;
  padding: 10px;
}
#PageMain a {
  text-decoration: none;
  color: #000000;
}
#PageMain a:hover {
  text-decoration: none;
  color: #B0B0B0;
}
#AboutPageTable {
  width: 90%;
  margin: 70px auto;
  border-collapse: separate;
}
#AboutPageTable th {
  color: #FFFFFF;
  margin: 0px 15px;
  padding: 10px 10px;
  background-color: #0C243C;
  text-align: left;
}
#AboutPageTable td {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin: 0px 15px;
  padding: 10px 10px;
  text-align: left;
}
#HomePageTable {
  border-collapse: separate;
  border-spacing: 20px 20px;
  width: 100%;
  margin: 70px auto;
}
#HomePageTable th {
  margin: 0px 15px;
  border-radius: 5px;
  padding: 20px 25px;
  background-color: #F0F0F0;
  text-align: left;
}
#HomePageTable td {
  margin: 0px 15px;
  border-radius: 5px;
  padding: 20px 25px;
  background-color: #F0F0F0;
  text-align: left;
}
#CakesForSaleTable {
  width: 90%;
  margin: 70px auto;
  border-collapse: separate;
}
#CakesForSaleTable th {
  color: #FFFFFF;
  margin: 0px 15px;
  padding: 10px 10px;
  background-color: #0C243C;
  text-align: left;
}
#CakesForSaleTable td {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin: 0px 15px;
  padding: 10px 10px;
  text-align: left;
}
.middletable {
  background-color: #EEF5FC;
}
.bottomtable {
  background-color: #EEF5FC;
}
#Mailing-List-Form {
  text-align: left;
  line-height: 1em;
  max-width: 400px;
  padding: 15px;
  border: 2px solid #E94D40;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#typeofcake {
  height: 40px;
}
#feedback {
  height: 40px;
}
#send {
  font-weight: bold;
  padding: 5px 10px;
}
form label {
  display: inline-block;
  width: 50%;
}
#AboutPageImage img {
  border-radius: 3px;
  margin: 35px auto;
  width: 50%;
  max-width: 975px;
  height: auto;
}
#PageFooter {
  border-radius: 10px;
  text-align: center;
  display: block;
  width: 90%;
  background-color: #0C243C;
  color: #FFFFFF;
  margin: 40px auto 40px auto;
  padding: 30px;
}
#PageFooter a {
  color: lightgrey;
}
#PageFooter a:hover {
  text-decoration: none;
  color: #FFFFFF;
}