/*
Name:   	navigation.css
Created:    10-12-2013
Desc:	    Stylesheet for 2014 navigation redesign
Auth:	    Global Beach Ltd (www.globalbeach.com)	
*/

/* Reset */
input[type='submit'],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="datetime-local"],
input[type="datetime"],
input[type="search"]
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
   border-radius: 0; 
}

/* Fonts */
@font-face{
font-family:"Rotis II Sans";
src:url("/fonts/THT/31ad7d5f-1de8-489d-83a7-73f3e9ca197c.eot?#iefix");
src:url("/fonts/THT/31ad7d5f-1de8-489d-83a7-73f3e9ca197c.eot?#iefix") format("eot"),url("/fonts/THT/70ced09f-b88d-47cd-9196-84b47f23ac0b.woff") format("woff"),url("/fonts/THT/8ab0fcbf-0bb2-45a4-93e6-1118d4265c93.ttf") format("truetype"),url("/fonts/THT/08e610e1-d997-4dc3-8e54-abb2650c8e80.svg#08e610e1-d997-4dc3-8e54-abb2650c8e80") format("svg");
}
@font-face{
font-family:"Rotis II Sans Italic";
src:url("/fonts/THT/5a948115-500c-426b-b239-4c07cbe254c1.eot?#iefix");
src:url("/fonts/THT/5a948115-500c-426b-b239-4c07cbe254c1.eot?#iefix") format("eot"),url("/fonts/THT/6ee89341-2a2e-4ee8-a689-55cb6445e8e1.woff") format("woff"),url("/fonts/THT/821b33df-e40b-4008-8121-20c58e91f56c.ttf") format("truetype"),url("/fonts/THT/8000c605-8d9f-4b3f-be68-babb5a1ad54b.svg#8000c605-8d9f-4b3f-be68-babb5a1ad54b") format("svg");
}
@font-face{
font-family:"Rotis II Sans Semi Bold";
src:url("/fonts/THT/487c6f17-c9d8-4c3b-8799-0286b2f18682.eot?#iefix");
src:url("/fonts/THT/487c6f17-c9d8-4c3b-8799-0286b2f18682.eot?#iefix") format("eot"),url("/fonts/THT/3d29deb4-bdeb-44fc-8fbb-074892c85dbe.woff") format("woff"),url("/fonts/THT/d16ed9c1-f54c-4a68-9b7f-20381236fdfb.ttf") format("truetype"),url("/fonts/THT/daf64962-c449-437f-aa79-f5c57d17b857.svg#daf64962-c449-437f-aa79-f5c57d17b857") format("svg");
}
@font-face{
font-family:"Rotis II Sans Bold";
src:url("/fonts/THT/5fea60a0-ce13-473c-a796-36258088e2b4.eot?#iefix");
src:url("/fonts/THT/5fea60a0-ce13-473c-a796-36258088e2b4.eot?#iefix") format("eot"),url("/fonts/THT/bf62d42b-4776-49cf-a6c7-fd6526631ce1.woff") format("woff"),url("/fonts/THT/38c09b02-857a-4578-b4d4-1c501439b2c9.ttf") format("truetype"),url("/fonts/THT/cc697472-b37f-4acb-9883-c79e27dee400.svg#cc697472-b37f-4acb-9883-c79e27dee400") format("svg");
}
@font-face{
font-family:"Rotis II Sans Bold Italic";
src:url("/fonts/THT/89876e65-c5b4-461d-8c99-033fccebd06b.eot?#iefix");
src:url("/fonts/THT/89876e65-c5b4-461d-8c99-033fccebd06b.eot?#iefix") format("eot"),url("/fonts/THT/8bd6814e-2443-4c2c-b069-72da7b906603.woff") format("woff"),url("/fonts/THT/9a4dcfb1-171e-4402-a766-4d740380923a.ttf") format("truetype"),url("/fonts/THT/a6bea109-6ea7-42c1-ae58-13b809d07203.svg#a6bea109-6ea7-42c1-ae58-13b809d07203") format("svg");
}
@font-face{
font-family:"RotisIISansW02-ExtraBd";
src:url("/fonts/THT/86a14483-c384-4746-b03b-6ecf54bc88a7.eot?#iefix");
src:url("/fonts/THT/86a14483-c384-4746-b03b-6ecf54bc88a7.eot?#iefix") format("eot"),url("/fonts/THT/6c6fc185-8b9c-4d26-9548-7c0ff2ec207d.woff") format("woff"),url("/fonts/THT/dc36d091-7b44-447f-b286-be46595b126b.ttf") format("truetype"),url("/fonts/THT/126d30ec-13fe-4b4e-bbbf-b7e076ff28db.svg#126d30ec-13fe-4b4e-bbbf-b7e076ff28db") format("svg");
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,600,300,400,700);

