/***************** SIZE XS *****************/
@media(min-width:767px){     

    /* container for slides */
    .images {
        position: relative;
        height: 225px;
       /* width: 700px;*/
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

        /* single slide */
        .images div {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            padding: 0;
            height: 225px;
        }

    /* tabs */
    div#rotate_controls {
        font-size:1.3em;
        background-color: #FFF;
        height: 37px;
        width: 165px;
		/*width: 145px;*/
        position: relative;
        top: -10px;
        z-index: 2;
        left: 20px;
        padding: 10px 0 0 10px;
    }

    * + html div#rotate_controls {
		width: 185px; 
        /*width: 165px;*/
        left: 20px;
    }

    /* single tab */
    .slidetabs a {
        width: 25px;
        height: 25px;
        padding: 0px 10px;
        float: left;
        margin: 0px 0px;
        
        display: block;
        font-size: 8pt;
        color: #FFF;
        font-size: 1.3em;
        font-weight: bold;
        text-indent: 5px;
    }

        /* mouseover state */
        .slidetabs a:hover {
            background-position: 0px 0px;
            color: #FFF;
        }

        /* active state (current page state) */
        .slidetabs a.current {
            background-position: 0px -25px;
            color: #0066CC;
        }

    div#rotator1 {
        /*background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_1.jpg) no-repeat left top;*/
        height: 225px;
        width: 700px;
    }

    div#rotator2 {
        /*background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_2.jpg) no-repeat left top;*/
        height: 225px;
        width: 700px;
    }

    div#rotator3 {
        /*background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_3.jpg) no-repeat left top;*/
        height: 225px;
        width: 700px;
    }

    div#rotator4 {
       /* background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_4.jpg) no-repeat left top;*/
        height: 225px;
        width: 700px;
    }


    div.xlucent {
        opacity: .80; /* standard transparency */
        -moz-opacity: .80; /* older Mozillas */
        filter: alpha(opacity=80); /* IE */
        background-color: #0026A5;
        height: 140px;
        width: 380px;
        padding: 10px;
        margin: 0;
        left: 15px;
        top: 75px;
        position: absolute;
        display: inline;
    }

        div.xlucent p {
            font: normal normal normal 1.0em Arial, Helvetica, sans-serif;
            color: #FFF;
            margin-top: 10px;
        }

            div.xlucent p a {
                color: #FFF;
                text-decoration: underline;
            }

                div.xlucent p a:link {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent p a:visited {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent p a:hover {
                    color: #CCC;
                    text-decoration: underline;
                }

                div.xlucent p a:active {
                    color: #FFF;
                    text-decoration: underline;
                }

        div.xlucent h2 {
            font: normal normal bold 1.3em Verdana, Arial, Helvetica, sans-serif;
            color: #FFF;
            border-bottom: 1px #FFF solid;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
        }

    div.xlucent_cfs {
       
        background-color: #0026A5;
        height: 125px;
        width: 380px;
        padding: 10px;
        margin: 0;
        left: 15px;
        top: 45px;
        position: absolute;
        display:inline-block;
        clear:both;
    }

        div.xlucent_cfs p {
            font: normal normal normal 1.0em Arial, Helvetica, sans-serif;
            color: #FFF;
            margin-top: 10px;
        }

            div.xlucent_cfs p a {
                color: #FFF;
                text-decoration: underline;
            }

                div.xlucent_cfs p a:link {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:visited {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:hover {
                    color: #CCC;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:active {
                    color: #FFF;
                    text-decoration: underline;
                }

        div.xlucent_cfs h2 {
            font: normal normal bold 1.3em Verdana, Arial, Helvetica, sans-serif;
            color: #FFF;
            border-bottom: 1px #FFF solid;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
        }
}

/***************** END OF XS *****************/


/***************** SIZE SM *****************/
@media(min-width:768px){     

    /* container for slides */
    .images {
        position: relative;
        height: 225px;
        width: 700px;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

        /* single slide */
        .images div {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            padding: 0;
            height: 225px;
        }

    /* tabs */
    div#rotate_controls {
        opacity: .40; /* standard transparency */
        -moz-opacity: .40; /* older Mozillas */
        filter: alpha(opacity=40); /* IE */
        background-color: #FFF;
        height: 37px;
        width: 165px; 
		/*width: 145px;*/
        position: relative;
        top: -55px;
        z-index: 2;
        left: 530px;
        padding: 10px 0 0 10px;
    }

    * + html div#rotate_controls {
        width: 185px; 
        /*width: 165px;*/
        left: 506px;
    }

    /* single tab */
    .slidetabs a {
        width: 25px;
        height: 25px;
        padding: 0px 3px;
        float: left;
        margin: 0px 0px;
        background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/nav_button.gif) 0 0 no-repeat;
        display: block;
        font-size: 8pt;
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        text-indent: 5px;
    }

        /* mouseover state */
        .slidetabs a:hover {
            background-position: 0px 0px;
            color: #FFF;
        }

        /* active state (current page state) */
        .slidetabs a.current {
            background-position: 0px -25px;
            color: #0066CC;
        }

    div#rotator1 {
         /*background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_1.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }

    div#rotator2 {
        /* background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_2.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }

    div#rotator3 {
        /* background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_3.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }

    div#rotator4 {
        /* background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_4.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }


    div.xlucent {
        opacity: .80; /* standard transparency */
        -moz-opacity: .80; /* older Mozillas */
        filter: alpha(opacity=80); /* IE */
        background-color: #0026A5;
        height: 140px;
        width: 380px;
        padding: 10px;
        margin: 0;
        left: 15px;
        top: 75px;
        position: absolute;
        display: inline;
    }

        div.xlucent p {
            font: normal normal normal 1.0em Arial, Helvetica, sans-serif;
            color: #FFF;
            margin-top: 10px;
        }

            div.xlucent p a {
                color: #FFF;
                text-decoration: underline;
            }

                div.xlucent p a:link {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent p a:visited {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent p a:hover {
                    color: #CCC;
                    text-decoration: underline;
                }

                div.xlucent p a:active {
                    color: #FFF;
                    text-decoration: underline;
                }

        div.xlucent h2 {
            font: normal normal bold 1.3em Verdana, Arial, Helvetica, sans-serif;
            color: #FFF;
            border-bottom: 1px #FFF solid;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
        }

    div.xlucent_cfs {
        opacity: .80; /* standard transparency */
        -moz-opacity: .80; /* older Mozillas */
        filter: alpha(opacity=80); /* IE */
        background-color: #0026A5;
        height: 125px;
        width: 380px;
        padding: 10px;
        margin: 0;
        left: 15px;
        top: 45px;
        position: absolute;
        display: inline;
    }

        div.xlucent_cfs p {
            font: normal normal normal 1.0em Arial, Helvetica, sans-serif;
            color: #FFF;
            margin-top: 10px;
        }

            div.xlucent_cfs p a {
                color: #FFF;
                text-decoration: underline;
            }

                div.xlucent_cfs p a:link {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:visited {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:hover {
                    color: #CCC;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:active {
                    color: #FFF;
                    text-decoration: underline;
                }

        div.xlucent_cfs h2 {
            font: normal normal bold 1.3em Verdana, Arial, Helvetica, sans-serif;
            color: #FFF;
            border-bottom: 1px #FFF solid;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
        }
}

/***************** END OF SM *****************/




/***************** SIZE MD *****************/
@media(min-width:992px){   

    /* container for slides */
    .images {
        position: relative;
        height: 225px;
        width: 700px;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

        /* single slide */
        .images div {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            padding: 0;
            height: 225px;
        }

    /* tabs */
    div#rotate_controls {
        opacity: .40; /* standard transparency */
        -moz-opacity: .40; /* older Mozillas */
        filter: alpha(opacity=40); /* IE */
        background-color: #FFF;
        height: 37px;
        width: 165px; 
		/*width: 145px;*/
        position: relative;
        top: -55px;
        z-index: 2;
        left: 526px;
        padding: 10px 0 0 10px;
    }

    * + html div#rotate_controls {
        width: 185px; 
        /*width: 165px;*/
        left: 506px;
    }

    /* single tab */
    .slidetabs a {
        width: 25px;
        height: 25px;
        padding: 0px 3px;
        float: left;
        margin: 0px 0px;
        background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/nav_button.gif) 0 0 no-repeat;
        display: block;
        font-size: 8pt;
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        text-indent: 5px;
    }

        /* mouseover state */
        .slidetabs a:hover {
            background-position: 0px 0px;
            color: #FFF;
        }

        /* active state (current page state) */
        .slidetabs a.current {
            background-position: 0px -25px;
            color: #0066CC;
        }

    div#rotator1 {
       /*  background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_1.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }

    div#rotator2 {
       /*  background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_2.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }

    div#rotator3 {
        /* background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_3.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }

    div#rotator4 {
        /* background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_4.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }


    div.xlucent {
        opacity: .80; /* standard transparency */
        -moz-opacity: .80; /* older Mozillas */
        filter: alpha(opacity=80); /* IE */
        background-color: #0026A5;
        height: 140px;
        width: 380px;
        padding: 10px;
        margin: 0;
        left: 15px;
        top: 75px;
        position: absolute;
        display: inline;
    }

        div.xlucent p {
            font: normal normal normal 1.0em Arial, Helvetica, sans-serif;
            color: #FFF;
            margin-top: 10px;
        }

            div.xlucent p a {
                color: #FFF;
                text-decoration: underline;
            }

                div.xlucent p a:link {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent p a:visited {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent p a:hover {
                    color: #CCC;
                    text-decoration: underline;
                }

                div.xlucent p a:active {
                    color: #FFF;
                    text-decoration: underline;
                }

        div.xlucent h2 {
            font: normal normal bold 1.3em Verdana, Arial, Helvetica, sans-serif;
            color: #FFF;
            border-bottom: 1px #FFF solid;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
        }

    div.xlucent_cfs {
        opacity: .80; /* standard transparency */
        -moz-opacity: .80; /* older Mozillas */
        filter: alpha(opacity=80); /* IE */
        background-color: #0026A5;
        height: 125px;
        width: 380px;
        padding: 10px;
        margin: 0;
        left: 15px;
        top: 45px;
        position: absolute;
        display: inline;
    }

        div.xlucent_cfs p {
            font: normal normal normal 1.0em Arial, Helvetica, sans-serif;
            color: #FFF;
            margin-top: 10px;
        }

            div.xlucent_cfs p a {
                color: #FFF;
                text-decoration: underline;
            }

                div.xlucent_cfs p a:link {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:visited {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:hover {
                    color: #CCC;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:active {
                    color: #FFF;
                    text-decoration: underline;
                }

        div.xlucent_cfs h2 {
            font: normal normal bold 1.3em Verdana, Arial, Helvetica, sans-serif;
            color: #FFF;
            border-bottom: 1px #FFF solid;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
        }
}

/***************** END OF MD *****************/
/***************** SIZE LG *****************/
@media(min-width:1200px) {

    /* container for slides */
    .images {
        position: relative;
        height: 225px;
        width: 700px;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

        /* single slide */
        .images div {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            padding: 0;
            height: 225px;
        }

    /* tabs */
    div#rotate_controls {
        opacity: .40; /* standard transparency */
        -moz-opacity: .40; /* older Mozillas */
        filter: alpha(opacity=40); /* IE */
        background-color: #FFF;
        height: 37px;
        width: 165px;
		/*width: 145px;*/
        position: relative;
        top: -55px;
        z-index: 2;
        left: 526px;
        padding: 10px 0 0 10px;
    }

    * + html div#rotate_controls {
        width: 185px;
        /*width: 165px;*/
        left: 506px;
    }

    /* single tab */
    .slidetabs a {
        width: 25px;
        height: 25px;
        padding: 0px 3px;
        float: left;
        margin: 0px 0px;
        background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/nav_button.gif) 0 0 no-repeat;
        display: block;
        font-size: 8pt;
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        text-indent: 5px;
    }

        /* mouseover state */
        .slidetabs a:hover {
            background-position: 0px 0px;
            color: #FFF;
        }

        /* active state (current page state) */
        .slidetabs a.current {
            background-position: 0px -25px;
            color: #0066CC;
        }

    div#rotator1 {
       /*  background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_1.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }

    div#rotator2 {
       /*  background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_2.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }

    div#rotator3 {
 /*background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_3.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }

    div#rotator4 {
       /*  background: url(/public/20191114001845oe_/https://cfs.scot.nhs.uk/img/rotator/home_rotator_4.jpg) no-repeat left top; */
        height: 225px;
        width: 700px;
    }


    div.xlucent {
        opacity: .80; /* standard transparency */
        -moz-opacity: .80; /* older Mozillas */
        filter: alpha(opacity=80); /* IE */
        background-color: #0026A5;
        height: 140px;
        width: 380px;
        padding: 10px;
        margin: 0;
        left: 15px;
        top: 75px;
        position: absolute;
        display: inline;
    }

        div.xlucent p {
            font: normal normal normal 1.0em Arial, Helvetica, sans-serif;
            color: #FFF;
            margin-top: 10px;
        }

            div.xlucent p a {
                color: #FFF;
                text-decoration: underline;
            }

                div.xlucent p a:link {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent p a:visited {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent p a:hover {
                    color: #CCC;
                    text-decoration: underline;
                }

                div.xlucent p a:active {
                    color: #FFF;
                    text-decoration: underline;
                }

        div.xlucent h2 {
            font: normal normal bold 1.3em Verdana, Arial, Helvetica, sans-serif;
            color: #FFF;
            border-bottom: 1px #FFF solid;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
        }

    div.xlucent_cfs {
        opacity: .80; /* standard transparency */
        -moz-opacity: .80; /* older Mozillas */
        filter: alpha(opacity=80); /* IE */
        background-color: #0026A5;
        height: 125px;
        width: 380px;
        padding: 10px;
        margin: 0;
        left: 15px;
        top: 45px;
        position: absolute;
        display: inline;
    }

        div.xlucent_cfs p {
            font: normal normal normal 1.0em Arial, Helvetica, sans-serif;
            color: #FFF;
            margin-top: 10px;
        }

            div.xlucent_cfs p a {
                color: #FFF;
                text-decoration: underline;
            }

                div.xlucent_cfs p a:link {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:visited {
                    color: #FFF;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:hover {
                    color: #CCC;
                    text-decoration: underline;
                }

                div.xlucent_cfs p a:active {
                    color: #FFF;
                    text-decoration: underline;
                }

        div.xlucent_cfs h2 {
            font: normal normal bold 1.3em Verdana, Arial, Helvetica, sans-serif;
            color: #FFF;
            border-bottom: 1px #FFF solid;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 5px 0px;
        }
}
/***************** END OF LG *****************/
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */