/********************************************************/
/* Stylesheet for Eaves 								*/
/* Default 												*/
/* Created 09.02.12										*/
/********************************************************/
/* Reset ************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px;
	-moz-outline: 1px dotted #666 !important;
	-moz-outline-offset: 1px !important;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


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

}

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

}


/********************************************************/
/* Elements												*/
/********************************************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
    background:#666 url(../images/body-bg.jpg) repeat-x top left;
    padding:0.625em 0;
}

h1 {
    font-size:2em;
	font-family:'MyriadProBold', Arial, Helvetica, sans-serif;
    color:#009FAE;
    margin:0 0 0.5em 0;
}

h1, h2, h3 {
    font-weight:normal !important;
}

a {
    color:#333;
}
a:hover {
    text-decoration:none;
}

strong {
    font-weight:bold;
}
em {
    font-style:italic;
}

input, select, textarea {
    color:#333;
	font-family:Arial, Helvetica, sans-serif;
    border:1px solid #CCC;
    padding:1%;
    margin:0 0 0 0;
}
input[type=checkbox],
input[type=radio] {
    padding:0 0 0 0;
    margin:0 0 0 0;
    border:0;
}
input[type=submit] {
    background:#666;
    border:1px solid #666;
    color:#FFF;
    padding:1% 4%;
    -moz-border-radius:5px;
    border-radius:5px;
    width:auto !important;
    cursor:pointer;
}
input[type=submit]:hover {
    background:#333 !important;
}

/********************************************************/
/* STRUCTURE											*/
/********************************************************/
#site-container {
    width:100%;
    background:#FFF;
    float:left;
}

#header {
    width:100%;
    max-width:62.5em;
    margin:0 auto;
    padding:0 0 0 0;
    position:relative;
}

#content {
    width:100%;
    max-width:62.5em;
    margin:0 auto;
}

#footer {
    width:100%;
    max-width:62.5em;
    margin:0 auto;
}

#sub-footer {
    width:100%;
    float:left;
}


/********************************************************/
/* CONTENT   											*/
/********************************************************/
/* HEADER */
#header .logo {
    margin:1.125em 0 0.625em 1.25em;
    float:left;
    width:12%;
	min-height:82px;
}
#header .logo img {
    width:131px;
    height:82px;
}

/* Shared nav */
#header .shared {
    float:right;
    background:#F6F6F6 url(../images/shared-left.gif) no-repeat bottom left;
    text-align:right;
    margin-right:1.25em;
}
    #header .shared li {
        display:inline-block;
    }
    #header .shared li a {
        font-size:0.7em;
        padding:0.9em 0 1.1em 1em;
        text-decoration:none;
        display:inline-block;
    }
    #header .shared li.low a {
        padding:0.9em 3em 1.1em 1em;
        color:#FFF;
        font-weight:bold;
        margin-left:1em;
        background:#33B3BF url(../images/shared-right.gif) no-repeat bottom right;
    }

/* Search */
#header form {
    float:right;
    width:50%;
    text-align:right;
    margin-right:1.25em;
    padding:1em 0 1em 0;
}
    #header form label {
        display:none;
    }
    #header form input {
        font-size:0.7em !important;
    }
    #header form input[type=text] {
        width:20em;
    }

/* Exit */
#header .exit,
#header .leave {
	position:fixed;
	top:5.75em;
	right:0;
	display:block;
	width:118px;
	height:51px;
	background:#F33 url(../images/low-pro/exit-site.png) no-repeat top right;
	text-indent:-2000em;
	z-index:1000000;
}

#header .exit.highlight, #header .exit:hover {
	background-image: url(../images/exit-site.png);
}

#header .leave {
	height:50px;
	background:#F33 url(../images/low-pro/leave-site.png) no-repeat top right;
}
#header .leave.highlight, #header .leave:hover {
	background-image: url(../images/leave-site.png);
}



/* Main nav */
#main-nav {
    width:100%;
    float:left;
}

    #main-nav .nav {
        width:77%;
        margin-right:-2%;
        padding:1.25em 0 0 0;
        float:left;
        background:url(../images/nav-top.jpg) no-repeat 0 0;
    }
    #main-nav .nav .inner {
        width:100%;
        float:left;
        background:url(../images/nav-base.png) no-repeat 0 bottom;
    }
    #main-nav .nav ul {
        width:100%;
        padding:0 0 0.625em 0;
        float:left;
        background:url(../images/nav-right.png) no-repeat right bottom;
    }
    #main-nav .nav ul li {
        float:left;
    }
    #main-nav .nav ul li:first-child {
        padding-left:1.25em;
    }
    /* Links */
    #main-nav .nav ul li a {
        float:left;
        padding:0.8em 0.9em;
        display:block;
        color:#333;
        text-decoration:none;
    }
    #main-nav .nav ul li a:hover,
    #main-nav .nav ul li.selected a {
        color:#FFF;
        background:#22ACB9 url(../images/nav-selected.jpg) repeat-x top left;
        border:1px solid #00909D;
        margin:-1px;
        text-shadow: 0 1px #00909D;
    }
    #main-nav a span {
        font-size:0.9em;
        font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
    }
        /* Colour coded links */
        #main-nav .nav ul li.advice a:hover,
        #main-nav .nav ul li.advice.selected a {
            background:#85D590 url(../images/advice/nav-selected.jpg) repeat-x top left;
            border:1px solid #52A25D;
            text-shadow: 0 1px #52A25D;
        }
        #main-nav .nav ul li.involved a:hover,
        #main-nav .nav ul li.involved.selected a {
            background:#3ADDB9 url(../images/involved/nav-selected.jpg) repeat-x top left;
            border:1px solid #07AA86;
            text-shadow: 0 1px #07AA86;
        }
        #main-nav .nav ul li.campaigns a:hover,
        #main-nav .nav ul li.campaigns.selected a {
            background:#3189E1 url(../images/campaigns/nav-selected.jpg) repeat-x top left;
            border:1px solid #0E60B2;
            text-shadow: 0 1px #0E60B2;
        }
        #main-nav .nav ul li.news a:hover,
        #main-nav .nav ul li.news.selected a {
            background:#23629F url(../images/news/nav-selected.jpg) repeat-x top left;
            border:1px solid #003A73;
            text-shadow: 0 1px #003A73;
        }

    /* Donate button */
    #main-nav .donate {
        width:25%;
        float:right;
        background:url(../images/donation-top.jpg) no-repeat right 0;
        padding:2.05em 0 0 0;
    }
    #main-nav .donate .inner {
        width:86%;
        float:right;
        background:url(../images/donation-base.jpg) no-repeat right bottom;
        padding:0 0 0.625em 14%;
    }
    #main-nav .donate .inner a {
        float:left;
        padding:0.6em 0 0.2em 0;
        width:86%;
        color:#FFF;
        text-decoration:none;
        text-shadow: 0 1px #07AA86;
        background:url(../images/donation-arrow.png) no-repeat right 0.7em;
    }

	/* Subtle style	*/
	#main-nav .donate.subtle {
		background: url("../images/advice/donation-top.jpg") no-repeat scroll right 0 transparent;
	}
	#main-nav .donate.subtle .inner {
		background: url("../images/advice/donation-base.jpg") no-repeat scroll right bottom transparent;
	}
	#main-nav .donate.subtle .inner a {
		background: url("../images/advice/donation-arrow.png") no-repeat scroll right 0.7em transparent;
		color: #333333;
		text-shadow: none;
	}


/* CONTENT */
/* Structure */
#content .inner {
    float:left;
    width:96%;
    padding:0 2%;
}

#content .basket {
    width:100%;
    float:left;
    position:relative;
    z-index:100;
    padding:0.5em 0;
    background:url(../images/content-top.png) no-repeat top left;
    border-bottom:1px solid #EEE;
}

#content .breadcrumb {
    width:100%;
    float:left;
    position:relative;
    z-index:100;
    min-height:2.5em;
    background:url(../images/content-top.png) no-repeat top left;
}

#content .container {
    float:left;
    width:100%;
    background:transparent;
    overflow:hidden;
    position:relative;
    z-index:0;
    margin-top:-2.5em;
}
#content .container.home {
    margin-top:0;
}
#content .main-container {
    float:left;
    width:100%;
    background:transparent;
    position:relative;
    left:22%;
    z-index:0;
}
#content .home .main-container {
    left:0;
}
#content .home .main-container:first-child {
    background:url(../images/content-top.png) no-repeat top right;
}
#content .right-container {
    float:left;
    width:100%;
    background:#F6F6F6 url(../images/right-bg.jpg) repeat-y top left;
    position:relative;
    left:55%;
    z-index:0;
}
#content .home .right-container {
    left:77%;
}
#content .left {
    float:left;
    width:22%;
    position:relative;
    overflow:hidden;
    right:77%;
    z-index:0;
    padding-top:2.5em;
}
#content .main {
    float:left;
    width:55%;
    position:relative;
    overflow:hidden;
    right:77%;
    z-index:0;
    padding:2.5em 0 5em 0;
}
#content .home .main {
    width:77%;
    padding:1.75em 0 1em 0;
}
.full .left,
.full .main {
    right:0 !important;
    padding:0 0 5em 0 !important;
}
.full .main {
    width:78% !important;
}
#content .right {
    float:left;
    width:23%;
    position:relative;
    overflow:visible;
    right:77%;
    z-index:0;
    padding:0.9em 0 3em 0;
}
#content .home .right {
    padding:1em 0 0 0;
}

#content img {
    width:100%;
    margin:0.3em 0 1em 0;
    float:left;
    max-width:715px !important;
}

#content p img {
    max-width:100%;
	width: auto;
    margin:0.5em 0 1em 0;
    float:left;
}

/* Basket info */
#content .basket p {
    font-size:0.7em;
    font-weight:bold;
    float:left;
    padding:0.25em 0 0.75em 0;
    color:#33B3BF;
	width:55%;
}
#content .basket a {
    color:#33B3BF;
}
#content .basket a.button {
    display:block;
    font-size:0.7em;
    background:#33B3BF;
    color:#FFF;
    padding:0.5em 1em 0.6em 1em;
    -moz-border-radius:5px;
    border-radius:5px;
    float:right;
    text-decoration:none;
}
#content .basket a:hover.button {
    background:#333;
}

/* Breadcrumbs */
#content .breadcrumb ul {
    padding:0.625em 0 0 0;
    width:77%;
    float:left;
}
#content .breadcrumb ul li {
    font-size:0.7em;
    float:left;
}
#content .breadcrumb ul li a {
    color:#999;
}
#content .breadcrumb ul li span {
    color:#999;
    padding:0 0.625em;
}

/* Left nav */
#content .left ul {
    margin:0 0 0 0;
    padding:0 0 4em 0;
    float:left;
    background:#CCECEF url(../images/left-nav-base.jpg) no-repeat bottom left;
    width:100%;
}
    #content .left ul.secondary {
        background:#F5F5F5 url(../images/left-nav-secondary-base.jpg) no-repeat bottom left;
        padding:0 0 6em 0;
    }
    #content .left ul li {
        padding:1em 1.25em 0 1.25em;
        display:block;
        float:left;
        line-height:1.2em;
        clear:both;
    }
    #content .left ul li.selected {
        background:url(../images/left-nav-selected.png) no-repeat 0 1.25em;
    }
    #content .left ul li a {
        font-size:1.1em;
        font-family:'MyriadProBold', Arial, Helvetica, sans-serif;
        color:#333;
        text-decoration:none;
        display:block;
    }
    #content .left ul li.selected a {
        color:#009FAE;
    }
    #content .left ul li ul {
        background:none;
        padding:0 0 1em 0;
    }
    #content .left ul li li {
        padding:0.7em 0 0 0;
    }
    #content .left ul li li a,
    #content .left ul.secondary li a {
        font-size:0.8em;
        font-family:Arial, Helvetica, sans-serif;
    }
    #content .left ul li.selected li {
        background:none;
    }
    #content .left ul li.selected li a {
        color:#333;
    }
    #content .left ul li.selected li.selected a {
        font-weight:bold;
    }
    #content .left ul li a:hover,
    #content .left ul li li a:hover {
        color:#009FAE;
    }

    /* Mobile dropdown nav */
    #content .left form {
        width:100%;
        float:left;
        display:none;
    }
    #content .left label {
        display:none;
    }
    #content .left select {
        width:100%;
		font-size:90%;
    }

/* Heros */
#content .hero-container {
    background:#00A0AF url(../images/hero-bg-top.png) no-repeat top right;
    float:left;
    width:325%;
    margin-left:-225%;
}
#content .home .hero-container {
    float:left;
    width:100%;
    margin-left:0;
}
#content .hero-container.sections {
    background:none;
    background-image:none;
    min-height:20.55em;
}
    #content .hero-container .hero {
        float:left;
        width:100%;
        background:url(../images/hero-bg-base.png) no-repeat bottom right;
    }
    #content .hero-container.sections .hero {
        background-image:none;
    }

    #content .hero .image {
        float:left;
        width:69.25%;
    }
    #content .home .hero .image {
        width:100%;
    }
    #content .sections .hero .image {
        height:20.55em;
        overflow:hidden;
        position:relative;
    }
    #content .home .sections .hero .image {
        height:25em;
    }
        #content .hero .image .detail {
            position:relative;
        }
        #content .hero .image img {
            margin:0 0 0 0;
            float:left;
        }
        #content .hero .image iframe {
            margin:0 0 0 0;
            float:left;
        }
        #content .sections .hero .image .info {
            position:absolute;
            bottom:0;
            left:0;
            background:url(../images/hero-info-bg.png) repeat top left;
            border-top-left-radius:10px;
            -moz-border-radius-topleft:10px;
            color:#FFF;
            height:6.79em;
            width:100%;
        }
        #content .home .sections .hero .image .info {
            position:relative;
            float:left;
            border-radius:10px;
            -moz-border-radius:10px;
            height:auto;
            width:100%;
        }
        #content .sections .hero .image .info h2 {
            background-image:none;
            font-size:1.2em;
            margin:0 0 0 0;
            font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
            padding:0.5em 0.5em 0 0.5em;
            display:none;
        }
        #content .sections .hero .image .info h2 span {
            background-image:none;
            padding:0 0 0 0;
            margin:0 0 0 0;
            display:inline;
            font-family:Arial, Helvetica, sans-serif;
            font-size:0.6em;
        }
        #content .sections .hero .image .info p {
            padding:0.8em 0.625em 0.25em 0.8em;
            width:95%;
        }
        #content .home .sections .hero .image .info p {
            font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
            font-size:1.2em;
            padding:0.8em 2% 0 4%;
            width:94%;
        }
        #content .sections .hero .image .info a {
            color:#FFF;
        }
        #content .sections .hero .image .info a.link {
            background:#00A0AF;
            border-top-right-radius:10px;
            -moz-border-radius-topright:10px;
            border-bottom-right-radius:10px;
            -moz-border-radius-bottomright:10px;
            padding:0.8em 0.625em 0.8em 0.8em;
            text-decoration:none;
            font-size:0.75em;
            display:block;
            font-weight:bold;
            position:absolute;
            bottom:0.8em;
            left:0;
        }
        #content .sections .hero .image .info a.link span {
            display:block;
            padding-right:2.25em;
            background:url(../images/left-nav-selected.png) no-repeat right 0.2em;
        }
        #content .home .sections .hero .image .arrow {
            background:url(../images/hero-home-arrow.png) no-repeat bottom right;
            width:100%;
            float:right;
            padding-bottom:1em;
        }
        #content .home .sections .hero .image .link {
            float:right;
            width:92%;
            padding:4%;
            font-size:1.1em;
            font-weight:normal;
            -moz-box-shadow: 0 0 10px #333;
            -webkit-box-shadow: 0 0 10px #333;
            box-shadow: 0 0 10px #333;
        }
            #content .home .sections .hero .image .link.advice {
                background:#67CB74;
            }
            #content .home .sections .hero .image .link.involved {
                background:#08BF96;
            }
            #content .home .sections .hero .image .link.campaigns {
                background:#1178DF;
            }
            #content .home .sections .hero .image .link.news {
                background:#004990;
            }
        #content .home .sections .hero .image a:hover.link {
            background:#333;
        }

    #content .hero .copy {
        float:left;
        width:30%;
        position:relative;
    }
    #content .home .sections .hero .image .copy {
        width:40%;
        top:1em;
        right:1em;
        position:absolute;
    }
        #content .hero .copy h2 {
            font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
            font-size:1.4em;
            background:url(../images/hero-arrow.png) no-repeat center left;
            margin:0.25em 0 0.25em -0.65em;
            float:left;
            color:#FFF;
            padding:0.4em 0 0.4em 15%;
        }
        #content .hero .copy p {
            font-size:0.9em;
            float:left;
            color:#FFF;
            padding:0 0 0.3em 10%;
            width:85%;
            line-height:1.2em;
        }
        #content .hero .copy a {
            float:left;
            color:#FFF;
            margin:0.5em 0 0 10%;
            background:#00909D;
            clear:both;
            padding:5%;
            display:block;
            text-decoration:none;
            font-weight:bold;
            -moz-border-radius:5px;
            border-radius:5px;
            width:75%;
        }
        #content .hero .copy a:hover {
            background:#333;
        }
        #content .hero .copy a span {
            float:left;
            background:url(../images/left-nav-selected.png) no-repeat right 0.2em;
            padding:0 5% 0 0;
            display:block;
            font-size:0.7em;
            width:95%;
        }
    #content .sections .hero ul {
        height:20.55em;
        width:30.75%;
        float:right;
        position:relative;
    }
    #content .home .sections .hero ul {
        height:6em;
        width:100%;
        float:left;
        margin:-4em 0 0 0;
        border-bottom:1em solid #00A0AF;
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
    }
        #content .sections .hero ul li {
            height:6.82em;
            margin-top:1px;
            width:100%;
            background:#E0E0E0;
            float:right;
            border-top-right-radius:10px;
            border-bottom-right-radius:10px;
            -moz-border-radius-topright:10px;
            -moz-border-radius-bottomright:10px;
        }
        #content .home .sections .hero ul li {
            width:33.3%;
            padding:0 0 0 0;
            margin-top:0;
            float:left;
            background:transparent;
            border-top-right-radius:0;
            border-bottom-right-radius:0;
            -moz-border-radius-topright:0;
            -moz-border-radius-bottomright:0;
        }
        #content .sections .hero ul li.selected {
            background:#00A0AF;
            height:6.805em;
        }
        #content .home .sections .hero ul li.selected {
            background:transparent;
        }
        #content .sections .hero ul li:first-child {
            margin-top:0;
        }
        #content .home .sections .hero ul li:first-child {
            width:33.45%;
            margin-right:-0.05%;
        }
        #content .sections .hero ul li a {
            font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
            font-size:1.2em;
            margin:0.25em 0 0.25em -0.79em;
            float:left;
            color:#666;
            padding:0.4em 1% 0.4em 14%;
            text-decoration:none;
            line-height:1.05em;
        }
        #content .home .sections .hero ul li a {
            margin:0.25em 0 0.25em 0;
            padding:0.4em 1% 0.4em 1%;
            background:url(../images/hero-home-item-bg.png) no-repeat -20px center;
            height:6em;
            color:#9AD9DF;
        }
        #content .sections .hero ul li a:hover {
            color:#333;
        }
        #content .sections .hero ul li.selected a {
            background:url(../images/hero-arrow.png) no-repeat center left;
            color:#FFF;
        }
        #content .home .sections .hero ul li.selected a {
            background:url(../images/hero-home-item-bg.png) no-repeat top center;
            color:#FFF;
        }
        #content .sections .hero ul li a span {
            font-family:Arial, Helvetica, sans-serif;
            font-size:0.7em;
        }
        #content .home .sections .hero ul li a span {
            font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
            font-size:1.4em;
            padding:1em 0.75em 0 0.75em;
            display:block;
            line-height:1em;
            height:4em;
            background:url(../images/hero-home-divider.png) no-repeat center left;
        }
        #content .home .sections .hero ul li:first-child a span {
            background:none;
        }

    #content .sections .hero ul.small {
        height:auto;
        width:100%;
        float:left;
        position:relative;
        display:none;
    }
        #content .sections .hero ul.small li {
            height:2em !important;
            margin:0.25em 0.5em 0 0 !important;
            width:2em !important;
            float:left;
            text-align:center;
            border-radius:10px;
            -moz-border-radius:10px;
        }
        #content .home .sections .hero ul.small li {
            margin:0.5em 1.5em 0 0 !important;
        }
        #content .sections .hero ul.small li a {
            font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
            font-size:1em;
            margin:0 0 0 0 !important;
            float:left;
            color:#666;
            padding:0.5em 0 0 0;
            text-decoration:none;
            text-align:center;
            width:2em;
            height:1.5em;
            border-radius:10px;
            -moz-border-radius:10px;
        }
        #content .home .sections .hero ul.small li a {
            font-size:1.4em;
            color:#FFF !important;
        }
        #content .sections .hero ul.small li.selected a {
            background-image:none !important;
            color:#FFF;
            background:#333 !important;
        }

/* Main content column */
#content .main .inner {
    float:left;
    width:88%;
    margin:0 7% 0 5%;
}
#content .home .main .inner {
    float:left;
    width:96%;
    margin:0 6% 0 0;
    padding:0 0 0 0;
}
#content .home .main .inner.home {
    width:100%;
    padding:0 0 0 0;
}
#content .home .main .inner.advice {
    background:#F5F5F5;
}
#content .home .main .inner.news {
    margin:-2em 0 3em 0;
}
.full .main .inner {
    width:97% !important;
    margin:0 0 0 3% !important;
}

    #content .main h1 span {
        display:block;
        font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
        font-size:0.55em;
        color:#333;
        padding-top:0.5em;
    }
    #content .main h2 {
        font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
        font-size:1.4em;
        background:url(../images/title-right.gif) no-repeat center right;
        float:left;
        width:102%;
        color:#FFF;
        margin:0 0 0.25em -2%;
    }
    #content .home .main h2.news {
        margin:0 0 0.5em 0;
        width:100%;
        background:url(../images/news/title-right-home.gif) repeat-x center right;
        font-size:1.8em;
    }
    .full .main h2 {
        width:99% !important;
        margin:0 0 0.25em -1% !important;
    }
    #content .main h2:first-child {
        margin:-0.5em 0 0.25em -2%;
    }
    #content .main h2 span {
        background:url(../images/title-left.jpg) no-repeat center left;
        float:left;
        display:block;
        width:96%;
        padding:1em 2%;
    }
    #content .home .main h2 span {
        background:url(../images/news/title-left-home.jpg) no-repeat center left;
        padding:0.6em 3%;
    }
    .full .main h2 span {
        width:97.5% !important;
        padding:1em 1.5% !important;
    }
    #content .main h2.plain {
        font-size:1.5em;
        background:none;
        width:98%;
        color:#333;
        margin:0 2% 0.625em 0 !important;
    }
    #content .main h2.filter {
        font-family:Arial, Helvetica, sans-serif;
        font-size:1em;
    }

    #content .main h3,
    #content .right h3 {
        font-family:'MyriadProBold', Arial, Helvetica, sans-serif;
        font-size:1.1em;
        color:#009FAD;
        margin:0 0 0.3em 0;
        line-height:1.15em;
    }
    #content .main h3 a,
    #content .right h3 a {
        color:#009FAD;
        text-decoration:none;
    }
    #content .main h3 a:hover,
    #content .right h3 a:hover {
        color:#333 !important;
    }

    #content .main p,
    #content .main li,
    #content .main dt,
    #content .main dd,
    #content .main th,
    #content .main td,
    #content .right .inner li {
        font-size:0.75em;
        line-height:1.5em;
    }

	#content .main dl.vacancy dt {
		font-weight: bold;
	}
	#content .main dl.vacancy dd > p {
		font-size:1em;
	}

    #content .main p,
    #content .main ul,
    #content .main ol,
    #content .main table,
    #content .right .inner ul {
        width:100%;
        float:left;
        margin:0 0 1.25em 0;
    }
    #content .main ol {
        padding-left:5%;
        width:95%;
        list-style:decimal;
    }
    #content .main ul li {
        padding:0 0 0.25em 5%;
        width:95%;
        background:url(../images/bullet.gif) no-repeat 0.625em 0.45em;
    }
    #content .right .inner ul li {
        padding:0 0 0.25em 10%;
        width:80%;
        background:url(../images/bullet.gif) no-repeat 0.625em 0.45em;
    }
    #content p.number {
        font-size:1.75em !important;
        margin:0 0 0.625em 0 !important;
        font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
        color:#009FAD;
        line-height:1em !important;
    }
    #content .right p.number {
        margin:0 0 0 0 !important;
    }
    #content .right .home.advice p.number {
        margin:0 0 0.25em 0 !important;
    }
    #content p.number span {
        display:block;
        font-size:0.65em;
        color:#333;
    }
    #content p.date,
	#content p.credit,
    #content p.cat {
        font-size:0.7em !important;
        color:#999;
        margin:0 0 0.5em 0;
    }

	#content p.credit {
        margin:-0.75em 0 1em 0;
		font-style:italic;
		text-align:right;
    }

    #content p.low-pro {
        display:none;
    }

    /* Highlighted links */
    #content .main p.links {
        background:url(../images/line-fade.png) no-repeat top right;
        padding:0.4em 0 0.625em 0;
        margin-top:0.4em;
    }
        #content .main p.links a {
            background:url(../images/link-arrow.gif) no-repeat center left;
            display:block;
            font-size:0.9em;
            padding:0.25em 0 0.25em 1.5em;
            color:#00909D;
            font-weight:bold;
            text-decoration:none;
        }
        #content .main p.links a:hover {
            text-decoration:underline;
        }

    /* Buttons */
    #content .main a.button {
        display:block;
        background:#666;
        text-align:center;
        text-decoration:none;
        border-radius:5px;
        -moz-border-radius:5px;
        float:left;
        padding:0.5em 1em;
        font-size:0.9em;
        color:#FFF;
        margin-right:1em;
    }
    #content .main a.button.buy {
        background:#00909D;
    }
    #content .main a:hover.button {
        color:#FFF !important;
        background:#333 !important;
    }
    #content .main a.button.added {
        background:#DDD;
        color:#333;
    }

    /* Lists */
    #content .main ul.list {
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    #content .main ul.small-screen {
        display:none;
    }
    #content .main ul.list.shop {
        padding:1em 0;
    }
    #content .main ul.list li {
        margin:0 0 0 0;
        padding:0 0 0.625em 0;
        width:100%;
        background:none;
        float:left;
    }
    #content .main ul.list.shop li {
        border-top:1px dotted #CCC;
        padding:1em 0;
        min-height:13em;
    }
    #content .main ul.list.events li {
        border-top:1px dotted #CCC;
        padding:0.625em 0;
    }
        #content .main ul.list.events li:first-child {
            border-top:0;
            padding:0 0 0.625em 0;
        }
    #content .main ul.list.docs li {
        padding:0 0 0.625em 10%;
        width:90%;
        background:url(../images/pdf.jpg) no-repeat top left;
    }
		#content .main ul.list.docs li.pdf {
			background:url(../images/pdf.jpg) no-repeat top left;
		}
		#content .main ul.list.docs li.word {
			background:url(../images/word.jpg) no-repeat top left;
		}
		#content .main ul.list.docs li.xls {
			background:url(../images/xls.jpg) no-repeat top left;
		}
		#content .main ul.list.docs li.ppt {
			background:url(../images/ppt.jpg) no-repeat top left;
		}
		#content .main ul.list.docs li.video {
			background:url(../images/mov.jpg) no-repeat top left;
		}
		#content .main ul.list.docs li.image {
			background:url(../images/img.jpg) no-repeat top left;
		}
		#content .main ul.list.docs li.audio {
			background:url(../images/aud.jpg) no-repeat top left;
		}
    .full .main ul.list.docs li {
        padding:0 0 0.625em 7% !important;
        width:93% !important;
    }
    #content .main ul.list li h3 {
        width:100%;
        font-size:1.5em;
        float:left;
    }
    #content .main ul.list.docs li h3 {
        margin-bottom:0.25em;
    }
    #content .main ul.list li p {
        width:100%;
        font-size:1em;
        float:left;
    }
    #content .main ul.list.shop li p {
        margin:0 0 0.5em 0;
    }
    #content.full .main ul.list li.image {
        width:46%;
        padding-right:3%;
    }
    #content.full .main ul.list.shop li.image {
        padding-right:0;
        margin-right:3%;
    }
    #content .main ul.list li.image h3 {
        width:54%;
        font-size:1.5em;
        float:right;
    }
    #content .main ul.list.events li.image h3 {
        width:100%;
    }
        #content .main ul.list.events li.image h3 span {
            float:left;
            display:block;
            padding:0 0 0.5em 0;
			width:70%;
        }
        #content .main ul.list.events li.image h3 a.button {
            float:right;
            font-size:0.6em;
            font-family:arial;
            margin:0 0 0 0;
        }
    #content .main ul.list.shop li.image p a.button {
        margin:0.5em 0 0 0;
    }
    #content .main ul.list li.image p {
        width:54%;
        float:right;
    }
    #content .main ul.list li img {
        width:40%;
        margin:0.3em 3% 2% 0;
        float:left;
    }
    #content .main ul.list li p.links {
        width:100% !important;
        background:url(../images/line-fade.png) no-repeat bottom right;
        padding-bottom:0.8em;
        margin-bottom:2em;
    }
    #content .main ul.list li p.date,
    #content .main ul.list li p.cat {
        font-size:0.9em !important;
    }
    #content .main ul.list.events li p.date,
    #content .right p.date.event {
        color:#333;
        font-weight:bold;
    }
    #content .main ul.list.faqs {
        margin:-1.25em 0;
    }
    #content .main ul.list.faqs li {
        border-top:1px dotted #CCC;
        padding-top:1.25em;
    }
    #content .main ul.list.faqs li:first-child {
        border-top:0;
    }
    #content .main ul.list.faqs h3 a {
        padding-left:4%;
        background:url(../images/faq-closed.gif) no-repeat center left;
        display:block;
        width:96%;
    }
    #content .main ul.list.faqs h3 a:hover {
        background:url(../images/faq-hover.gif) no-repeat center left;
    }
    #content .main ul.list.faqs h3 a.open {
        background:url(../images/faq-open.gif) no-repeat center left;
        color:#333;
    }
    #content .main ul.list.faqs span {
        padding-left:4%;
        display:none;
        float:left;
    }
    #content .main ul.steps {
        margin:0 0 1.5em 0;
		padding:0 0 0 0;
		width:auto;
		float:left;
	}
    #content .main ul.steps li {
		float:left;
		width:auto;
        margin:0 0 0 0;
        padding:0 0 0 0;
	}
		#content .main ul.steps li.last {
			float:left;
			width:auto;
			padding:0 1.75em 0 0;
			background: url(../images/step-arrow.png) no-repeat right -160px;
		}
		#content .main ul.steps li.last.complete {
			background: url(../images/step-arrow.png) no-repeat right -200px;
		}
		#content .main ul.steps li.last.current {
			background: url(../images/step-arrow.png) no-repeat right -240px;
		}
    #content .main ul.steps li a {
        margin:0 -2.5em 0 0;
        padding:0.85em 3.5em 1.25em 2.5em;
		height:1em;
		float:left;
		width:auto;
		background:url(../images/step-arrow.png) no-repeat top left;
		text-decoration:none;
		color:#999;
		font-size:0.9em;
    }
		#content .main ul.steps li:first-child a {
			background:#E5F5F7;
			padding:0.85em 3.5em 1.25em 1em;
			-moz-border-radius-topleft:5px;
			border-top-left-radius:5px;
			-moz-border-radius-bottomleft:5px;
			border-bottom-left-radius:5px;
		}
    #content .main ul.steps li.last a {
		padding:0.85em 1em 1.52em 2.5em;
        margin:0 0 0 0;
    }
    #content .main ul.steps li.complete a {
		background:url(../images/step-arrow.png) no-repeat left -80px;
		color:#333;
    }
		#content .main ul.steps li:first-child.complete a {
			background:#CCECEF;
		}
    #content .main ul.steps li.current a {
		background:url(../images/step-arrow.png) no-repeat left -120px;
		color:#FFF;
    }
		#content .main ul.steps li:first-child.current a {
			background:#67C5CF;
		}
    #content .main ul.steps li.next a {
		background:url(../images/step-arrow.png) no-repeat left -40px;
    }

    /* Homepage */
    #content .home .main .inner.home div {
        width:43%;
        float:right;
        padding:1.25em 5% 0 0;
        margin-top:-5px;
        margin-bottom:-5px;
        min-height:21.2em;
    }
    #content .home .main .inner.news div {
        margin-top:0.5em;
    }
    #content .home .main .inner.home div:first-child {
        float:left;
        padding:1.25em 0 0 3%;
    }
    #content .home .main .inner.advice div:first-child {
        background:url(../images/home-advice-bg.png) no-repeat top left;
    }
    #content .home .main .inner.advice div h1 {
        color:#333;
        font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
        font-size:1.9em;
    }
    #content .home .main .inner.advice div h2 {
        padding-top:0.25em;
        font-family:'MyriadProBold', Arial, Helvetica, sans-serif;
    }
    #content .home .main .inner.advice div ul.list {
        padding:0.5em 0 0 0;
    }
    #content .home .main .inner.advice div ul.list li {
        padding:0 0 0 0;
    }
    #content .home .main .inner.advice div ul.list img {
        width:26%;
        padding-right:1%;
    }
    #content .home .main .inner.advice div ul.list h3 {
        width:70%;
    }
    #content .home .main .inner.news div h3,
    #content .home .main .inner.news div h3 a {
        color:#0C6CC5;
    }
    #content .home .main .inner.news div:first-child h3,
    #content .home .main .inner.news div:first-child h3 a {
        color:#004990;
    }
    #content .home .main .inner.advice div ul.list li.image p {
        width:70%;
        padding:0 0 0 0;
    }
    #content .home .main .inner.advice div .links {
        margin-top:1em !important;
    }
    #content .home .main .inner.news div .links a {
        color:#0C6CC5;
        background:url(../images/campaigns/link-arrow.gif) no-repeat center left;
    }
    #content .home .main .inner.news div:first-child .links a {
        color:#004990;
        background:url(../images/news/link-arrow.gif) no-repeat center left;
    }
    #content .home .main .inner.advice div .links.large {
        background:none;
        padding:0 0 0 0;
        margin-top:0.5em !important;
    }
    #content .home .main .inner.advice div .links.large a {
        font-size:1em;
    }
    #content .home .main .inner.news iframe {
        margin:0 0 1em 0;
    }

    /* Pagination */
    #content .main ul.pagination {
        width:100%;
        float:left;
        border-bottom:1px solid #CCC;
        margin:0.75em 0 1.25em 0;
    }
    #content .main ul.pagination.base {
        border-top:1px solid #CCC;
        border-bottom:0;
        margin:1.25em 0 0.75em 0;
    }
    #content .main ul.pagination li {
        padding:0 0 0 0;
        background:none;
        float:left;
        width:auto;
        font-size:0.7em;
    }
    #content .main ul.pagination li a,
    #content .main ul.pagination li span {
        display:block;
        float:left;
        padding:0.7em 0.6em 0.6em 0.6em;
        text-decoration:none;
        text-align:center;
    }
    #content .main ul.pagination.events li a {
        color:#999;
        padding:0.7em 0.7em 0.6em 0.7em;
    }
    #content .main ul.pagination li a:hover {
        background:url(../images/pagination-arrow.gif) no-repeat bottom center;
        color:#333;
    }
    #content .main ul.pagination li a.selected {
        font-weight:bold;
        background:url(../images/pagination-arrow.gif) no-repeat bottom center;
        color:#333;
    }
    #content .main ul.pagination.base li a:hover,
    #content .main ul.pagination.base li a.selected {
        background:url(../images/pagination-arrow-base.gif) no-repeat top center;
    }
    #content .main ul.pagination li a.disabled {
        color:#999;
    }
    #content .main ul.pagination li a.previous {
        padding:0.6em 1em 0.6em 0;
    }
    #content .main ul.pagination li a.next {
        padding:0.6em 0 0.6em 1em;
    }
    #content .main ul.pagination li a:hover.disabled,
    #content .main ul.pagination li a:hover.previous,
    #content .main ul.pagination li a:hover.next {
        background:none;
    }
    #content .main .load-more {
        display:none;
    }

    /* Forms */
    #content .main form {
        width:100%;
        margin:0 0 1.25em 0;
        float:left;
        border-top:1px dotted #CCC;
        padding-top:0.75em;
    }
    #content .main form h3 {
        padding:0 0 0.75em 0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1em;
        color:#666;
    }
    #content .main form fieldset {
        border-bottom:1px dotted #CCC;
        padding-bottom:0.5em;
        margin-bottom:1em;
    }
    #content .main form dl {
        width:100%;
        float:left;
    }
        #content .main form dl dt {
            width:25%;
            float:left;
			clear:left;
        }
		#content .main form dl.stacked dt {
			width:100%;
		}
        .full .main form dl dt {
            width:20% !important;
        }
            #content .main form dl label,
            #content .main form dl span.label {
                padding:0.3em 0 0 0;
                margin:0 0 0 0;
                display:block;
                float:left;
            }
            #content .main form dl dt label,
            #content .main form dl dt span.label {
                font-weight:bold;
            }
        #content .main form dl dd {
            width:75%;
            float:left;
        }
		#content .main form dl.stacked dd {
			width: 100%;
		}
        #content .main form dl dd.check {
            margin-bottom:1em;
        }
        .full .main form dl dd {
            width:77% !important;
        }
            #content .main form dl dd input,
            #content .main form dl dd select,
            #content .main form dl dd textarea {
                width:97%;
                float:left;
                margin-bottom:1em;
            }
            #content.full .main form dl dd input,
            #content.full .main form dl dd select,
            #content.full .main form dl dd textarea {
                padding:0.65%;
            }
            #content .main form dl dd select {
                width:99.5%;
            }
            #content.full .main form dl dd select {
                width:99% !important;
            }
            #content .main form dl dd textarea {
                height:5em;
            }
            #content.full .main form dl dd textarea {
                height:5em;
                width:98% !important;
            }
            #content .main form dl dd input[type=checkbox],
            #content .main form dl dd input[type=radio] {
                width:auto !important;
                margin:0.3em 0.5em 0 0;
            }
            .full .main form dl dd input {
                width:97.75% !important;
            }
            .full .main form dl dd select {
                width:100% !important;
            }
            #content .main form dl dd.date input[type=text] {
                width:18% !important;
                float:left;
                margin-right:1em;
            }
            #content .main form dl dd .note {
				display:block;
				font-size:0.9em;
				color:#999;
				margin:-0.75em 0 1em;
				float:left;
			}
			#content .main form dl dd.auto-select select {
                width:auto;
            }
            #content .main form .req {
				color:#F00;
			}
            #content input.small {
                width:3em;
            }
            #content .main form dl dd.date label {
                padding-right:0.75em;
            }
            #content .main form dl dd.check label {
                padding-right:1em;
            }
            #content .main form dl dd.list span {
                display:block;
                float:left;
                width:100%;
                margin-bottom:0.25em;
            }
            #content .main form dl dd.list label {
                float:left;
                width:85%;
            }
        #content .main form input[type=submit] {
            float:right;
            margin-right:1%;
            width:auto !important;
        }
        #content.full .main form input[type=submit] {
            margin-right:1em !important;
        }
		#content .main form input[type="image"] {
			border:0;
			padding:0;
			margin:0;
		}

    /* Filter forms */
    #content .main form.filter {
        width:95.5%;
        padding:2%;
        border:1px solid #CCC;
        -moz-box-shadow: 0 0 10px #EEE;
        -webkit-box-shadow: 0 0 10px #EEE;
        box-shadow: 0 0 10px #EEE;
    }
    .full .main form.filter {
        width:93.6% !important;
    }
    #content .main form.filter fieldset {
        display:none;
        padding:0.625em 0 0 0;
        border-bottom:0;
        margin-bottom:0;
    }
        #content .main form.filter h3 {
            padding:0 0 0 0;
        }
        #content .main form.filter h3 a {
            color:#333;
            display:block;
        }
        #content .main form.filter h3 em {
            font-style:normal;
        }
        #content .main form.filter h3 span {
            font-size:0.7em;
            float:right;
            text-decoration:underline;
            padding-top:0.1em;
        }
        #content .main form.filter h3 a:hover span {
            text-decoration:none;
        }
        #content .main form.filter dt,
        #content .main form.filter dd {
            font-size:0.7em;
        }
        #content .main form.filter input,
        #content .main form.filter select {
            font-size:1em;
        }

    /* Messages */
    #content .main .message {
        width:100%;
        float:left;
        margin:0 0 0.5em 0;
    }
        #content .main .message.error {
            background:#FCC;
        }
        #content .main .message.info {
            background:#CCECEF;
        }
        #content .main .message.success {
            background:#FF9;
        }
	#content .main .message p {
		margin:0.5em;
		font-size:0.7em;
		font-weight:bold;
	}

    /* Tables */
    #content .main table {
        width:100%;
        margin:-1.25em 0 -1.25em 0;
        float:left;
    }
	h2 + table {
		margin: 0 .5em !important;
	}

    #content .main table.shop {
        margin:1em 0;
        border-top:1px solid #CCC;
        border-bottom:1px solid #CCC;
    }
    #content .main table tr th {
        padding:0.75em;
        font-size:0.7em;
        font-weight:bold;
        background:#F6F6F6;
    }
    #content .main table tr td {
        padding:0.75em;
        vertical-align:top;
        border-top:1px solid #EEE;
    }
    #content .main table tr.first td {
        border-top:0;
    }
    #content .main table.docs tr td:first-child {
        width:55%;
    }
    #content .main table.docs tr td.price {
        width:10%;
    }
    #content .main h3.doc {
        float:left;
        padding-right:1em;
        padding:0 0 0 2.5em;
        background:url(../images/pdf.jpg) no-repeat left 0;
        min-height:2.5em;
    }
		#content .main h3.doc.pdf {
			background:url(../images/pdf.jpg) no-repeat left 0;
		}
		#content .main h3.doc.word {
			background:url(../images/word.jpg) no-repeat left 0;
		}
		#content .main h3.doc.xls {
			background:url(../images/xls.jpg) no-repeat left 0;
		}
		#content .main h3.doc.ppt {
			background:url(../images/ppt.jpg) no-repeat left 0;
		}
		#content .main h3.doc.image {
			background:url(../images/img.jpg) no-repeat left 0;
		}
		#content .main h3.doc.video {
			background:url(../images/mov.jpg) no-repeat left 0;
		}
		#content .main h3.doc.audio {
			background:url(../images/aud.jpg) no-repeat left 0;
		}
    #content .main table.docs tr td h3 a {
        display:block;
        min-height:2.5em;
        float:left;
    }
    #content .main table tr td p {
        font-size:1em;
    }
    #content .main table.docs tr td strong {
        float:left;
    }
    #content .main table tr td h3 {
        font-size:1.5em;
    }
    #content .main table.shop tr td img {
        float:left;
        width:2.75em;
        margin:0.2em 1em 0 0;
    }
    #content .main table.shop tr td.postage label {
        float:left;
    }
    #content .main table.shop tr td.postage input {
        margin:0 0.5em 0 0;
        float:left;
    }
    #content .main table tr td .button {
        margin:0 0 0 0;
    }

