/* Southend Crematorium 

Southend colours: Y - rgb(242,208,18) | B - rgb(19,80,144) | LB - rgb(34,162,221)
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif');
@import url('https://fonts.googleapis.com/css?family=Raleway|Playfair+Display+SC');

body {
font-family:'Raleway', 'Playfair Display SC';
}
div#header {
top:0;
width:100%;
height:90px;
position:fixed;
background-color:rgba(255,255,255,0.4);
z-index:100;
}

h1 {font-size:3vw; padding:1vw 0;}

div#container {
width: 100%;
}

div#mainbody {
width:96%;
margin: 5vw auto 0;
border:0 solid red;
}

div#sketchfab {
border:1px solid rgb(156,138,124);width:98%;height:800px;margin-top:100px;margin-left:1%;margin-right:1%;
}

.redImp {color:rgb(250,0,0) !important;}


p.lineT, div.lineT {
border-top: 2px solid gray;
margin: 2vw 0;
}

.highlight {text-shadow: 1px 1px 1px black;}

div#atlas {
margin-top:8vw;
width:100%;
background: 98% 16vw url("../img/build/atlas.jpg") no-repeat;
background-size: 25%;
min-height:30vw;
background-attachment:fixed;
}

div#urncolumn {
margin-top:8vw;
width:100%;
background: 90% 10vw url("../img/build/columnandurn.jpg") no-repeat;
background-size: 30%;
min-height:40vw;
background-attachment:fixed;
}

div#book {
margin-top:8vw;
width:100%;
background: 95% 16vw url("../img/build/book2.jpg") no-repeat;
background-size: 25%;
min-height:30vw;
background-attachment:fixed;
}

div#chapelA {
margin-top:8vw;
width:100%;
background: 90% 16vw url("../img/build/chapelA.jpg") no-repeat;
background-size: 25%;
min-height:30vw;
background-attachment:fixed;
}

div#chapelB {
margin-top:8vw;
width:100%;
background: 90% 16vw url("../img/build/chapelB.jpg") no-repeat;
background-size: 25%;
min-height:30vw;
background-attachment:fixed;
}

div#rosepost {
margin-top:8vw;
width:100%;
background: 180% 16vw url("../img/build/rosepost.jpg") no-repeat;
background-size: 70%;
min-height:30vw;
background-attachment:fixed;
}

div#balustrade {
margin-top:8vw;
width:100%;
background: 95% 20vw url("../img/build/balustrade1.jpg") no-repeat;
background-size: 25%;
min-height:30vw;
background-attachment:fixed;
}

div#rosegarden {
margin-top:8vw;
width:100%;
background: 100% 16vw url("../img/build/rosegarden.jpg") no-repeat;
background-size: 50%;
min-height:30vw;
background-attachment:fixed;
}

div#trident {
margin-top:8vw;
width:100%;
background: 100% 20% url("../img/build/x.jpg") no-repeat;
background-size: 50%;
min-height:30vw;
background-attachment:fixed;
}

div#orders {
margin-top:8vw;
width:100%;
min-height:30vw;
}

div#leaseholders {
margin-top:8vw;
width:100%;
min-height:30vw;
}

div#siteinfo {
margin-top:8vw;
width:100%;
min-height:30vw;
}

table.atlas {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.atlas caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.atlas tr td {
width: 6.5vw;
height: 5vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 0.7vw;
border-radius:0.2vw;
cursor:pointer;
vertical-align: middle;
position:relative;
}

table.book {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.book caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.book tr td {
width: 8vw;
height: 6vw;
border: 0.1vw solid black;
background-color:transparent;
text-align: center;
font-size: 0.7vw;
border-radius:0.5vw;
cursor:pointer;
vertical-align: middle;
}

table.chapel {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
margin-top:3vw;
}

table.chapel caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.chapel tr td {
width: 8vw;
height: 6vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 0.7vw;
border-radius:0.2vw;
cursor:pointer;
vertical-align: middle;
}


table.chapel tr td.notile {
width: 5vw;
height: 3vw;
border:0;
background-color:transparent;
cursor:none;
}

table.urncolumn {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.urncolumn caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.urncolumn tr td {
width: 10vw;
height: 15vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 1vw;
border-radius:0.2vw;
cursor:pointer;
vertical-align:top;
}

table.rosepost {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.rosepost caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.rosepost tr td {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 1vw;
border-radius:0;
cursor:pointer;
vertical-align:top;
}

table.balustrade {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.balustrade caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.balustrade tr td {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 1vw;
border-radius:0;
cursor:pointer;
vertical-align:top;
}
table.balustrade tr td.corner {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:wheat;
text-align: center;
font-size: 2vw;
border-radius:0.2em;
cursor:pointer;
vertical-align:middle;
}

table.rosegarden {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.rosegarden caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.rosegarden tr td {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 1vw;
border-radius:0;
cursor:pointer;
vertical-align:top;
}
table.rosegarden tr td.notile {
width: 8vw;
height: 5vw;
border:0;
background-color:transparent;
cursor:none;
}

table.trident {
width: auto;
border-collapse: separate;
display: table;
border-spacing: 3px 3px;
}

table.trident caption {
font-size: 2vw;
margin-bottom: 1vw;
}

table.trident tr td {
width: 8vw;
height: 5vw;
border: 0.1em solid black;
background-color:transparent;
text-align: center;
font-size: 0.7vw;
border-radius:0;
/*cursor:pointer;*/
vertical-align:top;
}
table.trident tr td.notile {
width: 8vw;
height: 5vw;
border:0;
background-color:transparent;
cursor:none;
}

fieldset.editform div {
margin-top:3px;
color:inherit;
}

