/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 7, 2015 */

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-bold-webfont.woff2') format('woff2'), url('fonts/montserrat-bold-webfont.woff') format('woff'), url('fonts/montserrat-bold-webfont.ttf') format('truetype'), url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular-webfont.woff2') format('woff2'), url('fonts/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.woff2') format('woff2'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fonts/open_sansbold_italic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'), url('fonts/opensans-bolditalic-webfont.woff') format('woff'), url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?z5nbvj');
    src: url('fonts/icomoon.eot?#iefixz5nbvj') format('embedded-opentype'), url('fonts/icomoon.ttf?z5nbvj') format('truetype'), url('fonts/icomoon.woff?z5nbvj') format('woff'), url('fonts/icomoon.svg?z5nbvj#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'property_icons';
    src: url('fonts/property-icons/property.eot?rpu3j3');
    src: url('fonts/property-icons/property.eot?rpu3j3#iefix') format('embedded-opentype'), url('fonts/property-icons/property.ttf?rpu3j3j') format('truetype'), url('fonts/property-icons/property.woff?rpu3j3') format('woff'), url('fonts/property-icons/property.svg?rpu3j3#property_icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('fonts/opensans-extrabold-webfont.woff') format('woff'), url('fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'), url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'), url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-italic-webfont.woff2') format('woff2'), url('fonts/opensans-italic-webfont.woff') format('woff'), url('fonts/opensans-italic-webfont.ttf') format('truetype'), url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light-webfont.woff2') format('woff2'), url('fonts/opensans-light-webfont.woff') format('woff'), url('fonts/opensans-light-webfont.ttf') format('truetype'), url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'), url('fonts/opensans-lightitalic-webfont.woff') format('woff'), url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#Open Sans, open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff2') format('woff2'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg#Open Sans Semibold, open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'), url('fonts/opensans-semibolditalic-webfont.woff') format('woff'), url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'), url('fonts/opensans-semibolditalic-webfont.svg#Open Sans Semibold, open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'govggbold';
    src: url('fonts/govgg_bold-webfont.eot');
    src: url('fonts/govgg_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/govgg_bold-webfont.woff2') format('woff2'), url('fonts/govgg_bold-webfont.woff') format('woff'), url('fonts/govgg_bold-webfont.ttf') format('truetype'), url('fonts/govgg_bold-webfont.svg#govggbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'recruit';
    src: url('fonts/recruitment-icons/recruit.eot?xryf8');
    src: url('fonts/recruitment-icons/recruit.eot?xryf8#iefix') format('embedded-opentype'), url('fonts/recruitment-icons/recruit.ttf?xryf8') format('truetype'), url('fonts/recruitment-icons/recruit.woff?xryf8') format('woff'), url('fonts/recruitment-icons/recruit.svg?xryf8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gradbold';
    src: url('fonts/mark_simonson_-_grad_bold-webfont.eot');
    src: url('fonts/mark_simonson_-_grad_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mark_simonson_-_grad_bold-webfont.woff2') format('woff2'), url('fonts/mark_simonson_-_grad_bold-webfont.woff') format('woff'), url('fonts/mark_simonson_-_grad_bold-webfont.ttf') format('truetype'), url('fonts/mark_simonson_-_grad_bold-webfont.svg#gradbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
    src: url('fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alerticons';
    src: url('fonts/alert-icons/alert.eot?j6wfsr');
    src: url('fonts/alert-icons/alert.eot?j6wfsr#iefix') format('embedded-opentype'), url('fonts/alert-icons/alert.ttf?j6wfsr') format('truetype'), url('fonts/alert-icons/alert.woff?j6wfsr') format('woff'), url('fonts/alert-icons/alert.svg?j6wfsr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="alert-"], [class*=" alert-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'alerticons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.alert-Icon-Set-Outlined_Computer:before {
    content: "\e900";
}

.alert-Agreement:before {
    content: "\e901";
}

.alert-Ambulance:before {
    content: "\e902";
}

.alert-Award:before {
    content: "\e903";
}

.alert-Awareness:before {
    content: "\e904";
}

.alert-Basketball:before {
    content: "\e905";
}

.alert-Beach:before {
    content: "\e906";
}

.alert-Bike:before {
    content: "\e907";
}

.alert-Blackboard .path1:before {
    content: "\e908";
    color: rgb(29, 29, 27);
}

.alert-Blackboard .path2:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Blackboard .path3:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Blackboard .path4:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.alert-Blackboard .path5:before {
    content: "\e90c";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.alert-Blackboard .path6:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.alert-Boat:before {
    content: "\e90e";
}

.alert-Bunker:before {
    content: "\e90f";
}

.alert-Business:before {
    content: "\e910";
}

.alert-Cat:before {
    content: "\e911";
}

.alert-Clipboard:before {
    content: "\e912";
}

.alert-Cloud:before {
    content: "\e913";
}

.alert-Coins:before {
    content: "\e914";
}

.alert-Construction:before {
    content: "\e915";
}

.alert-Court:before {
    content: "\e916";
}

.alert-Cow:before {
    content: "\e917";
}

.alert-Crane:before {
    content: "\e918";
}

.alert-Cursor:before {
    content: "\e919";
}

.alert-Disability:before {
    content: "\e91a";
}

.alert-Dog:before {
    content: "\e91b";
}

.alert-Electricity:before {
    content: "\e91c";
}

.alert-Family:before {
    content: "\e91d";
}

.alert-Finance:before {
    content: "\e91e";
}

.alert-Fireexstinguisher:before {
    content: "\e91f";
}

.alert-Football:before {
    content: "\e920";
}

.alert-Fortgrey:before {
    content: "\e921";
}

.alert-Frenchflag:before {
    content: "\e922";
}

.alert-Fuel:before {
    content: "\e923";
}

.alert-Germanflag:before {
    content: "\e924";
}

.alert-Giving:before {
    content: "\e925";
}

.alert-Government:before {
    content: "\e926";
}

.alert-Graduate:before {
    content: "\e927";
}

.alert-Graph .path1:before {
    content: "\e928";
    color: rgb(29, 29, 27);
}

.alert-Graph .path2:before {
    content: "\e929";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path3:before {
    content: "\e92a";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path4:before {
    content: "\e92b";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.alert-Graph .path5:before {
    content: "\e92c";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path6:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.alert-Graph .path7:before {
    content: "\e92e";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path8:before {
    content: "\e92f";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.alert-Graph .path9:before {
    content: "\e930";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path10:before {
    content: "\e931";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.alert-Graph .path11:before {
    content: "\e932";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path12:before {
    content: "\e933";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.alert-Graph .path13:before {
    content: "\e934";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path14:before {
    content: "\e935";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.alert-Graph .path15:before {
    content: "\e936";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path16:before {
    content: "\e937";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.alert-Graph .path17:before {
    content: "\e938";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path18:before {
    content: "\e939";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.alert-Graph .path19:before {
    content: "\e93a";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path20:before {
    content: "\e93b";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path21:before {
    content: "\e93c";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Graph .path22:before {
    content: "\e93d";
    margin-left: -1em;
    color: rgb(29, 29, 27);
}

.alert-Guernseyflag:before {
    content: "\e93e";
}

.alert-Handcuffs:before {
    content: "\e93f";
}

.alert-Healthy:before {
    content: "\e940";
}

.alert-Heart:before {
    content: "\e941";
}

.alert-Hospitalbed:before {
    content: "\e942";
}

.alert-House:before {
    content: "\e943";
}

.alert-Idea:before {
    content: "\e944";
}

.alert-Identity:before {
    content: "\e945";
}

.alert-Information:before {
    content: "\e946";
}

.alert-Injection:before {
    content: "\e947";
}

.alert-Island:before {
    content: "\e948";
}

.alert-Jail:before {
    content: "\e949";
}

.alert-Law:before {
    content: "\e94a";
}

.alert-Leisure:before {
    content: "\e94b";
}

.alert-Medical:before {
    content: "\e94c";
}

.alert-Mobile:before {
    content: "\e94d";
}

.alert-News:before {
    content: "\e94e";
}

.alert-Nosmoking:before {
    content: "\e94f";
}

.alert-Online:before {
    content: "\e950";
}

.alert-Passport:before {
    content: "\e951";
}

.alert-Phone:before {
    content: "\e952";
}

.alert-Piggybank:before {
    content: "\e953";
}

.alert-Pills:before {
    content: "\e954";
}

.alert-Plane:before {
    content: "\e955";
}

.alert-Policecar:before {
    content: "\e956";
}

.alert-Policevest:before {
    content: "\e957";
}

.alert-Portugueseflag:before {
    content: "\e958";
}

.alert-Publication:before {
    content: "\e959";
}

.alert-Recycling:before {
    content: "\e95a";
}

.alert-Roads:before {
    content: "\e95b";
}

.alert-Russiandoll:before {
    content: "\e95c";
}

.alert-Safety:before {
    content: "\e95d";
}

.alert-School:before {
    content: "\e95e";
}

.alert-Shoppingbags:before {
    content: "\e95f";
}

.alert-Speech:before {
    content: "\e960";
}

.alert-Tools:before {
    content: "\e961";
    color: #000;
}

.alert-Trafficlights:before {
    content: "\e962";
}

.alert-Trees:before {
    content: "\e963";
}

.alert-Waste:before {
    content: "\e964";
}

.alert-Water:before {
    content: "\e965";
}

.alert-Wave:before {
    content: "\e966";
}

.alert-Weather:before {
    content: "\e967";
}

.alert-Crest:before {
    content: "\e969";
}

.alert-Email:before {
    content: "\e96a";
}

.alert-Facebook:before {
    content: "\e96b";
}

.alert-Hamburger:before {
    content: "\e96c";
}

.alert-Close:before {
    content: "\e968";
}

.alert-Linkedin:before {
    content: "\e96d";
}

.alert-Quicklinkrecycle:before {
    content: "\e96e";
}

.alert-Quicklinktranslate:before {
    content: "\e96f";
}

.alert-Quiclinkweather:before {
    content: "\e970";
}

.alert-Search:before {
    content: "\e971";
}

.alert-Signin .path1:before {
    content: "\e972";
    color: rgb(255, 255, 255);
}

.alert-Signin .path2:before {
    content: "\e973";
    margin-left: -1em;
    color: rgb(198, 198, 197);
}

.alert-Subscribe:before {
    content: "\e974";
}

.alert-Twitter:before {
    content: "\e975";
}

.alert-Twitterfeed:before {
    content: "\e976";
}

.alert-Unsubscribe:before {
    content: "\e977";
}

.alert-Youtube:before {
    content: "\e978";
}

[class^="icon-"], [class*=" icon-"], .gallery.audio:hover:before, .galleryiframe.video:hover:before, .gallery.image:hover:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-boat:before {
    content: "\e600";
}

.icon-guernsey-box:before {
    content: "\e601";
}

.icon-plane:before {
    content: "\e602";
}

.icon-recycle:before {
    content: "\e603";
}

.icon-weather:before {
    content: "\e604";
}

.icon-mag-search:before {
    content: "\e605";
}

.icon-fb:before {
    content: "\e60a";
}

.icon-tw:before {
    content: "\e609";
}

.icon-yt:before {
    content: "\e608";
}

.icon-pint:before {
    content: "\e607";
}

.icon-lin:before {
    content: "\e606";
}

.icon-house:before {
    content: "\e60b";
}

.icon-pdf:before {
    content: "\e909";
}

.icon-clipboard85:before {
    content: "\e800";
}

.icon-email5:before {
    content: "\e801";
}

.icon-facebook29:before {
    content: "\e802";
}

.icon-twitter47:before {
    content: "\e803";
}

.icon-sack31:before {
    content: "\e90b";
}

.icon-NewsIcon:before {
    content: "\e908";
}

.icon-DownloadIcon:before {
    content: "\e909";
}

.icon-GoogleTranslate:before {
    content: "\e90a";
}

.icon-apple:before {
    content: "\e90c";
}

.icon-book:before {
    content: "\e90d";
}

.icon-bulb:before {
    content: "\e90e";
}

.icon-calculator:before {
    content: "\e90f";
}

.icon-healthy:before {
    content: "\e910";
}

.icon-person:before {
    content: "\e911";
}

.icon-phone:before {
    content: "\e912";
}

.icon-puzzle:before {
    content: "\e913";
}

.icon-shield:before {
    content: "\e914";
}

.icon-sound:before {
    content: "\e915";
}

.icon-tool:before {
    content: "\e916";
}

.icon-icon-arrow-down-b:before {
    content: "\e906";
}

.icon-icon-arrow-up-b:before {
    content: "\e907";
}

.icon-lions:before {
    content: "\e902";
}

.icon-instagram:before {
    content: "\e900";
}

.icon-wave:before {
    content: "\e901";
}

span.icon-sack31 {
    font-size: 4.2em;
    color: rgb(0, 139, 200);
    float: left;
    margin-right: 20px;
    text-shadow: 0 0 1px #fff;
}

.icon-photo:before {
    content: "\e917";
}

.icon-play:before {
    content: "\e918";
}

.icon-sound2:before {
    content: "\e919";
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

body {
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 12px;
    background: #FAFAFA;
    overflow-x: hidden;
}

header {
    width: 100%;
    background: #357C57;
}

    header #innerHeader {
        width: 100%;
        max-width: 1170px;
        display: block;
        margin: 0 auto;
        position: relative;
        padding: 25px 0px;
        height: 105px;
        box-sizing: border-box;
    }

    header a#logo {
        font-family: govggbold;
        color: #fff;
        font-size: 4.5em;
        display: inline-block;
        vertical-align: middle;
        transition: all .5s;
        letter-spacing: -3px;
    }

        header a#logo:hover {
            color: #B6B5B5;
        }

        header a#logo img {
            margin-right: 10px;
        }

    header p#logoText {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        font-weight: normal;
        font-size: 1.2em;
        max-width: 180px;
        font-family: open_sansregular;
        margin-left: 20px;
    }

    header div#iconContainer {
        position: absolute;
        top: 35px;
        right: 480px;
    }

    header div#toplevelsearch {
        position: absolute;
        right: 60px;
        top: 34px;
        width: 400px;
    }

    header #iconContainer span {
        font-size: 3.2em;
        color: #fff;
        cursor: pointer;
        padding: 20px 6px;
        transition: all .3s;
        position: relative;
    }

        header #iconContainer span:hover {
            color: #357C57;
        }

        header #iconContainer span span {
            color: #fff;
            position: absolute;
            font-size: 0.3em;
            left: 0px;
            bottom: -4px;
            text-transform: uppercase;
            display: none;
            font-family: Open Sans Semibold, open_sanssemibold;
        }

            header #iconContainer span span:hover {
                color: #fff;
            }

    header #iconContainer > span:hover {
        color: #B6B5B5;
    }

    header #iconContainer > span.selected {
        background-color: #595959;
        color: #fff;
        padding-bottom: 32px;
    }

    header #iconContainer span.selected span, header #iconContainer > span:hover span {
        display: block;
    }

    header #iconContainer span.alert-Hamburger:hover, header #iconContainer span.alert-Close {
        background: #3C3C3B;
        padding-bottom: 32px;
        color: #fff;
    }

    header #feedContainer {
        background: #595959;
        padding: 50px 40px;
        display: none;
        position: absolute;
        top: 104px;
        right: 50%;
        margin-right: -333px;
        z-index: 10000;
        width: 585px;
        color: #fff;
        font-family: open_sansbold;
        font-size: 3em;
    }

.goog-te-menu-value * {
    color: #fff;
}

header .goog-te-menu-value {
    margin: 0;
}

    header .goog-te-menu-value::after {
        content: 'Translate';
        color: #fff;
        font-family: open_sansbold;
        font-size: 1.8em;
        transition: all .3s;
    }

    header .goog-te-menu-value:hover::after, #signIn:hover {
        color: #ccc;
    }

header #left {
    float: left;
    width: 160px;
min-height:240px;
}

    header #left img {
        width: 100%;
    }

header #Right {
    float: right;
}

#feedContainer > div {
    display: none;
}

#recycleFeedContainer h4 {
    color: #fff;
    font-size: 1.2em;
    text-transform: none;
    padding: 10px 0;
}

#recycleFeedContainer p {
    font-size: 0.6em;
    margin: 10px 0;
    display: inline-block;
    max-width: 400px;
}

#recycleFeedContainer.blue span.icon-sack31 {
    color: #018bc9;
    margin-bottom: 30px;
}

#recycleFeedContainer.clear span.icon-sack31 {
    color: #fff;
    margin-bottom: 30px;
}

.recycleParishInfo {
    padding: 20px 0 20px 0;
}

    .recycleParishInfo > h5 {
        display: block;
        clear: both;
        color: #fff;
        font-size: 1.2rem;
        margin: 0 0 15px 0;
    }

    .recycleParishInfo > div {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }

        .recycleParishInfo > div > span {
            font-family: open_sansregular;
            font-size: 1rem;
        }

        .recycleParishInfo > div > img {
            margin: 0 0 0 10px;
            width: 35px;
            display: inline-block;
            vertical-align: middle;
        }

/*St Peter Port & St Sampson, hide clear bag and glass bag when blue*/
#recycleFeedContainer.blue .clearBagContainer.stpp, #recycleFeedContainer.blue .glassBagContainer.stpp {
    display: none;
}
/*St Peter Port & St Sampson, hide blue bag and black bag when clear*/
#recycleFeedContainer.clear .blueBagContainer.stpp, #recycleFeedContainer.clear .blackBagContainer.stpp {
    display: none;
}
/*Other Parishes, hide clear bag and black bag when blue*/
#recycleFeedContainer.blue .clearBagContainer.other, #recycleFeedContainer.blue .blackBagContainer.other {
    display: none;
}
/*Other Parishes, hide blue bag and glass bag when clear*/
#recycleFeedContainer.clear .blueBagContainer.other, #recycleFeedContainer.clear .glassBagContainer.other {
    display: none;
}

