/******************************************************************************

  Script    :   std_style.css
  Author    :   C.E. Berry
  Version   :   5.00.013
  Notes     :   CSS Stylesheet for the Real Lives Wythenshawe website

                All material contained within is the intellectual property of
                SysExcel Ltd and as such may not be reproduced in any way
                shape or form without the prior consent of SysExcel Ltd.

********************************************************************************

    STYLES FOR STANDARD/DEFAULT VERSION OF SITE

********************************************************************************/

/*---  Default elements ---*/

body
{
                                font-family: "Lato", sans-serif;
                                font-weight: 300;
                                font-size: 14px;
                                color: #000000;
                                background: #2A2A2A;
                                overflow-x: hidden;
}

a
{
                                color: #000000;
                                font-weight: normal;
                                text-decoration: none;
}

a:hover
{
                                color: #000000;
                                font-weight: normal;
                                text-decoration: underline;
}

input,
textarea
{
/*
                                color: #8A8A8A; // considered too light for visually impaired
*/
                                color: #1A1A1A; /* Added 2015-12-18 */
                                background: #F8F8F8;
                                border: 1px solid #ACACAC;
                                height: 34px;
                                padding: 0 5px;
                                font-family: "Lato", sans-serif;
                                font-size: 14px;
                                vertical-align: middle;
                                -webkit-appearance: none;
                                -webkit-border-radius: 0;
                                margin: 5px 0 5px 0;
                                font-weight: 300;
}

textarea
{
                                padding-top: 8px;
}

/*--- General styles  ---*/

.tabletandmobileonly,
.mobileonly
{
                                display: none !important;
}

span.desktoponly,
span.desktopandtabletonly
{
                                display: inline;
}

a.smallbutton
{
                                color: #FFFFFF;
                                display: inline-block;
                                text-transform: uppercase;
                                font-size: 12px;
                                font-weight: normal;
                                text-decoration: none;
                                cursor: pointer;
                                padding: 5px 10px 5px 10px;
                                line-height: normal;
                                background: #000000;
                                margin-top: 2px;

}

a.button
{
                                color: #FFFFFF;
                                display: inline-block;
                                text-transform: uppercase;
                                font-size: 14px;
                                font-weight: normal;
                                text-decoration: none;
                                cursor: pointer;
                                padding: 6px 20px 6px 20px;
                                line-height: normal;
                                background: #000000;

}

a.button:hover
{
                                background: #494949;
}

a.buttonright
{
                                float: right;
}

a.buttonpadright
{
                                margin-right: 20px;
}

a.buttonpadtop
{
                                margin-top: 20px;
}

a.buttonpadbottom
{
                                margin-bottom: 20px;
}

.inputerror
{
                                background-color: #FEE5BE;
}

div.error
{
                                background: #FFA902;
                                -moz-border-radius: 5px;
                                -webkit-border-radius: 5px;
                                border-radius: 5px;
}

div.error p
{
                                padding: 20px;
                                line-height: 130%;
                                font-size: 16px;
                                color: #000000;
}

div.error p b
{
                                font-weight: bold;
}

.width400
{
                                width: 400px;
}

.width350
{
                                width: 350px;
}

.width250
{
                                width: 250px;
}

.width200
{
                                width: 250px;
}

.height100
{
                                height: 100px;
}

::-webkit-input-placeholder
{
                                text-transform: uppercase;
                                color: #C0C0C0;
                                font-weight: 300;
}

::-moz-placeholder
{
                                text-transform: uppercase;
                                color: #C0C0C0;
                                font-weight: 300;
}

:-ms-input-placeholder
{
                                text-transform: uppercase;
                                color: #C0C0C0;
                                font-weight: 300;
}

:-moz-placeholder
{
                                text-transform: uppercase;
                                color: #C0C0C0;
                                font-weight: 300;
}

/*---  Background video  ---*/

div#backgroundimage
{
	                            z-index: 1;
	                            overflow: hidden;
	                            width: 100%;
}

div#backgroundimagecontainer
{
                                margin-top: 0;
}

div#backgroundimagecontainer img
{
                                width: 100%;
}

div#maincontainer
{
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
}

/*--- Header section ---*/

div#headercontainer
{
                                z-index: 10;
}

div#headercontainer div.logo
{
                                margin-top: 30px;
}

