/* _______________________________________ Global Elements */


body {
	background: transparent url(../images/bgtile.jpg) center top;
	border-top: 3px solid #ee3325;
}

.container {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.page {
	margin: 0 2%;
	width: 96%;
	background-color: #fff;
	box-shadow: 0 5px 5px #e3e3e3;
}

footer {
	float: left;
	width: 98%;
	clear: both;
	margin: 1% 0 0;
	background: #333;
	padding: 2% 1% 1%;
}

	footer .column {
	    min-height: 160px;
	}

	footer .column.clear {
	    min-height: 0;
	}

	footer .column.border {
	    border-right: 1px solid #838385;
	    padding: 0 1.4% !important;
	}

	footer ul {
		float: left;
		padding-right: 2%;
		width: 28.25%;
	}

	footer ul li {
		padding: 2% 0;
	}

	footer .facebook, footer .twitter, footer .youtube {
		display: block;
		clear: both;
		float: left;
		margin-top: 5px;
	}

		footer .facebook span, footer .twitter span, footer .youtube span {
			margin: 3px 5px 0 0;
			display: block;
			float: left;
		}
		
			footer .facebook img, footer .twitter img, footer .youtube img {
				float: left !important;
				margin: 0 5px 0 0 !important;
			}

	footer .footer_icons {
		min-width: 374px;
	}

	footer img {
		float: left;
		margin-right: 5px;
		max-width: none;
	}

.column {
	float: left;
	margin-bottom: 2%;
}

.row {
	float: left;
	width: 100%;
	border-bottom: 1px solid #F2F2F2;
	margin-bottom: 3%;
}

.c16of16 {
	width: 97%;
	padding: 0 1.5%;
}

.c15of16 {
	width: 90.75%;
	padding: 0 1.5%;
}

.c14of16 {
	width: 84.5%;
	padding: 0 1.5%;
}

.c13of16 {
	width: 78.25%;
	padding: 0 1.5%;
}

.c12of16 {
	width: 72%;
	padding: 0 1.5%;
}

.c11of16 {
	width: 65.75%;
	padding: 0 1.5%;
}

.c10of16 {
	width: 59.5%;
	padding: 0 1.5%;
}

.c9of16 {
	width: 53.25%;
	padding: 0 1.5%;
}

.c8of16 {
	width: 47%;
	padding: 0 1.5%;
}

.c7of16 {
	width: 40.75%;
	padding: 0 1.5%;
}

.c6of16 {
	width: 34.5%;
	padding: 0 1.5%;
}

.c5of16 {
	width: 28.25%;
	padding: 0 1.5%;
}

.c4of16 {
	width: 22%;
	padding: 0 1.5%;
}

.c3of16 {
	width: 15.75%;
	padding: 0 1.5%;
}

.c2of16 {
	width: 9.5%;
	padding: 0 1.5%;
}

.c1of16 {
	width: 3.25%;
	padding: 0 1.5%;
}

.a1of2 {
	width: 43.1%;
	padding: 2.5%;
	min-height: 55px;
}

.a1of3 {
	width: 25.95%;
	padding: 2.5%;
	min-height: 80px;
}

.a1of4 {
	width: 17.4%;
	padding: 2.5%;
	min-height: 120px;
}

.padded {
	padding: 0 1%;
}

.padded-top {
	padding-top: 3%;
}

.padded-right {
	padding-right: 3%;
}

.padded-bottom {
	padding-bottom: 3%;
}

.padded-left {
	padding-left: 3%;
}

.full {
	width: 100%;
}

.half {
	width: 48.5%;
}

.onethird {
	width: 31.333% !important;
}

.tabbed .onethird {
	width: 30% !important;
    border-left: 1px solid #CCCCCC;
    padding-left: 3.5%;
    margin-top: 7px;
}

.twothirds {
	width: 65.666% !important;
}

.quarter {
	width: 22.75%;
}

#right section {
	margin-bottom: 8%;
}

#right div.csc-textpic-text {
	clear: both;
}

#right .tabbed section {
	width: 100% !important;
	border: 0;
	padding: 0;
}

article {
	clear: both;
	padding: 5%;
}

article.content {
	clear: both;
	padding: 1.5% 0;
}

table {
	width: 100%;
	clear: both;
	margin-bottom: 3%;
}

	th {
		background: #cacaca;
		padding: 14px 12px;
		border: 1px solid #e1e1e1;
	}

	td {
		padding: 14px 12px;
		border: 1px solid #e1e1e1;
	}

li {
	padding: 1% 0;
}

nav li {
	padding: 0;
}

.last {
	border: 0 !important;
	margin: 0 !important;
}

.clear {
	clear: both;
	margin: 0;
}

.clearboth {
	clear: both;
	height: 0;
	font-size: 0;
}

.clearleft {
	clear: left;
	height: 0;
	font-size: 0;
}

.clearright {
	clear: right;
	height: 0;
	font-size: 0;
}

.imageleft {
	float: left !important;
	margin: 0 4% 4% 0 !important;
}

.imageright, .csc-textpic-text img, .column p img {
	float: right;
	margin: 0 0 4% 4%;
}

.floatright {
	float: right;
	padding: 1%;
}

.alignright {
	text-align: right;
}

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

fieldset {
	clear: both;
}

label {
	display: block;
}

.button label {
	display: inline;
	margin: 0;
}

input[type=text], input[type=password], input[type=search] {
   border: 1px solid #ccc;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: 2px 2px 4px #efefef inset;
   -moz-box-shadow: 2px 2px 4px #efefef inset;
   box-shadow: 2px 2px 4px #efefef inset;
   height: 25px;
   line-height: 25px;
   width: 200px;
   text-indent: 5px;
}

textarea {
   border: 1px solid #ccc;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: 2px 2px 4px #efefef inset;
   -moz-box-shadow: 2px 2px 4px #efefef inset;
   box-shadow: 2px 2px 4px #efefef inset;
   height: 90px;
   line-height: 25px;
   width: 190px;
   padding: 5px;
}

input[type=submit] {
    background: #fff url('../images/button-book-bg.png') center repeat-x;
    padding: 7px 12px;
    border: 1px solid #99b53f;
    border-radius: 6px;
}

.cta {
	position: relative;
	clear: both;
    margin: 25px 0;
}

.cta a {
	background: #fff url('../images/button-bg.png') center repeat-x;
	padding: 7px 12px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
}

.cta a img {
	padding: 1% 0 0 1%;
}

a span {
    display: inline;
}

.dates {
	background-image: url('../images/icons/date.png');
	background-position: 20px;
	background-repeat: no-repeat;
}

.location {
	background-image: url('../images/icons/location.png');
	background-position: 20px;
	background-repeat: no-repeat;
}

.fee {
	background-image: url('../images/icons/fees.png');
	background-position: 20px;
	background-repeat: no-repeat;
}

.applicant {
	background-image: url('../images/icons/applicant.png');
	background-position: 20px;
	background-repeat: no-repeat;
}

.pdf {
    padding-left: 20px;
	background-image: url('../images/icons/pdf.png');
	background-position: left;
	background-repeat: no-repeat;
}

.more {
    padding-right: 15px;
	background-image: url('../images/forward-arrow-small.png');
	background-position: right;
	background-repeat: no-repeat;
}

.cta a:hover .more {
	background: transparent url('../images/forward-arrow-small-hover.png') right no-repeat;
}

.cta a:hover {
	background: #666 url('../images/button-bg-hover.png') center repeat-x;
	border-color: #8e1f16;
}

.cta.dark a {
	background: #fff url('../images/button-bg-hover.png') center repeat-x;
	border-color: #8e1f16;
}

.cta.dark a:hover {
	background: #666 url('../images/button-bg-active.png') center repeat-x;
	border-color: #1f1f1f;
}