#airportFeedContainer {
    font-size: 0.5em;
}

    #airportFeedContainer table#airarrivals {
        display: block;
    }

    #airportFeedContainer > span {
        position: absolute;
        width: 50%;
        top: 0;
        text-align: center;
        padding: 15px 0;
        background: #666;
        cursor: pointer;
    }

        #airportFeedContainer > span#arr {
            left: 0;
        }

        #airportFeedContainer > span#dep {
            left: 50%;
        }

        #airportFeedContainer > span.selected {
            background: #595959;
        }

    #airportFeedContainer table {
        table-layout: auto;
        width: 100%;
        max-height: 350px;
        display: block;
    }

        #airportFeedContainer table td {
            font-family: Open Sans, open_sansregular;
            font-size: 0.9em;
            padding-bottom: 5px;
            vertical-align: middle;
            padding-top: 5px;
            padding: 5px 20px 5px 0;
            line-height: 1.2em;
        }

            #airportFeedContainer table td.headingTabs {
                padding: 10px 0 10px 0;
                font-weight: bold;
            }

        #airportFeedContainer table span.airline {
            background: transparent url(../images/airlines.png) no-repeat;
            display: block;
            width: 83px;
            height: 24px;
            overflow: hidden;
            text-indent: -9999em;
            text-align: left;
        }

        #airportFeedContainer table span.vlm {
            background-position: 0px -79px;
        }

        #airportFeedContainer table span.intersky {
            background-position: 0px -105px;
        }

        #airportFeedContainer table span.air-berlin {
            background-position: 0px -157px;
        }

        #airportFeedContainer table span.cityjet {
            background-position: 0px -131px;
        }

        #airportFeedContainer table span.flybe {
            background-position: 0px -53px;
        }

        #airportFeedContainer table span.blue-islands {
            background-position: 0px -27px;
        }

        #airportFeedContainer table span.aurigny {
            background-position: 0px -1px;
        }

        #airportFeedContainer table span.mail {
            background-position: 0px -183px;
        }

        #airportFeedContainer table span.number, #airportFeedContainer table span.location {
            display: block;
        }

div#newsFeedContainer h4 {
    color: #fff;
    font-size: 1em;
    text-transform: none;
    padding: 0px 0 10px 0;
}

div#newsFeedContainer h5 {
    color: #fff;
    font-size: 0.6em;
    font-family: open_sanssemibold;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

div#newsFeedContainer span.newsDate {
    font-size: 0.4em;
    font-family: open_sansregular;
    /* font-style: italic; */
    display: block;
    padding: 15px 0;
}

div#newsFeedContainer p {
    font-size: 0.5em;
    line-height: 1.2em;
    font-family: open_sansregular;
}

div#newsFeedContainer a {
    color: #fff;
    font-size: 0.6em;
    display: block;
    padding: 15px 0;
}

ul.translation-links {
    text-align: center;
}

    ul.translation-links li {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
    }

    ul.translation-links img {
        box-shadow: 0 0 5px #ccc;
    }

header div#weatherContainer {
    position: relative;
}

.alert-Quiclinkweather > span {
    padding: 1px;
    margin: 15px 10px;
    display: none !important;
}

div#weatherContainer span {
    display: block;
    font-family: open_sansregular;
    line-height: 1.3em;
}

header div#weatherContainer span span {
    text-transform: uppercase;
}

header #weatherContainer img {
    width: 100%;
    margin-bottom: 25px;
}

span#weatherSummary {
    width: 160px;
    font-size: 0.43em;
}

div#weatherContainer span#highTemp {
    position: absolute;
    font-size: 2em;
    left: 200px;
    top: 25px;
    font-family: open_sansbold;
}

span#highTemp span, span#lowTemp span {
    font-size: 0.2em;
    margin-bottom: -15px;
    font-family: open_sansbold;
}

div#weatherContainer span#lowTemp {
    position: absolute;
    font-size: 2em;
    left: 200px;
    top: 150px;
    font-family: open_sansbold;
}

span#Visibility, span#openSeas, span#wind, span#tides {
    font-size: 0.4em;
    width: 180px;
    margin-bottom: 25px;
}

    span#Visibility span, span#openSeas span, span#wind span {
        font-family: open_sansbold;
    }

span#tides {
    margin-bottom: 0;
}

#translateFeedContainer {
    text-align: center;
}

    #translateFeedContainer ul.translation-links li {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }

        #translateFeedContainer ul.translation-links li img {
            box-shadow: 0 0 3px #ccc;
        }

div#harboursFeedContainer {
    font-size: 0.45em;
    line-height: 1.2em;
    font-family: Open Sans, open_sansregular;
}

    div#harboursFeedContainer a, span#tides a, div#recycleFeedContainer a, div#weatherContainer a, div#airportFeedContainer a, div#newsFeedContainer a.newsAll {
        color: #fff;
        padding: 10px;
        border-radius: 10px;
        display: block;
        border: 1px solid #fff;
        text-align: center;
        margin-top: 25px;
        font-family: open_sansregular;
        font-size: 1.2em;
        transition: all 0.5s;
    }

        div#harboursFeedContainer a:hover, span#tides a:hover, div#recycleFeedContainer a:hover, div#weatherContainer a:hover, div#airportFeedContainer a:hover, #newsFeedContainer a.newsAll:hover {
            background: #fff;
            color: #595959;
        }

div#newsFeedContainer a.newsAll {
    font-size: 0.7em;
}

div#weatherContainer a {
    font-size: 0.6em;
}

span#tides a {
    margin: 0;
}

.FeedTable {
    width: 100%;
}

    .FeedTable font {
        font-family: Open Sans, open_sansregular;
    }

div#harboursFeedContainer h4:first-of-type {
    margin-top: 0px;
}

div#harboursFeedContainer h4, div#airportFeedContainer h4 {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #fff;
    font-family: Open Sans, open_sansregular;
}

td.headingTabs {
    padding: 10px 0 10px 0;
}

div#harboursFeedContainer br, div#airportFeedContainer br {
    display: none;
}

#signIn {
    color: #fff;
    font-family: open_sansbold;
    font-size: 1.5em;
    transition: all .3s;
    display: block;
    margin-top: 9px;
    width: 65px;
    text-align: right;
    line-height: 1.4em;
}

    #signIn:hover {
        color: #fff;
    }

#rightContainer {
    position: absolute;
    top: 33px;
    right: 0px;
    text-align: left;
}

.goog-te-gadget img {
    display: none;
}

#google_translate_element .goog-te-gadget-simple {
    border: 0;
    color: #fff;
    margin-top: 25px;
    background: none;
}

    #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
        display: none;
    }

#searchContainer {
    width: 100%;
    background: #FAFAFA;
}

    #searchContainer #toplevelsearch {
        width: 100%;
        padding: 30px 0;
        max-width: 1170px;
        margin: 0 auto;
        position: relative;
    }

@media(min-width:1000px) {
    header div#toplevelsearch {
        display: block !important;
    }
}

#searchContainer #toplevelsearch span.icon-mag-search {
    position: absolute;
    color: #595959;
    font-size: 2.4em;
    left: 58px;
    top: 40px;
}

header #toplevelsearch span.icon-mag-search {
    position: absolute;
    color: #595959;
    font-size: 2em;
    left: 10px;
    top: 10px;
    width: 30px;
}

header .icon-mag-search.open {
    text-shadow: 0 0 10px #fff;
}

header input#q {
    max-width: 280px;
    padding: 7px 7px 7px 45px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    box-shadow: none;
    font-size: 1.6em;
}

header input#blockButton {
    position: relative;
    top: auto;
    right: auto;
    font-size: 1.5em;
    display: inline-block;
    width: 105px;
    background: #B6B5B5;
    padding: 5px 20px;
}

input#q {
    width: 100%;
    max-width: 970px;
    border: 0;
    color: #999999;
    font-family: open_sansregular;
    padding: 10px 55px;
    font-size: 2em;
    display: block;
    margin: 0 auto;
    box-shadow: 0 0 25px #cccccc;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}

input:-ms-input-placeholder {
    color: #ccc;
}

input#blockButton, input.blockButton {
    width: 15%;
    border: 0px;
    background: #999999;
    color: #fff;
    position: absolute;
    top: 30px;
    right: 44px;
    padding: 11px 0;
    line-height: 30px;
    cursor: pointer;
    font-family: open_sansbold;
    border: 0;
    font-size: 2em;
}

    input#blockButton:hover {
        background: #333;
        color: #999;
    }

header .icon-mag-search, nav .icon-mag-search {
    position: absolute;
    left: 63px;
    font-size: 2em;
    top: 43px;
    color: #595959;
    cursor: pointer;
}

nav .icon-mag-search {
    padding: 0px 0;
    top: 0;
    border: 0;
}

    nav .icon-mag-search.open {
        text-shadow: 0 0 15px #fff;
    }

#navlevelsearch {
    position: relative;
    color: #fff;
}

    #navlevelsearch input#q {
        color: #fff;
        background: none;
        padding: 3px 0 3px 55px;
        border: 2px solid #fff;
        font-size: 0.7em;
        border-radius: 10px 0 0 10px;
        margin: 10px 0 10px 10px;
        height: 21px;
        width: 130px;
        line-height: 1.2em;
        box-shadow: none;
    }

    #navlevelsearch input::-webkit-input-placeholder {
        color: #ffffff;
    }

    #navlevelsearch input:-moz-placeholder { /* Firefox 18- */
        color: #ffffff;
    }

    #navlevelsearch input::-moz-placeholder { /* Firefox 19+ */
        color: #ffffff;
    }

    #navlevelsearch input:-ms-input-placeholder {
        color: #ffffff;
    }

    #navlevelsearch .icon-mag-search {
        color: #fff;
        font-size: 0.7em;
        position: absolute;
        top: 16px;
        left: 25px;
    }

    #navlevelsearch input#blockButton, input.blockButton {
        color: #595959;
        background: #fff;
        font-size: 0.7em;
        font-family: open_sansregular;
        width: 81px;
        height: 31px;
        position: absolute;
        right: 14px;
        line-height: 0.7em;
        top: 10px;
        border-radius: 0 10px 10px 0;
        border: 0;
    }

#MobileButton, #mMobileButton {
    position: absolute;
    top: -1px;
    color: #fff;
    right: -125px;
    padding: 0px 10px;
    font-size: 2.5em;
    font-family: Times New Roman, Arial, Sans-serif;
    transition: all .5s;
}

    #MobileButton:hover, #mMobileButton {
        background: #fff;
        color: #357C57;
        cursor: pointer;
    }

        #MobileButton.NavigationToggleOpen, #mMobileButton.NavigationToggleOpen {
            color: #fff;
            background: #333
        }

#mobileMag {
    display: none;
}

/*HAM*/

* {
    margin: 0;
    padding: 0;
}

.alert-Search, .alert-Hamburger {
    display: none;
}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 50px;
    height: 45px;
    position: absolute;
    margin: 35px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    top: 0;
    right: 3%;
}

div#nav-icon4 {
    margin: 0px 0;
    top: -1px;
    padding: 0;
    height: 53px;
    right: -60px;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #fff;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin-left: 0;
}

#nav-icon3.open span, #nav-icon4.open span {
    box-shadow: 0 0 10px #fff;
}
/* Icon 3 */

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon4 span:nth-child(1) {
    top: 10px;
}

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 18px;
}

#nav-icon4 span:nth-child(2), #nav-icon4 span:nth-child(3) {
    top: 24px;
}

#nav-icon3 span:nth-child(4) {
    top: 36px;
}