div#headercontainer div.logo h1
{
                                font-size: 24px;
                                padding: 10px 20px 10px 20px;
                                color: #FFFFFF;
                                background: #000000;
                                width: 260px;
}

div#headercontainer div.menu
{
                                background: #000000;
                                margin-top: 30px;
}

/*  Menu  */

div#headercontainer div#mainmenu
{
                                display: none;
}

div#headercontainer div#mainmenuoptions
{
                                display: block;
}

div#headercontainer div#mainmenuoptions > ul
{
								margin-top: 0;
}

div#headercontainer div#mainmenuoptions > ul > li
{
                                float: left;
								height: 32px;
                                margin: 10px 10px 0 10px;
}

div#headercontainer div#mainmenuoptions > ul > li > a
{
                                font-size: 16px;
                                font-weight: 300;
}

div#headercontainer div#mainmenuoptions > ul > li > a:link,
div#headercontainer div#mainmenuoptions > ul > li > a:active,
div#headercontainer div#mainmenuoptions > ul > li > a:visited
{
                                color: #FFFFFF;
                                text-decoration: none;
}

div#headercontainer div#mainmenuoptions > ul > li > a:hover
{
                                color: #C8C8C8;
                                text-decoration: none;
}

div#headercontainer div#mainmenuoptions ul ul
{
                                margin: 7px 0 0 0;
                                padding: 0;
                                background-color: #000000;
                                z-index: 999;
                                opacity: .80;
                                -ms-filter: "alpha(opacity=80)";
								position: absolute;
                            	display: none;
								margin-left: -10px
}

div#headercontainer div#mainmenuoptions ul ul li:first-child a
{
								padding: 12px 32px 9px 12px;
                                display: block;
	                            border-width: 0 0 0 0;
}

div#headercontainer div#mainmenuoptions ul ul a
{
                                font-size: 16px;
								padding: 12px 32px 9px 12px;
                                display: block;
	                            border-width: 1px 0 0 0;
                                border-style: dashed;
                                border-color: #FFFFFF;
                                font-weight: 300;
}

div#headercontainer div#mainmenuoptions ul ul a:link,
div#headercontainer div#mainmenuoptions ul ul a:active,
div#headercontainer div#mainmenuoptions ul ul a:visited
{
                                color: #FFFFFF;
                                text-decoration: none;
}

div#headercontainer div#mainmenuoptions ul ul a:hover
{
                                color: #C8C8C8;
                                text-decoration: none;
}

div#headercontainer div#mainmenuoptions li li
{
                                float: none;
}

div#headercontainer div#mainmenuoptions ul li:hover ul,
div#headercontainer div#mainmenuoptions ul ul li:hover ul
{
                            	display: block;
}

/*---  Content section  ---*/

div#contentcontainer
{
                                z-index: 10;
                                position: relative;
}

div#contentcontainer div.responsivegridnm
{
                                background: #FFFFFF;
                                margin-top: 100px;
}

/*--- Footer section ---*/

div#footercontainer
{
                                z-index: 10;
}

div#footercontainer div.responsivegridnm
{
                                background: #000000;
}

div#footercontainer p
{
                                color: #FFFFFF;
                                margin: 10px 20px;
}

div#footercontainer p a
{
                                color: #FFFFFF;
                                font-weight: 300;
}

/*--- Sidebar ---*/

/*  Blog  */

div#contentcontainer div.sidebar div.blog
{
                                background: #AAB3AB;
                                width: 280px;
                                margin:14px;
                                position: relative;
                                overflow:auto;
}

div#contentcontainer div.sidebar div.blog span
{
                                position: absolute;
                                top: 17px;
                                right: 10px;
                                font-size: 36px;
}

div#contentcontainer div.sidebar div.blog h1
{
                                font-size: 20px;
                                color: #000000;
                                font-weight: 400;
                                margin: 5px 10px 2px 10px;
}

div#contentcontainer div.sidebar div.blog h2
{
                                font-size: 16px;
                                color: #000000;
                                font-weight: 400;
                                margin: 10px 10px 0 10px;
}

div#contentcontainer div.sidebar div.blog p
{
                                color: #000000;
                                margin: 5px 10px 10px 10px;
}

div#contentcontainer div.sidebar div.blog p:last-child
{
                                color: #000000;
                                margin: 5px 10px 15px 10px;
}