.cta.button a {
	padding: 10px 16px;
	background: #fff url('../images/button-book-bg.png') center repeat-x;
	border-color: #99b53f;
}

.cta.button a:hover {
	background: #666 url('../images/button-bg-hover.png') center repeat-x;
	border-color: #8e1f16;
}

.cta .spaces {
	padding: 5%;
}

.alert {
	position: relative;
	float: left;
	z-index: 4000;
	width: 100%;
	clear: both;
	background: #ee3325;
	border: 1px solid #84322b;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

	.alert .notice {
		float: right;
		padding: 12px 15px 12px 30px;
		background: transparent url('../images/icons/alert-v2.png') left center no-repeat;
	}

	.alert .cta {
		clear: none;
		float: right;
		margin: 12px 15px 12px 0;
	}

	.alert .cta a {
		background: #fff url('../images/button-alert-bg.png') center repeat-x;
		padding: 4px 12px;
		border: 1px solid #c7c7bd;
		border-radius: 4px;
	}

	.alert .cta a:hover {
		background: #666 url('../images/button-bg-hover.png') center repeat-x;
		border-color: #8e1f16;
	}
	
	#main .alert {
		background: #fffeee;
		border: 1px solid #e5e4d1;
		margin: 0 1.5% 1.5%;
		width: 97%;
	}
	
	#main .alert .notice {
		float: left;
		width: 45%;
		margin: 15px;
		padding: 0 0 0 34px;
		background: transparent url('../images/icons/information.png') left top no-repeat;
        min-height: 22px;
        color: #000;
	}

	#main .alert .dismiss {
		float: right;
		margin: 18px 15px 15px 0;
		padding-right: 20px;
		background: transparent url('../images/icons/closer.png') right top 1px no-repeat;
	}
	
	#main .highlights .alert {
		background: #f8f8f8;
		border: 1px solid #e5e4d1;
		margin: 3% 0;
		width: 100%;
	}
	
	#main .highlights .alert .notice {
		width: 80%;
		margin: 5%;
	}

	#main .highlights .alert .cta {
		clear: none;
		float: right;
		margin: 2% 2% 5% 5%;
	}

.translation {
	float: left;
	width: 96%;
	padding: 1% 2%;
	background: #fafafa;
}

	.translation p {
		margin: 0;
		text-align: center;
	}

	.translation p a {
		text-transform: uppercase;
	}

.panel {
	float: left;
	padding: 3% 5%;
	border: 1px solid #ECEFEF;
}

#country-selector {
	display: none;
	float: left;
	padding: 1.5% 2%;
	width: 96%;
    background: #333;
	box-shadow: inset 0 0 12px 6px #222;
}

	#country-selector .mobile-menu {
		display: none;
	}

	#country-selector .column {
		margin: 0;
	}

	#country-selector ul {
		list-style: none;
		margin: 0 3% 3% 0;
		padding: 0;
    	float: left;
    	width: 30.3333%;
	}

		#country-selector ul li {
    		float: left;
    		padding: 0.25% 3% 0 0;
   			width: 97%;
		}

	#country-selector h5 {
		clear: both;
	}
		
	#country-selector .mostviewed {
		float: left;
		width: 100%;
		background: #434343;
		padding: 5%;
		border: 1px solid #000;
		margin-top: 5%;
	}

#cookiebanner {
    background: #333;
	box-shadow: inset 0 0 12px 6px #222;
	border-top: 1px solid #e5e4d1;
    bottom: 0;
    color: #fff;
    font-size: small;
    left: 0;
    padding: 2% 3%;
    position: fixed;
    right: 0;
    z-index: 5000;
}

#cookiebanner .left {
    float: left;
    width: 75%;
}

#cookiebanner .right {
    float: right;
    text-align: right;
    width: 25%;
}

#cookiebanner .right a {
    display: inline-block;
    min-height: 20px;
}

#cookiebanner a {
	text-decoration: underline;
	color: #fff;
}

#cookiebanner .right a img {
    float: left;
    padding-right: 6px;
}

#musicmedal-search {
	position: relative;
	float: left;
	z-index: 4000;
	width: 100%;
	clear: both;
	background: #e8e8e8;
	border: 1px solid #e5e4d1;
	margin: 0;
}

form#repsearch {
	float: right;
    margin: 0;
    padding: 12px 15px 12px 20px;
}

form#repsearch h4 {
    display: block;
    float: left;
    font-size: 1.4em;
    margin: 4px 12px 0 0;
    vertical-align: middle;
}

form#repsearch label {
    display: none;
}

form#repsearch select {
    display: block;
    float: left;
    margin-bottom: 0;
    margin-right: 14px;
    padding: 3px;
}

form#repsearch input {
	padding: 2px 12px;
}

.resultsTable th {
	background: #E6F0F0;
}

.resultsTable tr.selected td {
    background-color: #FFFFDE;
}

.resultsTable th, .resultsTable td {
	padding: 10px 8px;
}

.resultsTable .publisher, .resultsTable .price, .resultsTable .link, .resultsTable .section, .resultsTable .medalLevel {
    text-align: center;
}

div.pagination {
    border-top: 1px solid #ccc;
    padding: 0.5em 0 0 0.5em;
    text-align: left;
}

div.pagination .current {
    background-color: #EE3325;
    color: #fff;
    padding: 2px 6px;
    margin-right: 8px;
}

div.pagination a {
    margin-right: 8px;
}


/* _______________________________________ Modular Elements */

#masthead {
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	z-index: 3000;
	overflow: visible;
}

	#masthead #logo {
		position: absolute;
		z-index: 2000;
		top: 0;
		margin-left: 2.45%;
	}

	#masthead #logo img {
		float: left;
		border: 0;
	}

	#country-indicator {
		background: #e8e8e7 url('../images/down-arrow-small.png') no-repeat right 15px center;
		float: right;
		padding: 7px 30px 7px 15px;
	}

		#country-indicator img {
			float: left;
			padding: 4px 6px 0 0;
		}
		
	#country-indicator .abbr {
		display: none;
	}

#browse {
	background: #000;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 95px;
	position: absolute;
	top: 34px;
}

	#browse .button { 
	    display: none;
	}
	
	#browse ul {
		float: left;
		margin: 0 0 20px 170px;
		width: 82.2%;
	}

	#browse li {
		display: block;
		float: left;
		padding: 48px 1% 0.5%;
		border-right: 1px solid #3b3b3b;
	}

#global {
	margin: 0;
	float: right;
}

	#global ul {
	    float: right;
	    padding: 10px 0 10px 6px;
	}

		#global li {
			position: relative;
			display: block;
			float: left;
			padding: 0 8px;
		}

			#global li a {
				display: block;
				float: left;
			}

				#global li a img {
					display: inline;
					padding-left: 4px;
				}
	
		#global ul.social {
		    padding: 7px 0 0 6px;
		}
		
			#global .social li {
				padding: 0 4px;
			}
		

#search {
	position: relative;
	float: right;
    clear: right;
	padding: 4px 1em 0;
}

	#search input[type=text] {
 	   height: 22px;
 	   width: 120px;
 	   padding-right: 24px;
	}

	#search input[type=image] {
 	   position: absolute;
 	   right: 16px;
 	   top: 8px;
	}

#breadcrumb {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}

	#breadcrumb nav {
		float: left;
    	padding: 0.25% 0.45% 0.25% 1%;
    	margin-left: 2.45%;
	}

	#breadcrumb ul {
		float: left;
		margin-left: 0;
	}

		#breadcrumb li {
			display: inline;
			float: left;
			padding-right: 0.5em;
		}

	#breadcrumb h1, .brand-message h1 {
		clear: both;
		float: left;
    	padding: 0.25% 1%;
    	margin: 0 0 0 2.45%;
	}

	#breadcrumb h4, .brand-message h4 {
		clear: both;
		float: left;
    	padding: 0.5% 1.45%;
    	margin: 0 0 0 2.45%;
	}

