/* 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;
    }
        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 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
        {
            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 #commentBox
            {
                font-size:0.4em;
                color:#666;
                display:none;
            }
            
                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;
}

    #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;
    }
}