div#contentcontainer div.sidebar div.blog p a
{
                                color: #000000;
                                font-weight: 700;
}

div#contentcontainer div.sidebar div.blog hr
{
                                height: 0;
                                border-width: 1px 0 0 0;
                                border-color: #FFFFFF;
                                border-style: solid;
}

/*  Twitter  */

div#contentcontainer div.twitter
{
                                background: #8B7C8D;
                                width: 280px;
                                margin:14px;
                                position: relative;
                                overflow:auto;
}

div#contentcontainer div.sidebar div.twitter span
{
                                position: absolute;
                                top: 17px;
                                right: 10px;
                                font-size: 36px;
                                color: #FFFFFF;
}

div#contentcontainer div.sidebar div.twitter h1
{
                                font-size: 20px;
                                font-weight: 400;
                                margin: 5px 10px 10px 10px;
                                color: #FFFFFF;
}

div#contentcontainer div.sidebar div.twitter h1 a
{
                                color: #FFFFFF;
                                font-weight: 400;
}

div#contentcontainer div.sidebar div.twitter p
{
                                color: #000000;
                                margin: 10px 10px 10px 10px;
                                color: #FFFFFF;
}

div#contentcontainer div.sidebar div.twitter p a
{
                                color: #000000;
                                font-weight: 700;
                                color: #FFFFFF;
}

div#contentcontainer div.sidebar div.twitter hr
{
                                height: 0;
                                border-width: 1px 0 0 0;
                                border-color: #FFFFFF;
                                border-style: solid;
}

/*  Directory  */

div#contentcontainer div.sidebar div.directory
{
                                background: #000000;
                                width: 280px;
                                margin:14px;
                                position: relative;
                                overflow:auto;
}

div#contentcontainer div.sidebar div.directory span
{
                                position: absolute;
                                top: 30px;
                                right: 10px;
                                font-size: 36px;
                                color: #FFFFFF;
}

div#contentcontainer div.sidebar div.directory h1
{
                                font-size: 27px;
                                font-weight: 300;
                                margin: 5px 10px 10px 10px;
                                color: #FFFFFF;
}

div#contentcontainer div.sidebar div.directory h1 a
{
                                color: #FFFFFF;
                                font-weight: 300;
}

/*--- General page content ---*/

/*  Details  */

div#contentcontainer div.details
{
                                margin: 0;
                                position: relative;
                                overflow: auto;
}

div#contentcontainer div.details h1
{
                                font-size: 24px;
                                font-weight: 400;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
}

div#contentcontainer div.details h2
{
                                font-size: 20px;
                                font-weight: 400;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
}

div#contentcontainer div.details h3
{
                                font-size: 17px;
                                font-weight: 400;
                                margin: 5px 15px 10px 10px;
                                color: #000000;
}

div#contentcontainer div.details p
{
                                font-weight: 300;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
                                font-family: "Lucida"; /* 2018-01-22 as requested */
                                font-family: "Open Sans"; /* 2018-10-31 as requested */
}

div#contentcontainer div.details p.pagelinks
{
                                text-align: center;
}

div#contentcontainer div.details ul
{
                                margin-left: 20px;
}

div#contentcontainer div.details li
{
                                font-weight: 300;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
                                font-family: "Lucida"; /* 2018-01-22 as requested */
                                font-family: "Open Sans"; /* 2018-10-31 as requested */
                                list-style: disc;
}

div#contentcontainer div.details p b
{
                                font-weight: 700;
}

div#contentcontainer div.details p a
{
                                font-weight: 700;
}

div#contentcontainer div.details img
{
                                width: 100%;
                                height: auto;
}

div#contentcontainer div.details hr
{
                                height: 0;
                                border-width: 1px 0 0 0;
                                border-color: #000000;
                                border-style: dashed;
                                margin: 5px 15px 10px 10px;
}

div#contentcontainer div.details hr.top
{
                                margin: 20px 15px 10px 10px;
}

div#contentcontainer div.poll p
{
                                font-weight: 300;
                                margin: 5px 15px 10px 10px;
                                color: #000000;
}

div#contentcontainer div.poll img
{
                                height: 14px;
                                margin-top: 8px;
}

div#contentcontainer div.spacer
{
                                height: 10px;
}

/*  Slider  */

div#contentcontainer div.slider
{
                                margin: 14px 14px 0 10px;
}

div#contentcontainer div.slider ul h1
{
                                position: absolute;
                                top: 10px;
                                left: 10px;
                                padding: 10px 30px;
                                background: #000000;
                                color: #FFFFFF;
                                font-size: 20px;
                                font-weight: 300;
}

div#contentcontainer div.slider ul h1:empty /* 2018-01-22 to suppress black box when no text */
{
                                display: none
}

/*--- Directory page content ---*/

div#contentcontainer div.directory
{
                                margin: 0;
                                position: relative;
}

div#contentcontainer div.directory h1
{
                                font-size: 24px;
                                font-weight: 400;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
}

div#contentcontainer div.directory h2
{
                                font-size: 20px;
                                font-weight: 400;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
}

div#contentcontainer div.directory p
{
                                font-weight: 300;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
}

div#contentcontainer div.directory a /* Added 2015-12-18 */
{
/*
                                font-weight: bold;  /* clashed woth other anchor tags, moved to style attributr for expediency * /
*/
}

div#contentcontainer div.directory div p.category
{
                                margin: 0 15px 0 10px;
                                padding: 5px 0px 5px 10px;  /* Amended bottom to 15px , Added left 10px 2015-12-18 */
                                color: #000000;
                                border-width: 0 0 1px 0;
                                border-style: dashed;
                                border-color: #C5C5C5;
}

div#contentcontainer div.directory div p.category:last-child
{
                                border-width: 0;
                                padding-bottom: 10px; /* Added 2015-12-18 */
}

div#contentcontainer div.directory div.label p
{
                                font-weight: 300;
                                margin: 12px 15px 8px 10px;
                                color: #000000;
}

div#contentcontainer div.directory p.prominent
{
                                font-weight: 300;
                                margin: 60px 15px 60px 10px;
                                color: #000000;
                                text-align: center;
                                font-size: 16px;
                                text-transform: uppercase;
}

div#contentcontainer div.directory div.label2 p
{
                                font-weight: 300;
                                margin: 3px 15px 3px 15px;
                                color: #000000;
}

div#contentcontainer div.directory div.value2 p
{
                                font-weight: 300;
                                margin: 3px 20px 3px 0;
                                color: #000000;
}

div#contentcontainer div.directory div.divider
{
                                margin: 10px 20px 6px 15px;
                                padding-bottom: 25px; /* Added 2015-12-18 */
                                border-width: 0 0 1px 0;
                                border-style: dashed;
                                border-color: #C5C5C5;
}

div#contentcontainer div.directory div.pagelinks p
{
                                margin: 10px 0 20px 0;
                                text-align: center;
}

div#contentcontainer div.directory div.map
{
                                margin: 10px 20px 10px 15px;
}

/*--- Article (blog, case studies etc.) page content ---*/

div#contentcontainer div.articles
{
                                margin: 0;
                                position: relative;
}

div#contentcontainer div.articles h1
{
                                font-size: 20px;
                                font-weight: 400;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
}

div#contentcontainer div.articles h2
{
                                font-size: 20px;
                                font-weight: 400;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
}

div#contentcontainer div.articles img
{
                                padding: 0 20px 10px 10px;
                                box-sizing: border-box;
                                width: 100%;
                                height: auto;
}

div#contentcontainer div.articles div.embedded-video /* 2017-10-24  */
{
                                position: relative;
                                _padding: 0 20px 10px 10px;
                                margin-left: 10px;
                                margin-right: 20px;
                                width: 95%;
                                height: auto;
                                padding-bottom: 56.25%;
                                padding-top: 0px;
                                _height: 0;
                                overflow: hidden;
}

div#contentcontainer div.articles div.embedded-video iframe /* 2017-10-24 */
{
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
}

div#contentcontainer div.articles ul,
div#contentcontainer div.articles ol
{
                                list-style: disc; /* 2017-10-14 */
                                margin-left: 40px; /* 2017-10-14 */
                                font-family: "Lucida"; /* 2018-04-11 as requested */
                                font-family: "Open Sans"; /* 2018-10-31 as requested */
}

div#contentcontainer div.articles p
{
                                font-weight: 300;
                                margin: 10px 15px 10px 10px;
                                color: #000000;
                                font-family: "Lucida"; /* 2018-01-22 as requested */
                                font-family: "Open Sans"; /* 2018-10-31 as requested */
}