.font-effect-emboss {
text-shadow: -1px -1px 1px rgba(250,250,250, 0.3), 1px 1px 1px rgba(0,0,0,0.8);	
}

.fonttiny {
font-size:0.40in;
line-height:0.45in;
font-family:inherit;
}
.fontxsmall {
font-size:0.45in;
line-height:0.50in;
font-family:inherit;
}
.fontsmall {
font-size:0.5in;
line-height:0.55in;
font-family:inherit;
}
.fontmedium {
font-size:0.55in;
line-height:0.6in;
font-family:inherit;
}
.fontstandard {
font-size:0.7in;
line-height:0.75in;
font-family:inherit;
}
.fontlarge {
font-size:1in;
line-height:1.1in;
font-family:inherit;
}
.fontxlarge {
font-size:1.2in;
line-height:1.4in;
font-family:inherit;
}



nav#navi {
width:16vw;
height:auto;
/*background-color:dodgerblue;*/
background-color:gold;
opacity:0.9;
border:0 solid gray;
display:block;
}

nav#navi ul {
margin-left:2vw;
list-style:square;
}

nav#navi .ui-accordion-header {
font-size:1vw;
}

nav#navi ul li a {
font-size:0.9vw;
text-decoration: none;
}
nav#navi ul li:hover {
color:green;
}
nav#navi ul li a:hover {
font-weight:600;
}

.ui-tooltip, .arrow:after {
background: rgb(19,80,144);
border: 1px solid rgb(34,162,221);
}

.ui-tooltip {
padding: 10px 20px;
color: rgb(242,208,18);
border-radius: 10px;
font: 0.9em Raleway, Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 5px silver;
}

.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}

.arrow.top {
top: -16px;
bottom: auto;
}

.arrow.left {
left: 40%;
}

.arrow:after {
content: "";
position: absolute;
left: 30px;
top: -20px;
width: 25px;
height: 25px;
/* box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);*/
transform: rotate(45deg);
}

.arrow.top:after {
bottom: -20px;
top: auto;
}



div.atl_loc {
position:absolute;z-index:0;top:0.1vw;left:0.1vw;font-size:1.4vw;
}
div.atl_dec {
position:absolute;top:0.1vw;left:0.1vw;font-size:0.7vw;
}
button.atl_ins {
position:absolute;width:2vw;height:2vw;padding:0.2vw;	
}
button.atl_lea {
position:absolute;width:2vw;height:2vw;padding:0.2vw;
}
button.atl_res {
position:absolute;width:2vw;height:2vw;padding:0.2vw;left: 0.5vw;bottom: 0.5vw;}

/* Pricing Table */

table#pricing {
	margin-top:4vw;
	width:auto;
	border-collapse: separate;
	border-spacing: 0.7vw;
	border:0 solid rgb(0,1,5);
	padding:0.5vw;
}
/*
table#pricing tr:nth-child(even) {
    background-color: #eee;
}

table#pricing tr:nth-child(odd) {
    background-color: #fff;
}
*/
table#pricing caption {
	text-align:left;
	font-size:1.5vw;
	font-weight:400;
}

table#pricing col#model {
	width:13vw;
	background-color:gainsboro;
	overflow:hidden;
}

table#pricing col#costing {
	background-color:gold;
	width:5.5vw;
}

table#pricing col#yrs {
	background-color:tomato;
	width:5.5vw;
}

table#pricing col#mku {
	background-color:darkorange;
	width:5.5vw;
}

table#pricing col#sve {
	background-color:moccasin;
	width:auto;
	border:0;
}

table#pricing col#prx {
	background-color:gainsboro;
	width:auto;
	border:0;
}

table#pricing col#bsk {
	background-color:limegreen;
	width:6vw;
	border:0;
}

table#pricing th {
	text-align:left;
	font-size:0.9vw;
	font-weight:600;
	padding:0 0.5vw;
	border:0.1rem solid black;
	vertical-align:middle;
}

table#pricing td {
	text-align:right;
	font-size:1vw;
	font-weight:400;
	padding: 0.5vw;
} 

table#pricing input.nbr {
	text-align:right;
	font-size:1.2vw;
	width:3vw;
	
}

table#options {
	margin-top:4.3vw;
	width:auto;
	border-collapse: separate;
	border-spacing: 0.38vw;
	border:0 solid rgb(0,1,5);
	padding:0.5vw;
}

table#options tr:nth-child(even) {
    background-color: white;
}

table#options tr:nth-child(odd) {
    background-color: gainsboro;
}

table#options caption {
	text-align:left;
	font-size:1.5vw;
	font-weight:400;
}

table#options col#opc {
	width:auto;
	background-color:gainsboro;
	overflow:hidden;
	border:0;
}

table#options th {
	text-align:left;
	font-size:0.9vw;
	font-weight:600;
	padding:0 0.5vw;
	border:0.1rem solid black;
	vertical-align:middle;
}

table#options td {
	text-align:right;
	font-size:1vw;
	font-weight:400;
	padding: 0.5vw;
} 

button.swal-button {
	padding:20px 24px;
}

table#fonts {
	width:90%; border-collapse:separate; border-spacing:15px;display:table;border:1px solid black;
}
table#fonts tr:nth-child(even) {
	background-color:lightgray;
}
table#fonts tr:nth-child(odd) {
	background-color:rgb(242,208,18);
}
table#fonts td {
	padding:0.3vw 0.5vw;
}

fieldset.totals {
	border:0.2vw solid rgb(34,162,221);
	border-radius: 1vw;
	width:30vw;
	min-height:20vw;
	padding:2vw;
}

fieldset.totals legend {
	font-weight:700;
	font-size:2vw;
	color: rgb(19,80,144);
	padding: 0 1vw;
}

fieldset.totals p {
	font-size:1.5vw;
}