/* Desktop.css */

.mainbody {
    position: static; 
    width: 100%; 
    border-style: none; 
    background-color: #f0f0f0;
    color: black;
}

.banner {
    text-align:center;
    padding-top:8px;
    padding-bottom:8px;
    background-color:red;
    color:white;
    width:100%;
    font-size:32pt; 
}

.motd {
    width:60%; 
    color:white; 
    background-color:orange;
    padding:6px; 
    text-align:center; 
    margin:auto; 
    font-size: 18pt;
}

.banner-under {
    text-align:center;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#FFB52E;
    color:white;
    width:100%;
    font-size:24pt; 
}

.maindiv {
    overflow: hidden;
    width: 100%;
    border-style:none; 
    background-color: #f0f0f0;
    color: black;
    font-family:'Special Elite', serif;
    text-align:center;
}

.enquirymaindiv {
    width:100%; 
    height:1000px; 
    background-color:#f0f0f0; 
    color:black; 
    padding-top:10px;
    padding-bottom:10px;
    box-sizing:border-box;
    text-align:left; 
    font-size:24pt; 
    font-family:'Special Elite', serif; 
    font-weight:900; 
}


.shopname {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 32pt;
    background-color: #f0f0f0;
    color: black;
    width: 100%;
    overflow:hidden;
}

.section-header {
    font-size: 24pt;
}

.piclinks {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 16pt;
    background-color: #f0f0f0;
    color: black;
    width: 100%;
    overflow:hidden;
}

.main-left {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 24pt;
    background-color: #f0f0f0;
    color: black;
    width: 50%;
    float: left;
}

.main-right {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 24pt;
    background-color: #f0f0f0;
    color: black;
   margin-left: 50%;
   width: 49%;
}	

.hifi-left {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 14pt;
    background-color: #f0f0f0;
    color: black;
    width: 60%;
    float: left;
}

.hifi-right {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 14pt;
    background-color: #f0f0f0;
    color: black;
    margin-left: 61%;
    width: 39%;
}	

.hifi-img {
    max-width: 100%;
    height: auto;
}

.address {
    display:inline-block; 
    font-size:16pt; 
    line-height:1.1;
}

.emailandhours {
    display:inline-block; 
    font-size:14pt; 
    line-height:1.1;
}

.features {
    font-size:18pt; 
    font-family:'Special Elite', serif;
    line-height:1.1;
}

.shoplink {
    color: red;
}

.maillink {
    color:red;
}

.homelink {
    color:black;
}

.redlink:link {
    color:white;
}

.redlink:visited {
    color:white;
}

.redlink:hover {
    color:black;
}

.genlink:link {
    color:black;
    font-size:14pt; 
    font-family:'Special Elite', serif;
    line-height:1.1;
}

.genlink:visited {
    color:black;
}

.genlink:hover {
    color:red;
}

.discogslink:link {
    color:black;
    font-size:18pt; 
    font-family:'Special Elite', serif;
    line-height:1.1;
}

.discogslink:visited {
    color:black;
}

.discogslink:hover {
    color:#ff0000;
}

.bottomfill {
    width:100%;  
    color:white; 
    height:500px; 
    background-color:#f0f0f0; 
    text-align:center;
}

.sociallinks {
    font-size:12pt; 
    font-family:'Special Elite', serif; 
    text-align:center; 
    font-weight:300;
    background-color: #f0f0f0;
}

.enquiry {
    font-size:18pt; 
    font-family:'Special Elite', serif; 
    text-align:center; 
    font-weight:900;
}

td, th {
    padding: 3px;
}

.featurecell {
    border: solid 1px #222222;
    width: 100%;
}

.rsdcell {
    width: 100%;
    font-size:14pt;
    border: solid 0px black;
    border-spacing: 10px;
    text-align: left;
}

.centredtable {
    width: 95%;
    font-size:14pt; 
    font-family:'Special Elite', serif; 
    text-align:center; 
    margin: auto;
    border: solid 5px #f0f0f0;
    padding: 2px;
    border-collapse: collapse;
    background-color: #e0e0e0;
    color:black;
}

.ctcellleft {
    text-align:right;
    border: solid 5px black;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 16px;
    padding-right: 16px;
}

.ctcellright {
    text-align:left;
    border: solid 5px #f0f0f0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 16px;
    padding-right: 16px;
}

.leftpane {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: large;
    background-color: #f0f0f0;
    color: black;
    width: 49%;
    float: left;
}

.rightpane {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: large;
    background-color: #f0f0f0;
    color: black;
    margin-left: 49%;
    width: 48%;
}

.headingsubtext {
    font-size: large;
}

.footer {
    font-size: 8pt;
}

.band-left {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 14pt;
    background-color: #f0f0f0;
    color: black;
    width: 60%;
    float: left;
}

.band-right {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 14pt;
    background-color: #f0f0f0;
    color: black;
    margin-left: 61%;
    width: 39%;
}	

.band-img {
    max-width: 100%;
    height: auto;
}

.whatson-div {
    overflow: hidden;
    width: 100%;
    border-style:none; 
    background-color: #f0f0f0;
    color: black;
    font-family:'Special Elite', serif;
    text-align: left;
    height: auto;
}

.whatson-left {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 14pt;
    background-color: #f0f0f0;
    color: black;
    width: 55%;
    height: auto;
    float: left;
}

.whatson-right {
    padding: 10px;
    text-align: center;
    font-family:'Special Elite', serif; 
    font-size: 14pt;
    background-color: #f0f0f0;
    color: black;
    margin-left: 56%;
    width: 43%;
    height:auto;
}

.whatson-date {
    font-size: 16pt;
}

.whatson-venue {
    font-size: 16pt;
}

.whatson-artist {
    color: black;
    font-style: normal;
    font-weight: bold;
    font-size: 20pt;
}

.whatson-description {
    margin: auto;
    width: 80%;
    text-align: left;
    color: grey;
    font-size: 12pt;
    font-style: italic;
}

.whatson-img {
    max-width: 100%;
    height: auto;
}

.whatson-header {
    font-size: 20pt;
    font-style: bold;
}

.auto-outer {
    overflow: hidden;
    margin:auto;
    width: 100%;
    border-style:none; 
    background-color: #f0f0f0;
    color: black;
    font-family:'Special Elite', serif;
    text-align: center;
}

.auto-inner {
    text-align:left;
    width: 48%;
    float: left;
    margin-left:2%;
}

.auto-left {
    display: flex;
    align-items: center;
    text-align: center;
    width: 60%;
    float: left;
    height: 200px;
    background-color: #e0e0e0;
}

.auto-right {
    margin-left: auto;
    float: left;
    background-color: #e0e0e0;
}

.auto-centre-text {
    width:70%;margin:0 auto
}

.christmas-hours {
    margin:auto;
    text-align:center;
    width:80%;
    font-size:14pt;
    color:white;
    background-color:green;
    padding:3px;
}