/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License:none (public domain)
*/
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ul{list-style:disc inside none;margin-left:15px}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/* Content Block */
#content1{width: 100%!Important;}


#content2,
#content3,
#content4,
#content5 {
    padding: 10px 1% 10px 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0 auto;
}

/*#content1 #lblcontentarea1 [id*="contentarea"],*/
#content2 #lblcontentarea2 [id*="contentarea"],
#content3 #lblcontentarea3 [id*="contentarea"],
#content4 #lblcontentarea4 [id*="contentarea"],
#content5 #lblcontentarea5 [id*="contentarea"] {
    padding: 16px;
}
/* Fix for ASP buttons in iOS */
input, textarea{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #ccc;padding:5px;font-family:inherit;font-size:90%;box-sizing: border-box;}


/*Code to style search result images*/
.sitesearchimage img{height:100px;max-width:200px;margin-left:7px}

@media only screen and (max-width: 667px) {
.sitesearchimage img{
        
    }
}
/*Code to style search result images*/


input[type=radio],
input[type=checkbox] {
	max-width: 13px!important;
    margin: 0px!important;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    padding-right: 43px!Important;
    background-color: #FFF;
    background-image: url(/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/administration/images/dropdown-arrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 4.5px 8px;
    font-size: 100%;
    border: 1px solid #bbb;
    vertical-align: middle;
    font-size:14px;
    }
select::-ms-expand {
    display: none;
}

/*Main Page Set Up*/
#wrapper{/*max-width:1400px;*/margin-right:auto;margin-left:auto;}
header{float:left;width:100%;display:block;height:147px;position: relative;background-color: var(--sixth-color);}
.header-left {position: absolute;top: 16px;left: 2%;z-index: 1;}
.header-right {position: absolute;top: 16px;right: 2%;text-align:right;}
.header-inner{width:100%;padding:0 24px;max-width: 1400px;margin:0 auto;position:relative;box-sizing: border-box;}

.top-head{position:relative;z-index:1;width:100%;background-color:var(--sixth-color);box-shadow: 0 2px 2px #3e6cbb}
.top-head-inner{max-width: 1400px;
    margin: 0 auto;
    text-align: right;
    height: 25px;
    overflow: hidden;}
.top-head-item, .top-head-itemleft {font-size:13px;color:white;line-height:25px;font-weight:700;}
.top-head-item
{border-right:1px solid #3e6cbb;}
.top-head-itemleft{position: absolute;
    left: 20px;
    top: 0px;
    line-height: 0px;overflow:hidden;}

.top-head-item:first-child {border-left:1px solid #3e6cbb}
.top-head-item i, .top-head-item a, .top-head-itemleft i, .top-head-itemleft a {color:white;padding: 7px 10px;}
.top-head-itemleft:not(:last-child) {border-left:1px solid #3e6cbb}
.top-head-itemleft a {color:white;padding: 0px 5px;}


.top-head-item i:hover, .top-head-item a:hover, .top-head-itemleft i:hover, .top-head-itemleft a:hover {color:var(--fourth-color);}
.tel-show-hide {}
.topbluepane {
    background: #dde5f4;
    padding-top: 30px;
    padding-right: 10%;
    padding-bottom: 30px;
    padding-left: 10%;
}
#logo {    
    width: auto;
    text-align: left;
    position: absolute;
    top: 37px;
    left: 5px;
}
#logo img{width:200px;}
.nhs-logo{float:right;height:60px;position:relative;top:48px}
@media only screen and (max-width: 1500px) {#logo {left:60px;}.header-inner{padding:0 40px 0 45px}/*#logo img{left:80px;}.nhs-logo{right: 40px;}*/}
@media only screen and (max-width: 667px) {#logo img{height:60px}#logo {left:0px;float:left}.tel-show-hide {display: none;}}
@media only screen and (max-width: 480px) {#logo img{width:130px}.nhs-logo{height:40px;top:50px}.top-head-item i, .top-head-item a {padding:7px 5px;}}

#content{width:100%;padding:0px;float:left;clear:both;background-color:#FFF;}
/* FOOTER */
footer {text-align:center;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:25px 25px 0px 25px!Important;float:left;height:auto;clear:both;margin-bottom:10px;background-color:var(--third-color)}
footer ul{margin-left:0px}
footer p{color:#fff}
footer a{color:#fff}
footer a:hover{color:var(--first-color)}

.bottomlistitem{background:url("/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/footer-list.png") no-repeat scroll left top transparent;list-style-type:none;margin:0 0 5px;padding:0 0 0 15px}
.bottomlistitem:hover{background-position:2px top}
.bottomlink{color:#fff !important}
.bottomlink:hover{color:#ccc !important}
.bottomtitle{color:#CCC;font-size:20px;margin:0 0 15px;padding:0;color:var(--first-color);font-weight:bold;color:white;}
.bottomtext{color:#DDD;font-size:12px}
.bottomnewstitle{font-size:16px;font-weight:normal;margin-top:10px}
.bottomnewstext{color:#ccc;font-size:13px;line-height:1.5em;padding:0}
.bottomnewslink{color:#018FE3 !important;font-size:13px;margin-left:5px}
.bottomnewslink:hover{color:#fff!Important}

.footernewsitem{float:left;margin:5px 0px;border-top:1px solid #ccc;width:100%}
.footernewstitle{font-size:16px;font-weight:normal;margin-top:10px;color:#fff}
.footernewsitem p{font-size:12px;font-weight:normal;margin-top:10px;color:#ccc!Important;margin-right:55px}

/* END FOOTER */
#credit{width:100%;clear:both;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#credit p{color:#fff;font-size:10px;line-height:14px;}
#credit a{color:var(--fourth-color)}
#credit a:hover{color:var(--fifth-color)}

.hiddenstuff{display:none}

/*IPORT CODE*/
/*DEV EXPRESS RESETS*/
.dxizControl .dxiz-wrapper{background-color:#efefef;border:1px solid #ccc}
.dxigControl .dxig-thumbnailTextArea{ background-color:rgba(70,70,70,0.75)}
.dxbButton_iPortTheme1[class~="dxgvCommandColumnItem_iPortTheme1"], .dxgvEditFormTable_iPortTheme1 div.dxbButton_iPortTheme1 {color:#666!important}

.needhelp{display:inline-table;vertical-align:middle;margin:0px 5px 5px 5px}
.help-logo{display:inline-table;vertical-align:middle}

.testimonial{background-color:#efefef;border:solid #e6ead8 10px;padding:4%}
.testimonial p{color:#000;font-weight:bold;font-size:16px}
.testimonial h1{color:#fff}
.testimonial h2{color:#fff}
.testimonial h3{color:#fff}
.testimonial h4{color:#fff}

/*CALENDAR PICKER CORRECTIONS*/
.ajax__calendar_body{text-shadow:none!Important}
.ajax__calendar_title{text-shadow:none!Important}
.ajax__calendar_footer{text-shadow:none!Important}

.droplist{width:96%;padding:2%;overflow:hidden;background:url(arrow_xs.png) no-repeat 225px #FFF;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.droplist select{background:transparent;width:309px;padding-right:4px;padding-bottom:7px;padding-left:4px;padding-top:0px;font-size:12px;line-height:1;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;height:34px;-webkit-appearance:none}

*::-moz-selection{background:none repeat scroll 0 0 #666;color:#fff;text-shadow:none}

a{color:var(--second-color);text-decoration:none;-webkit-transition:color 0.3s, background-color 0.3s;-moz-transition:color 0.3s, background-color 0.3s;-o-transition:color 0.3s, background-color 0.3s;transition:color 0.3s, background-color 0.3s;}
a:hover{color:var(--first-color);text-decoration:underline}
a.currentpagebutton{color:#666; padding: 6px;}
a.pagepreviousnext {padding: 4px;}
a.pagebutton {padding: 6px;}
a.pagebuttonouter{color:#000}
a.pagebuttonouter:hover{color:var(--first-color)!Important}

#contact{display:inline-block;text-align:right;background-color:#ccc;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;clear:both;width:50%;height:40px;color:#fff;border-top:var(--first-color) solid 3px;border-bottom:1px solid #999}
.contactwrap{text-align:right;position:absolute;top:16px;right:16px;}
.contacttel{bottom:0px;position:absolute}
.callpanel{display:inline;line-height:40px;font-size:20px}
.sitesearch{display:inline}
.txbemail{background-color:#fff;border:1px solid #ccc;min-width:200px;padding:3px 25px 3px 10px;display:inline}
.searchglass{margin:0px 0px 0px -20px;position:relative;top:7px;left:-5px;cursor:pointer;background:none;float:left}
.searchglassprod{margin:0px 0px 0px -20px;position:relative;top:7px;left:-5px;cursor:pointer;background:none;float:left}
.txbsitesearchprod{background-color:#efefef;border:#ccc solid 1px;display:inline;padding:1% 15% 1% 1%}
#contact2{width:100%;display:none;text-align:center;margin-bottom:15px}
#ctl00_contact2{display:none}
.headcenter{text-align:center;width:50%;margin-right:10%}

/*Content Areas*/
#sidebaright{width:30%;float:right;margin-top:20px}
.sidebarhead{background-color:var(--second-color)!important;color:White !important;display:block;font-size:16px;padding:10px 5%;margin-bottom:0px}
.sidebarhead a{color:var(--first-color)!important;}
.sidebarhead:hover{color:#ccc!important;text-decoration:none;}
#sidebarleft{width:30%;float:left;padding-right:19px}
#sidebarleft h3{background-color:#000;border-bottom:2px solid #f60;-webkit-box-shadow:0 5px 12px -7px rgba(0,0,0,0.5);-moz-box-shadow:0 5px 12px -7px rgba(0,0,0,0.5);box-shadow:0 5px 12px -7px rgba(0,0,0,0.5);color:#fff;font-weight:500;margin:0;padding:5px 10px;text-shadow:1px 1px #000;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
/*.detailholder{border-bottom:1px solid #636363;border-right:1px solid #636363;border-left:1px solid #636363;margin-bottom:20px}*/
.detailholder{border-bottom:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;margin-bottom:20px}
.greybox-odd{background-color:#fff;padding:10px}
.greybox-even{background-color:#efefef;padding:10px}
.contactbox{background-color:#efefef;padding:5px 5px 0px 30px;border-right:#666 solid 1px;border-left:#666 solid 1px;border-bottom:#666 solid 1px;color:#fff}

.contacttxt, .contacttxt a{font-size:20px;color:#B8CFE9;font-weight:700;line-height:180%;margin-left:5px;text-shadow:1px 1px 0px #ccc}
.contacttxt a:hover{color:#f60;text-decoration:none}

.news-summary-holder{display:inline}
.news-image-holder{width:25%;height:60px;margin:5px 10px 5px 0px;float:left}
.news-image{max-width:100%;max-height:100%;text-align:left}

.news-block-slides.detailholder {
    border: none;
    margin-bottom: 0;
}

.feature-article-holder {
    height: 325px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.feature-article-wrapper {height:100%;width:100%;position:absolute;}
.feature-image{height:325px;width:100%;object-fit:cover;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);position: relative;top:0;left:50%;} 
.feature-summary-holder{position:absolute;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5%;bottom:0;z-index:3;/*background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,1));*/}

.feature-date {color:white;font-size:14px;}
.feature-title a {color:white;font-size:20px;text-decoration: none;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.feature-title a:hover {color:grey !important;}
.feature-article-fade {
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 50%, rgba(224,224,224,0) 20%, rgba(0,0,0,0.8) 75%);
    background: -webkit-linear-gradient(top, #fff0 50%,#e0e0e000 20%,#000c 75%);
    background: linear-gradient(to bottom, #fff0 50%,#e0e0e000 20%,#000c 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 );
}
    .news-title a{color:var(--first-color);display:block;font-size:16px}
.news-title a:hover{color:#51a222!Important;text-decoration:underline}

.news-date{font-size:0.8em;line-height:1.3em;margin:0px;display:block;text-align:left}
.news-summary{font-size:14px;line-height:120%;margin:0px}
.read-blog{text-align:right;display:block}

.more{background-color:var(--first-color);color:#FFF!Important;float:right;padding:2px 10px;width:auto;font-size:12px;min-height:20px;border:0px}
.more:hover{cursor:pointer;background-color:var(--first-color);color:#fff}
.moreleft{background-color:var(--first-color);color:#FFF!Important;padding:2px 10px;width:auto;min-height:20px;float:left;border:0px;font-size:12px;line-height:20px}
.moreleft:hover{cursor:pointer;background-color:var(--first-color);color:#fff}
.more-info{background-color:var(--first-color);border:0 none;color:#fff !important;float:right;font-size:16px !important;font-weight:400;min-height:20px;padding:0px 7px;margin-top:6px !important;line-height:30px !important;margin-left:20px!Important;text-shadow:none!Important}
.more-info:hover{cursor:pointer;background-color:var(--first-color);color:#fff}
.more-info:after{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:transparent transparent transparent var(--first-color);border-image:none;border-style:solid;border-width:15px 50px 15px 12px;content:"";height:0;position:absolute;right:-31px;width:0}
.more-info:after:hover{cursor:pointer;border-color:transparent transparent transparent var(--first-color)}
.blockheadingside{background-color:var(--first-color);padding:7px;text-align:center;color:#fff!Important}

.buttonright{background-color:var(--first-color);color:#FFF!Important;padding:5px 10px;width:auto;float:right;font-size:12px;border:0px;line-height:normal;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.buttonright:hover{cursor:pointer;background-color:#666;background-image:none;color:#fff!Important;text-decoration:none}
.button{background-color:var(--first-color);color:#FFF!Important;padding:5px 10px;width:auto!important;border:0px;font-size:12px;line-height:normal;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.button:hover{cursor:pointer;color:#fff!Important;background-color:#666;background-image:none;text-decoration:none}

.largecta{background-color:var(--first-color);color:#FFF!Important;padding:8px 40px;width:auto;border:0px;font-size:16px;text-transform:uppercase;}
.largecta:hover{cursor:pointer;color:#fff!Important;background-color:#666;background-image:none;text-decoration:none}

.medcta{background-color:var(--first-color);color:#FFF!Important;padding:5px 25px;width:auto;border:0px;font-size:15px;text-transform:uppercase;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.medcta:hover{cursor:pointer;color:#fff!Important;background-color:#666;background-image:none;text-decoration:none}

.smallcta{background-color:var(--first-color);color:#FFF!Important;padding:4px 13px;width:auto;border:0px;font-size:12px;text-transform:uppercase;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.smallcta:hover{cursor:pointer;color:#fff!Important;background-color:#666;background-image:none;text-decoration:none}

.pagingholder{width:100%;display:block;min-height:30px;margin-top:10px}
.nextprev{background-color:#000;color:#FFF;padding:4px 5px;width:auto;border:0px;-webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.75);-moz-box-shadow:0px 0px 5px rgba(255,255,255,0.75);box-shadow:0px 0px 5px rgba(255,255,255,0.75)}
.nextprev:hover{cursor:pointer;background-color:#B8CFE9;color:#fff}
.sitesearchbtn{ background-color:#2f6795;border:1px solid #2f6795;color:#FFF !important;cursor:pointer;display:inline-block;font-size:12px;font-weight:normal;padding:3px 5px;text-decoration:none;width:28%;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}
.sitesearchbtn:hover{ background-color:var(--first-color);border:1px solid var(--first-color)}

.clearboth{clear:both}
.left{float:left}
.right{float:right}
.block{display:block}

.captionholder{bottom:10px;right:0;padding:15px 30px;position:absolute;z-index:100;background:url(/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/captionholderbg.png) repeat;width:100%;text-align:right}
.captionholder h3{color:#FFF;font-size:20px}
.captionholder p{margin-bottom:0px}
.captionholder a{color:#efefef;font-size:36px;text-shadow:1px 1px #000;font-weight:normal;margin-bottom:0px;line-height:40px}
.captionholder a:hover{text-decoration:none;color:#fff!Important}

.captionholderhome{padding:10px;position:absolute;bottom:25%;color:#FFF;left:62%}
.captionholderhome h3{color:#FFF;font-size:20px;z-index:40}
.captionholderhome p{color:#FFF;font-size:14px;z-index:40}

a.homeslidelink{color:#FFF}
a.homeslidelink:hover{text-decoration:underline}

.userimage{width:30px;height:30px;display:block;float:right;margin-bottom:-5px}

/*Responsive Navigation CSS*/
/* Clearfix */
.clearfix:before, 
.clearfix:after{ content:"";display:table}
.clearfix:after{ clear:both}
.clearfix{ *zoom:1}


/* DOWNLOADABLE FILES */
.downloadholder     {}
.downloadheader     {color:#000; font-size:18px; font-weight:normal; line-height:120%; margin-bottom:10px;}
.downloadlink       {background-color:transparent; display:block; padding:2px;}
.downloadlink:hover {background-color:#CCC; cursor:pointer;}
.filetypelogo       {margin-right:10px; height:30px; vertical-align:middle;}

/* CONTENT SUB MENU */

    
    .submenuselected    { background-color:#dddddd !important; color:White !important;}
    .contentsubmenu li {list-style:none;}
    .submenu1       {border-top:1px solid #CCCCCC; display:block; width:100%; line-height:25px; padding:8px 0; text-indent:10px;}
    .submenu1:hover {cursor:pointer; background-color:rgba(178, 178, 178, 0.6);color:#000;}
    .submenu2       {display:block; line-height:23px; padding:3px 0 3px 7px; border-bottom:1px solid #fff; background-color:#efefef; text-indent:5px;font-size:14px;}
    .submenu2:hover {cursor:pointer; background-color:rgba(178, 178, 178, 0.6);color:#000!Important;text-decoration:none;}
    .submenu2active {background-color:rgba(178, 178, 178, 0.6);text-decoration:none;} /* Do not delete, this works on conjunction with menu-hightlight.js */
    .submenu3       {border-bottom:1px solid #dedede;color:var(--second-color); display:block; line-height:25px; padding:3px 0 3px 5px; text-indent:10px;}
    .submenu3:hover {cursor: pointer;
        background-color: #efefefef;
        color: #666;
        text-decoration: none;}
    .submenulist, .downloadmenulist {
        list-style: outside none none;
        margin-left: 0;
    }
    .submenulist li, .visitList li, .downloadmenulist li {
        margin-bottom: 0px;
    }

.filetypelogo{
    margin-right:10px;
    height:30px;
    vertical-align:middle;
}


.searchinput{border:0;height:21px;width:66%;padding-left:5px;background-color:#fff;color:var(--first-color);font-size:14px;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top:1px solid #000;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #000}
.sitesearchwrap{width:40%;line-height:40px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;float:right}



/* Share Buttons */
.socialbuttonholder{display:block;height:20px;padding:10px 0 0 8px;text-align:center}
.socialholder{display:block;float:left;height:30px;margin:0 10px 0 0;text-align:left;width:100px}
.socialheader{color:#666;display:inline-block;font-weight:normal;margin:0;padding:0;width:100%}
.socialemail{background-image:url("/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/emailsmall.png");background-repeat:no-repeat;display:block;float:left;height:20px;text-decoration:none;width:30px}
.socialemail:hover{background-image:url("/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/emailsmallhover.png")}

/* PROJECT MODULE STYLES */
.projectlinks{color:Black}
.projectholder{padding:15px 0px 5px 0px;border-top:1px solid #ccc}
.projlistdiv{border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
.projlistdiv li{padding:5px;background-color:#efefef}
.projlistdiv li:nth-child(2n+1){background-color:#fff}
.projectlogoholder{float:right;text-align:right}
.projectlogo{max-height:100%;max-width:100%}
.projectclientlogoholder{max-height:100%;display:inline-block}
.project-cta-wrap{background-color:#efefef;border:1px solid #bbb;float:left;margin-top:15px;margin-bottom:15px}
.project-cta{background-color:#efefef;border:3px solid #fff;padding:2%;float:left}

.clientimage{height:50px;margin:2px;padding:5px}
.heading{color:var(--first-color)}


.custom-image-half-right	{float:right;width:48%;margin:0 0 2% 2%;}

@media only screen and (max-width:667px){.projectlogoholder{float:none;width:100%;text-align:center;margin-bottom:10px}}
/* END PROJECTS MODULE STYLES */

/*START OF EVENTS MODULE STYLES*/
.eventholder{float:left;width:100%;border-top:1px solid #ccc;padding:10px 0px}
.eventdescription{border-top:1px;width:85%}
.event-side-label{width:100%;padding:5px 0px;border-bottom:1px solid #ccc}
.eventlabel{width:100%;padding:5px 0px;border-bottom:1px solid #ccc;color:var(--first-color)}
.eventlistdiv{border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
.eventposter{float:right;max-height:100%;max-width:100%}
.eventpassed{color:white;font-size:11px;width:100%;display:block;padding:1px 0px;background-color:red}
.eventtitle{width:60%;display:inline-block}
.shortdescription{width:60%;display:inline-block}
.leftdate{margin-right:3%;display:inline;text-align:center;border:1px solid #ccc}
.eventday{font-size:11px;text-transform:uppercase;display:inline}
.eventdate{font-size:35px;line-height:30px;font-weight:bold;color:red;display:inline}
.eventmonth{font-size:12px;line-height:14px;text-transform:uppercase;font-weight:bold;color:red;display:inline}
.eventyear{font-size:16px;display:inline}
.eventcalanderbutton{background-color:var(--first-color);color:#fff}
#eventleft{width:38%;float:left;color:var(--first-color)}
/*END EVENTS MODULE STYLES*/

/* RESPONSIVE Youtube */
.video-container{ position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe, 
.video-container object, 
.video-container embed{ position:absolute;top:0;left:0;width:100%;height:100%}

/* RESPONSIVE GALLERY */
.gallerylargeholder{width:100%;margin:0px 0px 7px 0px;text-align:center;position:relative;background:black;}
.gallerylarge{width: 100%;position: relative;object-fit: cover;top: 0;left: 50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);height: 366px;}/* <----SETS HEIGHT OF MAIN GALLERY IMAGE */
.gallerythumblist{text-align:center;width:100%}/* <---- Set alignment of thumbnails beneath main pic */
.thumbrowleft{background-color:#CCC;width:5%;height:90px;display:block;float:left}
.thumbrowright{background-color:#CCC;width:5%;height:90px;display:block;float:left}
.gallerythumbholder{width:16% !important;display:inline-block;padding:5px 1%;margin:2px 1% 0px 0px;vertical-align:top;text-align:center;position:relative;height:80px;}/* <----SETS HEIGHT OF GALLERY THUMBS */
.gallerythumbholder:hover{cursor:pointer;background-color:#CCC}
.gallerythumbholderselected{cursor:pointer;border:2px solid lime}
.gallerythumb{    width: 100%;height: 80px;position: relative;object-fit: cover;top: 0;left: 50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.galleryselected{background-color:#CCC}
@media only screen and (max-width:667px){.gallerylarge{height: 250px;}.gallerythumb {height: 50px;}}

/* COMMENTS */

.comments       {display:block;}
.commentsholder {
    background: #efefef none repeat scroll 0 0;
    border: 1px solid #cccccc;
    float: left;
    padding: 2%;
	width:96%;
}
.commentholder	{margin-bottom:10px}
.commentusername    {/*background-color:#b1bde5;*/ border-top:1px solid var(--first-color); display:block; font-weight:400; padding:5px 15px;color:var(--first-color);}
.commentposted      {color:#999999; display:block; font-size:11pt; padding:5px 0px 5px 0px;}
.commentreplyholder {width:84%; margin:10px 0px 5px 10%; background-color:#FFFFFF; border:1px solid #999999;}
.commentusernamereply   {color:#999999; display:block; font-size:11pt; padding:5px 2%;}
.commentreply           {color:#000; margin:0px; padding:0px 2% 5px 2%; width:96%;}
.commentreplyposted     {color:#666; float:right;}
.commentquote           {color:#999;}
.commentbuttonsreply    {background-color:#F5F5F5; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; display:block; font-weight:400; padding:5px 2%; text-align:right; height:22px; width:96%;}
.commentbody        {background-color:#fff; display:block; font-weight:400; padding:0px 15px 15px 15px;}
.commentbuttons     {background-color:#F5F5F5; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; display:block; font-weight:400; padding:5px 2%; text-align:right; height:25px; width:96%;}

.btncommentgood         {margin-top:3px; background-color:transparent; border:0; color:Blue; display:inline; height:20px; width:20px; vertical-align:middle; background-image:url('/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/thumbs-up-small-up.png');   background-repeat:no-repeat; display:block; float:right;}
.btncommentgood:hover   {cursor:pointer; background-image:url('/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/thumbs-up-small-hover.png');}
.btncommentbad          {margin-top:3px; background-color:transparent; border:0; color:Blue; display:inline; height:20px; width:20px; vertical-align:middle; background-image:url('/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/thumbs-down-small-up.png'); background-repeat:no-repeat; display:block; float:right; margin-left:10px;}
.btncommentbad:hover    {cursor:pointer; background-image:url('/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/thumbs-down-small-hover.png');}
.btncommentreply, .btncommentreport       {margin-right:5px;float:left; background-color:var(--first-color); border:0 none;-webkit-box-shadow:0 0 5px rgba(255, 255, 255, 0.75);-moz-box-shadow:0 0 5px rgba(255, 255, 255, 0.75);box-shadow:0 0 5px rgba(255, 255, 255, 0.75);color:#FFFFFF !important; font-family:inherit; font-size:11px; padding:3px 7px; width:auto;text-decoration:none;}
.btncommentnew          {float:left; background-color:var(--first-color); border:0 none;-webkit-box-shadow:0 0 5px rgba(255, 255, 255, 0.75);-moz-box-shadow:0 0 5px rgba(255, 255, 255, 0.75);box-shadow:0 0 5px rgba(255, 255, 255, 0.75);color:#FFFFFF !important; font-family:inherit; font-size:11px; padding:3px 7px; width:auto; text-decoration:none;}
.btncommentnew:hover    {cursor:pointer; background-color:#000000;text-decoration:none;color:#fff;}
.commentgoodcount       {color:#666; float:right; margin-top: 2px;}
.commentbadcount        {color:#666; float:right; margin-top: 2px;}

.commentreported {
    width: 100%;
    padding: 20px;
    background-color: var(--first-color); 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    z-index: 100; 
    text-align: center;
    color: #fff!important;
	vertical-align: baseline;
}

/*POPUP NEWS COMMENTS*/
#popupwindowreview  	{position:absolute; width:300px; float:left; top:40px; left:50%; background-color:White; padding:2%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;z-index:2000; margin:-20px 0px 0px -150px;}
#popupbackgroundreport  {/*border:1px solid lime;*/ position:absolute; height:1180px; width:100%;  top:0;  left:0; display:none; text-align:center; padding:50px 0px 0px 0px; margin:0px auto 0px auto; background-image:url('/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/black80.png'); z-index:1000;}
#popupwindowreport      {position:absolute; width:50%; float:left; top:40px; left:21%; background-color:White; padding:2%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;z-index:2000; margin:-20px 0px 0px 0%;}

/* POPUP */
#popupcalanderbackground{position:fixed;overflow:auto;height:1180px;width:100%;top:0;left:0;display:none;text-align:center;padding:50px 0px 0px 0px;margin:0px auto 0px auto;background-image:url('/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/black80.png');z-index:100}
#popupcalanderwindow{background-color:#fff;border-radius:10px;float:left;left:50%;margin:-20px 0 0 -42%;padding:2%;position:absolute;top:40px;width:100%}
.contactcalanderpopup{max-width:60%}

#popupbackground, #popupbackgroundsector, #popupbackgroundother{position:fixed;overflow: auto;height:100%; width:100%;  top:0;  left:0; display:none;background:rgba(0,0,0,0.5);z-index:154;}
#popupwindow, #popupenquiry, popupsector, popupother{background-color:#fff;border-radius:10px;float:left;left:50%;margin:-20px 0 0 -42%;padding:20px;position:absolute;top:40px;    width: 85%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.popupheadingholder{height:40px;padding:0px 0px 5px 0px;display:block;width:100%}
.popupclose{float:right;cursor:pointer;}
.popupheading{float:left}
#popupcontent{text-align:left}
.contactpopup{max-width:500px;min-width:280px}
#popupenquiry input, #popupenquiry textarea {
    width: 100%;
    max-width: 300px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.popupboatimage{width:50%;float:left;padding-right:10px}
.popupdetailsthird{width:33%;float:left;display:block}
#popupmaindetails{display:block;min-height:165px}
.promptlabel {
    display: block;
    float: left;
    font-weight: bold;
    min-width: 250px;
    width: 25%;
}

.formrow{padding:5px 5px;margin:1px 5% 1px 1px;background-color:#efefef;width:94%;display:block;float:left;margin:0px}
.formtoprow{background-color:var(--first-color);color:#FFF!Important;padding:8px 5px;width:94%;border:0px;font-size:16px;text-align:center;margin:1px 5% 1px 1px;font-weight:bold}
#gallerypopupbackground{position:absolute;height:1180px;width:100%;top:0;left:0;display:none;text-align:center;padding:50px 0px 0px 0px;margin:0px auto 0px auto;background-image:url('/public/20201204005714oe_/https://covid19.healthyworkinglives.scot/images/black80.png');z-index:300}
#gallerypopupwindow{position:absolute;width:80%;float:left;top:40%;left:50%;background-color:White;padding:2%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;z-index:400;margin:-20px 0px 0px -42%}

.mentorpopup{background-color: #fff;
    border-radius: 10px;
    transform: translate(-50%,0);
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 40px;
    margin-bottom: 40px;
    width: 85%;
    box-sizing: border-box;
    max-width: 860px;
    line-height: 160%;}
.quoteform {width: 100%;max-width: 900px;margin:10px auto 20px auto;border: 1px solid #e6e6e6;border-radius: 2px;box-sizing: border-box;    line-height: 30px;}
.quoteform .formrow{background-color: white;width:100%;padding:10px 30px;box-sizing: border-box;float:none;}
.quoteform input[type="text"], .quoteform textarea, .quoteform select {width:100%;padding:7px;box-sizing: border-box;min-height: 40px;background-color: #f5f5f5;}
.quoteform input:focus[type="text"], .quoteform select:focus, .quoteform textarea:focus{width:100%;padding:7px;box-sizing: border-box;min-height: 40px;background-color: white;border: 1px solid #ccc;}

.quoteform .reqfield {    color: green!Important;
    position: relative;
    bottom: 20px;
    left: 10px;
    height: 0px;}
.quoteform .highlightreq {color:var(--second-color)}

.checkboxlist input[type=checkbox]
{ 
    margin-left: -20px!Important;
}
.checkboxlist label 
{ 
    padding-left: 10px; 
}
.checkboxlist td 
{ 
    padding-left: 20px; 
}

@media only screen and (max-width: 800px) {.checkboxlist td {min-width: 100%;float: left;}}
.page-header-panel{background:#dde5f4;padding-top:30px;padding-right:10%;padding-bottom:30px;padding-left:10%;}

/* Authors */

.author-image-holder {
    width: 25%;
    height: 120px;
    overflow: hidden;
    margin: 0px 0px 10px 10px;
    float: right;
}
.author-image-holder img {max-width:100px;}
.author-wrap p {
    font-size: 14px;
}
.linkedin-author {font-size:35px!Important;color:#0073b1;}

/* FORMS */
.forminputright{float:right}
.forminputsmall{width:30px}
.forminputmedium{width:80px}
.forminputlarge{width:150px}

/* Scroll Top */

.scroll-top {
	position: fixed;
	right: 8px;
	bottom: -56px;
	font-size: 48px;
	color: #var(--first-color);
    opacity: 0;
    cursor: pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.scroll-top.active {
	bottom: 8px;
	opacity: 0.5;
}

.scroll-top:hover {
	opacity: 1;
}

/* Scroll Top End */

/* Blog Update */

.this-is-a-preview {
    text-align: center;
    background-color: #696D71;
    padding: 8px;
    width: 100%;
    font-weight: bold;
    color: white;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.back-button {
    text-align: center;
    background-color: var(--first-color);
    padding: 8px 16px;
    width: 100%;
    font-weight: bold;
    color: white !important;
    text-decoration: none !important;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-top: 16px;
    float: left;
}

.back-button:hover {
    color: white !important;
    background-color: var(--second-color);

}

.sharethis-inline-share-buttons {float:right;margin-top: -32px;}
@media only screen and (max-width: 677px) {.sharethis-inline-share-buttons {float:left;margin-top:12px;}}

.news-page-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1366px;
    margin: 10px auto;
}

.news-page-wrap h1 {
    display: inline-block;
    margin-bottom: 16px;
}

#ddlnewsgroups {
    float: right;
    border: #C6D0D7 2px solid;
    font-weight:bold;
    background-color:#F1F3F4;
    color:#696D71;
    padding:8px;
    font-size:12px;
    width: 100%;
    max-width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    margin-bottom: 16px;
    margin-top: 12px;
}

#ddlnewsgroups:focus {
    outline-width: 0;
}

#newpostbutton {
    padding: 8px;
    font-size: 12px;
    font-weight: 700;
}

#newpostbutton .fas {
    font-weight: 700;
}


.txbsitesearch, .txbarchivesearch{
    margin-top:10px;
    margin-top: 10px;
    margin-right: -30px;
    margin-bottom: 10px;
    padding: 7px 30px 7px 20px;
    min-height: 30px;
    display:inline;
    border-radius: 30px;
    border: none;
 }
 .txbarchivesearch{width:100%;border: 1px solid var(--first-color);box-sizing: border-box;}

 @media only screen and (max-width: 904px) {
    .txbarchivesearch {
        width:100px;
    }
}
	
.search-site-glass-ico {
    cursor: pointer;
    color: #000!Important;
    padding: 7px;
    vertical-align: middle;
    margin-left: -10px;
}


.article {float:left;width:31.66%;margin-right:2.5%;margin-bottom:2.5%;}
.article-listing a, .article a {position:relative;display:block;}
.article-image {position:relative;overflow:hidden;padding-top:56.25%;}
.article-image img {width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.article-hover {opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;}
.article-hover span {background-color:#696D71;display:block;padding:8px;text-align: center;color:white;font-size:24px;}
.article:hover .article-hover{opacity:1}
.article-description{width:66.66%;position:absolute;bottom:0;left:0;padding:10px;background-color:rgba(0,0,0,.8);color:white;}
.article-category{font-size:12px;line-height:1;margin-bottom:4px;}
.article-title{color:white;font-weight:bold;font-size:18px;line-height:21px;max-height:63px;margin:0px 0 4px 0;overflow:hidden;display:block;}
.article-details{font-size:12px;line-height:15px;}

.author-image{width:30px;height:30px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;float:left;margin-right:10px}
.author-image img{width:100%}

.article-star {display:none;position:absolute;top:8px;right:8px;font-size:16px;}
.article-featured .article-star {display:block;}
.article-featured .article-hover {background-color:rgba(188, 3, 42,.3);}
.article-featured .article-description{background-color:rgba(188, 3, 42,.8);}

.article:nth-child(1) {width:57.5%;}
.article:nth-child(1) .article-title {font-size:38px;line-height:43px;max-height:88px}
.article:nth-child(2), .article:nth-child(3) {width:40%;margin-right:0;}
.article:nth-child(2) .article-image, .article:nth-child(3) .article-image {padding-top:37.31%;}
.article:nth-child(n+4) {margin-bottom:0;}
.article:nth-child(6) {margin-right:0;}
.article:nth-child(n+2) .article-title {font-size:20px;line-height:23px;max-height:46px;}

.article-listing {width: 23.125%;float:left;margin-right:2.5%;margin-bottom:2.5%;}
.article-listing .article-image {padding-top:100%;}
.article-listing:hover .article-hover {opacity:1}
.article-listing .article-posted{display:block;font-size:12px;}

.article-listing:nth-child(4n) {margin-right:0;}

@media only screen and (max-width: 1200px) {
    .article:nth-child(n+4) .article-details {display:none;}
}

@media only screen and (max-width: 992px) {
    .article .article-title {font-size:20px;line-height:1;max-height:42px;}

    .article:nth-child(1) {width:100%;}
    .article:nth-child(1) .article-image {padding-top:40%;}
    .article:nth-child(1) .article-title {font-size:20px;line-height:1;}
    .article:nth-child(2), .article:nth-child(3) {width:48.75%;margin-right:0;}
    .article:nth-child(2) {margin-right:2.5%;}
    .article:nth-child(2) .article-image, .article:nth-child(3) .article-image {padding-top:56.25%;}
} 

@media only screen and (max-width:768px){
    .article-listing{width:31.667%;}
    .article-listing:nth-child(4n) {margin-right:2.5%;}
    .article-listing:nth-child(3n) {margin-right:0;}
}

@media only screen and (max-width: 677px) {
    .news-page-wrap {padding:0 16px;}

    .news-page-wrap h1 {display: block;text-align: center;}

    .article {width:100%;margin-right:0;margin-bottom: 16px;}
    .article .article-details {display:none;}
    .article .article-title {font-size:20px}
    .article:nth-child(1) {width:100%;}
    .article:nth-child(1) .article-image {padding-top:75%;}
    .article:nth-child(1) .article-title {font-size:18px;line-height:1.2;}
    .article:nth-child(2), .article:nth-child(3) {width:100%;}
    .article:nth-child(2) .article-image, .article:nth-child(3) .article-image {padding-top:56.25%;}
    .article:nth-child(n+4) {margin-bottom:16px;}
    .article:nth-child(6) {margin-bottom:0;}

    .article-listing {width:100%;margin-bottom: 24px;}
    .article-listing .article-image {padding-top:60%;}
    .article-listing .article-posted {display:none;}
    .article-listing:nth-child(2n) {margin-right:0;}
}

.author{    background-color: #efefef;padding: 16px;margin: 10px auto 30px auto;clear: both;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow: auto;max-width: 950px;}
.author h3, .author h4 {color:black;}
.author .author-image{float:left;width:135px;height:135px;margin-right:16px}
.author #hypblogauthorlinkedin, .author #lblblogauthorlinkedin {float: right;}
.articlehead {overflow: auto;}
.blogdate {margin-bottom:8px;display: inline-block;}
.socialbox {float: right;}
.article-width {max-width: 950px;margin:10px auto 0px auto;float:none!important}

.related-stories {
    overflow: auto;
    text-align: left;
}

@media only screen and (max-width: 677px) {
    .social-buttons{float:none}
    .author .author-image{float:none;margin:auto;width:250px;height:250px}
    .author h3{margin:16px 0;}
    .socialbox {float: left;}
    .author #lblblogauthorlinkedin {margin: 12px 0;}
    .articlehead {margin-bottom: 16px;}
    
}

@media only screen and (max-width: 1000px) {.article-width {padding: 0px 20px;}}

#blogarchive {text-align:center;padding-top:0.1px;}

#blogarchivebody {overflow: auto;text-align: left;}

.search-container {
    position: relative;
    overflow:auto;
    margin:48px auto;
    width:32%;
    min-width: 260px;
}
.search-container input[type=text]{
    border: #C6D0D7 2px solid;
    font-weight:bold;
    background-color:#F1F3F4;
    color:#696D71;
    padding:16px 42px;
    font-size:16px;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.search-container input[type=text]:focus {outline-width: 0;}
.search-container input[type=text]:hover{background-color:#e8eaed;}
.search-container input[type=text]::placeholder{color: #80868B;}
.search-container span, .search-container button {position:absolute;top:16px;font-size:20px;color:#696D71;cursor:pointer;-webkit-appearance:none;appearance:none;}
.search-container button {z-index:1;left:17px;border:none;background-color:transparent;padding:0;}
.search-container span:last-child {right:14px;display:none;}

#paging {
    padding-top: 16px;
    clear:both;
}

#paging p span {
    display: block;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin:16px;
}

#paging p #noresults {
    font-size: 12px;
    margin:16px;
}

#paging p span a{
    margin:0 8px;
}

@media only screen and (max-width: 700px) {
    #paging p span {font-size: 24px;}
    #paging p #noresults {font-size: 16px;}
}

@media only screen and (max-width:677px){ .search-container{width:100%;}.mobile-center-text{text-align:center;}#ddlnewsgroups {float:none;margin-top:0px;position: relative;
    transform: translateX(-50%);
    left: 50%;}}
#pnlresults {overflow:auto;}


/* HTML Editor Custom Styles */
/* USER STYLES FOR HTML EDITOR - DO NOT CHANGE ORDER ADD TO WITHOUT EDITING ADMINISTRATION/EDITPAGE.ASPX */

#pnlresults .image-full-width,
.image-full-width {
    width: 100%;
    height: auto;
    margin: 0 0 1em 0;
}
#pnlresults .image-left, 
.image-left {
    float: left;
    width: 50% !Important;
    margin: 0 1em 1em 0;
    height: auto;
}
#pnlresults .image-right, 
.image-right {
    float: right;
    width: 50% !Important;
    margin: 0 0 1em 1em;
    height: auto;
}
#pnlresults .largecta {
    background-color: var(--first-color);
    color: #FFFFFF !Important;
    padding: 8px 40px;
    width: auto;
    border: 0;
    font-size: 16px;
    text-transform: uppercase;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
}
#pnlresults .largecta a,
.largecta a {
    color: #FFFFFF !Important;
}

@media only screen and (max-width: 600px) {
    #pnlresults .image-left,
    .image-left,
    #pnlresults .image-right,
    .image-right {
        float: none;
        width: 100% !Important;
        margin: 0 0 1em 0;
    }
}

/* End Blog Update */

#productsearch{display:block;margin-bottom:15px}
#prodcategories{display:block;margin-bottom:15px}
#prodmanufacturers{display:block;margin-bottom:15px}
#prodcolours{display:block;margin-bottom:15px}
#prodsizes{display:block;margin-bottom:15px}

/* RESPONSIVE GRID LAYOUTS */
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.5%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66%; }
.span_1_of_3 { width: 32%; }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49%;
}

/*  GO FULL WIDTH AT LESS THAN 667 PIXELS */

@media only screen and (max-width: 667px) {
	.col { margin: 1% 0 1% 0%;}
	.span_2_of_2, .span_1_of_2,	.span_3_of_3, .span_2_of_3, .span_1_of_3,	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }}
/* END RESPONSIVE GRID LAYOUTS */


/* SITE SEARCH */
.sitesearchimage img{height:100px;max-width:200px;margin-left:7px}
/*.sitesearchimage img{height:100px;max-width:200px;margin-left:7px}*/
.businesslogoholder{max-width:100%;max-height:100%}
.resultnumber{float:left;margin:0px 5px 0px 0px;color:#666}

/* CONTENT SEARCH RESULTS */
.contentsearchheading{padding:10px 0px 0px 0px}
.searchresultslist{min-height:140px;border-bottom:1px solid black}
.searchresultsgrid{height:250px;border:1px solid #CCC;width:29%;float:left;margin:0px 1% 10px 0px;padding:5px 1%;overflow:hidden}
.categorydetails{float:right}
.searchextractgrid{color:#000;font-size:10pt}
.contentsearchbutton{color:black;padding:5px 2%;width:96%;background-color:#D4E0E5;text-align:center;display:block;text-decoration:none;margin:5px 0px;clear:both}
.contentsearchbutton:hover{background-color:Black;color:White;cursor:pointer;text-decoration:none}
.groupnamegrid{font-size:11px;padding:3px 1%;background-color:#fff;float:right;width:98%;text-align:right}
.groupname{font-size:11px;padding:3px 5px;background-color:#fff;float:right;/*width:100%;*/text-align:right}
.groupnameevent{font-size:11px;padding:3px 5px;background-color:#fff;float:left;/*width:100%;*/text-align:right}

.newgallerypreview{float:left;display:block;width:22%;height:150px;margin:10px 1% 0px 0px;padding:10px 1%;border:0px dashed #CCC;background-color:#EFEFEF}
.newgallerybutton{float:left;display:block;width:24%;height:170px;margin:10px 1% 0px 0px;padding:10px 1%;border:0px dashed #CCC;background-color:#EFEFEF}
.newgallerybutton:hover{background-color:#CCC;cursor:pointer}
.newgalleryimageholder{background-color:white;display:block;height:115px;margin-bottom:10px;width:100%}
.newgalleryimageholder:hover{background-color:#CCC;cursor:pointer}

/* SITE SEARCH */ 
.imageholder{width:200px;height:130px;float:left;display:block;text-align:left;margin-right:10px}
.searchimage{max-width:100%;max-height:100%;float:left}
.rowheight{min-height:140px;/*border-bottom:1px solid black;*/}
.categoryname{font-size:11px;padding:3px 5px;background-color:#fff;float:right;text-align:right}

/*---------------------------------------------------------MOBILE CODE-------------------------------------------------------------------
*/
/*Styles for screen 667px and lower*/
@media only screen and (max-width:667px){
.alignright{display:block;height:inherit;margin:10px 2%;width:96%}
.alignleft{display:block;height:inherit;margin:10px 2%;width:96%}

#logo img{margin:0}

.prod-grid-item{float:left;width:90%}
.prod-grid-image{ height:inherit;margin:0 auto;width:100%}

.product-detail-holder{float:left;width:90%;padding:0 5%;margin-top:15px}
.product-long-description-holder{width:90%;padding-right:5%;padding-left:5%;margin-top:5%}

.bookingstageholder table{font-size:10px}
.captionholderhome{bottom:1%}
.captionholderhome h3{font-size:8px}
.captionholderhome p{font-size:12px}

header{background-image:none;padding:0px;width:100%;height:135px;}

#content{width:100%;margin:0}

ul.socialicons{ display:none}
ul.socialsprite li{list-style-type:none;display:inline;float:right;padding:1px 0px 0 0;height:25px}

.contactwrap{width:100%;text-align:center;margin-top:5px;margin-right:0px;position: relative;right:0;}

.captionholder p{font-size:14px}
.captionholder a{font-size:16px;line-height:15px}

.sitesearchwrap{float:none;width:auto;margin:0 auto}
.sidebaright{width:100%;float:right}
.sidebarleft{width:100%;float:left}

#contact{display:none}
#contact2{width:100%;display:block;text-align:center}

#ctl00_contact2{width:100%;display:block}

.centered-btns_nav{display:none}

ul.socialsprite{display:block;margin:0 auto;width:155px;height:25px}

.searchglass{display:none}
.gallerylarge{max-height:200px}/* <----SET MAX HEIGHT OF MAIN GALLERY IMAGE */
.gallerythumbholder{height:30px}

/*EVENTS*/
.eventholder{padding:10px 0px 0px 0px}
.eventpassed{color:white;text-align:center;display:inline;padding:3px 0px;background-color:red}
.eventtitle a{display:inline;font-size:80%}
.shortdescription{display:inline;display:none}
.leftdate{float:none;width:100%;margin-right:0%;display:block;border:none;text-align:left}
.eventday{font-size:inherit;line-height:inherit;display:inline;text-transform:none}
.eventdate{font-size:inherit;line-height:inherit;display:inline;font-weight:bold;color:red}
.eventmonth{font-size:inherit;text-transform:none;display:inline;line-height:inherit;font-weight:bold;color:red}
.eventyear{font-size:inherit;line-height:inherit}
}