div#contentcontainer div.articles p.quote
{
                                font-style: italic;
}

div#contentcontainer div.articles p.identity
{
                                margin: 10px 20px 10px 10px;
                                text-align: right;
}

div#contentcontainer div.articles div.divider
{
                                margin: 10px 20px 6px 15px;
                                border-width: 0 0 1px 0;
                                border-style: dashed;
                                border-color: #C5C5C5;
}

div#contentcontainer div.articles div.pagelinks p.lhlink
{
                                margin: 10px 0 20px 15px;
                                float: left;
}

div#contentcontainer div.articles div.pagelinks p.rhlink
{
                                margin: 10px 20px 20px 0;
                                float: right;
}

/********************************************************************************

    SPECIFIC STYLES FOR WIDE DESKTOP DEVICES

********************************************************************************/

@media only screen and
(min-width: 1280px)
{

/*--- Header section ---*/

    div#headercontainer div.logo h1
    {
                                font-size: 24px;
                                padding: 10px 30px 10px 30px;
                                width: 260px;
    }

/*  Menu  */

    div#headercontainer div#mainmenuoptions > ul > li
    {
                                margin: 10px 25px 0 30px;
    }

/*--- Sidebar ---*/

/*  Blog  */

    div#contentcontainer div.sidebar div.blog
    {
                                width: 340px;
    }

/*  Twitter  */

    div#contentcontainer div.twitter
    {
                                width: 340px;
    }

/*  Directory  */

    div#contentcontainer div.sidebar div.directory
    {
                                width: 340px;
    }

}

/********************************************************************************

    SPECIFIC STYLES FOR ALL TABLETS

********************************************************************************/

@media only screen and
(min-width: 569px) and
(max-width: 1024px)
{
}

/********************************************************************************

    SPECIFIC STYLES FOR TABLETS (LANDSCAPE)

********************************************************************************/

@media only screen and
(min-width: 569px) and
(max-width: 1024px) and
(orientation: landscape)
{
}

/********************************************************************************

    SPECIFIC STYLES FOR TABLETS (PORTRAIT)

********************************************************************************/

@media only screen and
(min-width: 569px) and
(max-width: 1024px) and
(orientation: portrait)
{

/*--- Default elements ---*/

    .width350
    {
                                width: 300px;
    }

    .width250
    {
                                width: 200px;
    }

/*--- Header section ---*/

    div#headercontainer div.logo h1
    {
                                font-size: 22px;
                                padding: 10px 20px 10px 20px;
                                width: 240px;
    }

/*  Menu  */

    div#headercontainer div#mainmenuoptions > ul > li
    {
                                margin: 10px 5px 0 20px;
    }

    div#headercontainer div#mainmenuoptions > ul > li > a
    {
                                font-size: 14px;
    }

    div#headercontainer div#mainmenuoptions ul ul a
    {
                                 font-size: 14px;
    }

/*--- Sidebar ---*/

/*  Blog  */

    div#contentcontainer div.sidebar div.blog
    {
                                width: 220px;
    }

/*  Twitter  */

    div#contentcontainer div.twitter
    {
                                width: 220px;
    }

    div#contentcontainer div.sidebar div.twitter h1
    {
                                font-size: 18px;
    }

/*  Directory  */

    div#contentcontainer div.sidebar div.directory
    {
                                width: 220px;
    }

    div#contentcontainer div.sidebar div.directory span
    {
                                top: 26px;
    }

    div#contentcontainer div.sidebar div.directory h1
    {
                                font-size: 24px;
    }

/*  Slider  */

    div#contentcontainer div.slider ul h1
    {
                                padding: 7px 15px;
                                font-size: 16px;
    }

}
/********************************************************************************

    SPECIFIC STYLES FOR ALL MOBILES

********************************************************************************/