#nav-icon4 span:nth-child(4) {
    top: 39px;
}

#nav-icon3.open span:nth-child(1), #nav-icon4.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2), #nav-icon4.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3), #nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4), #nav-icon4.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

div#nav-icon4.open {
    background-color: #333;
}

/*HAM END*/

nav {
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#357c57+0,357c57+50,296746+51,296746+100 */
    background: #EDECEC;
    position: relative;
}

    nav h3 {
        color: #fff;
        padding: 50px 0;
        font-size: 1.6em;
    }

    nav ul {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
    }

        nav ul li {
            display: inline-block;
            vertical-align: top;
            width: 16.66%;
            text-align: center;
            font-size: 1.8em;
        }

@media(min-width:1000px) {
    /*nav ul li:hover .childrenContainer {
                    visibility: visible;
                    opacity: 1;
                }

                nav > ul > li:hover > a, nav > ul > li:hover > span {
                    background: #3C3C3B;
                    color: #fff;
                }*/

    nav > ul > li:hover > a {
        background: #3C3C3B;
        color: #fff;
    }

    nav > ul > li > span {
        cursor: pointer;
    }

        nav > ul > li > span.open {
            background: #3C3C3B;
            color: #fff;
        }
}

nav ul li a, nav ul li > span, nav ul#sideMenu li span {
    color: #000;
    font-family: open_sanssemibold;
    width: 100%;
    display: block;
    padding: 15px 0;
    border-right: 1px solid #fff;
    transition: all .5s;
}

nav ul li ul li a {
    height: 50px;
}

    nav ul li ul li a:hover {
        background: #fff;
    }

    nav ul li ul li a span {
        position: relative;
        top: 50%;
        -webkit-transform: scale(1);
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        display: block;
        padding: 0 20px;
        font-size: 0.8em;
        line-height: 1.2em;
    }

nav > ul > li:first-child > a, nav > ul > li:first-child > span {
    border-left: 1px solid #fff;
}

nav ul li span i.fa {
    font-size: 0.7em;
    margin-top: 0px;
    height: 18px;
    margin-left: 8px;
    display: inline-block;
    line-height: em;
    position: relative;
    vertical-align: middle;
}

nav ul#sideMenu {
    position: absolute;
    right: -355px;
    top: 53px;
    width: 350px;
    background: #333;
    border: 2px solid #333;
    transition: all 1s;
    z-index: 10000;
}

    nav ul#sideMenu li {
        display: block;
        width: 100%;
        border: 0;
        text-align: left;
    }

        nav ul#sideMenu li a, nav ul#sideMenu li span {
            border: 0;
            font-size: 0.8em;
            padding: 15px 30px;
            color: #fff;
            width: auto;
            font-family: open_sansregular;
        }

            nav ul#sideMenu li a:hover {
                color: #357C57;
            }

        nav ul#sideMenu li.sepTitle a, nav ul#sideMenu li.sepTitle span {
            font-family: open_sanssemibold;
            font-size: 1em;
            text-decoration: underline;
        }

nav ul li ul {
    max-width: 1170px;
    margin: 0 auto;
    text-align: left;
}

    nav ul li ul li {
        display: inline-block;
        margin-left: 1%;
        width: 24.23%;
        margin-bottom: 15px;
    }

        nav ul li ul li:first-child, nav ul li ul li:nth-child(4n + 1) {
            margin-left: 0;
        }

nav .childrenContainer {
    width: 100%;
    display: none;
    background: #3C3C3B;
    position: absolute;
    top: 51px;
    left: 0;
    z-index: 20;
    padding: 0 0 50px 0;
}

    nav .childrenContainer ul a {
        color: #fff;
        border: 0;
        background: #454444;
        font-family: open_sansregular;
        font-size: 0.6em;
    }

    nav .childrenContainer a:hover {
        color: #454444;
    }

    nav .childrenContainer ul li:first-child a {
        border: 0;
    }

    nav .childrenContainer h3 a {
        color: #fff;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        border: 0;
    }

#mobileHeader {
    display: none;
}

#imgContainer {
    width: 100%;
    margin-bottom: 45px;
    white-space: nowrap;
    overflow: hidden;
    max-height: 400px;
}

    #imgContainer img {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

.slideTextOverlay {
    position: absolute;
    left: 0;
    width: 80%;
    height: 80%;
    padding: 10%;
    display: block;
    background-color: rgba(52, 68, 78, 0.34);
    white-space: normal;
}

    .slideTextOverlay h4 {
        color: #fff;
        font-family: open_sansbold;
        text-transform: uppercase;
        font-size: 1.2em;
        text-shadow: 0 0 3px #000;
        padding: 10px 10px 0 10px;
    }

    .slideTextOverlay p {
        color: #fff;
        font-family: open_sansbold;
        font-size: 2.2em;
        text-shadow: 0 0 3px #000;
        line-height: 1.2em;
        padding: 0 10px 10px 10px;
    }

    .slideTextOverlay h4, .slideTextOverlay p {
        background: rgba(000,000,000,0.2);
        display: block;
        zoom: 1;
        /*filter:progid:DXImageTransform.Microsoft.Chroma(Color=#999999);
        filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=0, Color=#999999);
        filter:progid:DXImageTransform.Microsoft.Glow(Strength=2, Color=#666666);*/
    }

    .slideTextOverlay:hover {
        background-color: rgba(255, 255, 255, 0.1);
        cursor: pointer;
    }

#Breadcrumb {
    margin-top: 50px;
}

    #Breadcrumb li {
        display: inline;
        line-height: 1.8em;
    }

    #Breadcrumb a, #Breadcrumb span {
        color: #333;
        font-family: open_sanssemibold;
        font-size: 1.3em;
    }

        #Breadcrumb a:hover, #Breadcrumb li.first a span:hover {
            color: #357C57;
        }

    #Breadcrumb li.first a span {
        color: #333;
        font-size: 1.7em;
        font-family: 'icomoon';
    }

    #Breadcrumb span.triangleSep {
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 12px solid #AED4C0;
        display: inline-block;
        margin: 0 20px;
    }

#downloadContainerMobile, #mshareContainer {
    display: none;
}

#CenterContainer {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding-bottom: 50px;
}