#marketing {
	position: relative;
	float: left;
	width: 100%;
	max-height: 359px;
	overflow: hidden;
	z-index: 1000;
}

	#marketing .brand-message {
   		position: absolute;
		z-index: 1500;
    	bottom: 30px;
		padding: 0;
		width: 100%;
	}

	#marketing img {
		float: left;
		max-width: 100%;
	}

#header {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 0;
	z-index: 1000;
	padding: 0;
	background: #000;
	min-height: 240px;
}

#header .quicklinks {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 1.25% 2%;
	background: #000;
	z-index: 1500;
}

	#header .quicklinks ul {
		float: left;
		margin-left: 0;
	}

		#header .quicklinks li {
			display: inline;
			float: left;
			padding-right: 0.5em;
		}

.landing #breadcrumb {
    position: absolute;
	z-index: 1500;
}

.landing .quicklinks {
    position: absolute !important;
	z-index: 1500;
	right: 0;
	bottom: 0;
}

#main {
	position: relative;
	float: left;
	z-index: 2000;
	width: 98%;
	clear: both;
	margin: 2.5% 1% 0;
}

	#main header {
		float: left;
		width: 100%;
	}

	#main article header {
		margin-bottom: 0.5em;
	}
	
	#main #center div > h1:first-child {
		display: none;
	}

#related {
	float: right;
}

	#related section {
		background: #fff;
		padding: 1em;
	}

.exams {
	padding-top: 1%;
}

.subnav {
	max-width: 320px;
}

.subnav ul {
	border-top: 0;
	margin-bottom: 10%;
	border: 0;
}

.subnav li a {
	display: block;
	padding: 5% 10%;
	border-top: 1px solid #e9e9e9;
	border-bottom:none;
  	background-color:#fafafa;
	border-left:1px solid #fff;
}

	.subnav li a:hover {
    	background: none;
    	border-left: 1px solid red;
    	background-color: #e9e9e9;
	}

	.subnav li a.selected {
		background:none;
    	background-color:#e9e9e9;
		border:none;
	  	border-left:1px solid red;
	 	font-weight:bold;
	}

	.subnav li.heading {
		background: #D9D9D9;
		padding: 3.75% 12%;
		border-top: 0;
	}

.subnav ul ul {
	border: 0;
	margin-bottom: 0;
}

	.subnav ul ul li a {
    	padding: 5% 5% 5% 19%;
		border: 0;
	  	border-left: 1px solid #fff;
	  	background: #fff;
	}

	.subnav ul ul li a:hover {
    	border:none;
    	background-color:#fafafa;
    	border-left:1px solid #e9e9e9;
	}

	.subnav ul ul li a.selected {
	  	border-left:1px solid red;
	  	font-weight:normal;
	}

	.subnav ul ul li a.selected:hover {
	  border-left:1px solid red;
	}

.listing ul {
	margin: 0;
	width: 100%;
	list-style: none;
}

	.listing ul li {
		display: block;
		float: left;
		width: 100%;
		border-bottom: 1px solid #f2f2f2;
		padding: 0;
	}
	
	.tabbed .listing ul li {
		border-bottom: 0;
	}

	.listing ul li a {
		display: block;
		float: left;
		width: 94%;
		padding: 3%;
	}

	.listing ul li:nth-of-type(even) a {
		background: #fafafa;
	}

	.listing ul li a:hover, .listing.sessions ul li a:hover, .instrument a:hover  {
		background: #f8f8f8 !important;
		text-decoration: none;
	}

	.tabbed .listing ul li a {
		background: #fff url('../images/link-arrow.png') 94% center no-repeat;
	}

		.listing ul li a .image {
			position: relative;
			float: left;
			margin-right: 3%;
			max-width: 140px;
    		width: 40%;
		}

		.listing ul li a .summary {
			float: left;
    		width: 57%;
		}

	.listing .view-more {
		display: block;
		float: left;
		padding: 1%;
		width: 98%;
		text-align: right;
		margin-top: 2%;
	}

	.listing .price {
		position: absolute;
		top: 10px;
		left: -10px;
		display: block;
		padding: 4% 6% 5%;
		background: #adcc47;
	}

	.listing .price.soldout {
		background: #ee3325;
	}

	.listing.sessions ul li {
		width: 50%;
	}

	.listing.sessions ul li:nth-of-type(even) a {
		background: inherit;
	}

.listing.instruments {
    float: left;
    margin-bottom: 2%;
    width: 100%;
}

.listing.instruments ul {
	float: left;
}

	.listing.instruments ul li, .instrument {
		display: block;
		float: left;
		width: 17%;
		min-width: 133px;
		max-width: 150px;
		margin: 0 2% 2% 0;
		border: 1px solid #f2f2f2;
	}

	.listing.instruments ul li a {
		position: relative;
		padding: 3% 0;
		width: 100%;
		height: 100%;
		min-height: 130px;
		background: #f8f8f8;
		text-align: center;
	}

	.listing.instruments ul li a:hover, .instrument a:hover {
		background: #e8e8e8 !important;
	}

	.listing.instruments ul li .view-more {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.listing.instruments ul li .view-more a {
		width: 100%;
		height: 90%;
		min-height: 121px;
		padding-top: 10%;
		background: none;
 		background: url('../images/icons/more-examsv2.png') no-repeat center; 
	}

	.listing.instruments ul li .view-more a:hover {
		background: #e8e8e8 url('../images/icons/more-examsv2.png') no-repeat center !important;
	}
	
	.instrument a .label {
	    position: absolute;
    	text-align: center;
    	top: 3%;
    	left: 0;
    	width: 100%;
	}

	.listing.instruments ul li a .icon, .instrument  a .icon {
		display: block;
		position: absolute;
		bottom: 1%;
		left: 0;
		width: 80%;
		padding: 0 10%;
		height: auto;
	}

		.listing.instruments ul li a .icon img, .instrument a .icon img {
			margin: auto;
		}

	.listing.groups ul li {
		display: block;
		float: left;
		width: auto;
		margin: 0 2.7% 3% 0;
		border-right: 1px solid #f2f2f2;
		border-bottom: 0;
	}

	.listing.groups ul li:nth-of-type(even) a {
		background: inherit;
	}

	.listing.groups ul li a {
		display: block;
		float: left;
		width: auto;
		padding: 0 20px 0 0;
	}

	.instrument {
		margin: 0 2.7% 2.7% 0;
	}

	.instrument a {
		display: block;
		float: left;
		padding: 3%;
		position: relative;
		width: 94%;
		height: 100%;
		min-height: 130px;
		background: #fff;
		text-align: center;
	}

.promo {
	float: left;
	width: 100%;
	min-width: 200px;
	max-width: 565px;
	min-height: 230px;
	margin-bottom: 4%;
}

	.promo .image {
	    float: left;
	    max-width: 312px;
	    width: 45%;
        padding: 5% 0 0 5%;
	}
	.promo .products-inner-carousel  .image {
        padding-top: 0;
	}

	    #right .promo .image {
	    	width: 90%;
        	padding: 5% 5% 0;
	    }

	.promo.list h3, .promo.product h3 {
	    float: left;
	    width: 40%;
		padding: 4% 5% 1%;
		margin: 0;
	}

	    #right .promo h3 {
	    	width: 90%;
	    }

	    .full .promo {
	    	margin-bottom: 0;
			max-width: 1024px;
	    }

	.header .promo {
		min-height: 0;
		margin-bottom: 0;
			max-width: 1024px;
	}
	
.promo.listing {
    min-height: 0;
}