/* Right column */
#content .right.has-hero {
    margin:3em 0 -1em 0;
    padding:2.5em 0 0 0;
}

#content .right .inner {
    float:left;
    width:93%;
    margin:0 0 0 10%;
    padding:0.8em 0;
    background:url(../images/line-fade-right.png) no-repeat top right;
}
#content .right .inner:first-child {
    background:none;
}

#content .right .section.small-only {
    display:none;
}
#content .right .section.home {
    float:left;
    margin:0.75em 0 0 0;
}
#content .right .section.advice,
#content .right .section.buy {
    margin:1.25em 0 0 0;
    background:#E9E9E9;
    min-height:22em;
    width:101%;
}
#content .right .section.buy {
    min-height:0;
    float:left;
    border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    width:96%;
}

    #content .right h2 {
        font-family:'MyriadProBold', Arial, Helvetica, sans-serif;
        font-size:1.4em;
        background:url(../images/right-title-arrow.png) no-repeat 0 0;
        margin:1.25em 0 0 -0.72em;
        padding:0 0 0.625em 1.7em;
        float:left;
    }
    #content .right .section.advice h2 {
        margin:1em 0 0 -0.72em;
    }
    #content .right .section.buy h2 {
        margin:0.75em 0 0 -0.72em;
    }
    #content .right h2 a {
        text-decoration:none;
        display:block;
        cursor:pointer;
    }

    #content .right h3 {
        margin:0 1.25em 0.625em 0;
    }
    #content .right h3.advice,
    #content .right h3.advice a {
        color:#5CB668;
    }
    #content .right h3.involved,
    #content .right h3.involved a {
        color:#08BF96;
    }
    #content .right h3.campaigns,
    #content .right h3.campaigns a {
        color:#1178DF;
    }
    #content .right h3.news,
    #content .right h3.news a {
        color:#004990;
    }

    #content .right img {
        margin:0 0 0.5em 0;
    }

    #content .right ul.links-list {
        padding-right:10%;
        width:90%;
        float:left;
        margin:0 0 0 0;
    }
    #content .right ul.links-list li {
        width:100%;
        float:left;
        background:none;
        padding:0 0 0 0;
    }
    #content .right ul.links-list li a {
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.4em;
        background:url(../images/line-fade-right.png) no-repeat top right;
        display:block;
        text-decoration:none;
        padding:1em 0;
    }
    #content .right ul.links-list li:first-child a {
        background:none;
        padding:0 0 0.625em 0;
    }
    #content .right ul.links-list li a:hover {
        text-decoration:underline;
    }

    #content .right p {
        font-size:0.75em;
        line-height:1.4em;
        margin:0 0 0.625em 0;
        padding-right:10%;
        width:90%;
        float:left;
    }

    /* Highlighted links */
    #content .right p.link,
    #content .home .advice p.link {
        float:left;
        width:105%;
        display:block;
        background:#00A0AF url(../images/right-link-bg.png) no-repeat bottom right;
        padding:0 0 0.7em 0;
        margin:0.5em 0 0 -10.8%;
    }
    #content .home .advice p.link {
        background:#00A0AF url(../images/right-link-bg-dk.png) no-repeat bottom right;
    }
        #content .right p.link.advice {
            background:#67CB74 url(../images/advice/right-link-bg.png) no-repeat bottom right;
        }
        #content .right p.link.involved {
            background:#08BF96 url(../images/involved/right-link-bg.png) no-repeat bottom right;
        }
        #content .right p.link.campaigns {
            background:#1178DF url(../images/campaigns/right-link-bg.png) no-repeat bottom right;
        }
        #content .right p.link.news {
            background:#004990 url(../images/news/right-link-bg.png) no-repeat bottom right;
        }
        #content .right p:hover.link {
            background:#333 url(../images/right-link-bg-hover.png) no-repeat bottom right;
        }
    #content .right p.link a,
    #content .home .advice p.link a {
        padding:0.7em 0 0 10%;
        display:block;
        background:#00A0AF url(../images/right-link-bg.png) no-repeat top right;
        color:#FFF;
        text-decoration:none;
    }
    #content .home .advice p.link a {
        background:#00A0AF url(../images/right-link-bg-dk.png) no-repeat top right;
    }
        #content .right p.link.advice a {
            background:#67CB74 url(../images/advice/right-link-bg.png) no-repeat top right;
        }
        #content .right p.link.involved a {
            background:#08BF96 url(../images/involved/right-link-bg.png) no-repeat top right;
        }
        #content .right p.link.campaigns a {
            background:#1178DF url(../images/campaigns/right-link-bg.png) no-repeat top right;
        }
        #content .right p.link.news a {
            background:#004990 url(../images/news/right-link-bg.png) no-repeat top right;
        }
        #content .right p:hover.link a {
            background:#333 url(../images/right-link-bg-hover.png) no-repeat top right;
        }
    #content .right p.link a span,
    #content .home .advice p.link a span {
        padding:0 10% 0 0;
        display:block;
        background:url(../images/left-nav-selected.png) no-repeat 95% center;
    }

    #content .right p.link.large {
        margin:0.5em 0 0.625em 0;
        width:97%;
    }
    #content .right p:first-child.link.large {
        margin:2.25em 0 0.625em 0;
    }
    #content .home .right p:first-child.link.large {
        margin:1.3em 0 0 0;
    }
    #content .right p.link.large a {
        padding:0 0 0.7em 0;
    }
    #content .right p.link.large a span {
        background:url(../images/right-link-shadow.png) repeat-y top left;
        margin:0 0 -1.4em 0;
        padding:0.9em 5% 0.9em 10%;
        font-size:0.9em;
    }
    #content .home .right p.link.large a span {
        padding:0.4em 5% 0.2em 10%;
    }
    #content .right p.link.large a em {
        display:block;
        font-size:1.7em;
        line-height:1.1em;
        padding:0 0 0.2em 0;
        font-style:normal;
        font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
    }

    /* Forms */
    #content .right input,
    #content .right select,
    #content .right textarea {
        padding:2%;
    }
    #content .right input[type=submit] {
        padding:2% 5%;
        margin:0.5em 0;
        font-size:0.7em;
    }