#CenterContainer template
{
	display:block;
}

    #CenterContainer h1 {
        color: #333;
        font-family: open_sanssemibold;
        text-align: left;
        font-size: 2.8em;
        line-height: 1.3em;
        margin: 60px 0 80px 0;
        font-weight: normal;
    }

    #CenterContainer h2 {
        color: #3C3C3B;
        font-family: open_sansbold;
        text-align: center;
        font-size: 2.7em;
        margin: 0 0 45px 0;
        font-weight: normal;
    }

    #CenterContainer p, #CenterContainer blockquote > ul > li > ul > li, #CenterContainer ol, #CenterContainer > #content > ul {
        color: #333;
        font-family: Open Sans, open_sansregular;
        font-size: 1.5em;
        margin-bottom: 35px;
        font-style: normal;
        line-height: 1.4em;
    }

        #CenterContainer > #content > ul, #CenterContainer blockquote > ul > li > ul > li ul {
            list-style: disc;
        }
	#CenterContainer > #content > ul li ul
            {
                list-style:circle;
            }

            #CenterContainer > #content > ul li {
                margin-left: 30px;
                line-height: 1.6em;
            }

    #CenterContainer ol {
        list-style: decimal;
    }

        #CenterContainer ol li {
            list-style-type: none;
            counter-increment: list;
            position: relative;
            margin-left: 50px;
            margin-bottom: 30px;
        }

            #CenterContainer ol li:before {
                content: counter(list) ".";
                position: absolute;
                left: -2.5em;
                width: 2em;
                text-align: right;
                color: #357C57;
                font-weight: bold;
            }

    #CenterContainer p#aIntro {
        color: #333;
        font-family: Open Sans Semibold, open_sanssemibold;
        font-size: 1.8em;
    }

    #CenterContainer hr {
        border-top: 1px solid #333;
        margin: 15px 0 55px 0;
    }

    #CenterContainer table {
        width: 100%;
        table-layout: auto;
    }

        #CenterContainer table tr td, #CenterContainer table tr th {
            font-family: Open Sans, open_sansregular;
            font-size: 1.7em;
            color: #333;
            padding-top: 15px;
            padding-bottom: 15px;
            font-weight: normal;
            text-align: left;
        }

        #CenterContainer table tr {
            border-bottom: 1px solid #333;
        }

            #CenterContainer table tr td p {
                font-size: 1em;
            }

    #CenterContainer .consImage {
        width: 100%;
        margin-bottom: 70px;
    }

    #CenterContainer p#aSummary {
        font-family: Open Sans Semibold, open_sanssemibold;
        font-size: 2.2em;
        line-height: 1.4em;
        max-width: 800px;
    }

    #CenterContainer blockquote > ul > li {
        padding-bottom: 40px;
    }

        #CenterContainer blockquote > ul > li > ul {
            display: none;
        }

            #CenterContainer blockquote > ul > li > ul > li:first-child {
                padding-top: 40px;
            }

        #CenterContainer blockquote > ul > li > h3 {
            padding-left: 45px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            #CenterContainer blockquote > ul > li > h3:hover {
                cursor: pointer;
                color: #357C57;
            }

                #CenterContainer blockquote > ul > li > h3:hover::before, #CenterContainer ul#uPages li a:hover::before, #CenterContainer ul#uLinks li a:hover::before {
                    border-left: 18px solid #357C57;
                }

            #CenterContainer blockquote > ul > li > h3:before, #CenterContainer ul#uPages li a:before, #CenterContainer ul#uLinks li a:before {
                width: 0;
                height: 0;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-left: 18px solid #595959;
                display: inline-block;
                margin: 0 25px 0 0;
                content: "";
                position: absolute;
                left: 0;
                top: 3px;
            }

            #CenterContainer blockquote > ul > li > h3.open {
                color: #357C57;
            }

                #CenterContainer blockquote > ul > li > h3.open::before {
                    border-top: 20px solid #357C57;
                    border-bottom: 0;
                    border-left: 13px solid transparent;
                    border-right: 13px solid transparent;
                }

        #CenterContainer blockquote > ul > li > ul > li > ul {
            list-style: disc;
        }

            #CenterContainer blockquote > ul > li > ul > li > ul > li {
                margin-left: 30px;
            }

        #CenterContainer blockquote > ul > li > ul > li table td {
            font-size: 1em;
        }

    #CenterContainer ul#uPages li, #CenterContainer ul#uLinks li {
        display: inline-block;
        vertical-align: top;
        width: 365px;
        margin-right: 50px;
        margin-bottom: 40px;
    }

        #CenterContainer ul#uPages li a, #CenterContainer ul#uLinks li a {
            text-decoration: underline;
            padding-left: 40px;
            color: #595959;
            font-family: Open Sans, open_sansregular;
            font-size: 1.6em;
            position: relative;
            display: inline-block;
            line-height: 1.2em;
        }

            #CenterContainer ul#uPages li a:hover, #CenterContainer ul#uLinks li a:hover {
                color: #357C57;
            }

    #CenterContainer h3#uHeading, #CenterContainer h3#ulHeading {
        margin-bottom: 30px;
        margin-top: 20px;
        font-size: 1.6em;
        clear: both;
    }

/*Media Gallery Styles start*/
#mediaGalleryList li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 24px;
}

    #mediaGalleryList li a {
        display: block;
        position: relative;
    }

        #mediaGalleryList li a img {
            display: block;
            width: 100%;
        }

.gallery.audio:hover:before, .galleryiframe.video:hover:before, .gallery.image:hover:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\e919";
    background: rgba(53, 124, 87, 0.7);
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 10em;
    box-sizing: border-box;
    padding: 29px 0px;
}

.gallery.image:hover:before {
    content: "\e917";
}

.galleryiframe.video:hover:before {
    content: "\e918";
}

/*Media Gallery Styles end*/

/*Deputies styles start*/
.candImg > span, #profileImg > span {
    display: block;
    width: 100%;
    padding: 15px 0;
    font-size: 1.2em;
    background: rgba(53, 124, 87, 0.5);
    color: #fff;
    font-family: open_sansregular;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}

.candImg:hover > span {
    background: rgba(53, 124, 87, 0.9)
}

.candImg, #profileImg {
    display: inline-block;
    vertical-align: top;
    height: 213px;
    position: relative;
    cursor: pointer;
    text-align: center;
}
/*Deputies styles end*/

ul#subNavigation {
    max-width: 800px;
    position: relative;
}

#subNavigation > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 80px;
    width: 48%;
    margin-bottom: 15px;
    top: 0;
}

    #subNavigation > li:nth-child(3n) {
        margin-right: 0;
    }

    #subNavigation > li > a, #subNavigation > li > span {
        color: #000;
        background: #f0f0f0;
        font-family: open_sanssemibold;
        text-transform: none;
        font-size: 2.1em;
        position: relative;
        display: block;
        padding: 15px;
        padding-right: 35px;
        line-height: 1.2em;
        cursor: pointer;
    }

    #subNavigation > li.selected > span {
        background: #357C57;
        color: #fff;
    }

    #subNavigation > li.selected > ul {
        display: block;
    }

    #subNavigation > li > span i.fa.fa-chevron-right, #subNavigation > li > span i.fa.fa-chevron-down {
        font-size: 0.7em;
        font-weight: normal;
        /* margin-left: 20px; */
        position: absolute;
        right: 15px;
        top: 50%;
        height: 16px;
        margin-top: -6px;
    }

    #subNavigation > li > ul {
        /* padding-top: 30px; */
        position: absolute;
        right: 0;
        top: 0;
        width: calc(50% - 20px);
        display: none;
        overflow: hidden;
    }

#subNavigation li ul li {
    display: block;
    margin-bottom: 25px;
}

    #subNavigation li ul li > a {
        color: #333;
        font-family: open_sansregular;
        font-size: 1.8em;
        line-height: 1.4em;
        text-decoration: underline;
    }

        #subNavigation li ul li > a:hover {
            color: #357C57;
        }

div#downloadContainer {
    width: 250px;
}

div#downloadContainer, #shareContainer, #mshareContainer {
    margin-bottom: 60px;
}

    #downloadContainer h4, #downloadContainerMobile h4, #shareContainer h4, #mshareContainer h4 {
        color: #333;
        font-size: 2.2em;
        font-family: open_sansbold;
        margin-bottom: 30px;
    }

#downloadContainer a.fiLink, #downloadContainerMobile a.fiLink {
    color: #357C57;
    font-size: 2.2em;
    font-family: Open Sans, open_sansregular;
    margin-bottom: 30px;
    display: block;
}

#downloadContainer a span.icon-pdf, #downloadContainerMobile a span.icon-pdf {
    font-family: 'icomoon';
    font-size: 1.8em;
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
}