.promo.listing li a {
	padding: 2% 6%;
	width: 88%;
	background: transparent;
	background-image: url('../images/link-arrow.png') !important;
	background-repeat: no-repeat !important;
	background-position:  94% center !important;
}

.promo.listing li a:hover {
	background: #f2f2f2 url('../images/link-arrow-hover.png') 94% center no-repeat !important;
}

.tabbed .promo.listing li {
	border-bottom: 1px solid #F2F2F2;
}

.tabbed .promo.listing li a {
	background-image: none !important;
}

.promo.listing h2 {
	padding: 2% 6%;
	margin: 0;
	border-bottom: 1px solid #f2f2f2;
}

.promo.listing.instruments h2 {
	padding: 2% 0;
	margin: 0;
	border-bottom: 0;
}

.promo.intro {
	min-height: 0;
}

.intro {
	position: relative;
	background: #fff url('../images/promo-background.jpg') repeat-x;
	border: 1px solid #eee;
}

#header .promo {
	min-height: 0;
}

.image-carousel {
	position: relative;
	float: none;
	border: 1px solid #ECEFEF !important;
}

	.image-carousel h1 {
	    float: none;
	    width: auto;
	}

	.image-carousel .previous, .image-carousel .next {
		width: 11px;
	}

	.image-carousel .previous {
		position: absolute;
		z-index: 2000;
		left: 0;
		top: 40%;
		background: #333;
		background: rgba(0,0,0,0.2);
		padding: 6% 3%;
	}

	.image-carousel .next {
		position: absolute;
		z-index: 2000;
		right: 0;
		top: 40%;
		background: #333;
		background: rgba(0,0,0,0.2);
		padding: 6% 3%;
	}

		.image-carousel .next img, .image-carousel .previous img {
			float: left;
		}

		.image-carousel .next.disabled, .image-carousel .previous.disabled {
			cursor: default;
		}

		.image-carousel a.previous:hover {
			background: #000;
			background: rgba(0,0,0,0.4);
		}

		.image-carousel a.previous.disabled:hover {
			background: #333;
			background: rgba(0,0,0,0.2);
		}

		.image-carousel a.next:hover {
			background: #000;
			background: rgba(0,0,0,0.4);
		}

		.image-carousel a.next.disabled:hover {
			background: #333;
			background: rgba(0,0,0,0.2);
		}

	.image-carousel .disabled {
		opacity: 0.5;
	}

.image-carousel ul {
	margin: 0;
	z-index: 1000;
}

.image-carousel li {
	position: relative;
	list-style: none;
	margin: 0;
	overflow: hidden;
}

	.image-carousel li div {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.image-carousel li div a {
		display: block;
		padding: 10% 12%;
	}

		.image-carousel li div h2 {
			background: #73AFB6;
			display: inline;
			padding: 3px 8px;
		}

		.image-carousel li div p {
			background: #fff;
			padding: 3px 8px;
			margin-top: 3px;
		}

.product-carousel {
	position: relative;
	background: #fff url('../images/promo-background.jpg') repeat-x;
	border: 1px solid #eee;
    min-height: 170px;
}

	.product-carousel .previous, .product-carousel .next {
		width: 11px;
	}

	.product-carousel .previous {
		position: absolute;
		z-index: 2000;
		left: 0;
		top: 55px;
		background: #ee3325;
		padding: 16px 10px;
	}

	.no-js .product-carousel .previous {
	    display:none;
	}

	.product-carousel .next {
		position: absolute;
		z-index: 2000;
		right: 0;
		top: 55px;
		background: #ee3325;
		padding: 16px 10px;
	}

	.no-js .product-carousel .next {
	    display:none;
	}

		.product-carousel .next img, .product-carousel .previous img {
			float: left;
		}

		.product-carousel .next.disabled, .product-carousel .previous.disabled {
			background: #fac2bd;
			cursor: default;
		}

		.product-carousel a.next:hover, .product-carousel a.previous:hover {
			background: #666;
		}

		.product-carousel a.next.disabled:hover, .product-carousel a.previous.disabled:hover {
			background: #fac2bd;
		}

.products-inner-carousel {
    position: relative;
    float: left;
    margin: 0 31px;
}

.no-js .products-inner-carousel {
    width: 94%;
    margin: 0 3%;
}

.product-carousel ul {
    position: relative;
    float: left;
}

.no-js .product-carousel ul {
	width: 94%;
	z-index: 1000;
	overflow: hidden;
}

.product-carousel li {
    position:relative;
    float: left;
    list-style: none;
    margin: 20px 0 0;
	width: 30%;
    padding: 0;
}

.no-js .product-carousel li {
	margin: 0;
	overflow: hidden;
	width: 30%;
	padding: 3% 0 0 3%;
}

.no-js .product-carousel li .image {
	padding: 0 3% 3% 0;
}

.product, .list {
	position: relative;
	background: #fff url('../images/promo-background.jpg') repeat-x;
	border: 1px solid #eee;
}

		.product article {
			clear: none;
			float: left;
			width: 40%;
		}

			#right .product article {
				width: 90%;
			}

.list ul {
	list-style-image: url('../images/square-bullet.png');
	list-style-position: outside;
	margin-left: 8%;
}

	.list ul li {
		padding: 2% 0;
	}

.tabbed {
	float: left;
	width: 100%;
	margin-bottom: 2%;
}

	.tabbed ul.tabs {
		float: left;
		list-style: none;
		width: 92%;
		margin: 0;
		padding: 0;
	}

	.tabbed ul.tabs li {
		float: left;
		list-style: none;
		padding: 0;
	}

	.tabbed ul.tabs li a {
        background-color: #f4f6f6;
		float: left;
        padding: 10px 20px;
        border-right: 2px solid #FFFFFF;
    }

    .tabbed ul.tabs li.active a {
        background-color: #e6f0f0;
        text-decoration: none;
    }

	.tabbed .quicklinks ul {
		float: right;
		list-style: none;
		width: 88%;
		margin: 0;
		padding: 0;
	}

	.tabbed .quicklinks ul li {
		float: left;
		list-style: none;
		padding: 1%;
	}

    .tabbed .quicklinks ul li.active {
        background-color: #e6f0f0;
    }

.tabbed .content {
  	display:none;
	float: left;
	width: 94%;
    background-color:#e6f0f0;
    padding: 3%;
}

.tabbed .content.syllabus {
	background-color: transparent;
	width: 100%;
	padding: 0;
}

  .tabbed .content.active {
     display:block;
   }

	.tabbed .content section {
		float: left;
		margin-bottom: 0;
	}
	
	.tabbed .content.syllabus section.contents {
		width: 94%;
    	padding: 3%;
	}
	
	.tabbed .content.syllabus section.overview {
    	background-color:#e6f0f0;
		width: 94%;
    	padding: 3%;
	}

	#right .tabbed .content {
		padding: 6%;
		width: 88%;
	}

.tabbed .cover {
	float: left;
    margin: 0;
    text-align: center;
}

	.tabbed .cover .instrument {
		display: block;
		float: left;
		padding: 3%;
		position: relative;
		width: 94%;
		min-height: 130px;
		background: #fff;
		text-align: center;
	    margin-bottom: 10%;
	}

		.tabbed .cover .instrument .icon img {
			margin: auto;
		}
	
	.tabbed .twothirds .cover {
		width: 30%;
	}
	
	.tabbed .overview .cover {
		width: 19.65%;
	}
	
	.tabbed h3 {
		float: left;
		width: 100%;
	}
	
.tabbed article {
	float: left;
	clear: none;
	width: 50%;
	padding: 0 5%;
}

.tabbed .overview article {
	width: 76%;
	padding: 0 0 0 4%;
}