/* FOOTER */
/* Footer section nav */
#footer .inner {
    float:left;
    position:relative;
}

#footer-nav {
    width:100%;
    float:left;
    margin-top:-3.5em;
}

/* Shared */
#footer-nav h2 {
	font-family:'MyriadProBold', Arial, Helvetica, sans-serif;
    font-size:1.1em;
    padding:1.25em 0 0.625em 0;
    margin:0 0 0.625em 0;
    background:url(../images/line-fade.png) no-repeat right bottom;
}
#footer-nav .tracks h2 {
    margin:0 1em 0.625em 0;
    background:url(../images/line-fade-right.png) no-repeat right bottom;
}
#footer-nav p {
    font-size:0.7em;
    line-height:1.3em;
    padding:0 2em 1em 0;
}

/* footer section links */
#footer-nav .nav {
    width:77%;
    margin-right:-2%;
    padding:2.5em 0 0 0;
    float:left;
    background:url(../images/footer-top.png) no-repeat 0 0;
}
    #footer-nav .nav .inner {
        width:100%;
        float:left;
        background:url(../images/footer-base.png) no-repeat right bottom;
    }
    #footer-nav .nav ul {
        width:100%;
        padding:0 0 0.625em 0;
        float:left;
        background:url(../images/footer-right.png) no-repeat right bottom;
        min-height:11.1em;
    }
    #footer-nav .nav ul li {
        float:left;
        width:31%;
    }
    #footer-nav .nav ul li:first-child {
        padding-left:1.25em;
    }
    #footer-nav .nav ul li ul {
        width:100%;
        padding:0 0 0 0;
        float:left;
        background:none;
    }
    #footer-nav .nav ul li li,
    #footer-nav .tracks ul li {
        width:80%;
        padding:0 0 0.625em 0;
        line-height:1em !important;
    }
    #footer-nav .nav ul li li:first-child {
        padding-left:0;
    }
    #footer-nav .nav ul li li a,
    #footer-nav .tracks ul li a {
        font-size:0.7em;
        line-height:1em !important;
    }