#downloadContainer a span.fiTitle, #downloadContainerMobile a span.fiTitle {
    display: inline-block;
    vertical-align: top;
    font-size: 0.7em;
    font-family: Open Sans Semibold, open_sanssemibold;
    text-transform: capitalize;
    line-height: 1.2em;
    /* overflow: hidden; */
    max-width: 190px;
}

#downloadContainer a.fiLink:hover, #downloadContainerMobile a.fiLink:hover {
    color: #333;
}

#shareContainer a, #mshareContainer a {
    color: #357C57;
    font-size: 3em;
    line-height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    cursor: pointer;
    transition: 0.2s all;
}

    #shareContainer a.icon-email5, #mshareContainer a.icon-email5 {
        font-size: 3.8em;
    }

    #shareContainer a:hover, #mshareContainer a:hover {
        color: #fff;
        text-shadow: 0px 0px 8px #357C57, 0 0 0 #357C57, 0px 0px 44px #357C57;
    }

#content a {
    color: #357C57;
    text-decoration: underline;
}

#CenterContainer #content ul.buttonlist {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#content .buttonlist li a {
    background: #357c57;
    color: #fff;
    padding: 20px;
    display: block;
    text-decoration: none;
    height: 100%;
    width: 100%;
    /* display: table-cell; */
    /* vertical-align: middle; */
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #357c57;
    border-radius: 3px;
    -ms-flex: 1 1 auto;
    line-height: 1.3em;
}

    #content .buttonlist li a:hover {
        background: #fff;
        color: #357C57;
    }

#CenterContainer #content ul.buttonlist li {
    list-style: none;
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    padding-right: 0px;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    height: 100px;
    box-sizing: border-box;
    padding-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    /* display: flex; */
    /* flex: 1; */
    /* align-items: center; */
}

div.contactDetailsContainer {
    width: 100%;
    background: #eeeeee;
    padding: 40px 0;
    margin: 0 auto;
    text-align: center;
    clear: both;
}

    div.contactDetailsContainer .contactDetailSection {
        display: inline-block;
        vertical-align: top;
        width: 300px;
        padding-right: 12px;
        text-align: left;
    }

        div.contactDetailsContainer .contactDetailSection:nth-child(1) {
            padding-right: 80px;
        }

        div.contactDetailsContainer .contactDetailSection:nth-child(2) {
            width: 230px;
            padding-right: 70px;
        }

        div.contactDetailsContainer .contactDetailSection:nth-child(3) {
            width: 210px;
            padding-right: 70px;
        }

        div.contactDetailsContainer .contactDetailSection:nth-child(4) {
            width: 195px;
        }

        div.contactDetailsContainer .contactDetailSection h5 {
            font-family: open_sansbold;
            color: #357C57;
            text-transform: uppercase;
            font-size: 1.8em;
        }

        div.contactDetailsContainer .contactDetailSection span, div.contactDetailsContainer .contactDetailSection a {
            color: #343434;
            font-family: open_sansbold;
            font-size: 1.8em;
            line-height: 1.8em;
            display: block;
        }

        div.contactDetailsContainer .contactDetailSection:nth-child(2) a {
            word-wrap: break-word;
            line-height: 1.5em;
        }

        div.contactDetailsContainer .contactDetailSection p {
            font-family: open_sansregular;
            font-size: 1.8em;
            line-height: 1.4em;
        }

        div.contactDetailsContainer .contactDetailSection em {
            font-family: open_sansregular;
            font-style: italic;
            font-size: 1.8em;
            line-height: 1.4em;
        }

    div.contactDetailsContainer .contactDetailSection {
        word-wrap: break-word;
    }

.mobileIndicator {
    display: none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
}

.bxslider li {
    width: 33%;
    position: relative;
    overflow: hidden;
    max-height: 400px;
    float: left;
    list-style: none;
}

footer {
    background: #357C57;
    padding: 65px 0 65px 0;
    clear: both;
}

    footer ul#FooterList {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
        text-align: center;
        clear: both;
    }

        footer ul#FooterList li {
            display: inline-block;
            vertical-align: top;
            margin-left: 70px;
            padding: 0px 0;
        }

            footer ul#FooterList li:first-child {
                margin-left: 0px;
            }

            footer ul#FooterList li a {
                color: #fff;
                text-decoration: underline;
                font-family: open_sanssemibold;
                font-size: 1.5em;
            }

                footer ul#FooterList li a:hover {
                    text-shadow: 0 0 20px #fff;
                }

    footer #socialFooter {
        width: 100%;
        max-width: 1170px;
        text-align: left;
        color: #fff;
        font-size: 4em;
        margin: 0 auto;
        position: relative;
        display: block;
        margin-bottom: 100px;
    }

        footer #socialFooter > h3 {
            color: #fff;
            font-size: 0.6em;
            margin-bottom: 30px;
        }

        footer #socialFooter a#contactButton {
            position: absolute;
            left: 0;
            top: 0;
            color: #fff;
            font-size: 1.2em;
            border: 3px solid #fff;
            border-radius: 10px;
            padding: 20px 25px;
            font-family: open_sansbold;
        }

        footer #socialFooter a {
            color: #fff;
            font-size: 1.4em;
            transition: all 0.5s;
            margin: 0 15px;
        }

            footer #socialFooter a:hover {
                color: #B6B5B5;
            }

    footer #tweetsContainer iframe {
        display: inline-block;
        vertical-align: top;
        margin: 0 25px;
        width: 525px !important;
        margin-bottom: 50px !important;
        background: rgba(68,68,68,0.7);
        color: #fff !important;
        border-radius: 10px;
    }

a.twitter-timeline, blockquote.twitter-tweet {
    color: #fff;
    font-family: Open Sans, open_sansregular;
}

p.e-entry-title {
    color: #fff !important;
}

footer #tweetsContainer h2 {
    color: #fff;
    font-family: open_sansbold;
    text-align: center;
}

footer #feedBackContainer {
    float: right;
    max-width: 385px;
    margin-bottom: 40px;
}

    footer #feedBackContainer h3 {
        color: #fff;
        font-size: 0.6em;
        margin-bottom: 30px;
    }

    footer #feedBackContainer .feedBackButton, footer #feedBackContainer #submit {
        color: #fff;
        border: 1px solid #fff;
        border-radius: 3px;
        padding: 0px 19px;
        font-size: 0.5em;
        font-family: Open Sans Semibold, open_sanssemibold;
        margin: 0 10px 0 0;
        cursor: pointer;
    }

        footer #feedBackContainer .feedBackButton:hover {
            text-shadow: none;
            background: #fff;
            color: #357C57;
        }

    footer #feedBackContainer #email {
        width: 300px;
        font-size: 1.4rem;
        padding: 5px;
    }

    footer #feedBackContainer #commentBox {
        font-size: 0.4em;
        color: #666;
        width: 300px;
        display: none;
        margin-bottom: 30px;
    }

#emailBox p {
    font-size: 1rem;
    margin-bottom: 5px;
}

footer #feedBackContainer #commentBox textarea {
    width: 100%;
    max-width: 360px;
    padding: 10px;
}

footer #feedBackContainer #submit {
    display: none;
}