.overview .updated {
	float: right;
}

	.controls ul {
		float: right;
		list-style: none;
		margin: 0;
	}
	
		.controls  ul li {
			float: right;
		}
		
		.controls  ul li a {
			display: block;
		}

section.contents .accordion {
	margin: 1% 0;
}

section.contents .accordion .icon {
	float: right;
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    display: block;
    padding: 3px;
    text-decoration: none;
    margin-left: 5px;
}

	section.contents .accordion .icon:hover {
		background: #d4d4d4;
	}
	
	section.contents .accordion .publisher {
		font-size: 0.8em;
	}

.accordion .accordion-top, .accordion .accordion-bottom {
	background: #ccc;
}

	.accordion .accordion-top p, .accordion .accordion-bottom p {
		padding: 1% 15px;
	}

	.accordion .accordion-bottom p {
		margin: 0;
		text-align: right;
	}

.tabbed .dates {
	background-image: none !important;
}

.tabbed .dates article {
    background: #f7fafa;
    padding: 4%;
    width: 92%;
	margin-bottom: 3%;
}

.tabbed .dates article table, .tabbed .fees {
	background: #fff;
}

.dates .deadline {
	background: #fffeee;
	border: 1px solid #e5e4d1;
	padding: 2% 2% 0;
	margin-bottom: 3%;
}

.tabbed .dates .onethird {
    border-left: 0;
}

#right .tabbed .cover {
	display: none;
}

#right .tabbed article {
	padding: 0;
	width: 100%;
}

.checklist {
	list-style: none;
	margin-left: 0;
	margin-bottom: 7%;
}

#right .checklist {
	margin-bottom: 0;
}

.checklist li {
	padding: 1.25% 0 1.25% 30px;
	background: transparent url('../images/tick.png') left 3px no-repeat;
}

.testimonial {
	background-color: #1b1714;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url('../images/placeholder-testimonial.jpg');
}

	.testimonial img {
		float: right;
	}

	.testimonial article {
		float: left;
		clear: none;
		max-width: 370px;
		padding: 7%;
		margin-bottom: 55%;
	}

	.full .testimonial article {
		margin-bottom: 0;
		max-width: 370px;
		padding: 4%;
	}

	.testimonial blockquote {
		margin-bottom: 4%;
	}

.exam-grades {
	float: left;
	min-height: 0;
	width: 45.5%;
	margin-bottom: 1% !important;
	margin-right: 1%;
	background: #e6f0f0;
    border: 1px solid #ECEFEF;
	padding: 2% 1% 2% 2%;
}

.exam-grades.single {
	width: 97.5%;
}

.exam-grades.standalone {
	width: auto;
	padding: 2%;
}

.exam-grades:nth-of-type(odd) {
	clear: both;
}

.exam-grades.standalone:nth-of-type(odd) {
	clear: none;
}

	.exam-grades .instrument {
		margin: 0 5% 4.5% 0;
	}

	.exam-grades.single .instrument {
		margin: 0 2.5% 0 0;
	}

	.exam-grades.standalone .instrument {
		margin: 0;
	}

.exam-grades .grades {
	float: left;
	width: 56.3%;
}

.exam-grades .grades ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.exam-grades.single .grades {
	width: 70%;
}

	.exam-grades .grades li {
		margin: 0;
		padding: 0 10px 14px 0;
		float: left;
	}

	.exam-grades .grades li a {
		display: block;
		float: left;
		background: #fbfbfb bottom repeat-x;
		padding: 8px 14px;
		border: 1px solid #ccc;
		border-radius: 4px;
		text-decoration: none;
	}

	.exam-grades .grades li a:hover {
		background: #ed3325 bottom repeat-x;
		border-color: #8e1f16;
	}

	.exam-grades li h1 {
		clear: none;
		float: left;
		margin: 0;
		padding: 4px 0;
	}

	.exam-grades .cta {
		clear: left;
		float: left;
		margin: 8px 0;
	}
	
	.exam-grades .older {
		clear: left;
		float: left;
		margin: 12px 0 0;
	}
	
	.exam-grades .other-assessments {
		float: left;
		border-top: 1px solid #ccc;
		margin: 20px 2% 0 0;
		padding-top: 10px;
		width: 98%;
	}
	
	.exam-grades .checklist {
		float: left;
		margin-bottom: 4%;
	}
	
	.exam-grades.single .checklist {
		margin-bottom: 0;
	}
	
.teaser {
	position: relative;
	background: none repeat scroll 0 0 #e6f0f0;
    border: 1px solid #ECEFEF;
    float: left;
    margin-bottom: 2.5%;
    padding: 3% 5%;
    width: 89.5%;
}

.teaser table {
	float: left;
	clear: none;
}

.teaser table td {
	border: 0;
	padding: 1% 0;
	font-weight: 600;
}

.teaser article {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ECEFEF;
    clear: none;
    float: left;
    margin: 1.5% 0;
    padding: 3%;
    width: 93.5%;
}

.teaser .cta {
	float: left;
	clear: none;
	margin-right: 2.5%;
}

.highlights, .booking, .timetable {
	float: left;
	width: 89.5%;
	padding: 3% 5%;
	margin-bottom: 2.5%;
	background: #e6f0f0;
	border: 1px solid #ecefef;
}

	.highlights .column {
		width: 100%;
	}

	.timetable {
		padding: 2% 3% 3%;
	}

	.timetable .session {
		float: left;
		padding: 1.5%;
		margin: 0;
		background: #fcfdfd;
		border-bottom: 1px solid #f4f4f4;
	}

		.timetable .session th {
			background: #F6F6F6;
			width: 15%;
		}

	.timetable article {
		float: left;
		width: 96.5%;
		clear: none;
		background: #fff;
		border: 1px solid #ecefef;
		margin-top: 1.5%;
		padding: 1.5%;
	}

	.timetable article.last {
		border: 1px solid #ecefef !important;
	}

	.booking .column {
		width: 100%;
	}

	.booking form {
		float: left;
		clear: none;
		background: #fcfdfd;
		border: 1px solid #ecefef;
		padding: 5%;
		width: 87%;
		margin-right: 3%;
	}

	.booking form input {
		margin: 0 2% 1% 0;
	}
	
	.register {
		float: left;
		width: 89.5%;
		padding: 3% 5%;
		margin-bottom: 2.5%;
		background: #ff;
		border: 1px solid #fff;		
	}

.contact {
	float: left;
	width: 93.5%;
	padding: 2% 3% 3%;
	margin-bottom: 2.5%;
	background: #e6f0f0;
	border: 1px solid #ecefef;
}

	.contact form {
		float: left;
		clear: none;
		background: #fcfdfd;
		border: 1px solid #e6f0f0;
		width: 100%;
		margin-right: 3%;
	}

	.contact form div div {
		padding: 1.5% 4%;
	}

	.contact form div.full {
		width: 92%;
	}


	.contact form fieldset p {
		padding: 1.5% 4%;
		margin: 0;
		border-bottom: 1px solid #f4f4f4;
	}

	.contact form label {
		float: left;
		width: 160px;
	}

	.contact form input[type=text] {
		width: 270px;
	}

	.contact form textarea {
		width: 260px;
	}

	.contact .centre {
		padding: 2% 2% 2% 12%;
	}

	.contact .centre.location {
		background-position: 0;
	}

.bookinglist {
	list-style-position: inside;
	margin-left: 0;
	margin-bottom: 4px;
	border: 1px solid #f2f2f2;
	border-bottom: none;
}

	.bookinglist li {
		padding: 20px 20px 21px 60px;
		background-color: #fff;
		border-bottom: 1px solid #f2f2f2;
	}

		.bookinglist li input, .bookinglist li select {
			margin-left: 10px;
		}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

	table .heading {
		background: none !important;
		padding: 14px 20px;
		border: 0;
	}

