@charset "utf-8";

/* displayBoard */
#bottomPanel .chest {margin-top: 24px;}/* Whole page */

/* Britain & Ireland */
.mapFrame {margin: 7px 0px; border-radius: 7px; display: flex; flex-direction: row-reverse; align-items: flex-start;}
@media screen {.mapFrame {background-image: var(--galleryImage); background-color: var(--galleryBackground);}}
.mapFrame .chest {min-width: min(300px, calc(100% - 16rem)); margin: 0 0 0 1rem;}
.mapFrame .chest li {overflow: hidden;/* height: 1em;*/}
.mapFrame > img {visibility: hidden;} 
.navMap {margin: 0 auto;}
.navMap img {display: none;}
.mapList li {list-style: none;}
.mapList a {transition: opacity 150ms ease-out 10ms;}
.mapList a:hover, .navMap a:focus {opacity: 1;}
.mapList a:not(hover) {opacity: 0;}
@media screen
{
	.mapFrame {color: var(--galleryYellow); border: thick ridge var(--borderYellow); padding: 5px; position: relative;}
	/*.mapFrame .chest {float: right; clear: right;}*/
	/*.mapFrame .chest a {width: 100%; padding: 0 90px 0 0;} */
	.mapList {position: relative;}

	.mapList a {position: absolute; display: block; border: none; text-indent: -3000px; overflow: hidden;}
}
@media print 
{
	.mapFrame .chest {margin: 0 auto;}
	.mapFrame {color: #660000; border: none;}
}

@media only screen and (max-width: 520px)
{
	.mapFrame {flex-direction: column;}
	.mapFrame .chest {width: 100%; margin: 0;}
}

/* Britain */
@media screen
{
	#britain h2 {margin-top: 0;}
	#mapList_britain 
	{
		--mapWidth: 383;
		--mapHeight: 670;
		--imgWidth: 383;
		--imgHeight: 670;
		--widthRatio: calc(var(--imgWidth) / var(--mapWidth));
		--heightRatio: calc(var(--imgHeight) / var(--mapHeight));
		
		width: calc(var(--imgWidth) * 1px); height: calc(var(--imgHeight) * 1px);  background-image: url(/maps/nav/gb-css.png); background-size: calc(var(--imgWidth) * 1px) calc(var(--imgHeight) * 5px); background-position: -0px -0px; background-repeat: no-repeat;
	}
	
	/*#angleseyMap 		{left: calc((111 / var(--mapWidth)) * 100%); top: calc((421 / var(--mapHeight)) * 100%);*/
	#cornwallMap 		{left: calc(( 18 / var(--mapWidth)) * 100%); top: calc((598 / var(--mapHeight)) * 100%);}
	#clywdMap 	 		{left: calc((133 / var(--mapWidth)) * 100%); top: calc((425 / var(--mapHeight)) * 100%);}
	#cumbriaMap 		{left: calc((153 / var(--mapWidth)) * 100%); top: calc((298 / var(--mapHeight)) * 100%);}
	#derbyshireMap	 	{left: calc((219 / var(--mapWidth)) * 100%); top: calc((414 / var(--mapHeight)) * 100%);}
	#devon1Map 			{left: calc((106 / var(--mapWidth)) * 100%); top: calc((573 / var(--mapHeight)) * 100%);}
	#dorsetMap 			{left: calc((178 / var(--mapWidth)) * 100%); top: calc((589 / var(--mapHeight)) * 100%);}
	#durhamMap 			{left: calc((206 / var(--mapWidth)) * 100%); top: calc((317 / var(--mapHeight)) * 100%);}
	/*#dyfedotherMap 	{left: calc((101 / var(--mapWidth)) * 100%); top: calc((484 / var(--mapHeight)) * 100%);}*/
	#dyfedMap 			{left: calc(( 74 / var(--mapWidth)) * 100%); top: calc((484 / var(--mapHeight)) * 100%);}
	#fodMap 			{left: calc((189 / var(--mapWidth)) * 100%); top: calc((522 / var(--mapHeight)) * 100%);}
	#gloucestershireMap {left: calc((189 / var(--mapWidth)) * 100%); top: calc((517 / var(--mapHeight)) * 100%);}
	#gwyneddMap 		{left: calc((102 / var(--mapWidth)) * 100%); top: calc((421 / var(--mapHeight)) * 100%);}
	#hampshireMap 		{left: calc((220 / var(--mapWidth)) * 100%); top: calc((567 / var(--mapHeight)) * 100%);}
	#highlandsMap 		{left: calc(( 25 / var(--mapWidth)) * 100%); top: calc((128 / var(--mapHeight)) * 100%);}
	#iowMap				{left: calc((239 / var(--mapWidth)) * 100%); top: calc((611 / var(--mapHeight)) * 100%); z-index: 10;}
	#kentMap 			{left: calc((310 / var(--mapWidth)) * 100%); top: calc((558 / var(--mapHeight)) * 100%);}
	#london1Map 		{left: calc((285 / var(--mapWidth)) * 100%); top: calc((545 / var(--mapHeight)) * 100%);}
	#southwalesMap 		{left: calc((120 / var(--mapWidth)) * 100%); top: calc((525 / var(--mapHeight)) * 100%);}
	/*#monmouthshireMap 	{left: calc((169 / var(--mapWidth)) * 100%); top: calc((525 / var(--mapHeight)) * 100%);}*/
	#newForest 			{left: calc((223 / var(--mapWidth)) * 100%); top: calc((594 / var(--mapHeight)) * 100%); z-index: 10;}
	#northumbriaMap		{left: calc((192 / var(--mapWidth)) * 100%); top: calc((254 / var(--mapHeight)) * 100%);}
	#norfolkMap			{left: calc((313 / var(--mapWidth)) * 100%); top: calc((451 / var(--mapHeight)) * 100%);}
	#nymMap			 	{left: calc((230 / var(--mapWidth)) * 100%); top: calc((336 / var(--mapHeight)) * 100%); z-index: 20;}
	/*#pembrokeMap 		{left: calc((74 / var(--mapWidth)) * 100%); top: calc((515 / var(--mapHeight)) * 100%);}*/
	#scillyMap	 		{left: calc(( 18 / var(--mapWidth)) * 100%); top: calc((658 / var(--mapHeight)) * 100%); z-index: 10;}
	#shropshireMap 		{left: calc((166 / var(--mapWidth)) * 100%); top: calc((453 / var(--mapHeight)) * 100%);}
	#somersetMap 		{left: calc((137 / var(--mapWidth)) * 100%); top: calc((559 / var(--mapHeight)) * 100%);}
	#surreyMap	 		{left: calc((274 / var(--mapWidth)) * 100%); top: calc((561 / var(--mapHeight)) * 100%);}
	#sussexMap	 		{left: calc((299 / var(--mapWidth)) * 100%); top: calc((582 / var(--mapHeight)) * 100%);}
	#sussexwMap 		{left: calc((267 / var(--mapWidth)) * 100%); top: calc((582 / var(--mapHeight)) * 100%);}
	#wiltshireMap 		{left: calc((204 / var(--mapWidth)) * 100%); top: calc((546 / var(--mapHeight)) * 100%); z-index: 10;}
	#yorkshireMap	 	{left: calc((197 / var(--mapWidth)) * 100%); top: calc((337 / var(--mapHeight)) * 100%); z-index: 10;}
	
	/*#angleseyMap 		{width: calc(var(--widthRatio) * 21px); height: calc(var(--heightRatio) * 21px); z-index: 10;}*/
	#cornwallMap 		{width: calc(var(--widthRatio) * 103px); height: calc(var(--heightRatio) * 72px);}
	#clywdMap 		 	{width: calc(var(--widthRatio) *  55px); height: calc(var(--heightRatio) * 45px);}
	#cumbriaMap 		{width: calc(var(--widthRatio) *  61px); height: calc(var(--heightRatio) * 77px);}
	#derbyshireMap 		{width: calc(var(--widthRatio) *  37px); height: calc(var(--heightRatio) * 60px);}
	#devon1Map 			{width: calc(var(--widthRatio) *  74px); height: calc(var(--heightRatio) * 74px);}
	#dorsetMap 			{width: calc(var(--widthRatio) *  54px); height: calc(var(--heightRatio) * 39px);}
	#durhamMap 			{width: calc(var(--widthRatio) *  48px); height: calc(var(--heightRatio) * 33px);}
	/*#dyfedotherMap 	{width: calc(var(--widthRatio) *  46px); height: calc(var(--heightRatio) * 72px);}*/
	#dyfedMap 			{width: calc(var(--widthRatio) *  73px); height: calc(var(--heightRatio) * 65px);}
	#fodMap				{width: calc(var(--widthRatio) *  19px); height: calc(var(--heightRatio) * 26px);}
	#gloucestershireMap	{width: calc(var(--widthRatio) *  48px); height: calc(var(--heightRatio) * 50px);}
	#gwyneddMap 		{width: calc(var(--widthRatio) *  55px); height: calc(var(--heightRatio) * 64px);}
	#hampshireMap 		{width: calc(var(--widthRatio) *  57px); height: calc(var(--heightRatio) * 59px);}
	#highlandsMap 		{width: calc(var(--widthRatio) * 141px); height: calc(var(--heightRatio) * 88px);}
	#iowMap 			{width: calc(var(--widthRatio) *  25px); height: calc(var(--heightRatio) * 13px);}
	#kentMap 			{width: calc(var(--widthRatio) *  64px); height: calc(var(--heightRatio) * 41px);}
	#london1Map 		{width: calc(var(--widthRatio) *  38px); height: calc(var(--heightRatio) * 29px);}
	#southwalesMap 		{width: calc(var(--widthRatio) *  71px); height: calc(var(--heightRatio) * 42px);}
	/*#monmouthshireMap {width: calc(var(--widthRatio) *  21px); height: calc(var(--heightRatio) * 28px);}*/
	#newForest 			{width: calc(var(--widthRatio) *  29px); height: calc(var(--heightRatio) * 21px);}
	#northumbriaMap  	{width: calc(var(--widthRatio) *  50px); height: calc(var(--heightRatio) * 73px);}
	#norfolkMap			{width: calc(var(--widthRatio) *  70px); height: calc(var(--heightRatio) * 46px);}
	#nymMap 		 	{width: calc(var(--widthRatio) *  55px); height: calc(var(--heightRatio) * 36px);}
	/*#pembrokeMap 		{width: calc(var(--widthRatio) *  38px); height: calc(var(--heightRatio) * 34px);}*/
	#scillyMap	 		{width: calc(var(--widthRatio) *  11px); height: calc(var(--heightRatio) * 13px);}
	#shropshireMap 		{width: calc(var(--widthRatio) *  44px); height: calc(var(--heightRatio) * 49px);}
	#somersetMap 		{width: calc(var(--widthRatio) *  72px); height: calc(var(--heightRatio) * 47px);}
	#surreyMap	 		{width: calc(var(--widthRatio) *  37px); height: calc(var(--heightRatio) * 26px);}
	#sussexMap		 	{width: calc(var(--widthRatio) *  48px); height: calc(var(--heightRatio) * 32px);}
	#sussexwMap 		{width: calc(var(--widthRatio) *  44px); height: calc(var(--heightRatio) * 32px);}
	#wiltshireMap 		{width: calc(var(--widthRatio) *  39px); height: calc(var(--heightRatio) * 53px);}
	#yorkshireMap 	 	{width: calc(var(--widthRatio) *  98px); height: calc(var(--heightRatio) * 71px);}
	
	#mapList_britain a:hover, #mapList_britain a:focus {background-image: url(/maps/nav/gb-css.png); background-repeat: no-repeat;  background-size: calc(var(--imgWidth) * 1px) calc(var(--imgHeight) * 5px);}
	
	/*#angleseyMap:hover, #angleseyMap:focus {background-position: calc(var(--widthRatio) * -111px) calc(var(--heightRatio) * -1761px);}*/
	#cornwallMap:hover, #cornwallMap:focus 					{background-position: calc(var(--widthRatio) *  -18px) calc(var(--heightRatio) * -1938px);}
	#clywdMap:hover, #clywdMap:focus 						{background-position: calc(var(--widthRatio) * -133px) calc(var(--heightRatio) * -2435px);}
	#cumbriaMap:hover, #cumbriaMap:focus 					{background-position: calc(var(--widthRatio) * -153px) calc(var(--heightRatio) * -1638px);}
	#derbyshireMap:hover, #derbyshireMap:focus 				{background-position: calc(var(--widthRatio) * -219px) calc(var(--heightRatio) * -1084px);}
	#devon1Map:hover, #devon1Map:focus 						{background-position: calc(var(--widthRatio) * -106px) calc(var(--heightRatio) * -1243px);}
	#dorsetMap:hover, #dorsetMap:focus 						{background-position: calc(var(--widthRatio) * -178px) calc(var(--heightRatio) * -2599px);}
	#durhamMap:hover, #durhamMap:focus 						{background-position: calc(var(--widthRatio) * -206px) calc(var(--heightRatio) * -2327px);}
	/*#dyfedotherMap:hover, #dyfedotherMap:focus 			{background-position: calc(var(--widthRatio) * -101px) calc(var(--heightRatio) * -1824px);}*/
	#dyfedMap:hover, #dyfedMap:focus 						{background-position: calc(var(--widthRatio) *  -74px) calc(var(--heightRatio) * -2494px);}
	#fodMap:hover, #fodMap:focus							{background-position: calc(var(--widthRatio) * -189px) calc(var(--heightRatio) * -1862px);}
	#gloucestershireMap:hover, #gloucestershireMap:focus	{background-position: calc(var(--widthRatio) * -189px) calc(var(--heightRatio) * -2527px);}
	#gwyneddMap:hover, #gwyneddMap:focus 					{background-position: calc(var(--widthRatio) * -102px) calc(var(--heightRatio) * -1091px);}
	#hampshireMap:hover, #hampshireMap:focus 				{background-position: calc(var(--widthRatio) * -220px) calc(var(--heightRatio) * -3250px);}
	#highlandsMap:hover, #highlandsMap:focus 				{background-position: calc(var(--widthRatio) *  -25px) calc(var(--heightRatio) *  -798px);}
	#iowMap:hover, #iowMap:focus 							{background-position: calc(var(--widthRatio) * -239px) calc(var(--heightRatio) * -1281px);}
	#kentMap:hover, #kentMap:focus 							{background-position: calc(var(--widthRatio) * -310px) calc(var(--heightRatio) * -1898px);}
	#london1Map:hover, #london1Map:focus 					{background-position: calc(var(--widthRatio) * -285px) calc(var(--heightRatio) * -1215px);}
	#southwalesMap:hover, #southwalesMap:focus 				{background-position: calc(var(--widthRatio) * -120px) calc(var(--heightRatio) * -1195px);}
	/*#monmouthshireMap:hover, #monmouthshireMap:focus 		{background-position: calc(var(--widthRatio) * -169px) calc(var(--heightRatio) * -1195px);}*/
	#newForest:hover, #newForest:focus 						{background-position: calc(var(--widthRatio) * -223px) calc(var(--heightRatio) * -1934px);}
	#northumbriaMap:hover, #northumbriaMap:focus 			{background-position: calc(var(--widthRatio) * -192px) calc(var(--heightRatio) *  -924px);}
	#norfolkMap:hover, #norfolkMap:focus 					{background-position: calc(var(--widthRatio) * -313px) calc(var(--heightRatio) * -1121px);}
	#nymMap:hover, #nymMap:focus 							{background-position: calc(var(--widthRatio) * -230px) calc(var(--heightRatio) * -1676px);}
	/*#pembrokeMap:hover, #pembrokeMap:focus 				{background-position: calc(var(--widthRatio) *  -74px) calc(var(--heightRatio) * -1185px);}*/
	#scillyMap:hover, #scillyMap:focus 						{background-position: calc(var(--widthRatio) *  -18px) calc(var(--heightRatio) * -1329px);}
	#shropshireMap:hover, #shropshireMap:focus 				{background-position: calc(var(--widthRatio) * -166px) calc(var(--heightRatio) * -1123px);}
	#somersetMap:hover, #somersetMap:focus 					{background-position: calc(var(--widthRatio) * -137px) calc(var(--heightRatio) * -1899px);}
	#surreyMap:hover, #surreyMap:focus 						{background-position: calc(var(--widthRatio) * -273px) calc(var(--heightRatio) * -2570px);}
	#sussexMap:hover, #sussexMap:focus 						{background-position: calc(var(--widthRatio) * -299px) calc(var(--heightRatio) * -2592px);}
	#sussexwMap:hover, #sussexwMap:focus 					{background-position: calc(var(--widthRatio) * -267px) calc(var(--heightRatio) * -1252px);}
	#wiltshireMap:hover, #wiltshireMap:focus 				{background-position: calc(var(--widthRatio) * -204px) calc(var(--heightRatio) * -1216px);}
	#yorkshireMap:hover, #yorkshireMap:focus 				{background-position: calc(var(--widthRatio) * -197px) calc(var(--heightRatio) * -1007px);}
	
	#chest_iowMap::before, #chest_scillyMap::before, #chest_newForest::before, #chest_nymMap::before, #chest_fodMap:before {content: " \27A5\00A0";} 
}

@media print {#mapList_britain {display: none;}}

@media only screen and (max-width: 750px)
{
	#mapList_britain {
		--imgWidth: 208;
		--imgHeight: 364;
	}
}
@media only screen and (max-width: 520px)
{
	.mapList {position: relative; top: auto;}
	#mapList_britain {margin: 10px auto;}
}

/* Ireland */
@media screen
{
	#mapList_ireland {
		--mapWidth: 209;
		--mapHeight: 268;
		--imgWidth: 209;
		--imgHeight: 268;
		--widthRatio: calc(var(--imgWidth) / var(--mapWidth));
		--heightRatio: calc(var(--imgHeight) / var(--mapHeight));

		width: calc(var(--imgWidth) * 1px); height: calc(var(--imgHeight) * 1px);  background-image: url(/maps/nav/ie-css.png); background-size: calc(var(--imgWidth) * 1px) calc(var(--imgHeight) * 4px); background-position: -0px -0px; background-repeat: no-repeat;
	}

	#bearaMap 	{left: calc(( 19 / var(--mapWidth)) * 100%); top: calc((239 / var(--mapHeight)) * 100%); z-index: 20;}
	#corkMap 	{left: calc(( 19 / var(--mapWidth)) * 100%); top: calc((205 / var(--mapHeight)) * 100%);}
	#dublinMap 	{left: calc((166 / var(--mapWidth)) * 100%); top: calc((119 / var(--mapHeight)) * 100%);}
	#kerryMap 	{left: calc((  0 / var(--mapWidth)) * 100%); top: calc((191 / var(--mapHeight)) * 100%); z-index: 10;}
	#wicklowMap {left: calc((157 / var(--mapWidth)) * 100%); top: calc((145 / var(--mapHeight)) * 100%);}
	
	#bearaMap 	{width: calc(var(--widthRatio) * 23px); height: calc(var(--heightRatio) * 20px);}
	#corkMap 	{width: calc(var(--widthRatio) * 95px); height: calc(var(--heightRatio) * 62px);}
	#dublinMap 	{width: calc(var(--widthRatio) * 19px); height: calc(var(--heightRatio) * 30px);}
	#kerryMap 	{width: calc(var(--widthRatio) * 58px); height: calc(var(--heightRatio) * 58px);}
	#wicklowMap {width: calc(var(--widthRatio) * 31px); height: calc(var(--heightRatio) * 38px);}
	
	#mapList_ireland a:hover, #mapList_ireland a:focus {background-image: url(/maps/nav/ie-css.png); background-repeat: no-repeat;  background-size: calc(var(--imgWidth) * 1px) calc(var(--imgHeight) * 4px);}
		
	#bearaMap:hover, #bearaMap:focus 	 {background-position: calc(var(--widthRatio) *  -18px) calc(var(--heightRatio) * -1045px);}
	#corkMap:hover, #corkMap:focus 		 {background-position: calc(var(--widthRatio) *  -19px) calc(var(--heightRatio) *  -741px);}
	#dublinMap:hover, #dublinMap:focus	 {background-position: calc(var(--widthRatio) * -166px) calc(var(--heightRatio) *  -387px);}
	#kerryMap:hover, #kerryMap:focus	 {background-position: calc(var(--widthRatio) *   -0px) calc(var(--heightRatio) *  -459px);}  /* has to be 0px. 0 doesn't work */
	#wicklowMap:hover, #wicklowMap:focus {background-position: calc(var(--widthRatio) * -157px) calc(var(--heightRatio) *  -681px);}
	
	#chest_bearaMap::before {content: " \27A5\00A0";} 
}
@media print {#mapList_ireland {display: none;}}

@media only screen and (max-width: 750px)
{
	#mapList_ireland {
		--imgWidth: 150;
		--imgHeight: 192;
		margin: 10px 0;
	}
}

@media only screen and (max-width: 520px)
{
	#mapList_ireland {margin: 10px auto;}
}

/* Overseas */
#overseas .newFlash {float: right;}
#overseas .aisle li {min-height: 85px;}