body {
    height: 100%;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.60);
}
.skyShade {
    background-color: rgba(116,203,227,1.00);
    }
.bodyShade_plain {
    background-color: rgba(255,0,241,1.00);
    }
.bodyShade {
    background-color: rgba(145,72,39,1.00);
    background-image: -webkit-linear-gradient(0deg,rgba(180,105,62,1.00) 0%,rgba(203,150,109,1.00) 26.12%,rgba(201,133,83,1.00) 48.64%,rgba(168,88,50,1.00) 78.24%,rgba(145,72,39,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(180,105,62,1.00) 0%,rgba(203,150,109,1.00) 26.12%,rgba(201,133,83,1.00) 48.64%,rgba(168,88,50,1.00) 78.24%,rgba(145,72,39,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(180,105,62,1.00) 0%,rgba(203,150,109,1.00) 26.12%,rgba(201,133,83,1.00) 48.64%,rgba(168,88,50,1.00) 78.24%,rgba(145,72,39,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(180,105,62,1.00) 0%,rgba(203,150,109,1.00) 26.12%,rgba(201,133,83,1.00) 48.64%,rgba(168,88,50,1.00) 78.24%,rgba(145,72,39,1.00) 100%);
    }
 #splash {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url(../graphics/TonTan-bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 100%;
    background-size: auto 30%;
    z-index: 20;
    background-color: rgba(116,203,227,1.00);
    visibility: visible;
}
#splashMask {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 25;
    background-color: rgba(116,203,227,1.00);
    visibility: visible;
}
#flash {
    position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../graphics/bg_flash.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 0%;
    z-index: 30;
}
#tontan {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url(../graphics/TonTan-bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: 35px;
    margin-bottom: 20px;
    height: 100%;
    background-size: auto 0%;
    z-index: 40;
}
#drips {
    background-image: url(../graphics/drips.png);
    background-repeat: no-repeat;
    background-position: left 20%;
    z-index: 60;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.4;
    background-size: 200px 190px;
    pointer-events: none;
}
html {
    height: 100%;
}
#header {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    background-color: rgba(116,203,227,1.00);
}
.number {
    font-size: 36pt;
    vertical-align: -4pt;
}
.dotdot {
    opacity: 0.2;
    font-weight: normal;
    margin-left: 5px;
}
#callus2 {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 18px;
    font-size: 24pt;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.5em;
    border-left: 0px solid white;
    border-right: 0px solid white;
    border-bottom: 0px solid white;
    border-top: 1px solid rgba(255,255,255,0.50);
    background-color: rgba(255,118,0,1.00);
}
#callus {
    padding: 15px;
    font-size: 24pt;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.5em;
    background-repeat: no-repeat;
    border: 0px solid white;
    background-color: rgba(255,255,255,0.30);
}
#callus3 {
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.5em;
    background-repeat: no-repeat;
    border: 0px solid white;
    background-color: rgba(116,203,227,1.00);
}
h2 {
    color: #FFFFFF;
    margin: 0px;
    font-weight: bold;
}
h1 {
    color: #FFFFFF;
    font-weight: bold;
}
#tontan {
}
#main3 {
    margin-top: 10px;
}
#main3_1 {
    border: 2px solid black;
    padding: 20px;
    background-color: #FFE453;
    background-image: url(../graphics/main3/commercialBG.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#main3_2 {
    border: 2px solid black;
    padding: 20px;
    background-color: #FFE453;
    background-image: url(../graphics/main3/tubesBG.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#main3_3 {
    border: 2px solid black;
    padding: 20px;
    background-color: #FFE453;
    background-image: url(../graphics/main3/homerentalBG.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
body,td,th {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000000;
}
a.main3:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 18pt;
    font-weight: bold;
}
a.main3:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 18pt;
    font-weight: bold;
}
a.main3:hover {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 18pt;
    font-weight: bold;
}
a.main3:active {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 18pt;
    font-weight: bold;
}
a.main3Big:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 36pt;
    font-weight: bold;
}
a.main3Big:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 36pt;
    font-weight: bold;
}
a.main3Big:hover {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 36pt;
    font-weight: bold;
}
a.main3Big:active {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 36pt;
    font-weight: bold;
}
.box {
    width: 33.33%;
    float: left;
    text-align: center;
}
#box1 {
    margin-bottom: 10px;
    overflow-y: visible;
}
#box2 {
    margin-bottom: 10px;
    overflow-y: visible;
}
#box3 {
    margin-bottom: 10px;
    overflow-y: visible;
}
#box1b {
    border-left: 0px solid white;
    border-right: 0px solid white;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    padding: 20px;
    background-color: #FFE453;
    background-image: url(../graphics/main3/commercialBG.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#box2b {
    border-left: 0px solid white;
    border-right: 0px solid white;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    padding: 20px;
    background-color: #FFE453;
    background-image: url(../graphics/main3/tubesBG.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#box3b {
    border-left: 0px solid white;
    border-right: 0px solid white;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    padding: 20px;
    background-color: #FFE453;
    background-image: url(../graphics/main3/homerentalBG.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#box3b2 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    color: rgba(246,248,130,1.00);
    font-style: italic;
}
#box3b3 {
    background-color: #FFE453;
    background-image: url(../graphics/main3/homerentalBG.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#box3b3page {
    border-left: 0px solid white;
    border-right: 0px solid white;
    border-bottom: 0px solid white;
    border-top: 6px solid white;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-image: -webkit-linear-gradient(270deg,rgba(116,203,227,1.00) 0%,rgba(116,203,227,0.00) 99.88%);
    background-image: -moz-linear-gradient(270deg,rgba(116,203,227,1.00) 0%,rgba(116,203,227,0.00) 99.88%);
    background-image: -o-linear-gradient(270deg,rgba(116,203,227,1.00) 0%,rgba(116,203,227,0.00) 99.88%);
    background-image: linear-gradient(180deg,rgba(116,203,227,1.00) 0%,rgba(116,203,227,0.00) 99.88%);
}
#boxPanel {
    overflow-y: visible;
    margin-top: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.main3align {
    margin: auto;
}
a:link {
    color: #FFF3BE;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #FFF3BE;
}
a:hover {
    text-decoration: underline;
    color: #FFF3BE;
}
a:active {
    text-decoration: none;
    color: #FFF3BE;
}
a {
    font-weight: bold;
}
.openingTimes {
    font-size: 13pt;
    line-height: normal;
}
#footer {
    text-align: center;
    background-image: -webkit-linear-gradient(270deg,rgba(127,69,0,0.00) 0%,rgba(46,25,0,0.32) 34.29%,rgba(46,25,0,0.49) 53.52%,rgba(46,25,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(127,69,0,0.00) 0%,rgba(46,25,0,0.32) 34.29%,rgba(46,25,0,0.49) 53.52%,rgba(46,25,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(127,69,0,0.00) 0%,rgba(46,25,0,0.32) 34.29%,rgba(46,25,0,0.49) 53.52%,rgba(46,25,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(127,69,0,0.00) 0%,rgba(46,25,0,0.32) 34.29%,rgba(46,25,0,0.49) 53.52%,rgba(46,25,0,1.00) 100%);
    height: 25vh;
}
#marginSet {
}
#lotions {
    background-image: url(../graphics/lotions.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    background-color: rgba(0,0,0,1.00);
    background-position: left top;
    width: 100%;
}
.imgLeft {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.imgLeftRounded {
    float: left;
    margin-bottom: 10px;
    border-left: 0px solid white;
    border-right: 1px solid white;
    border-bottom: 0px solid white;
    border-top: 1px solid white;
    margin-right: 10px;
}
.imgRight {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}
#commercialSunbeds {
    color: rgba(255,255,255,1.00);
    font-size: 18pt;
    text-align: center;
    overflow: auto;
}
#tubes {
    font-size: 18pt;
    color: rgba(204,244,255,1.00);
    overflow: auto;
}
#diy {
    color: rgba(255,255,255,1.00);
    font-size: 36pt;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 40px;
}
.imgMiddle {
    vertical-align: middle;
}.details img {
    max-width: 200px;
    margin-left: 10px;
    margin-right: 10px;
}
.details {
    color: rgba(255,255,255,1.00);
    font-size: 18pt;
}
.details4pages {
    color: rgba(255,255,255,1.00);
    font-size: 18pt;
}
.details4Prices {
    color: rgba(255,255,255,1.00);
    border: 2px solid white;
    margin: 10px;
    font-size: 18pt;
    background-color: rgba(255,0,4,1.00);
}
.boxShadow {
    padding-bottom: 200px;
}
.requestButton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22pt;
    font-weight: bold;
    color: #630;
    background-color: #F90;
    border: 3px solid #900;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -webkit-appearance: none;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.formElement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 300px;
	padding: 5px;
	border: 2px solid #FFF;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.weekOptions {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    background-color: #FFF;
    border: 2px solid #06C;
}
#orderDetails {
    padding: 20px;
    text-align: center;
    border: 2px solid white;
    background-color: rgba(0,252,255,0.70);
    color: rgba(255,255,255,1.00);
    font-size: 24pt;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}
.smaller {
    font-size: 18pt;
    color: rgba(255,255,255,1.00);
    font-weight: bold;
}
#mailinglistForm {
    font-size: 18pt;
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 100px;
}
#certDiv {
    padding: 10px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#servicing {
    color: rgba(255,255,255,1.00);
    font-size: 18pt;
}
#servicingOptions {
    padding: 15px;
    border: 2px solid rgba(255,124,147,1.00);
    background-color: rgba(255,0,5,1.00);
    color: rgba(255,123,125,1.00);
    font-size: 18pt;
}
.imgRounded {
}
.specialOffer {
    background-color: rgba(255,211,0,1.00);
    font-weight: bold;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 36pt;
    color: rgba(255,255,255,1.00);
    text-shadow: 2px 2px 2px rgba(255,114,0,1.00);
}