table.locations th {
	background: none;
	border: 0;
	padding: 12px 6px 0 0;
}

table.locations td {
	border: 0;
}

table.locations tr:nth-of-type(even) td {
    background: #fff;
}

/* ----- Exam Centres ----- */

.exam-centres {
	height: 50px;
}

.exam-centres h6 {
	margin: 0.4em 0 0.6em;
}

.exam-centres nav {
	float: right;
	width: 44%;
	margin-right: 1%;
}

	.exam-centres .browse-type h6, .exam-centres .browse-type ul {
		display: inline;
		float: left;
		width: 15%;
	}

	.exam-centres .browse-type ul {
		width: 85%;
	}
	
	.exam-centres .browse-type ul li {
		width: 44%;
		float: left;
		margin-left: 6%;
	}
	
	.exam-centres .browse-type ul li a {
		display:block;
	    padding: 5.5%;
	    margin: 0;
	    width: 88%;
	    text-align: center;
	    border: 1px solid #ecefef;
	    color: #009AC2;
	    border-radius: 6px;
	    background: #fbfbfb;
	}
	
	.exam-centres .browse-type ul li a:hover, .exam-centres .browse-type ul li a.active {
		background: #e6f0f0;
		text-decoration: none;
	}

.search {
	float: left;
	border: 1px solid #ecefef;
	min-height: 600px;
	width: 100%;
}

	.search form {
		padding: 15px;
		background: #e6f0f0;
	}
	
		.search form label {
			float: left;
			font-size: 2em;
			margin-right: 2%;
		}

#map-canvas img {
  max-width: inherit;
}
		
.search .results {
	overflow: hidden;
	height: 535px;
	position: relative;
}

.search .results-count {
	display: block;
	padding: 15px 15px 0;
}
		
.search .results .results-list {
	float: left;
	width: 31%;
	height: 100%;
	background: #fcfdfd;
	overflow: auto;
}

	.results-list ul {
		float: left;
		padding: 5%;
		width: 90%;
		list-style: none;
		margin: 0;
		height: auto;
	}
	
		.results-list li {
			float: left;
			border: 1px solid #e1e1e1;
			border-top: 0;
			background: #f6f6f6;
			padding: 0;
			width: 100%;
		}
		
		.results-list li.noresults {
			border: 0 !important;
			background: none !important;
			font-size: 1.2em;
			font-weight: bold;
		}
	
		.results-list li:first-child {
			border-top: 1px solid #e1e1e1;
		}
	
		.results-list li:hover, .results-list li.selected {
			background: #eee;
		}
		
		.results li span.indicator {
			float: left;
			width: 10%;
			height: 100%;
			padding: 5%;
		}
		
			.results .number {
				display: block;
				width: 22px;
				height: 19px;
				padding-top: 3px;
	    		text-align: center;
	    		border: 1px solid #9f3022;
	    		color: #fff;
	    		border-radius: 6px;
	    		background: #ee3325;
			}
		
		.results li span.label {
			float: left;
			width: 70%;
			height: 100%;
			padding: 4% 5% 6%;
			background: #fff;
		}
		
		.results li:hover span.label, .results li.selected span.label {
			background: #f5f5f5;
		}
		
		span.type {
			padding: 2px 4px;
			margin-top: 1em;
			background: #b5b4b4;
		}
	
	.results .filters {
		position: absolute;
		top: 11px;
		right: 11px;
		background: #f6f6f6;
		border: 1px solid #e1e1e1;
		padding: 20px 0 10px 20px;
  		width: 400px;
		box-shadow: 1px 1px 1px #8C8C8C;
	}
	
	.results .filters span {
		float: left;
		display: block;
		margin-right: 10px;
	}
	
	.results .filters ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.results .filters ul li {
		float: left;
		margin: 0 18px 0 0;
		padding: 0;
		list-style: none;
	}	
	
	.results .filters input {
		float: left;
		margin-right: 8px;
	}
	
	.results .filters label {
		float: left;
	}
	
	.results .map {
		float: left;
		width: 69%;
		height: 535px;
	}
	
	.results .map .map-pin {
		position: absolute;
		top: 400px;
		left: 400px;
	}
	
.exam-centres .print {
	float: right;
}
	
.exam-centre .centre {
	border: 1px solid #ecefef;
	background: #e6f0f0;
	padding: 20px;
	min-height: 145px;
}

.exam-centre .full .centre { 
	min-height: 25px;
}

	.exam-centre .centre article {
		padding: 10px 0 0;
	}
	
	.centre.results ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.centre.results ul li {
		clear: both;
	}
	
	.centre.results ul li span {
		float: left;
		margin: 0 0.5em 0 0;
	}
	
	.centre .toggle {
		float: right;
	}
	
	.centre .contact {
		float: left;
		width: 100%;
		padding: 0;
		margin: 2.5% 0 0;
		background: none;
		border: 0;
	}
	
		.centre .contact form {
			float: left;
			clear: none;
			background: #fcfdfd;
			border: 1px solid #f4f4f4;
			width: 100%;
			margin-right: 3%;
		}

#google-mini-map {
    height: 187px;
    width: 100%;
}

#google-mini-map img {
    max-width: inherit;
}


/* ----- New Exam Centre Cards ----- */

.content.card {
	float: left;
	width: 25.3333%;
    background-color:#e6f0f0;
    padding: 2% 3%;
    margin: 0 0 3% 3%;
}

.content.card:nth-of-type(3n+2) {
	margin-left: 0;
}

	.content.card ul {
		list-style: square;
		margin: 0 0 1em 0;
		padding: 0 0 1em 1em;
		float: left;
		width: 92%;
		border-bottom: 1px solid #ccc;
	}

	.content.card ul li {
		width: 42%;
		float: left;
		margin-right: 8%;
		font-size: 1.1em;
		font-family: "Din Text Pro Regular",'DINPro',Verdana,sans-serif;
    	font-size-adjust: 0.5;
    	font-style: normal;
    	font-weight: normal;
	}

	.content.card img {
		float: none;
		margin-left: 0;
		width: 95%;
		height: auto;
		border: 4px solid #fff;
	}

/* ----- Social Sharing ----- */

.socialsharing {
	border: 1px solid #ccc;
	background: #f9f9f9;
	padding: 2% 3%;
	margin: 2% 0 4%;
}

.socialsharing ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
}

.socialsharing ul li {
	display: block;
	float: left;
	position: relative;
	width: 22%;
	height: 30px;
}

.share-links .facebook-share {
    display: block;
    float: left;
}

.facebook-share {
    font-family: arial,sans-serif;
    font-size: 0.88em;
    overflow: hidden;
}

.facebook-share-btn, .facebook-share-btn:active {
    background-color: #EDEEF4;
    border-color: #CDD5E5;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #3B4D7B;
    cursor: pointer;
    height: 14px;
    padding: 2px 4px;
    position: relative;
    font-size: 0.9em;
    font-weight: bold;
}

.facebook-share-btn:hover {
    background-color: #EDEEF4;
    border-color: #9DACCE;
    text-decoration: none;
}

.facebook-share-btn, .facebook-share-count {
    float: left;
}

.facebook-share-icon {
    background-image: url("../images/btn_facebook_12x12.png");
    background-position: 0 1px;
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 13px;
    margin: 0 2px 1px 1px;
    width: 13px;
}

.facebook-share-label {
    color: #3B5998;
    line-height: 1.3;
}

.facebook-share-count {
    background-color: #FFFFFF;
    border-color: #CDD5E5;
    border-style: solid;
    border-width: 1px;
    height: 14px;
    margin-left: 6px;
    margin-top: 1px;
    padding: 1px 2px;
    position: relative;
}