@media only screen and
(max-width: 668px)
{

/*--- Default elements  ---*/

    input,
    textarea
    {
                                margin: 5px 0 5px 10px;
    }

/*--- General styles  ---*/

    .desktoponly,
    .desktopandtabletonly
    {
                                display: none !important;
    }

    div.mobileonly,
    h3.mobileonly,
    img.mobileonly
    {
                                display: block !important;
    }

    span.mobileonly,
    br.mobileonly
    {
                                display: inline !important;
    }

    a.smallbutton
    {
                                padding: 9px 0 9px 0;
                                text-align: center;
                                float: none;
                                margin-left: 10px;
    }

    a.button
    {
                                padding: 9px 0 9px 0;
                                text-align: center;
                                float: none;
                                margin-left: 10px;
    }

    div.ddstandard
    {
                                margin-left: 10px;
    }

/*---  Background image  ---*/

    div#backgroundimagem
    {
                                position: absolute;
                                left: 0;
                                top: 0;
		                        z-index: 1;
		                        overflow: hidden;
		                        width: 100%;
    }

    div#backgroundimage div.overlay
    {
                                background: rgba(30, 30, 30, 0.7);
                                position: absolute;
                                z-index: 2;
                                width: 100%;
                                height: 100%;
                                top: 0;
                                left: 0;
    }

    div#backgroundimagecontainer
    {
                                margin-top: 0;
    }

/*--- Header section --*/

/*  Menu  */

    div#headercontainer div#mainmenuoptions
    {
                                    display: none;
    }

    div#headercontainer div#mainmenu
    {
                                    display: inline-block;
                                    font-size: 14px !important;
                                    font-weight: normal !important;
                                    padding: 10px 0 7px 0 !important;
                                    width: 100%;
                                    text-align: left;
                                    text-decoration: none;
                                    text-transform: uppercase;
                                    background-color: #000000;
                                    height: 18px;
    }

    div#headercontainer div#mainmenu p
    {
                                    float: left;
                                    font-size: 14px !important;
                                    padding: 0 0 0 10px;
                                    color: #FFFFFF;
    }

    div#headercontainer div#mainmenu img#mainmenunavarrow
    {
                                    float: right;
                                    margin: 3px 10px 0 0;
    }

    div#headercontainer div#mainmenuoptions ul,
    div#headercontainer div#mainmenuoptions ul ul
    {
                                    margin: 0 0 0 0;
                                    padding: 0 0 0 0;
                                    float: left;
                                    width: 100%;
    }

    div#headercontainer div#mainmenuoptions ul li
    {
                                    width: 100%;
                                    margin: 0 0 0 0;
                                    padding: 0 0 0 0;
                                    float: left;
                                    height: auto;
    }

    div#headercontainer div#mainmenuoptions ul li a,
    div#headercontainer div#mainmenuoptions ul li a:first-child,
    div#headercontainer div#mainmenuoptions ul ul li a,
    div#headercontainer div#mainmenuoptions ul ul li a:first-child
    {
                                    display: inline-block !important;
                                    font-size: 14px !important;
                                    font-weight: normal !important;
                                    padding: 10px 0 9px 10px !important;
                                    width: 100%;
                                    text-align: left;
                                    text-decoration: none;
                                    text-transform: uppercase;
	                                border-width: 1px 0 0 0;
                                    border-style: dashed;
                                    border-color: #FFFFFF;
                                    background-image: url(/site_graphics/icon_nav_arrow_right.png);
                                    background-repeat: no-repeat;
                                    background-position: 97% 50%;
                                    color: #FFFFFF;
                                    box-sizing: border-box;
    }

    div#headercontainer div#mainmenuoptions ul li a:hover,
    div#headercontainer div#mainmenuoptions ul ul li a:hover
    {
                                    color: #C8C8C8;
                                    text-decoration: none;
    }

    div#headercontainer div#mainmenuoptions > ul ul
    {
    								position: static;
                                	display: inherit;
    }

    div#headercontainer div#mainmenuoptions li li
    {
                                    float: left;
    }

    div#headercontainer div#mainmenuoptions ul li:hover ul,
    div#headercontainer div#mainmenuoptions ul ul li:hover ul
    {
                                	display: inherit;
    }

/*---  Content section  ---*/

    div#contentcontainer div.responsivegridnm
    {
                                margin-top: 50px;
    }

/*--- Footer section ---*/

    div#footercontainer p
    {
                                margin: 10px 10px;
    }

/*--- Sidebar ---*/

/*  Blog  */

    div#contentcontainer div.sidebar div.blog
    {
                                width: 100%;
                                margin: 0 0 1px 0;
    }

/*  Twitter  */

    div#contentcontainer div.twitter
    {
                                width: 100%;
                                margin: 0 0 1px 0;
    }

/*  Directory  */

    div#contentcontainer div.sidebar div.directory
    {
                                width: 100%;
                                margin: 0 0 1px 0;
    }

/*  Slider  */

    div#contentcontainer div.slider ul h1
    {
                                position: static;
                                padding: 5px 10px;
                                font-size: 18px;
                                text-align: center;
    }

/*--- General page content ---*/

/*  Details  */

    div#contentcontainer div.details div.label p
    {
                                margin: 10px 15px 3px 10px;
    }

    div#contentcontainer div.poll p
    {
                                text-align: center;
    }

    div#contentcontainer div.poll div.percentage p
    {
                                margin: 5px 10px 10px 10px;
                                font-size: 22px;
    }

    div#contentcontainer div.poll img
    {
                                height: 20px;
                                margin-top: 18px;
                                margin-left: auto;
                                margin-right: auto;
    }

/*--- Directory page content ---*/

    div#contentcontainer div.directory div.label p
    {
                                margin: 12px 15px 3px 10px;
    }

    div#contentcontainer div.directory div.label2 p
    {
                                margin: 6px 15px 0 10px;
    }

    div#contentcontainer div.directory div.value2 p
    {
                                margin: 0 20px 6px 10px;
    }

    div#contentcontainer div.directory div.divider
    {
                                margin: 10px 10px 6px 10px;
    }

    div#contentcontainer div.directory div.map
    {
                                margin: 10px 10px 10px 10px;
    }


/*--- Article (blog, case studies etc.) page content ---*/

    div#contentcontainer div.articles p.identity
    {
                                margin: 10px 10px 10px 10px;
                                text-align: left;
    }

    div#contentcontainer div.articles div.divider
    {
                                margin: 10px 10px 6px 10px;
    }

}