#reauthpopup {
    position: fixed;
    width: 300px;
    height: 160px;
    background: rgba(255,255,255, 0.3);
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    box-shadow: 0 0 10px #333;
    padding: 30px;
    margin-top: -80px;
    box-sizing: border-box;
}

    #reauthpopup p {
        font-family: Open Sans, open_sansregular;
        color: #333;
        font-size: 1.3em;
    }

        #reauthpopup p button {
            display: block;
            margin: 20px auto;
            text-align: center;
            cursor: pointer;
            font-family: open_sansbold;
            background: none;
            border: none;
            cursor: pointer;
            font-size: 1.1em;
            color: #333;
        }

            #reauthpopup p button:hover {
                color: #357C57;
            }

    #reauthpopup span#btnClose {
        position: absolute;
        top: 5px;
        right: 10px;
        font-size: 1.7em;
    }

/*Recruit Navigation*/

.recruit-navigation {
    background: #14505B;
    width: 210px;
    padding: 40px 0px 0px 0;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
}

    .recruit-navigation > ul > li {
        display: block;
        padding-right: 40px;
    }

        .recruit-navigation > ul > li > a, .recruit-navigation > ul > li > span {
            color: #fff;
            border-bottom: 1px solid #255E69;
            width: 105px;
            display: block;
            padding-left: 60px;
            padding-top: 40px;
            text-align: right;
            font-size: 1.1em;
            line-height: 1.2em;
            padding-bottom: 8px;
            background: linear-gradient(to right, #0FAFB5 50%, transparent 50%);
            background-size: 200% 100%;
            background-position: right bottom;
            transition: all 0.3s;
        }

        .recruit-navigation > ul > li > span {
            color: #fff;
            padding-right: 20px;
            background-position: left bottom;
        }

        .recruit-navigation > ul > li > a:hover {
            color: #fff;
            padding-right: 20px;
            background-position: left bottom;
        }

#mobileStrip {
    display: none;
}

#CenterContainer .recruit-navigation > p {
    display: block;
    text-align: center;
    color: #10B5BB;
    font-size: 0.9em;
    width: 130px;
    text-align: right;
    margin: 30px auto;
}

a.apply {
    background: #10b5bb;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
}

#footerBand {
    width: 100%;
    display: block;
    height: 30px;
    background: #14505B;
}

.icon-pencil {
    display: block;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 15px;
}

    .icon-pencil:before {
        content: "\e905";
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'recruit' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.twitter-widget {
    margin: 50px 0;
    min-height: 295px;
}

    .twitter-widget ul {
        margin: 0;
        padding: 0;
        font-size: 0.5em;
    }

    .twitter-widget li {
        list-style: none;
        clear: both;
    }

        .twitter-widget li img {
            width: 50px;
            margin-right: 25px;
            border: 1px solid #fff;
        }

        .twitter-widget li img, .twitter-widget li .tweets_txt {
            float: left;
            margin-bottom: 10px;
        }

        .twitter-widget li .tweets_txt {
            width: 445px;
            margin-left: 10px;
            font-family: Open Sans, open_sansregular;
            line-height: 1.2em;
        }

            .twitter-widget li .tweets_txt span {
                display: none;
            }

    .twitter-widget > div {
        display: inline-block;
        font-size: 0.8em;
        text-align: left;
        vertical-align: top;
        margin-bottom: 40px;
    }

footer #socialFooter .twitter-widget a {
    font-size: 0.9em;
    margin: 0;
    font-family: Open Sans, open_sansregular;
    text-decoration: underline;
}

div#goog-gt- {
    display: none !important;
}

#CenterContainer blockquote > ul > li > ul > li p {
    font-size: 1.2rem;
}

#tweecoolGov .tweets_txt:before, #tweecoolHarbours .tweets_txt:before, #tweecoolPolice .tweets_txt:before, #tweecoolElection .tweets_txt:before {
    content: 'States of Guernsey @Govgg';
    display: block;
    font-family: open_sansbold;
    margin-bottom: 5px;
}

#tweecoolGov, #tweecoolPolice {
    margin-right: 80px;
}

#tweecoolHarbours .tweets_txt:before {
    content: 'VisitGuernsey @VisitGuernsey';
}

#tweecoolPolice .tweets_txt:before {
    content: 'Guernsey Police @GuernseyPolice';
}

#tweecoolElection .tweets_txt:before {
    content: 'Culture & Heritage @CultureGSY';
}

/*Mobile/small desktop*/
@media(max-width:1520px) {
    #navlevelsearch input#q {
        float: left;
        width: 135px;
    }

    #navlevelsearch input#blockButton, input.blockButton {
        float: left;
        font-size: 0.7em;
        position: relative;
        width: 75px;
        left: 0;
    }

    div#nav-icon4, #mMobileButton {
        right: -70px;
    }
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    /** THEME
===================================*/

    .bx-wrapper .bx-viewport {
        border: 0px solid #fff;
        /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    /* LOADER */

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    /* PAGER */

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000;
            }

    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev {
        left: -55px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 20px solid #707070;
        content: "";
        position: absolute;
        margin: auto;
    }

    .bx-wrapper .bx-next {
        right: -55px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 20px solid #707070;
        content: "";
        position: absolute;
        margin: auto;
    }

#imgContainer .bx-wrapper .bx-prev {
    left: 25px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff;
    content: "";
    position: absolute;
    margin: auto;
}

#imgContainer .bx-wrapper .bx-next {
    right: 25px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
    content: "";
    position: absolute;
    margin: auto;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 0px;
    height: 0px;
    text-indent: -9999px;
    z-index: 9999;
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        background: url(images/controls.png) -86px -11px no-repeat;
        margin: 0 3px;
    }

        .bx-wrapper .bx-controls-auto .bx-start:hover,
        .bx-wrapper .bx-controls-auto .bx-start.active {
            background-position: -86px 0;
        }

    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        background: url(images/controls.png) -86px -44px no-repeat;
        margin: 0 3px;
    }

        .bx-wrapper .bx-controls-auto .bx-stop:hover,
        .bx-wrapper .bx-controls-auto .bx-stop.active {
            background-position: -86px -33px;
        }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px;
    }

div#tweetsContainer {
    overflow: hidden;
}

#addToHomeButton {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    max-width: 50px;
}

    #addToHomeButton img {
        width: 100%;
    }

/* IE Bits */
/* 6, 7, 8 */
@media \0screen\,screen\9
{
    #nav-icon4 span {
        top: 15px;
    }

        #nav-icon4 span:first-child + span, #nav-icon4 span:first-child + span + span {
            top: 33px;
        }

            #nav-icon4 span:first-child + span + span + span {
                top: 52px;
            }

    footer #socialFooter a:hover {
        color: #fff;
    }

    #shareContainer a:hover {
        color: #357C57;
    }

    #subNavigation li ul li:first-child + li + li, #subNavigation li ul li:first-child + li + li + li + li + li {
        margin-right: 0px !important;
    }

    #popularList li a span, #MyIslandList li a span {
        top: 0 !important;
    }

    #CenterContainer #popularList li:first-child, #CenterContainer #popularList li:first-child + li + li + li + li + li, #CenterContainer #MyIslandList li:first-child {
        margin-left: 0px;
    }

    .slideTextOverlay {
        background: transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#561E5974,endColorstr=#561E5973);
    }

        .slideTextOverlay:hover {
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);
        }
}
/*6, 7*/
@media screen\9
{
    nav ul li, footer ul#FooterList li, #CenterContainer ul#uPages li, #shareContainer a, #popularList li, #MyIslandList li, a.navItem, .twitter-widget > div, header p#logoText, header a#logo {
        *display: inline;
        *zoom: 1;
    }
}

footer #emailBox
{
display:none !important;
}