.facebook-share-count i, .facebook-share-count u {
    border-color: rgba(0, 0, 0, 0) #D7D7D7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    height: 1px;
    left: -5px;
    position: absolute;
    top: 4px;
}

.facebook-share-count i {
    border-right-color: #FFFFFF;
    left: -3px;
    z-index: 5;
}

.share-links .rss {
	width: 12%;
}

.share-links .rss a {
	color: #000;
	font-weight: bold;
	font-size: 0.9em;
}

.share-links .rss img {
	float: left;
	margin-right: 6px;
	vertical-align: middle;
}

/* desktop @ 1024x768 */

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

.exam-grades .grades {
	width: 98%;
}

	.contact form input[type=text], .contact form textarea {
		width: 220px;
	}
	
	footer .footer_icons {
	    min-width: 0;
	}
	
	footer .footer_icons img {
	    max-width: 25.5%;
	    margin-bottom: 2%;
	}

.tabbed .onethird {
    border-left: 0;
    padding-left: 0;
}

}

/* desktop @ 800x600 */

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

	#country-selector ul {
    	width: 97%;
    	margin-bottom: 0;
	}

	#country-selector ul:nth-of-type(3n) {
    	margin-bottom: 3%;
	}

	#search {
	    clear: right;
	    float: right;
	    padding: 4px 1em 0 0;
	}

	#masthead #logo {
	}

	#masthead #logo img {
        max-height: 90px;
        width: auto;
	}

	#masthead #logo img.logo-125 {
        max-height: 118px;
        width: auto;
	}

	#breadcrumb {
		margin: 0;
	}

	#marketing .brand-message {
    	top: 40%;
	}

	#header {
		min-height: 140px;
	}

	#browse {
		float: left;
		clear: both;
		background: #000;
		background: rgba(0,0,0,1);
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
	}

		#browse ul {
			float: left;
			margin: 96px 1% 1% 1.6%;
			width: 97.4%;
		}

			#browse ul li {
				padding: 0.5% 1%;
			}

			#browse a {
				font-size: 1.3em !important;
			}


	#center {
		width: 97%;
		margin-bottom: 2.5%;
	}

		#center .highlights .column {
			padding: 0;
		    padding-right: 2.8%;
		}

		#center .highlights .column.last {
			padding-right: 0;
			padding-left: 2.8%;
			border-left: 1px solid #e2e2e2 !important;
		}

		#center .quarter {
			width: 47%;
		}

	#right.column, .lower .column {
		width: 97% !important;
		padding: 0 1.5%;
	}

	.lower .column.padded-right {
		width: 47% !important;
		padding: 0 1.5%;
	}

	#left.column {
		width: 25.75% !important;
	}

	#right section {
		margin-bottom: 8%;
	}

	.c8of16, .c13of16 {
	    width: 68% !important;
	}

	.a1of2 {
		min-height: 80px;
	}

	.a1of3 {
		min-height: 105px;
	}

	.a1of4 {
		min-height: 170px;
	}
	
	.half {
		clear: both;
		width: 100%;
	}
	
	.promo .image {
		width: 90%;
		padding: 5% 5% 0;
	}

	.promo h3 {
		width: 90%;
	}

	.promo article {
		width: 90%;
	}

	.promo article.half {
    	width: 50%;
	}

	.product-carousel .image {
		width: auto;
	}

	#right .promo, #right .listing {
		float: left;
		width: 47.7%;
		margin: 2% 1%;
	}

	#right .even {
		margin-right: 0;
	}

	.testimonial article {
	    max-width: 330px;
	}

.exam-grades .grades {
	width: 49%;
}

	footer .column {
 	   min-height: 0;
	}

	footer .column.border {
	    width: 97% !important;
	    border-right: 0;
	    border-bottom: 1px solid #838385;
	}
	
	footer .column.footer_icons {
	    padding-bottom: 2% !important; 
	}

	footer .column.c7of16 {
	    padding: 0 1.5%;
	    width: 97%;
	}

	footer ul {
	    float: left;
	    width: 31.3%;
	}

.exam-centres {
    height: auto !important;
}

.exam-centres nav {
	float: none !important;
	width: 100%;
	margin-bottom: 12%;
}

.search {
    min-height: 0;
}

#map-canvas {
	display: none;
}

.search .results {
    height: auto;
}

.search .results .results-list {
    width: 100%;
    height: auto;
}

.socialsharing {
	padding: 1% 2%;
}

.socialsharing ul {
	height: 38px;
}

.socialsharing ul li {
	width: 25%;
}

.content.card {
	float: left;
	width: 42.3333%;
    background-color:#e6f0f0;
    padding: 2% 3%;
    margin: 0 0 3% 3%;
}

.content.card:nth-of-type(3n+2) {
	margin-left: 3%;
}

.content.card:nth-of-type(2n+2) {
	margin-left: 0;
}

.content.card:nth-of-type(even) {
	margin-left: 0;
	clear: both;
}


}

/* desktop/smartphone @ 480x320 */

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

	body {
		background: #fff;
	}

	.page {
	    margin: 0;
	    width: 100%;
	    box-shadow: none;
	}

	#country-selector .mobile-menu {
		display: block;
		width: 100%;
	}

	#country-selector .desktop-menu {
		display: none;
	}

	.alert .notice {
		width: 83%;
		padding: 7px 15px 7px 20px;
	}

	#masthead #logo {
		width: 80px;
		height: 80px;
		margin-left: 2%;
		background: url('../images/abrsm-logo.jpg') no-repeat 100% 100%;
		background-size: cover;
	}

	#masthead #logo img {
		display: none;
	}

	#country-indicator {
	    padding: 12px 30px 15px 18px;
	}
		
	#country-indicator .abbr {
		display: inline;
	}
		
	#country-indicator .full-name {
		display: none;
	}
	
	#global {
		clear: both;
	}

	#global ul {
	    display: none;
	}

	#search {
	    clear: right;
	    float: right;
	    padding: 0;
	    margin: 8px;
	}

	#search input.gsc-search-button {
	    position: absolute;
	    right: 6px;
	    top: 4px;
	}

	#search input[type=text] {
	    width: 110px;
	}
	
.landing #breadcrumb {
    position: relative !important;
}

	#breadcrumb {
		margin: 0;
		bottom: 0;
		top: 0;
		position: relative !important;
		float: left;
	}

	#breadcrumb nav {
		padding: 0;
	}

	#browse {
		clear: both;
	    margin: 2%;
		width: 96%;
		background: none;
	}
	
	#browse .button {
		display: block;
		float: left;
		background: #333;
		width: 96%;
		padding: 2%;
	}

	#browse .button a {
		display: block;
		color: #fff !important;
	}

	#browse .button .bar {
        float: right;
		clear: right;
		display: block;
		width: 20px;
		height: 0px;
		border-top: 2px solid #fff;
		border-bottom: 1px solid #b5b5b5;
		margin: 2px 0;
	}

	#browse ul {
		display: none;
	    width: 99.5%;
		border: 1px solid #eee;
		margin: 0;
	}

	#browse ul li {
		float: none;
		padding: 0;
		border: 0;
	}

	#browse ul li a {
		display: block;
		padding: 2%;
		border-top: 1px solid #eee;
		background: #f8f8f8;
		color: #333;
	}
	
	#header {
		background: none;
	    min-height: 0;
	    margin-bottom: 0;
	}
	
	#header img {
	    display: none;
	}
	
	#breadcrumb h1, .brand-message h1 {
	    padding: 0;
	}
	
#header .quicklinks {
    position: relative !important;
    float: left;
    z-index: 1500;
    margin-top: 10px;
    width: 96%;
    background: none;
}

#header .quicklinks ul {
	width: 100%;
    border-bottom: 1px solid #E9E9E9;
}