/* Header */
.actionLinks,
.navigationHolder,
.actionLinks ul li a,
.navigationHolder ul li a,
.actionButtons .buttonOne,
.actionButtons .buttonTwo,
.navigationHolder .searchInput,
.headerSignInForm,
.headerSignInForm input[type=text],
.headerSignInForm input[type=password],
.actionLinks .twitterLink,
.actionLinks .facebookLink,
.actionLinks .instagramLink,
.actionLinks .personaliseDropDown .header,
.personaliseOptions,
.searchPopup h1,
.actionLinks .personaliseDropDown .buttonsHolder
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#siteHeader
{    
    font-size: 10px;
    font-family: Arial, Verdana, Sans-Serif;
    margin: 0 0 46px;
    padding: 0;
    border: 0;    
    vertical-align: baseline;
    line-height: 1;
}

.browserCentre
{
    margin: 0 auto;
    width: 100%;
    max-width: 940px;
    position: relative;
}

.logo
{
    display: inline-block;
    position: relative;    
    *display: inline;
    *zoom: 1;
}
.logo img,
.logo img
{
    width: 100%;
}
.siteLogo
{
    position: relative;
    float: left;
    width: 87px;
    height: 87px;    
    z-index: 100;
}

.customLogo
{
    float: right;
    width: 87px;
    height: 87px;
}
.actionLinks
{    
    width: 100%;
    padding-left: 110px;
    text-align: right;    
}
.actionLinks
{
    background: #4456a4;    
    height: 35px;    
}
.actionLinks ul,
.actionLinks ul li,
.navigationHolder ul,
.navigationHolder ul li
{
    margin: 0;
}
.actionLinks ul li
{
    list-style: none;
    display: inline-block;
    float: right;
    position: relative;
    *display: inline;
    *zoom: 1;
    color: #fff;
}
.actionLinks ul li.personaliseLink
{
    position: inherit;
}
.actionLinks > ul > li > a
{
    display: block;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    height: 35px;
    padding: 11px 13px 0;
    overflow: hidden;
    letter-spacing: 0.1px;
    transition: 0.3s color, 0.3s background-color;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.actionLinks ul li a.signInLink
{
    background: #5e6fb6;
}
.actionLinks ul li a.signInLink span
{
    padding-left: 17px;
    background: url(/images/navigation/navigationSprite.png) no-repeat 0 2px;
}
.actionLinks ul li a:hover,
.actionLinks ul li a:active,
.actionLinks ul li a.hovered
{
    background: #354191;
    transition: 0.3s color, 0.3s background-color;
}
.navigationHolder
{
    border-top: 1px solid #f6f6f6;
    background: #e8e8e8;    
    height: 52px;   
    position: relative;    
    text-align: left;
}
.navigationOnHolder
{
    display: none;
}
.mainSiteNavigation
{
    padding-left: 95px;
    display: block;
}
.navigationHolder ul li
{
    list-style: none;
    display: inline-block;
    float: left;
    *display: inline;
    *zoom: 1;
}
.navigationHolder .singleNavigationMenu ul li
{
    list-style: none;
    display: block;
    float: none;
    *display: inline;
    *zoom: 1;
}

.navigationHolder ul li a
{
    display: block;
    color: #606060;
    font-size: 1.3em;    
    font-weight: bold;
    text-decoration: none;
    height: 51px;
    padding: 18px 10px 0;
    overflow: hidden;    
    letter-spacing: 0.1px;    
    transition: color 0.3s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.singleNavigationMenu ul li a
{
    display: block;
    color: #606060;
    font-size: 1.3em;    
    font-weight: bold;
    text-decoration: none;
    height: 40px;
    padding: 13px 10px 0;
    overflow: hidden;    
    letter-spacing: 0.1px;    
    transition: color 0.3s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.mainSiteNavigation > ul > li > a:hover,
.mainSiteNavigation > ul > li > a:active,
.mainSiteNavigation > ul > li.hoveredItem > a
{
    background: #d7d5d5 url(/images/navigation/currentNavigationArrow.png) no-repeat 50% bottom;
    color: #ee2062;
}
.navigationHolder ul li a:hover,
.navigationHolder ul li a:active
{
    color: #ee2062;
}
.navigationHolder ul li a.activeLinkItem
{
    color: #27348b;
    transition: color 0.3s;
}
.navigationHolder ul li a.activeLinkItem
{
    background: url(/images/navigation/navHover.jpg) no-repeat 50% 37px;
}
.actionButtons
{
    display: inline-block;
    float: right;
    margin-right: 10px;
    padding-top: 10px;
    *display: inline;
    *zoom: 1;
}
.actionButtons div
{
    display: inline-block;
    padding: 0;
}
.actionButtons div,
.actionButtons div a
{
    border-radius: 3px;
}
.actionButtons div a
{
    padding: 0 10px;
    font-size: 12px;
}
.actionButtons div.cta_tab_btm.getHelpBtn
{
    margin-right: 4px;
    background-position: 0 -1198px;
}
.actionButtons div.cta_tab_btm.getHelpBtn:hover
{
    background-position: 0 -1133px;
    box-shadow: 0 0 2px 2px rgba(98, 158, 74, 0.4);    

    transition:box-shadow 200ms linear;
    -moz-transition:-moz-box-shadow 200ms linear;
    -webkit-transition:-webkit-box-shadow 200ms linear;
    -o-transition-transition:box-shadow 200ms linear;
	
	-moz-box-shadow:0 0 2px 2px rgba(98,158,74,0.4);
    -webkit-box-shadow:0 0 2px 2px rgba(98,158,74,0.4);
    box-shadow:0 0 2px 2px rgba(98,158,74,0.4);
}
.actionButtons div.cta_tab_btm.getHelpBtn a
{
    background-position: right -1229px;
}
.actionButtons div.cta_tab_btm.getHelpBtn a:hover
{
    background-position: right -1164px;
}
.searchPopup
{
    display: none;
    position: absolute;
    right: 52px;
    bottom: 0;
    width: 0;
    height: 51px;
}
.searchPopup h1
{
    font: 2.4em Arial, sans-serif;    
    color: #878585;
    width: 105px;
    height: 51px;
    padding: 10px 0 0 15px;
    background: #e8e8e8;
}
.navigationHolder .searchInput
{
    display: none;
    position: absolute;
    right: 2px;
    bottom: 0;
    width: 0;
    height: 51px;
    padding: 0 0 0 20px;
    background: #f1f1f1;
    font: 1.9em Arial, sans-serif;
    color: #888888;    
    border: 0;
}
.navigationHolder .closeButton
{   
    display: none;
    position: absolute;
    right: 13px;
    bottom: 19px;
    width: 12px;
    height: 12px;
    border: 0;
    text-align: left;
    text-indent: -99em;
    cursor: pointer;
    background: url(/images/navigation/navigationSprite.png) no-repeat -1px -72px;
}
.navigationHolder .closeButton:hover,
.navigationHolder .closeButton:active
{
    background: url(/images/navigation/navigationSprite.png) no-repeat -15px -72px;
}
.navigationHolder .searchButton
{
    display: inline-block;
    float: right;
    width: 52px;
    height: 51px;
    background: #e8e8e8 url(/images/navigation/searchButton.png) no-repeat 0 0;
    border: 0;    
    text-align: left;
    text-indent: -99em;
    cursor: pointer;
    *display: inline;
    *zoom: 1;
}
.searchButton:hover,
.searchButton.searchButtonClicked:hover,
.searchButton.searchButtonClicked:active
{
    background: url(/images/navigation/searchButtonHover.jpg) no-repeat 0 0;
}
.searchButton.searchButtonClicked
{
    background: url(/images/navigation/searchButtonClicked.jpg) no-repeat 0 0;
}
.navigationMenu
{
    display: none;
    position: absolute;
    top: 51px;
    left: 0;
    width: 938px;
    padding-top: 23px;
    padding-bottom: 14px;
    z-index: 100;    
    border: 1px solid #d6d6d6;
    border-top: 2px solid #fff;
    background: #f5f5f5 url(/images/navigation/navigationMenuBackground.png) no-repeat right bottom;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2); 
}  
.singleNavigationMenu
{
    display: none;
    position: absolute;
    top: 51px;
    /*left: 0;*/
    width: 150px;
    /*padding-top: 23px;
    padding-bottom: 14px;*/
    z-index: 100;    
    /*border: 1px solid #d6d6d6;*/
    /*border-top: 2px solid #fff;*/
    background: #f5f5f5;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2); 
}  
li:hover .navigationMenu, li:hover .singleNavigationMenu
{
    display: block;
}
.js li:hover .navigationMenu, .js li:hover .singleNavigationMenu
{
    display: none;
}
.navigationMenu ul ul
{
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 234px;
    color: #f5f5f5;   
    overflow: hidden; 
}
.navigationMenu ul ul li
{
    display: block;
    float: none;    
}
.navigationMenu > ul > li
{
    border-right: 1px solid #d2d2d2;
    width: 155px;
}
.navigationMenu > ul > li > a
{
    min-height: inherit;
    height: inherit;
    padding: 0 15px 15px 15px;
    font: bold 1.3em Arial, sans-serif;
    color: #343434;    
}
.navigationMenu ul ul li a, .navigationMenu ul li a 
{
    min-height: inherit;
    height: inherit;
    position: relative;
    padding: 0 10px 12px 26px;
    line-height: 1.3;
    background: url(/images/navigation/listStyleImage.png) 16px 4px no-repeat;
}
.navigationMenu ul ul li a span
{
    position: relative;
    display: inline-block;
}
.navigationMenu ul ul li a span:after
{
    background: none repeat scroll 0 0 #ee2062;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateY(6px);
    -ms-transform: translateY(6px);
    -webkit-transform: translateY(6px);    
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;    
    width: 100%;
}
.navigationMenu ul ul li a:hover span:after, 
.navigationMenu ul ul li a:focus span:after
{
    opacity: 1;    
    transform: translateY(1px);
    -ms-transform: translateY(1px);
    -webkit-transform: translateY(1px);
}
.navigationMenu ul ul li a:hover
{
    color: #ee2062;    
    background: url(/images/navigation/listStyleImageHover.png) 16px 4px no-repeat;
}
.navigationMenu ul li:last-child
{
    border-right: 0;
}
.headerSignInForm
{
    display: none;
    position: absolute;
    z-index: 200;
    top: 35px;
    right: 0;
    width: 217px;
    padding: 17px 16px 12px;
    text-align: left;    
    background: #3d4aa0;   
    background: -ms-linear-gradient(top,  #3d4aa0 0%,#3d4aa0 100%);
    background: linear-gradient(to bottom,  #3d4aa0 0%,#3d4aa0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4aa0', endColorstr='#3d4aa0',GradientType=0 );
}
.headerSignInForm label
{
    display: block;
    padding-bottom: 8px;
    *display: inline;
    *zoom: 1;
    text-align: left;
    font: bold 12px Arial, sans-serif;   
    color: #fff;
}
.headerSignInForm label b
{
    display: inline-block;
    font: italic 12px "Rotis II Sans Semi Bold", Arial, Verdana, sans-serif;
    color: #ee2062;    
    *display: inline;
    *zoom: 1;
}
.headerSignInForm input[type=text],
.headerSignInForm input[type=password]
{
    display: block;
    border: 0;
    width: 183px;
    height: 27px;    
    padding-left: 3px;
    padding-left: 6px;
    margin-bottom: 18px;
    font-size: 12px;
    background: #dbdbdb;
    background: -ms-linear-gradient(top,  #dbdbdb 0%,#fefefe 100%);
    background: linear-gradient(to bottom,  #dbdbdb 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fefefe',GradientType=0 );
}
.headerSignInForm input[type=text]:focus,
.headerSignInForm input[type=password]:focus
{
    border: 1px inset #f7062e;
}
.headerSignInForm input[type=checkbox]
{
    position: relative;
    top: 2px;
    margin: 0 5px 0 0;
}
.headerSignInForm input[type=checkbox],
.headerSignInForm label.inlineLabel
{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.headerSignInForm label.inlineLabel
{
    font: 11px Arial, sans-serif;
    padding-bottom: 4px;
}
.headerSignInLinks
{
    width: 125px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}
.headerSignInLinks a
{
    padding: 0;
}
.headerSignInForm input[type=submit]
{
    vertical-align: bottom;
    width: 55px;
    height: 33px;    
    background: #d8d5d6 url(/images/navigation/goButtonBackground.png) no-repeat 38px 13px;
    background: url(/images/navigation/goButtonBackground.png) no-repeat 38px 13px, -ms-linear-gradient(top,  #d8d5d6 0%,#bdbdbd 100%);
    background: url(/images/navigation/goButtonBackground.png) no-repeat 38px 13px, linear-gradient(to bottom,  #d8d5d6 0%,#bdbdbd 100%);    
    cursor: pointer;
    border: 0;
    margin-top: -17px;
    padding: 1px 13px 0 0;
    font: bold 15px Arial, sans-serif;
    color: #4456a4;
}
.headerSignInForm input[type=submit]:hover,
.headerSignInForm input[type=submit]:active
{
    background: #f62b6c url(/images/navigation/goButtonBackground.png) no-repeat 38px 13px;
    background: url(/images/navigation/goButtonBackground.png) no-repeat 38px 13px, -ms-linear-gradient(top,  #f62b6c 0%,#ee2062 100%);
    background: url(/images/navigation/goButtonBackground.png) no-repeat 38px 13px, linear-gradient(to bottom,  #f62b6c 0%,#ee2062 100%);    
}
.actionLinks ul li .headerSignInLinks a
{
    padding: 4px 0 0;
    min-height: inherit;
    font: 11px Arial, sans-serif;
    color: #c5cbf5;
}
.actionLinks ul li a.signUpCustomiseLink,
.actionLinks ul li a.signUpCustomiseLink:hover
{
    font-weight: bold;
    display: block;
    background: url(/images/navigation/linkArrow.png) no-repeat 0 2px;
    color: #fff;
    font-size: 1.2em;
    padding-left: 9px;
    margin-left: 0;
    margin-bottom: 8px;
}
.actionLinks ul li .headerSignInLinks a:hover,
.actionLinks ul li .headerSignInLinks a:active
{
    background: none;
    color: #fff;
    text-decoration: underline;
    transition: 0.3s color;
}
.actionLinks .twitterLink,
.actionLinks .facebookLink,
.actionLinks .instagramLink
{
    padding-top: 9px;    
    height: 35px;
}
.actionLinks .facebookLink
{
    border-left: 1px solid #6978b6;
    padding-left: 15px;
    padding-right: 6px;
}
.actionLinks .twitterLink
{
    padding-right: 6px;
}
.actionLinks .instagramLink
{
    border-right: 1px solid #6978b6;
    padding-right: 15px;
}
.actionLinks .twitterLink a,
.actionLinks .facebookLink a,
.actionLinks .instagramLink a
{
    padding: 0;
    min-height: inherit;
    text-align: left;
    text-indent: -99em;
}
.actionLinks .twitterLink a
{
    width: 17px;
    height: 15px;
    background: transparent url(/images/navigation/navigationSprite.png) no-repeat -37px -20px;
}
.actionLinks .twitterLink a:hover,
.actionLinks .twitterLink a:active
{
    background: transparent url(/images/navigation/navigationSprite.png) no-repeat -60px -20px;
}
.actionLinks .facebookLink a
{
    width: 10px;
    height: 15px;
    background: transparent url(/images/navigation/navigationSprite.png) no-repeat -4px -20px;
}
.actionLinks .facebookLink a:hover,
.actionLinks .facebookLink a:active
{
    background: transparent url(/images/navigation/navigationSprite.png) no-repeat -20px -20px;
}
.actionLinks .instagramLink a
{
    width: 15px;
    height: 15px;
    background: transparent url(/images/navigation/navigationSprite.png) no-repeat -39px -45px;
}
.actionLinks .instagramLink a:hover,
.actionLinks .instagramLink a:active
{
    background: transparent url(/images/navigation/navigationSprite.png) no-repeat -62px -45px;
}
.actionLinks .mobileMenu,
.actionLinks .mobileShare
{
    display: none;  
}
.actionLinks .personaliseLink > a b
{
    text-align: left;
    text-indent: -99em;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: -3px;
    width: 19px;
    height: 17px;
    background: url(/images/navigation/navigationSprite.png) no-repeat -85px -20px;
}
.actionLinks .personaliseLink > a:hover,
.actionLinks .personaliseLink > a:active,
.actionLinks .personaliseLink > a.personalisedHovered
{
    background: #df2367;
}
.actionLinks .personaliseLink a span
{    
    padding-right: 13px;
    background: url(/images/navigation/arrowDownWhite.png) no-repeat right 6px;
}
.actionLinks .personaliseDropDown
{
    display: none;   
    position: absolute;
    top: 27px;
    right: 0;
    width: 100%; 
    max-width: 940px;    
    z-index: 120;
    text-align: left;
    background: transparent;
}
.actionLinks .personaliseDropDown:before,
.actionLinks .personaliseDropDown:after {
    content: '';
    z-index: -1;
    position: absolute;
    left: 9px;
    top: 33px;
    width: 70%;
    max-width: 300px;
    height: 158px;
    height: 55%;
    -webkit-box-shadow: -7px -9px 14px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -7px -9px 14px rgba(0, 0, 0, 0.3);
    box-shadow: -7px -9px 14px rgba(0, 0, 0, 0.3);    
    -webkit-transform: skew(3deg) rotate(0deg);
    -moz-transform: skew(3deg) rotate(0deg);
    -ms-transform: skew(3deg) rotate(0deg);
    -o-transform: skew(3deg) rotate(0deg);
    transform: skew(3deg) rotate(0deg);
}
.actionLinks .personaliseDropDown:after {
    left: auto;
    right: 9px;
    -webkit-box-shadow: 7px -9px 14px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 7px -9px 14px rgba(0, 0, 0, 0.3);
    box-shadow: 7px -9px 14px rgba(0, 0, 0, 0.3);
    -webkit-transform: skew(-3deg) rotate(0deg);
    -moz-transform: skew(-3deg) rotate(0deg);
    -ms-transform: skew(-3deg) rotate(0deg);
    -o-transform: skew(-3deg) rotate(0deg);
    transform: skew(-3deg) rotate(0deg);
}
.actionLinks .personaliseDropDown .topStrip
{
    position: relative;
    z-index: 10;
    height: 8px;
    width: 100%;
    background: transparent url(/images/navigation/currentNavigationArrow.png) no-repeat 88% 0;
}
.actionLinks .personaliseDropDown .header
{  
    position: relative;
    top: -1px;
    z-index: 5;
    max-width: 940px;    
    width: 100%; 
    background: #F5F5F5;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    padding: 13px 14px 9px;
    overflow: hidden;
}
.actionLinks .personaliseDropDown h1
{
    vertical-align: top;
    float: left;
    font: 17px "RotisIISansW02-ExtraBd", Arial, sans-serif;
    color: #343434;
    margin: 0;
    padding-top: 0px;
    width: 50%;    
}
.actionLinks .personaliseDropDown .buttonsHolder
{
    position: relative;
    top: -2px;
    width: 100%;
    max-width: 940px;    
    vertical-align: top;
    float: left;
    text-align: center;   
    display: block;
    padding: 20px 14px 13px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    background: #f5f5f5;       
}
.personaliseDropDown .buttonsHolder input[type="submit"]
{
    padding: 5px 10px;
    background: #e12468;
    font: bold 11px Arial, sans-serif;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 4px;
}
.personaliseDropDown .buttonsHolder input[type="submit"].saveButton
{
    background: #df2367;
    border-left: 1px solid #d3d7e9;
    border-top: 1px solid #d3d7e9;
}
.personaliseDropDown .buttonsHolder input[type="submit"]:hover
{    
    background: #c9205d;
    transition: background 0.3s;
}
.personaliseDropDown .buttonsHolder input[type="submit"].saveButton:hover
{
    background: #c9205d;
    transition: background 0.3s;
}
.personaliseDropDown .buttonsHolder a
{
    clear: both;
    display: block;
    font-size: 11px;
    padding: 15px 0 0;
}
.personaliseDropDown .buttonsHolder a:hover
{
    background: none;
}
.personaliseOptions
{
    position: relative;
    top: -1px;
    max-width: 940px;    
    width: 100%;     
    padding: 20px 0 0;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    background: #f5f5f5;
    text-align: center;
    overflow: hidden;       
}
.personaliseOptions ul
{
    text-align: center;
    margin: 0 auto;
}
.personaliseOptions ul li
{
    width: 25%;
    list-style: none;    
    float: left;
    display: inline-block;
    padding: 10px 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #d2d2d2;
}
.personaliseOptions ul li:first-child
{
    border-left: 0;
}
.personaliseOptions ul li:last-child,
.personaliseOptions ul li.lastChild
{
    margin-right: 0;
    border-right: 0;
}
.personaliseOptions ul li a:hover
{
    background: transparent;
}
.personaliseOptions ul li img
{
    margin-bottom: 10px;
}
.personaliseOptions ul li b
{
    clear: both;
    display: block;
    font: 16px "RotisIISansW02-ExtraBd", sans-serif;
    color: #717070;
    margin-bottom: 10px;
} 
.selectHolder
{    
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px;
    box-shadow: inset 1px 1px 0 #a9a9a9; 
    padding: 3% 3% 2% 3%;
    width: 89%;  
    margin-left: 6%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.selectHolder select
{
    width: 115%;
    border: 0;
    /*font: 14px "Rotis II Sans Semi Bold", Arial, sans-serif;*/
    color: #8d8b8b;
    background: #fff url(/images/navigation/arrowDownBlue.png) no-repeat 85% 50%;
}


/* IE only */
body[data-useragent*='MSIE 10.0'] .navigationHolder .closeButton,
.ie9 .navigationHolder .closeButton,
.ie8 .navigationHolder .closeButton
{
    background-position-x: 1px;
}
body[data-useragent*='MSIE 10.0'] .navigationHolder .closeButton:hover
{
    background-position-x: -14px;
}
.ie8 .navigationMenu ul ul li a span:after
{
    display: none;
}
.ie8 .navigationHolder .searchInput
{
    line-height: 50px;
}


/* Footer update */
.cta_row .donate
{
    float: right;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 760px)
{
    /* GLOBAL RESPONSIVE HEADER*/
    .siteLogo
    {
        width: 82px;
        height: 82px;
    }
    .actionLinks
    {
        height: 55px;
        padding-left: 82px;
    }
    .actionLinks .mobileMenu
    {
        display: block;
         width: 58px;
        height: 55px;
        text-align: left;
        text-indent: -999em;
        border-left: 1px solid #c9c6c6;
        background: #e8e8e8 url(/images/navigation/mobileMainMenuIcon.png) no-repeat top left;
        background-size: 100% 100%;
    }
    .actionLinks .mobileMenu:hover,
    .actionLinks .mobileMenu.mobileMenuOn
    {
        cursor: pointer;
        background: #d6d5d5 url(/images/navigation/mobileMainMenuIconHover.png) no-repeat top left;
        background-size: 100% 100%;
    }    
    .navigationHolder
    {
        display: none;
        height: auto;
        background: #ededed;            
        overflow: visible;
        position: absolute;
        top: 55px;
        width: 97.1875%;
        z-index: 1000;
        padding: 0;
        border-top: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6;
        margin-left: 1.40625%;
    }
    .navigationOnHolder
    {
        display: block;
        width: 12px;
        height: 8px;
        position: absolute;
        right: 17px;
        top: -8px;
        background: transparent url(/images/navigation/activeMenuItemIndicator.png) no-repeat top left;
    }
    .actionButtons
    {
        width: 36.4%;
        padding: 16px 0 0;
        margin-right: 0;
        text-align: center;
    }
    .actionButtons div.cta_tab_btm
    {
        margin-right: 0;
    }
    .actionButtons div.cta_tab_btm.getHelpBtn
    {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .mainSiteNavigation
    {
        display: inline-block;
        float: left;
        width: 60.3%;
        border-left: 1px solid #d6d6d6;
        border-right: 1px solid #e0e0e0;
        background: #f5f5f5;
        padding: 26px 0 2px 7px;
        overflow: hidden;
        -moz-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.1);
        box-shadow: 1px 0 20px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        overflow: visible;
    }
    .navigationHolder ul li
    {
        width: 100%;
    }
    .navigationHolder ul li:first-child
    {
        background: none;
    }
    .navigationHolder ul li:hover .navigationMenu
    {
        display: none;
    }
    .navigationHolder ul li
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 7px;
        width: 100%;
        background: url(/images/navigation/mobileMenuListDivider.png) left top no-repeat;
    }
    .navigationHolder ul li a,
    .navigationHolder ul li a.activeLinkItem
    {
        min-height: inherit;
        font: bold 16px Arial, sans-serif;
        color: #626262;
        padding: 9px 0 7px 14px;
        background: url(/images/navigation/listStyleImage.png) left 52% no-repeat;
    }
    .navigationHolder ul li a.activeLinkItem
    {
        color: #27348B;
    }
    .navigationHolder ul li a:hover
    {
        color: #EE2062;
        background: transparent url(/images/navigation/listStyleImage.png) left 52% no-repeat;
    }
    .navigationHolder .searchButton
    {        
        border: 0 none;
        clear: both;
        cursor: pointer;
        display: inline-block;
        float: right;
        text-align: left;
        text-indent: -99em;
        height: 43px;
        width: 40px;        
        position: relative;
        padding: 0;
        z-index: 2000;
        background: transparent url("/images/navigation/searchButtonMobile.jpg") no-repeat right top;
        background-size: 40px 41px;
    }
    .actionButtons
    {
        position: absolute;
        right: 0;
        top: 0;
    }
    .searchHolder
    {
        width: 100%;
        height: 43px;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #d6d6d6;
        border-right: 0;
    }
    .searchPopup
    {
        height: 42px;
        display: block;        
        width: 99%;
        right: 0px;
        padding: 0;        
        color: #a9aab6;
        z-index: 0;
        border-bottom: 1px solid #d6d6d6;
    }
    .searchPopup h1
    {
        display: none;
    }
    .navigationHolder .searchInput
    {        
        display: block;
        width: 100%;
        padding-left: 2%;
        height: 41px;                
        font: 24px Arial, sans-serif;
    }
    .searchPopup .closeButton
    {
        display: none;
    }
    .actionLinks ul li.personaliseLink
    {
        width: 58px;
        height: 55px;
        border-left: 1px solid #334384;
        position: inherit;
        background: url(/images/navigation/mobilePersonaliseIcon.png) no-repeat;
        background-size: 100% 100%;
    }
    .actionLinks ul li.personaliseLink:hover,
    .actionLinks ul li.personaliseLinkOn
    {
        cursor: pointer;
        background: #e53264 url(/images/navigation/mobilePersonaliseIcon.png) no-repeat;
        background-size: 100% 100%;
    }
    .actionLinks ul li.personaliseLink a
    {
        display: block;
        padding: 0;
        width: 58px;
        height: 55px;
        margin: 0 auto;
    }
    .actionLinks ul li.personaliseLink a:hover
    {
        background: none;
    }
    .actionLinks ul li.personaliseLink a b,
    .actionLinks ul li.personaliseLink a span
    {
        display: none;
    }
    .actionLinks .personaliseDropDown
    {
        display: none;
        width: 100%;
        max-width: inherit;
        top: 55px;
        left: 0;
        border: 1px solid #d6d6d6;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #f9f9f9;
    }
    .actionLinks .personaliseDropDown:before, .actionLinks .personaliseDropDown:after
    {
        display: none;
    }
    .actionLinks .personaliseDropDown .topStrip
    {
        display: block;
        position: absolute;
        top: -8px;
        right: 82px;    
        width: 12px;
        height: 8px;
        background: transparent url("/images/navigation/activeMenuItemIndicator.png") no-repeat scroll left top;
    }
    .actionLinks .personaliseDropDown .header
    {
        width: 100%;
        padding: 12px 0; 
        border: 0;
        background: #d2d2d2;
    }
    .actionLinks .personaliseDropDown .header h1
    {
        width: 100%;      
        padding: 0 7%;                   
    }   
    .personaliseOptions
    {
        width: 100%;        
        border: 0;
        padding: 0 2%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #f9f9f9;
    }
    .personaliseOptions ul li
    {
        width: 100%;
        margin: 0;   
        float: left;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #cfcfcf;
        border-left: 0;
        border-right: 0;
    }
    .personaliseOptions ul li img
    {
        width: 100%;
        display: none;
        margin: 0;
    }
    .personaliseOptions ul li b
    {
        margin-bottom: 7px;
        font-size: 19px;
    }
    .actionLinks .personaliseDropDown .buttonsHolder
    {
        top: 0;
        width: 100%;
        border: 0;
        text-align: center;
        padding: 23px 2.2508038585209% 0;
        background: #f9f9f9;
    }
    .actionLinks .personaliseDropDown .buttonsHolder input[type="submit"]
    {
        float: none;        
        padding: 6px 10px 4px;
        margin: 0 0 12px 0;
    }
    .actionLinks ul li a.signInLink
    {
        width: 58px;
        height: 55px;
        border-left: 1px solid #334384;
        border-right: 1px solid #5566aa;
        position: inherit;
        background: url(/images/navigation/mobileSignInIcon.png) no-repeat -1px top;
        background-size: 100% 100%;
    }
    .actionLinks ul li a.signInLink span
    {
        display: none;
    }
    .headerSignInForm
    {
        top: 55px;
        padding-top: 40px;
        right: -59px;
    }
    .actionLinks .twitterLink,
    .actionLinks .facebookLink,
    .actionLinks .instagramLink
    {
        display: none;
    }
    .actionLinks .mobileShare
    {
        display: block;
        width: 58px;
        height: 55px;        
        background: url(/images/navigation/mobileMenuShareIcon.png) no-repeat top left;
        position: relative;
        border-right: 1px solid #5566aa;
        background-size: 100% 100%;
    }
    .actionLinks .mobileShare:hover,
    .actionLinks .mobileShare.shareMobileOn
    {
        cursor: pointer;
        background: url(/images/navigation/mobileMenuShareIconHover.png) no-repeat top left;
        background-size: 100% 100%;
        z-index: 100;
    }
    .actionLinks .mobileShare ul
    {
        display: none;
        position: absolute;
        top: 55px;
        left: 0;
    }
    .actionLinks .twitterMobile a,
    .actionLinks .facebookMobile a
    {
        display: block;
        text-align: left;
        text-indent: -999em;
        width: 58px;
        height: 55px;        
        border-top: 1px solid #5566aa;
    }
    .actionLinks .twitterMobile a
    {        
        background: #3d4aa0 url(/images/navigation/mobileMenuTwitter.png) no-repeat top left;
        background-size: 100% 100%;
    }
    .actionLinks .twitterMobile a:hover
    {
        background: #354191 url(/images/navigation/mobileMenuTwitterHover.png) no-repeat top left;
        background-size: 100% 100%;
    }
    .actionLinks .facebookMobile a
    {
        background: #3d4aa0 url(/images/navigation/mobileMenuFacebook.png) no-repeat top left;
        background-size: 100% 100%;
    }
    .actionLinks .facebookMobile a:hover
    {
        background: #354191 url(/images/navigation/mobileMenuFacebookHover.png) no-repeat top left;
        background-size: 100% 100%;
    }
    .headerSignInLinks
    {
        padding-top: 8px;
    }
    .actionLinks ul li .headerSignInLinks a
    {
        margin-top: 3px;
    }
    .actionButtons .buttonOne,
    .actionButtons .buttonTwo
    {
        font: bold 1.2em Arial, sans-serif;
    }


    /* GLOBAL RESPONSIVE FOOTER */
    div#footer
    {
        padding: 0;
        margin: 0;
        background: #e9ebf6;
        background: -ms-linear-gradient(top, #e9ebf6 0%,#f9fafc 100%);
        background: linear-gradient(to bottom, #e9ebf6 0%,#f9fafc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9ebf6', endColorstr='#f9fafc',GradientType=0 );
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div#footer div.site_wide
    {
        width: 100%;
        padding-top: 16px;
    }
    div#footer div.nav.site_map,
    div#footer div.nav.site_wide ul
    {
        padding: 0 5.3125% 6px;
        border-bottom: 1px solid #d9d6d8;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    div#footer div.site_map ul li
    {
        display: block;
        margin-bottom: 11px;
        width: 100%;
    }
    div#footer div.nav.site_wide ul li
    {
         display: block;
         width: 100%;
    }
    div#footer div.site_map
    {
        border-bottom: 0;
    }
    .site_map ul li a
    {
        text-decoration: none;
        display: block;
        width: 100%;
    }
    .site_map ul li a:hover
    {
        text-decoration: underline;
    }
    .site_map ul ul
    {
        display: none;
    }
    div#footer
    {
        position: relative;
    }
    div#footer .socialLinks.nav
    {
        position: absolute;
        top: 18px;
        right: 2px;
    }
    div#footer div.nav.site_map ul
    {
        width: 70%;
    }
    div#footer div.branding
    {
        padding: 0 5.3125% 6px;
        margin-top: 14px;
        margin-bottom: 8px;
    }
    div#footer div.branding p
    {
        margin-bottom: 1em;
    }
    div.footer_tools div.exernal_links
    {
        width: 100%;
        float: left;
        padding: 0 5.3125% 6px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;        
    }
    div.footer_tools div.exernal_links ul li
    {
        float: inherit;
        margin-bottom: 15px;
    }
    div.cta_row
    {
        width: auto;
    }
    .cta_row .normal
    {
        margin-right: 3px;
    }
    .cta_row .donate
    {
        margin-right: 4px;
    }
}