/********************************************************************************

    SPECIFIC STYLES FOR MOBILES (LANDSCAPE)

********************************************************************************/

@media only screen and
(max-width: 668px) and
(orientation: landscape)
{

/*---  General styles  ---*/

    a.smallbutton
    {
                                width: 200px;
                                margin-left: 110px;
    }

    a.button
    {
                                width: 400px;
    }

    .width400
    {
                                width: 388px;
    }

    .width350
    {
                                width: 388px;
    }

    .width250
    {
                                width: 388px;
    }

    .width200
    {
                                width: 388px;
    }

    select.width250
    {
                                width: 398px;
    }

}

/********************************************************************************

    SPECIFIC STYLES FOR MOBILES (PORTRAIT)

********************************************************************************/

@media only screen and
(max-width: 668px) and
(orientation: portrait)
{

/*---  General styles  ---*/

    a.smallbutton
    {
                                width: 180px;
                                margin-left: 60px;
    }

    a.button
    {
                                width: 280px;
    }

    .width400
    {
                                width: 268px;
    }

    .width350
    {
                                width: 268px;
    }

    .width250
    {
                                width: 268px;
    }

    .width200
    {
                                width: 268px;
    }

    select.width250
    {
                                width: 278px;
    }

}


/*---  Cookie bar styles - jQuery plugin for EU cookie directive  ---*/

#cookie-bar
{
                                background: #000000;
                                min-height:48px;
                                line-height:24px;
                                color:#eeeeee;
                                text-align:center;
                                padding:3px 0;
}

#cookie-bar.fixed
{
                                position:fixed;
                                top:0;
                                left:0;
                                width:100%;
}

#cookie-bar.fixed.bottom
{
                                bottom:0;
                                top:auto;
}

#cookie-bar p
{
                                margin:0;
                                padding:0;
                                color:#FFFFFF;
}

#cookie-bar a
{
                                font-weight: bold;
                                color: #FFFFFF;
                                display: inline-block;
                                font-size: 1em;
                                line-height: 1.4em;
                                padding: 3px 8px 3px 8px;
                                margin: 0 5px 10px 5px;
                                text-transform: uppercase;
}

#cookie-bar a:hover
{
                                text-decoration: none;
}

#cookie-bar .cb-enable
{
                                background:#007700;
}

#cookie-bar .cb-enable:hover
{
                                background:#005B00;
}

#cookie-bar .cb-disable
{
                                background:#990000;
}

#cookie-bar .cb-disable:hover
{
                                background:#710202;
}

#cookie-bar .cb-policy
{
                                background-color:#FF61A0;
}