#header .quicklinks li {
	padding: 0;
	width: 100%;
}

#header .quicklinks li a {
    padding: 10px;
    background-color: #FAFAFA;
    border: 1px solid #E9E9E9;
    border-bottom: none;
    display: block;
}

	#header .quicklinks li a:hover {
    	background: none;
    	border-left: 1px solid red;
    	background-color: #e9e9e9;
	}

	#header .quicklinks li a.selected {
		background:none;
    	background-color:#e9e9e9;
		border:none;
	  	border-left:1px solid red;
	 	font-weight:bold;
	}


#header .quicklinks li:nth-of-type(even) {
    display: none;
}

	#main {
		margin: 2.5% 0 0;
		width: 100%;
	}
	
	#left, #left.column {
	    width: 97% !important;
	}
	
	.subnav {
    	max-width: none;
    	width: 100%;
    }
    
    .subnav ul {    
    	margin: 0;
    	width: 100%;
		border-bottom: 1px solid #E9E9E9;
	}
		
		.subnav li a {
			padding: 10px;
		    border: 1px solid #E9E9E9;
		    border-bottom: 0;
		}		
		
		.subnav ul ul li a {
			padding: 10px 10px 10px 30px;
		}		


	#center {
		margin-bottom: 2.5%;
		padding: 0 2%;
		width: 96%;
	}

		#center .highlights .column {
			padding: 0;
		    padding-right: 0;
		    width: 100%;
		}

		#center .highlights .column.last {
			padding-right: 0;
			padding-left: 0;
			border-left: 0 !important;
		}

		.bookinglist {
			margin-bottom: 4%;
		}

	.lower .column.padded-right, .lower .column {
	    padding: auto;
	    width: 100% !important;
	}

	#left .column {
		width: 25.75% !important;
	}

	.onethird, .twothirds, .onethird.padded-right {
		width: 100% !important;
		padding: 0 !important;
	}

	.c8of16, .c13of16 {
	    width: 96% !important;
	}

	.a1of2, .a1of3, .a1of4 {
		width: 95%;
		padding: 2.5%;
		min-height: 50px;
	}
	
	.row {
	    border-bottom: 0;
	}
	
	.padded-right {
		padding-right: 0;
	}
	
	.panel {
	    border: 0;
	    padding: 0;
	}
	
	.product-carousel li {
	    width: 46%;
	}

	.tabbed .cover {
	    display: none;
	}
	
	.tabbed article {
	    clear: both;
	    width: 90%;
	    padding: 0;
	}
	
	.tabbed .onethird, .tabbed .overview article {
	    border-left: 0;
	    margin-top: 0;
	    padding-left: 0;
	    width: 100% !important;
	}

	.teaser table {
	    width: 100%;
	}
	
	.instrument a .label {
	    position: relative;
    	text-align: left;
    	top: auto;
    	left: auto;
    	width: auto;
	}

	.listing.instruments ul li, .instrument {
	    margin: 0 0 1% 0;
	    min-width: 25px;
	    width: 100%;
	    max-width: none;
	    float: none;
	}

	.instrument a {
	    min-height: 20px;
	    text-align: left; 
	}

	.listing.instruments ul li a {
	    min-height: 16px;
	    float: none;
	    text-align: left;
	    padding-left: 3%;
	    width: 97%;
	}

		.listing.instruments ul li a .icon, .instrument a .icon {
		    display: block;
		    height: 42px;
		    left: auto;
		    padding: 0 1%;
		    right: 0;
		    top: 0;
		    width: 45px;
		}

		.instrument a .icon {
		    padding: 0 2%;
		}

			.listing.instruments ul li a .icon img, .instrument a .icon img {
				max-height: 35px;
			}

		.listing.instruments ul li .view-more {
			border: 0;
		}

		.listing.instruments ul li .view-more a {
		    background: none repeat scroll 0 0 transparent;
		    height: 16px;
		    min-height: 16px;
		    padding-top: 3%;
		    width: 96%;
		}
		
	.listing .view-more {
	    display: block;
    	min-height: 16px;
    	padding: 0;
	    text-align: center;
	    border: 1px solid #F2F2F2;
		width: 100%;
	}	
		
	.listing .view-more a {
		display: block;
		height: 16px;
		min-height: 16px;
		padding: 3%;
		width: 94%;
	}

	.listing .view-more a:hover {
		background: #e8e8e8 !important;
	}

	.exam-grades {
		width: 95.5% !important;
		padding: 2%;
	}

.exam-grades .grades, .exam-grades.single .grades {
	width: 100%;
}

	.exam-grades ul {
	    width: 100%;
	    margin-top: 2% !important;
	}
	
	.grades div {
		clear: none !important;
		margin-right: 14px !important;
	}
	
	.exam-grades .checklist li {
		display: inline
	}

	.listing.sessions ul li {
	    width: 100%;
	}
	
	.promo {
		width: 99%;
	}

	.promo .image {
		width: 90%;
		padding: 5% 5% 0;
	}

	.promo h3 {
		width: 90%;
	}

	.promo article {
		width: 90%;
	}

	.promo article.half {
    	width: 94%;
	}

	.product-carousel .image {
		width: auto;
	}

	#right .promo, #right .listing {
		float: left;
		padding: 0 2%;
		width: 96%;
		margin-right: 0;
	}

	#right .promo.image-carousel {
		float: left;
		padding: 0;
		width: 100%;
		margin-right: 0;
	}

	#right .promo.even {
		margin-right: 0;
	}

	.testimonial article {
	    max-width: 330px;
	}

	.exam-grades.single ul {
		width: 100%;
	}

	.contact form input[type=text], .contact form label {
		width: 96%;
	}

	.contact form textarea {
		width: 97%;
	}

	footer .column.border {
	    width: 97% !important;
	    border-right: 0;
	}
	
	footer .footer_icons {
	    min-width: 0;
	}
	
	footer .footer_icons img {
	    max-width: 22.5%;
	    margin-bottom: 2%;
	}

.exam-centre .centre {
	padding: 10px;
	min-height: 0 !important;
}

.exam-centres nav {
}

.exam-centres .browse-type h6 {
    display: inline;
    float: left;
    width: 20%;
    margin: 0.5em 0;
}

.exam-centres h6 {
	clear: both;
}

.exam-centres .browse-type ul {
    width: 80%;
}

.exam-centres .browse-type ul li {
    float: left;
    margin-left: 2%;
    width: 48%;
}

.exam-centres .browse-type ul li a {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #ECEFEF;
    border-radius: 0;
    color: #009AC2;
    display: block;
    margin: 0;
    padding: 4%;
    text-align: center;
    width: 88%;
}

.socialsharing ul {
	height: 70px;
}

.socialsharing ul li {
	width: 50%;
}

.share-links .facebook-share {
    float: none;
}

.content.card {
	float: left;
	width: 94%;
    background-color:#e6f0f0;
    padding: 2% 3%;
    margin: 0 0 3% 0;
}

.content.card:nth-of-type(3n+2) {
	margin-left: 0;
}

.content.card:nth-of-type(2n+2) {
	margin-left: 0;
}

.content.card:nth-of-type(even) {
	margin-left: 0;
	clear: both;
}

input[type="search"] {
    width: 80%;
}
	
	.timetable .session {
    padding: 0;
}
		
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block;
		float: left;
		clear: both; 
		width: 100%;
	}
	
	th { 
		width: 95% !important;
		padding: 2.5%;
	}
	
	td {	
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		width: 47.25%;
		white-space: normal;
		text-align:left;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */

	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	td:before { 
		position: absolute;
		top: 14px;
		left: 14px;
		width: 45%; 
		padding-right: 5%; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	td:before {
		content: attr(data-title); 
	}		
	
table caption {
	width: 100%;
}	

}