/* Hide your tracks */
#footer-nav .tracks {
    width:24%;
    float:right;
    background:url(../images/tracks-top.png) no-repeat right 0;
    padding:3em 0 0 0;
}
    #footer-nav .tracks .inner {
        width:82%;
        float:left;
        background:#ECECEC url(../images/tracks-bg.jpg) repeat-y top left;
        padding:0 0 0 10%;
        min-height:15.07em;
    }
    #footer-nav .tracks .social {
        width:100.5%;
        float:left;
        background:url(../images/sub-footer-base.jpg) no-repeat bottom left;
        position:absolute;
        bottom:-5.05em;
        left:-1px;
        padding:0 0 0 0;
        border-top:1px solid #CCC;
    }
    #footer-nav .tracks .social .buttons {
        width:100%;
        float:left;
        height:3em;
        padding:1em 0 1em 0;
        background:url(../images/sub-footer-right-base.jpg) no-repeat bottom right;
    }
    #footer-nav .tracks .social .buttons a {
        float:right;
        padding:0.5em 0.625em 1.25em 0 !important;
        display:block;
        width:14%;
    }
    #footer-nav .tracks .social .buttons a img {
        width:100%;
        margin:0 1em 2em 0;
    }

/* Sub footer */
#sub-footer .edge {
    width:75%;
    float:left;
    background:#666 url(../images/sub-footer-top.png) no-repeat top left;
    margin-top:-0.625em;
    height:11px;
    clear:both;
}

#sub-footer .inner {
    width:100%;
    max-width:60em;
    margin:0 auto 3em auto;
    clear:both;
}

#sub-footer .newsletter {
    width:70%;
    float:left;
    color:#FFF;
    margin:1em 0 0 0;
    height:5em;
}
    #sub-footer .newsletter h2 {
        font-family:'MyriadProBold', Arial, Helvetica, sans-serif;
        font-size:1.1em;
        color:#FFF;
        padding:0 0 0.25em 0;
    }
    #sub-footer .newsletter h2 a {
        color:#FFF;
        text-decoration:none;
    }
    #sub-footer .newsletter p {
        font-size:0.7em;
    }

#sub-footer .links {
	font-size:0.7em;
    width:100%;
    float:left;
    border-top:1px dashed #858585;
}
    #sub-footer ul {
        width:45%;
        float:right;
        text-align:right;
        padding:2em 0 3em 0;
    }
        #sub-footer ul li {
            display:inline;
            padding-left:1em;
        }
        #sub-footer ul li a {
            color:#B3B3B3;
        }
        #sub-footer ul:first-child {
			width:54%;
            float:left;
            text-align:left;
        }
        #sub-footer ul:first-child li {
            padding-right:1em;
            padding-left:0;
        }
        #sub-footer ul:first-child li a {
            color:#FFF;
        }

#sub-footer .legals {
	font-size:0.7em;
    width:100%;
    float:left;
    padding:0 0 3em 0;
    color:#B3B3B3;
    line-height:1.3em;
}



