﻿h1 {
    margin-bottom: 0px;
}

.clearBoth {clear: both; height:0px;}

.genericBorderBox {
    border: 1px solid;
    padding: 5px;
}

.genericBottomMargin {
    margin-bottom: 10px;]
}

.alignRight {text-align: right;}

.floatRight {float: right;}

.motoringSubBanner {
    text-align: center;
    padding-bottom: 5px;
}

/* Hide Reviews Aggregate */
.reviewHdn {
    /* visibility: hidden; display: none; */
    text-align: right;
}

.cookieinfo {
    font-size:14px;
    border: 1px solid;
    padding: 1%;
    background: pink;
    text-align: center;
    position: fixed;
    bottom: 0px;
    z-index: 1001;
    width: 75%;
    max-width: 900px;
    margin: 0px auto 5px auto;
    left: 0;
    right: 0;
}

/* News features */
.newsFeature {

}

.newsFeature img {
    display: block;
    margin: auto;
    border: 1px #cccccc solid;
}

.newsFeature a {
    color: #C39;
}

.newsFeature h2 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 18px;
    margin-top: 24px;
    text-align: left;
    border-bottom: 1px dotted;
}

.newsFeature h3 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 18px;
}

.newsFeature ul { 
   list-style-type: disc; 
   list-style-position: inside; 
   padding-left: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.newsFeature hr {
    padding: 0px;
    margin: 0px;
    height: 1px;
    }



/* Regions */
.topmargin {margin-top: 10px;}
.regionNewsH {background-color: yellow; font-weight: bold;}
/* Traffic */
#trafficHolder {margin-bottom: 20px; margin-top: 10px;}
/* Public Services */
.regionPuiblicServices {margin-top: 10px;}
/* region map */
.regionBlurb {margin-top: 8px; margin-bottom: 20px;}

#regionMapLinks {
    width: 98%;
    padding: 0px 1%;
    background-color: #f1f1f1;
    overflow: auto;
    margin-top: 0px;
}

#regionMapLinks ul {
    margin: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#regionMapLinks li {
    display: inline-block;
    padding: 3px 4px 3px 4px;
}



.regionSubcategory {margin-left: 7px; font-weight: bold; margin-left: 18px; font-size: 1.2em;}
#regionCategoryClick {background-color: none;}
.regionCategoryClicked {background-color: #ccc; border-bottom: 2px solid black;}
.regionCategoryUnClicked {font-weight: bold;}
.regionCategoryUnClicked a { color: black; }

.regionAreas {margin-top: 10px;}

.latestRegionCompanies {margin-top: 20px;}

.regionCategory {width: 48%; display: inline-block; margin-left: 5px; margin-top: 5px; margin-bottom: 2px;}

.regionRegions {margin-top: 3px; margin-right: 3px; width: 150px; margin-bottom: 7px; display: inline-block; margin-left: 3px;}

/* News Headlines in space above MPUs */
#mpuNewsHolder {margin-bottom: 10px; background-color: #f1f1f1;}
#mpuNewsBox {padding: 9px; border: 1px solid; border-color: silver;}
.mpuNewsIndHolder {margin-bottom: 8px;}
.mpuNewsHeadline {font-size: 1.1em; margin-bottom: 2px;}
.mpuNewsHeadline a {font-weight: bold;}
#mpuNewsBox hr { border: 0; height: 1px; background: #333; background-color: #ccc; }
/* Weather in space above MPUs */
#mpuWeatherHolder {border: 1px solid #ccc; margin-bottom: 10px; min-height: 300px;}
#mpuWeatherHolderInner {padding-top: 10px;}
#mpuWeatherTemp {float: left; font-size: 3em; padding-left: 15%;}
#mpuWeatherIcon {padding-right: 15%;}
#mpuWeathertext {clear: both; padding: 0% 3% 18px 3%; text-align: justify;}
.sWeatherTitle {margin-top: 25px; font-size: 1.2em; font-weight: bold;}
.sWeatherTitle:first-of-type {margin-top: 10px;}

/* News move image */
.embedStoryImage {margin-top: 15px; margin-bottom: 15px; text-align: center;}

/* Front page reent boxes*/
#fpRecentHolder {max-height: 500px; width: 100%;}
#fpRecentTabs {background-color: #f1f1f1; margin-bottom: 10px;}
.fpRecentTab {display: inline-block; padding-top: 5px; padding-bottom: 5px; width: 18%; cursor: pointer; padding-left: 5px; font-weight: bold;}
.fpRecentTabClicked {background-color: #ccc; border-bottom: 2px solid black;}

@media only screen and (max-width: 450px) {
    #fpRecentTabs {background-color: #f1f1f1; margin-bottom: 10px; font-size: 80%;}
.fpRecentTab {display: inline-block; padding-top: 5px; padding-bottom: 5px; width: 18%; cursor: pointer; padding-left: 1px; padding-right:1px; font-weight: normal; text-align: center;}
.regionCategory {width: 98%;}

}

@media only screen and (max-width: 350px) {
    #fpRecentTabs {background-color: #f1f1f1; margin-bottom: 10px; font-size: 75%;}
.fpRecentTab {display: inline-block; padding-top: 5px; padding-bottom: 5px; width: 18%; padding-left: 1px; padding-right:1px; font-weight: normal;}

}