/* layouts smaller than 800px, tablets etc */
@media screen and (max-width: 800px) {

    /* HEADER */
    #header .logo {
        width:16%;
        margin:0.625em 0 0.625em 0.625em;
    }

    /* Shared nav */
    #header .shared {
        margin-right:0.5em;
    }
        #header .shared .large {
            display:none;
        }

    /* Search form */
    #header form {
        display:none;
    }

	/* Exit */
	#header .exit,
	#header .leave {
		top:8.1em !important;
	}

    /* Main nav */
    #main-nav .nav {
        width:100%;
        position:relative;
    }
        #main-nav .nav ul {
            background:url(../images/nav-right-med.png) no-repeat right top;
            margin:-1px 0 0 0;
            padding-top:1px;
        }
		#main-nav .nav ul li a {
			padding:0.8em 0.45em 0.8em 0.45em;
		}
        /* Hidden span for styling */
        #main-nav .nav .right {
            display:block;
            position:absolute;
            bottom:0.57em;
            right:0;
            height:1px;
            width:20px;
            background:url(../images/nav-right-med.png) no-repeat right bottom;
        }
        /* Donate button */
        #main-nav .donate {
            width:auto;
            float:right;
            background:#14C69E;
            padding:0.25em 0.5em 0.5em 0.5em;
            position:absolute;
            top:4em;
            right:0.75em;
            -moz-border-radius:5px;
            border-radius:5px;
            font-size:0.8em;
        }
            #main-nav .donate .inner {
                width:auto;
                float:right;
                background:none;
                padding:0 0 0 0;
            }
            #main-nav .donate .inner a {
                float:left;
                padding:0 2.5em 0 0.25em;
                width:auto;
                color:#FFF;
                text-decoration:none;
                text-shadow: 0 1px #07AA86;
                background:url(../images/donation-arrow.png) no-repeat right 0.15em;
            }

    /* CONTENT */
    /* Structure */
    #content .container {
        margin-top:0;
    }
    #content .main-container,
    #content .home .main-container {
        left:0;
    }
    #content .right-container,
    #content .home .right-container {
        background:none;
        left:0;
    }
    #content .left {
        width:25%;
        right:0;
        padding-top:0;
    }
    #content .main {
        float:right;
        width:72%;
        right:0;
        padding:0 0 0 0;
    }
    #content .home .main {
        width:100%;
    }
    .full .main {
        width:74% !important;
    }
    #content .right {
        float:right;
        width:72%;
        right:0;
        padding:0;
        margin:0 0 4em 0;
    }
    #content .home .right {
        width:100%;
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    #content .right.has-hero {
        margin:-2em 0 0 0;
        background:none;
        width:72%;
        padding:0;
    }
    #content .main .inner,
    #content .right .inner {
        width:100% !important;
        margin:0 0;
        padding:0 0 1em 0;
        background:none;
    }
    #content .home .main .inner {
        padding:0 0 0 0;
    }
    /* Heros */
    #content .hero-container {
        width:100%;
        margin:1em 0 2em 0;
        background-image:none !important;
        -moz-border-radius:5px;
        border-radius:5px;
    }
    #content .home .hero-container {
        margin:0 0 0 0 !important;
        padding:0 0 0 0 !important;
    }
        #content .hero-container .hero {
            background-image:none !important;
        }
        #content .hero .image {
            width:100%;
        }
            #content .hero .image img {
                width:100%;
                max-width:100% !important;
            }
            #content .sections .hero .image .info {
                height:auto;
                padding-bottom:2.75em;
                border-top-left-radius:0;
                -moz-border-radius-topleft:0;
                background:#333;
            }
            #content .home .sections .hero .image .info {
                padding-bottom:0;
                background:url(../images/hero-info-bg.png) repeat top left;
            }
            #content .sections .hero .image .info h2 {
                display:block;
                background:none;
                border-top-radius:0;
                -moz-border-radius:0;
                line-height:1.3em;
            }
        #content .hero .copy {
            width:100%;
            margin:-5em 0 0.625em 0;
            background:#00A0AF;
        }
        #content .home .hero .copy {
            margin:0 0 0 0;
            background:none;
        }
        #content .video .hero .copy {
            margin:0 0 0.625em 0;
        }
        #content .sections .hero ul {
            display:none;
        }
        #content .sections .hero ul.small {
            display:block;
        }
        #content .home .sections .hero ul.small {
            height:auto;
            width:100%;
            float:left;
            margin:0 0 0 0;
            border-bottom:0;
            border-bottom-left-radius:0;
            border-bottom-right-radius:0;
            -moz-border-radius-bottomleft:0;
            -moz-border-radius-bottomright:0;
        }
            #content .hero .copy h2 {
                background:none !important;
                margin:0 0 0.25em 0;
                padding:2%;
                width:96%;
            }
            #content .hero .copy p {
                padding:0 2%;
                width:96%;
            }
            #content .hero .copy a {
                margin:0.5em 0 0 2%;
                clear:none;
                padding:2%;
                width:90%;
            }

        /* Content styles */
        #content .main h2 {
            width:100%;
            margin:0 0 0.25em 0;
        }
        #content .main h2:first-child {
            margin:0 0 0.25em 0;
        }
        #content .main h2.filter {
            font-size:1em !important;
            padding-bottom:1em;
        }
        #content .home .main h2.news {
            background:url(../images/news/title-right-home-resp.gif) no-repeat center right;
            margin:0 0 1em 0;
        }
		#content .main table {
			width:98.5%;
		}
        #content .main ul.list li.image h3 {
            width:71%;
        }
        #content .main ul.list li.image p {
            width:71%;
        }
        #content .main ul.list.events li.image p.cat {
            width:71%;
        }
        #content .main ul.list li img {
            width:25%;
        }
        #content .main ul.list.docs li {
            padding:0 0 0.625em 9%;
            width:91%;
        }
        #content .main ul.list.faqs {
            margin:0 0 1em 0;
            border-bottom:1px solid #CCC;
        }
        #content .main ul.list.faqs li {
            border-top:1px dotted #CCC;
            padding-top:1.25em;
        }
        #content .main ul.list.faqs li:first-child {
            border-top:1px solid #CCC;
        }
        #content .main ul.list.faqs h3 a {
            padding-left:6%;
            width:94%;
        }
        #content .main ul.list.faqs span {
            padding-left:6%;
        }
        #content .main ul.pagination {
            display:none;
        }
        #content .main .load-more {
            display:block;
            text-align:center;
            float:left;
            width:100%;
            margin-bottom:1em;
        }
        #content .main .load-more a {
            display:inline-block;
            background:#F6F6F6;
            text-decoration:none;
            font-size:0.75em;
            -moz-border-radius:5px;
            border-radius:5px;
            padding:1em;
            font-weight:bold;
        }
        .full .main form.filter {
            width:95.7% !important;
        }
        .full .main table.docs {
            margin:0 0 1.25em 0 !important;
            border-top:1px solid #CCC;
            border-bottom:1px solid #CCC;
        }
		#content .main table.docs tr td:first-child {
			width:90%;
		}
        /* Homepage */
        #content .home .main .inner.home {
            -moz-border-radius-topleft:10px;
            border-top-left-radius:10px;
            -moz-border-radius-topright:10px;
            border-top-right-radius:10px;
        }
        #content .home .main .inner.home div {
            width:43%;
            float:right;
            padding:1em 5% 0 0;
            margin-top:0;
            margin-bottom:0;
            min-height:0;
        }
        #content .home .main .inner.home div:first-child {
            background:none;
            padding:1em 0 0 3%;
        }
        #content .home .main .inner.news {
            margin:-2em 0 0 0;
        }
        /* Right */
        #content .right .section {
            float:left;
            width:100%;
        }
        #content .right .section.advice,
        #content .right .section.buy {
            margin:-2em 0 0 0;
            background:#F5F5F5;
            min-height:0;
            -moz-border-radius-bottomleft:10px;
            border-bottom-left-radius:10px;
            -moz-border-radius-bottomright:10px;
            border-bottom-right-radius:10px;
            -moz-border-radius-topright:0;
            border-top-right-radius:0;
            padding:0 3%;
            width:94.5%;
        }
		#content .right .section.buy {
			border-radius:10px;
			-moz-border-radius:10px;
            padding:3%;
            margin:0 0 0 0;
		}
        #content .right.news .section {
            float:right;
            width:43%;
            padding:0 5% 3.5em 0;
            margin-top:0 !important;
        }
        #content .right.news .section:first-child {
            padding:0 0 0 3%;
            float:left;
        }
        #content .right.large-only {
            display:none;
        }
        #content .right .section.small-only {
            display:block;
        }
        #content .right .highlight {
            -moz-border-radius:5px;
            border-radius:5px;
            background:#F6F6F6;
            width:100%;
            margin:0 0 0.625em 0;
            text-align:center;
        }
        #content .right h2 {
            background:none;
            margin:1em 0 0 0;
            padding-left:0;
        }
        #content .right .section.advice h2,
        #content .right .section.buy h2 {
            margin:0 0 0 0;
        }
        #content .home .right.news .section h2 {
            margin:0 0 0 0;
        }
        #content .right .highlight h2 {
            width:100%;
            margin:0.5em 0 0 0;
        }
        #content .right h3 {
            width:90%;
        }
        #content .right p.number {
            margin-left:0 !important;
        }
        #content .right .inner {
            padding:0 0 0 0;
        }
        #content .right .inner img {
            width:25%;
            float:left;
            margin-top:0;
        }
        #content .right .inner p {
            width:71%;
            padding-right:0;
            float:right;
        }
        #content .right .highlight p,
        #content .right .news p {
            width:100%;
        }
        #content .right ul.links-list li a,
        #content .right ul.links-list li a:first-child {
            background:none;
            text-decoration:underline;
            padding:0 0 0.75em 0;
            float:left;
        }
        #content .right p.link,
        #content .right .home.advice p.link {
            width:100%;
            padding:0 0 0.7em 0;
            margin:0.5em 0 0 0;
            background:#00A0AF;
            background-image:none !important;
            -moz-border-radius:5px;
            border-radius:5px;
        }
        #content .right .home.advice p.link {
            margin-bottom:2em;
            width:auto !important;
        }
        #content .right .home.advice p:hover.link {
            background:#333;
        }
        #content .right p.link a,
        #content .right .home.advice p.link a {
            padding:0.7em 0 0 0;
            background:none !important;
            background-image:none !important;
            color:#FFF;
            font-weight:bold;
        }
        #content .right p.link a span {
            padding:0 2%;
            background:url(../images/left-nav-selected.png) no-repeat 97% center;
        }
        #content .right .home.advice p.link a span {
            padding:0 4em 0 0.5em;
            margin-right:0.25em;
            background:url(../images/left-nav-selected.png) no-repeat 97% center;
        }
        #content .right p.link.large {
            margin:0 0 0.625em 0 !important;
            width:100%;
        }
        #content .right p.link.large a {
            text-decoration:none;
        }
        #content .right p.link.large a span {
            background:none !important;
            padding:2%;
        }
        #content .home .right ul.links-list {
            width:100%;
            margin-bottom:1em;
        }
        #content .home .right ul.links-list li {
            width:23%;
            text-align:center;
            padding:0 1%;
        }
        #content .home .right ul.links-list li a {
            display:block;
            padding:10%;
            -moz-border-radius:5px;
            border-radius:5px;
            background:#E9E9E9;
            min-height:2.7em;
            text-decoration:none;
        }
        #content .home .right ul.links-list li a:hover {
            background:#333;
            color:#FFF;
        }
        #content .home .right p:first-child.link.large {
            display:none;
        }
        #content .right .home.advice img {
            display:none;
        }
        #content .right .home.advice p,
        #content .right .section.buy p {
            float:left;
            width:100%;
            clear:both;
        }
		/* Forms */
		#content .right input,
		#content .right select,
		#content .right textarea {
			padding:1%;
		}
		#content .right input[type=submit] {
			padding:1% 3%;
			margin:0.5em 0;
			font-size:0.7em;
		}

    /* FOOTER */
    /* Footer nav */
    #footer-nav .nav {
        width:100%;
        margin-right:0;
        margin-top:-2.5em;
        position:relative;
    }
        #footer-nav .nav ul {
            margin-top:-21px;
            padding:1.25em 0 0.625em 0;
            background:url(../images/footer-right-med.png) no-repeat right top;
        }
        #footer-nav .nav ul h2 {
            background:none;
            padding-bottom:1.25em;
        }

    /* Hide your tracks */
    #footer-nav .tracks {
        width:99%;
        float:right;
        background:url(../images/tracks-top.png) no-repeat right 0;
        padding:3em 0 0 0;
        position:relative;
    }
        #footer-nav .tracks .inner {
            width:97%;
            float:left;
            background:url(../images/tracks-top-left.png) no-repeat 0 0;
            padding:0 0 0 3%;
            margin:-1px 0 0 -1%;
            min-height:8em;
        }
        #footer-nav .tracks .inner h2 {
            width:60%;
            float:left;
            background:none;
            padding-bottom:0;
        }
        #footer-nav .tracks .inner p,
        #footer-nav .tracks .inner ul {
            width:60%;
            float:left;
        }
        #footer-nav .tracks .inner ul li {
            float:left;
            width:auto;
            padding-right:1em;
        }

    /* Social links */
    #footer-nav .tracks .social {
        width:20%;
        float:right;
        background:none;
        position:relative;
        bottom:0;
        left:0;
        padding:0 0 0 0;
        border-top:0;
    }
    #footer-nav .tracks .social .buttons {
        background:none;
        padding:1em 0 1em 0;
    }
    #footer-nav .tracks .social .buttons a {
        width:20%;
    }

    /* Sub footer */
    #sub-footer .edge {
        width:100%;
    }
    #sub-footer .newsletter h2 {
        padding:0 0 0.25em 4%;
    }
    #sub-footer .newsletter p {
        padding:0 0 0 4%;
    }
    #sub-footer .links {
        margin:0 0 0 3%;
        width:97%;
    }
        #sub-footer ul {
            width:100%;
            text-align:left;
            padding:1.5em 0 0 0;
            float:left;
        }
        #sub-footer ul:first-child li,
        #sub-footer ul li {
            padding:0 1em 0 0 !important;
            margin:0 0 0 0;
        }
    #sub-footer .legals {
        padding:3em 0 1em 0;
        margin:0 0 0 3%;
        width:97%;
    }

}

/* layouts smaller than 600px, iPhone and mobiles */
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 640px) {

    /* HEADER */
    #header .logo {
        width:20%;
    }
    #header .logo img {
        width:65px;
        height:41px;
    }

    /* Shared nav */
    #header .shared {
        margin:0;
        padding-right:1em;
    }
        #header .shared .low {
            display:none;
        }
        #header .shared .small {
            display:inline-block;
        }

	/* Exit */
	#header .exit,
	#header .leave {
		display:none;
	}

    /* Main nav */
    #main-nav .nav ul {
        text-align:center;
        padding:0.625em 0;
    }
        /* Change link style from buttons to simple text */
        #main-nav .nav ul li {
            width:auto;
            float:none;
            display:inline-block;
            padding:0 !important;
        }
        #main-nav .nav ul li:first-child {
            padding-left:0;
        }
        #main-nav .nav ul li a,
        #main-nav .nav ul li a:hover,
        #main-nav .nav ul li.selected a,
        #main-nav .nav ul li.selected a:hover {
            display:inline-block !important;
            float:none !important;
            color:#333;
            background:none !important;
            border:0 !important;
            margin:0 !important;
            text-shadow:none !important;
            padding:0 0 0.625em 0 !important;
        }
        #main-nav .nav ul li.selected a {
            color:#00909D;
        }
        #main-nav .nav ul li.selected.advice a {
            color:#52A25D;
        }
        #main-nav .nav ul li.selected.involved a {
            color:#07AA86;
        }
        #main-nav .nav ul li.selected.campaigns a {
            color:#0E60B2;
        }
        #main-nav .nav ul li.selected.news a {
            color:#003A73;
        }
        #main-nav .nav ul li a span {
            padding:0 0.5em 0 0.4em !important;
        }
        /* Donate button */
        #main-nav .donate {
            top:3.5em;
            z-index:100;
        }

    /* CONTENT */
    /* Structure */
    /* Hide breadcrumbs and left nav */
    #content .breadcrumb,
    #content .left ul,
    #content .large-screen {
        display:none;
    }
	#content .small-screen {
        display:block !important;
    }
    /* Show dropdown left nav */
    #content .left form {
        display:block;
        padding:1em 0;
        background:url(../images/content-top.png) no-repeat top left;
    }
    #content .left {
        width:100%;
        padding:0 0 0 0 !important;
    }
    #content .hero .copy a {
        padding:3%;
    }
    #content .home .sections .hero .image {
        height:auto !important;
        overflow:visible;
        position:relative;
    }
    #content .home .sections .hero .image .copy {
        width:100%;
        float:left;
        top:auto;
        right:auto;
        position:relative;
        background:none;
        border-radius:0;
        -moz-border-radius:0;
        margin:0 0 0.5em 0;
    }
    #content .home .sections .hero .image .copy .info {
        background:#333;
        border-radius:0;
        -moz-border-radius:0;
        border-bottom-left-radius:10px;
        -moz-border-radius-bottomleft:10px;
        border-bottom-right-radius:10px;
        -moz-border-radius-bottomright:10px;
    }
    #content .home .sections .hero .image .copy .arrow {
        padding-bottom:0;
    }
    #content .home .sections .hero .image .copy h2 {
        font-size:1.3em !important;
        line-height:1.2em;
    }
    #content .home .sections .hero .image .link {
        float:right;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #content .home .sections .hero ul.small {
        position:absolute;
        top:1.75em;
        right:0;
        width:auto;
    }
    #content .sections .hero ul.small li a {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #content .sections .hero ul.small li.selected a {
        background-image:none;
        color:#FFF !important;
        background:#F6F6F6;
    }
    #content .main {
        width:100%;
		font-size:120%;
    }
    .full .main {
        width:100% !important;
    }
    .full .main .inner {
        width:100% !important;
        padding:0 0 0 0 !important;
        margin:0 0 0 0 !important;
    }
        #content .main h2 {
            font-size:1.5em;
            background:none !important;
            width:100%;
            margin:0 0 0.625em 0;
            color:#333;
        }
        #content .main h2 span {
            background:none !important;
            float:left;
            display:block;
            width:100%;
            padding:0 0;
        }
        #content .main ul li {
            padding-left:10%;
            width:90%;
            background:url(../images/bullet.gif) no-repeat 0.625em 0.45em;
        }
        #content .main ul.list.docs li {
            padding:0 0 0.625em 15% !important;
            width:85% !important;
        }
        #content .main ul.list.faqs h3 a {
            padding-left:10%;
            width:90%;
        }
        #content .main ul.list.faqs span {
            padding-left:10%;
        }
		#content.full .main ul.list li.image {
			width:100%;
			padding-right:0;
		}
		#content.full .main ul.list.shop {
			padding:0;
			margin-bottom:1em;
			border-bottom:1px solid #CCC;
			border-top:1px solid #CCC;
		}
		#content.full .main ul.list.shop li {
			border-top:1px solid #EEE;
		}
		#content.full .main ul.list.shop li:first-child {
			border-top:0;
		}
		#content.full .main ul.list.shop li.image {
			margin-right:0;
		}
		#content .main ul.list.shop li {
			min-height:0;
		}
		#content .main ul.list.shop li h3 {
			width:85%;
		}
		#content .main ul.list.shop li.image h3 {
			width:71%;
		}
		#content .main ul.list.shop li p {
			margin-left:3.75em;
		}
		#content .main ul.list.shop li.image p {
			margin-left:0;
		}
		#content .main ul.list.shop li .button {
			margin:0.5em 0 0 4.25em;
		}
		#content .main ul.list.shop li.image .button {
			margin:0.5em 0 0 29%;
		}
		#content .main ul.steps li {
			background: none !important;
			margin:0 0 0.5em 0;
			padding:0 0 0 0;
		}
		#content .main ul.steps li a {
			margin:0 1em 0 0;
			padding:0 1.5em 0 0;
			height:auto;
			background:url(../images/step-arrow-small.png) no-repeat right 3px !important;
			color:#999;
		}
			#content .main ul.steps li:first-child a {
				padding:0 1.5em 0 0;
				-moz-border-radius-topleft:0;
				border-top-left-radius:0;
				-moz-border-radius-bottomleft:0;
				border-bottom-left-radius:0;
			}
		#content .main ul.steps li.last a {
			padding:0 0 0 0;
			background:none !important;
		}
		#content .main ul.steps li.complete a {
			color:#333;
			background:url(../images/step-arrow-small.png) no-repeat right -13px !important;
		}
		#content .main ul.steps li.current a {
			background:url(../images/step-arrow-small.png) no-repeat right -13px !important;
			color:#333;
			font-weight:bold;
		}
			#content .main ul.steps li:first-child.current a {
				background:#67C5CF;
			}
		#content .main ul.steps li.next a {
			background:url(../images/step-arrow.png) no-repeat left -40px;
		}
        #content .main p.links {
            line-height:1.2em;
        }
        #content .main p.buttons .button {
            margin:0 1em 0.5em 0;
        }
        #content .main form dl dt,
        #content .main form dl dd,
        #content.full .main form dl dt,
        #content.full .main form dl dd {
            width:100% !important;
            min-height:0;
        }
        #content .main form dl dt {
            padding-bottom:0.4em;
        }
        #content .main form dl dd {
            padding-bottom:0 !important;
        }
        #content .main form dl dd input,
        #content .main form dl dd select {
            width:95%;
            float:left;
            padding:2%
        }
        #content .main form dl dd select {
            width:97.5%;
        }
        /* Homepage */
        #content .home .main .inner.home {
            -moz-border-radius:10px;
            border-radius:10px;
            margin:0 0 0.5em 0;
        }
        #content .home .main .inner.home div {
            width:90%;
            float:right;
            padding:0 5% 0 5%;
            margin-top:0;
            margin-bottom:0;
            min-height:0;
        }
        #content .home .main .inner.home div:first-child {
            background:none;
            padding:0.75em 5% 0 5%;
        }
        #content .home .main .inner.news div {
            width:100% !important;
            padding:0 0 0 0 !important;
        }
        #content .home .main .inner.home div h1 {
            font-size:1.6em;
        }
        #content .home .main .inner.advice div .links.large {
            margin-top:0 !important;
        }
       #content .home .main h2.news {
            display:none;
        }

    #content .right {
        float:left;
        width:100%;
        right:0;
        padding:0;
        background:#FFF;
        -moz-border-radius:0;
        border-radius:0;
        margin:0 0 4em 0;
    }
    #content .right.has-hero {
        margin:-2em 0 0 0;
        background:none;
        width:100%;
        padding:0;
		font-size:120%;
    }
        #content .right .section.highlight {
            margin:0 0 0.5em 0;
        }
        #content .right .section {
            float:left;
            width:100%;
            padding:0 0 !important;
            border-right:0 !important;
            margin:0;
        }
        #content .right .section.buy {
            padding:3% !important;
            width:94%;
        }
        #content .right.news {
            padding:0 0 3.5em 0;
        }
        #content .right .advice {
            width:100% !important;
            background:none !important;
        }
        #content .right.news .section {
            float:left;
            width:100%;
            padding:0 0 0 0;
        }
        #content .right.news .section:first-child {
            padding:0 0 0 0;
        }
        #content .right h2 {
            font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
            font-size:1.1em;
            background:none;
            margin:0 0 0.5em 0 !important;
            padding:0 0 0 0;
            float:left;
            width:100%;
            -moz-border-radius:5px;
            border-radius:5px;
            background:#00A0AF;
        }
            #content .right h2.advice {
                background:#67CB74;
            }
            #content .right h2.involved {
                background:#08BF96;
            }
            #content .right h2.campaigns {
                background:#1178DF;
            }
            #content .right h2.news {
                background:#004990;
            }
        #content .right .highlight h2,
        #content .right .buy h2 {
            font-family:'MyriadProSemiBold', Arial, Helvetica, sans-serif;
            font-size:1.1em;
            background:none;
            margin:0 0 0 0;
            padding:0.625em 0 0 0;
            float:left;
            width:100%;
            -moz-border-radius:0;
            border-radius:0;
            background:none;
            color:#333;
            text-align:center;
        }
		#content .right .buy h2 {
            padding:0 0 0 0;
            text-align:left;
        }
        #content .right h2:hover {
            background:#333;
        }
        #content .right .highlight h2:hover {
            background:none;
        }
        #content .right h2 a {
            display:block;
            padding:3%;
            width:92%;
            color:#FFF;
            background:url(../images/left-nav-selected.png) no-repeat center right;
        }
        #content .right .home.advice h2 {
            margin-top:1em !important;
        }
        #content .right .highlight p {
            padding-left:5%;
            padding-right:5%;
            width:90% !important;
        }
        #content .right p.number {
            margin:0 0 0 0 !important;
            text-align:center;
            padding:0.25em 5% !important;
            width:90% !important;
        }
        #content .right p.link.large a span {
            padding:3%;
        }
        #content .right .inner {
            display:none;
        }
        #content .right .highlight .inner,
        #content .right .buy .inner {
            display:block;
        }

    /* FOOTER */
    /* Footer nav */
    /* Hide footer section links */
    #footer-nav .nav {
        display:none;
    }

    /* Hide your tracks */
    #footer-nav .tracks .inner {
        min-height:12em;
    }
        #footer-nav .tracks h2,
        #footer-nav .tracks p,
        #footer-nav .tracks ul {
            width:50%;
        }
        #footer-nav .tracks li {
            width:100% !important;
        }
    /* Social links */
    #footer-nav .tracks .social {
        width:30%;
    }
    #footer-nav .tracks .social .buttons a {
        width:30%;
        padding:0 0 0 0;
    }
    #footer-nav .tracks .social .buttons a img {
        margin:0 0 0 0;
    }

    /* Sub footer */
    #sub-footer .newsletter {
        width:90%;
        height:auto;
    }
    #sub-footer .links {
        display:none;
    }

}


.system-message {
	position:fixed;
	bottom:0; left:0; right:0;
	background:#FF9;
	padding:.25em;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.5em;
	-webkit-transition: font-size 0.5s ease-in-out;
	-moz-transition: font-size 0.5s ease-in-out;
	-o-transition: font-size 0.5s ease-in-out;
	-ms-transition: font-size 0.5s ease-in-out;
	transition: font-size 0.5s ease-in-out;
}

.system-message:hover {
	font-size: 1.8em;
}