/*------------------------------------
   Map Content
------------------------------------*/
.contentcol { width: 100%;}

/*------------------------------------
   Map Feature
------------------------------------*/
#findshop { height: 475px; margin-top: 0;}
#findshop h4 { font-size: 2.2em; padding: 26px 0 0 22px;}
#findshop h5 { color: #2391d4; padding: 30px 0 0 22px;}
#findshop .shopselect { margin: 10px 0 0 22px; width: 250px; padding: 1px 0;}
#findshop img { margin: 50px 0 0 22px;}

/*------------------------------------
   MAP
------------------------------------*/
/* Container */
#mapcontainer { position: relative;}
#viewport { width: 582px; height: 400px; cursor: move; margin: 0 auto; overflow: hidden; }

/*------------------------------------
   Map Controls
------------------------------------*/
#mapcontainer .map-control { position: absolute; top: 10px; left: 10px; z-index: 99999; width: 50px; height: 238px;}  

/* Panning */
#mapcontainer .map-control .pan { position: relative; background: url('../images/map/pan.png') no-repeat; width: 50px; height: 51px;}
#mapcontainer .map-control .pan a { display: block; position: absolute; text-indent: -9999px; overflow: hidden; outline: 0;}
#mapcontainer .map-control .pan .up { background: url('../images/map/panup.png') no-repeat; width: 11px; height: 8px; top: 4px; left: 18px;}
#mapcontainer .map-control .pan .down { background: url('../images/map/pandown.png') no-repeat; width: 11px; height: 8px; top: 35px; left: 18px;}
#mapcontainer .map-control .pan .left { background: url('../images/map/panleft.png') no-repeat; width: 8px; height: 11px; top: 18px; left: 4px;}
#mapcontainer .map-control .pan .right { background: url('../images/map/panright.png') no-repeat; width: 8px; height: 11px; top: 18px; left: 35px;}
#mapcontainer .map-control .pan a:hover { background-position: bottom left;}

/* Zoom */
#mapcontainer .map-control .zooming { position: relative; width: 20px; height: 40px; left: 14px; top: 5px; display: none;}
#mapcontainer .map-control .zooming a { display: block; position: absolute; text-indent: -9999px; overflow: hidden; outline: 0; width: 20px;}
#mapcontainer .map-control .zooming .zoom { background: url('../images/map/zoomin.png') no-repeat; height: 19px; }
#mapcontainer .map-control .zooming .back { background: url('../images/map/zoomout.png') no-repeat; height: 21px; top: 19px;}
#mapcontainer .map-control .zooming a:hover { background-position: bottom left;}

/*------------------------------------
   Shop Popups
------------------------------------*/
ul.shopinfo { display: none; list-style: none; padding: 23px 22px 0 22px; margin: 0; width: 201px; height: 121px; background: #fff; border: 2px solid #2391d4; position: absolute; top: 50px; left: 50%; margin: 0 0 0 -122px; -moz-box-shadow: 3px 5px 10px #666; -webkit-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999;}
	ul.shopinfo li { padding: 0; font-size: 1.1em; font-weight: bold;}
	ul.shopinfo li.name { font-size: 1.6em; padding-bottom: 15px;}
	ul.shopinfo li.add { }
	ul.shopinfo li.tel { padding-top: 3px;}
	ul.shopinfo li.link { background: url('../images/map/arrow.png') no-repeat center right; text-align: right; margin-top: 15px; padding-right: 30px;}
	ul.shopinfo li.close { position: absolute; top: 2px; right: 2px; color: #666; display: block; width: 14px; height: 14px; text-indent: -9999px; overflow: hidden; background: url('../images/close.png') no-repeat center center; cursor: pointer; padding: 5px;}
		
/*------------------------------------
   Map Markers
------------------------------------*/
/* Default */
#viewport a  { display: block; text-indent: -9999px; overflow: hidden; position: absolute; cursor: pointer;}
.layer1 a { background: url('../images/map/marker1.png') no-repeat; width: 8px; height: 9px;}
		.layer1 a:hover { background-position: 0 -9px;}
		.layer1 a:active, .layer1 a.selected { background-position: 0 -18px;}
.layer2 a { background: url('../images/map/marker2.png') no-repeat; width: 10px; height: 11px;}
		.layer2 a:hover { background-position: 0 -11px;}
		.layer2 a:active, .layer2 a.selected { background-position: 0 -22px;}
.layer3 a { background: url('../images/map/marker3.png') no-repeat; width: 16px; height: 17px;}
		.layer3 a:hover { background-position: 0 -17px;}
		.layer3 a:active, .layer3 a.selected { background-position: 0 -34px;}
.layer4 a { background: url('../images/map/marker4.png') no-repeat; width: 23px; height: 24px;}
		.layer4 a:hover { background-position: 0 -24px;}
		.layer4 a:active, .layer4 a.selected { background-position: 0 -48px;}



/*------------------------------------
   Base Marker Locations
------------------------------------*/
.layer1 .three { left: 407px; top: 204px;}
.layer2 .three { left: 613px; top: 264px;}
.layer3 .three { left: 838px; top: 365px;}
.layer4 .three { left: 1042px; top: 432px;}

.layer1 .abbeybank { left: 435px; top: 25px;}
.layer2 .abbeybank { left: 666px; top: 32px;}
.layer3 .abbeybank { left: 907px; top: 47px;}
.layer4 .abbeybank { left: 1128px; top: 56px;}

.layer1 .adams { left: 247px; top: 242px;}
.layer2 .adams { left: 400px; top: 300px;}
.layer3 .adams { left: 548px; top: 409px;}
.layer4 .adams { left: 697px; top: 530px;}

.layer1 .argos { left: 337px; top: 253px;}
.layer2 .argos { left: 517px; top: 319px;}
.layer3 .argos { left: 703px; top: 433px;}
.layer4 .argos { left: 875px; top: 526px;}

.layer1 .asda { left: 99px; top: 99px;}
.layer2 .asda { left: 99px; top: 99px;}
.layer3 .asda { left: 99px; top: 99px;}
.layer4 .asda { left: 233px; top: 893px;}

.layer1 .aulds { left: 108px; top: 361px;}
.layer2 .aulds { left: 243px; top: 471px;}
.layer3 .aulds { left: 327px; top: 636px;}
.layer4 .aulds { left: 398px; top: 793px;}

.layer1 .bling { left: 66px; top: 350px;}
.layer2 .bling { left: 165px; top: 444px;}
.layer3 .bling { left: 231px; top: 604px;}
.layer4 .bling { left: 297px; top: 756px;}

.layer1 .bodycare { left: 237px; top: 303px;}
.layer2 .bodycare { left: 396px; top: 391px;}
.layer3 .bodycare { left: 530px; top: 520px;}
.layer4 .bodycare { left: 666px; top: 645px;}

.layer1 .bonmarche { left: 319px; top: 260px;}
.layer2 .bonmarche { left: 496px; top: 330px;}
.layer3 .bonmarche { left: 679px; top: 456px;}
.layer4 .bonmarche { left: 837px; top: 547px;}

.layer1 .boots { left: 156px; top: 372px;}
.layer2 .boots { left: 295px; top: 453px;}
.layer3 .boots { left: 396px; top: 634px;}
.layer4 .boots { left: 466px; top: 755px;}

.layer1 .burton { left: 282px; top: 272px;}
.layer2 .burton { left: 457px; top: 353px;}
.layer3 .burton { left: 624px; top: 489px;}
.layer4 .burton { left: 770px; top: 584px;}

.layer1 .cardfactory { left: 285px; top: 223px;}
.layer2 .cardfactory { left: 446px; top: 272px;}
.layer3 .cardfactory { left: 609px; top: 366px;}
.layer4 .cardfactory { left: 781px; top: 483px;}

.layer1 .careersscotland { left: 99px; top: 99px;}
.layer2 .careersscotland { left: 99px; top: 99px;}
.layer3 .careersscotland { left: 99px; top: 99px;}
.layer4 .careersscotland { left: 1146px; top: 223px;}

.layer1 .centremanagement { left: 133px; top: 428px;}
.layer2 .centremanagement { left: 264px; top: 542px;}
.layer3 .centremanagement { left: 362px; top: 736px;}
.layer4 .centremanagement { left: 447px; top: 932px;}

.layer1 .charleschesters { left: 486px; top: 133px;}
.layer2 .charleschesters { left: 706px; top: 168px;}
.layer3 .charleschesters { left: 966px; top: 230px;}
.layer4 .charleschesters { left: 1212px; top: 279px;}

.layer1 .clarks { left: 191px; top: 279px;}
.layer2 .clarks { left: 339px; top: 336px;}
.layer3 .clarks { left: 465px; top: 457px;}
.layer4 .clarks { left: 591px; top: 590px;}

.layer1 .cliftoncards { left: 99px; top: 99px;}
.layer2 .cliftoncards { left: 99px; top: 99px;}
.layer3 .cliftoncards { left: 99px; top: 99px;}
.layer4 .cliftoncards { left: 1180px; top: 156px;}

.layer1 .clintoncards { left: 353px; top: 234px;}
.layer2 .clintoncards { left: 546px; top: 306px;}
.layer3 .clintoncards { left: 745px; top: 414px;}
.layer4 .clintoncards { left: 924px; top: 499px;}

/*
.layer1 .core { left: 399px; top: 209px;}
.layer2 .core { left: 600px; top: 273px;}
.layer3 .core { left: 822px; top: 365px;}
.layer4 .core { left: 1022px; top: 444px;}
*/

.layer1 .d2 { left: 281px; top: 233px;}
.layer2 .d2 { left: 440px; top: 283px;}
.layer3 .d2 { left: 599px; top: 384px;}
.layer4 .d2 { left: 762px; top: 493px;}

.layer1 .deichmanshoes { left: 186px; top: 324px;}
.layer2 .deichmanshoes { left: 337px; top: 421px;}
.layer3 .deichmanshoes { left: 456px; top: 564px;}
.layer4 .deichmanshoes { left: 565px; top: 700px;}

.layer1 .designerimages { left: 99px; top: 99px;}
.layer2 .designerimages { left: 99px; top: 99px;}
.layer3 .designerimages { left: 99px; top: 99px;}
.layer4 .designerimages { left: 213px; top: 752px;}

.layer1 .dollandaitchison { left: 208px; top: 268px;}
.layer2 .dollandaitchison { left: 350px; top: 331px;}
.layer3 .dollandaitchison { left: 485px; top: 466px;}
.layer4 .dollandaitchison { left: 609px; top: 579px;}

.layer1 .dorothyperkins { left: 296px; top: 265px;}
.layer2 .dorothyperkins { left: 471px; top: 333px;}
.layer3 .dorothyperkins { left: 652px; top: 481px;}
.layer4 .dorothyperkins { left: 801px; top: 567px;}

.layer1 .farmfoods { left: 175px; top: 280px;}
.layer2 .farmfoods { left: 311px; top: 347px;}
.layer3 .farmfoods { left: 426px; top: 481px;}
.layer4 .farmfoods { left: 535px; top: 621px;}

.layer1 .freckletons { left: 453px; top: 122px;}
.layer2 .freckletons { left: 646px; top: 124px;}
.layer3 .freckletons { left: 888px; top: 167px;}
.layer4 .freckletons { left: 1139px; top: 255px;}

.layer1 .fredwilson { left: 99px; top: 99px;}
.layer2 .fredwilson { left: 99px; top: 99px;}
.layer3 .fredwilson { left: 99px; top: 99px;}
.layer4 .fredwilson { left: 1219px; top: 211px;}

.layer1 .game { left: 262px; top: 227px;}
.layer2 .game { left: 424px; top: 288px;}
.layer3 .game { left: 581px; top: 390px;}
.layer4 .game { left: 739px; top: 506px;}

.layer1 .giftgalleries { left: 440px; top: 135px;}
.layer2 .giftgalleries { left: 636px; top: 140px;}
.layer3 .giftgalleries { left: 871px; top: 207px;}
.layer4 .giftgalleries { left: 1121px; top: 291px;}

.layer1 .gimmegizmo { left: 99px; top: 99px;}
.layer2 .gimmegizmo { left: 99px; top: 99px;}
.layer3 .gimmegizmo { left: 99px; top: 99px;}
.layer4 .gimmegizmo { left: 985px; top: 465px;}

.layer1 .greggs { left: 362px; top: 225px;}
.layer2 .greggs { left: 555px; top: 301px;}
.layer3 .greggs { left: 759px; top: 403px;}
.layer4 .greggs { left: 943px; top: 487px;}

.layer1 .hsamuel { left: 235px; top: 252px;}
.layer2 .hsamuel { left: 382px; top: 308px;}
.layer3 .hsamuel { left: 527px; top: 430px;}
.layer4 .hsamuel { left: 668px; top: 546px;}

.layer1 .hollandbarrett { left: 428px; top: 186px;}
.layer2 .hollandbarrett { left: 651px; top: 248px;}
.layer3 .hollandbarrett { left: 885px; top: 332px;}
.layer4 .hollandbarrett { left: 1102px; top: 400px;}

.layer1 .internacionale { left: 209px; top: 325px;}
.layer2 .internacionale { left: 360px; top: 409px;}
.layer3 .internacionale { left: 486px; top: 547px;}
.layer4 .internacionale { left: 599px; top: 681px;}

.layer1 .jstewart { left: 473px; top: 61px;}
.layer2 .jstewart { left: 688px; top: 70px;}
.layer3 .jstewart { left: 939px; top: 95px;}
.layer4 .jstewart { left: 1190px; top: 121px;}

.layer1 .jdsports { left: 222px; top: 313px;}
.layer2 .jdsports { left: 376px; top: 394px;}
.layer3 .jdsports { left: 506px; top: 531px;}
.layer4 .jdsports { left: 635px; top: 661px;}

.layer1 .jhnews { left: 99px; top: 99px;}
.layer2 .jhnews { left: 99px; top: 99px;}
.layer3 .jhnews { left: 99px; top: 99px;}
.layer4 .jhnews { left: 903px; top: 511px;}

.layer1 .jjbsports { left: 463px; top: 173px;}
.layer2 .jjbsports { left: 683px; top: 226px;}
.layer3 .jjbsports { left: 939px; top: 305px;}
.layer4 .jjbsports { left: 1164px; top: 365px;}

.layer1 .megasports { left: 487px; top: 118px;}
.layer2 .megasports { left: 709px; top: 146px;}
.layer3 .megasports { left: 963px; top: 197px;}
.layer4 .megasports { left: 1210px; top: 245px;}

.layer1 .newlook { left: 173px; top: 334px;}
.layer2 .newlook { left: 321px; top: 436px;}
.layer3 .newlook { left: 426px; top: 580px;}
.layer4 .newlook { left: 528px; top: 721px;}

.layer1 .opticalexpress { left: 451px; top: 176px;}
.layer2 .opticalexpress { left: 667px; top: 232px;}
.layer3 .opticalexpress { left: 915px; top: 314px;}
.layer4 .opticalexpress { left: 1140px; top: 378px;}

.layer1 .orange { left: 389px; top: 209px;}
.layer2 .orange { left: 591px; top: 279px;}
.layer3 .orange { left: 802px; top: 371px;}
.layer4 .orange { left: 1004px; top: 454px;}

.layer1 .phones4u { left: 439px; top: 180px;}
.layer2 .phones4u { left: 653px; top: 232px;}
.layer3 .phones4u { left: 891px; top: 315px;}
.layer4 .phones4u { left: 1121px; top: 389px;}

.layer1 .poundland { left: 419px; top: 140px;}
.layer2 .poundland { left: 630px; top: 183px;}
.layer3 .poundland { left: 837px; top: 221px;}
.layer4 .poundland { left: 1083px; top: 312px;}

.layer1 .poundmania { left: 90px; top: 304px;}
.layer2 .poundmania { left: 210px; top: 382px;}
.layer3 .poundmania { left: 285px; top: 523px;}
.layer4 .poundmania { left: 341px; top: 663px;}

.layer1 .primark { left: 116px; top: 276px;}
.layer2 .primark { left: 236px; top: 327px;}
.layer3 .primark { left: 324px; top: 450px;}
.layer4 .primark { left: 448px; top: 670px;}

.layer1 .quizclothing { left: 216px; top: 260px;}
.layer2 .quizclothing { left: 362px; top: 324px;}
.layer3 .quizclothing { left: 494px; top: 444px;}
.layer4 .quizclothing { left: 629px; top: 568px;}

/*
.layer1 .ramsdens { left: 40px; top: 349px;}
.layer2 .ramsdens { left: 152px; top: 437px;}
.layer3 .ramsdens { left: 207px; top: 595px;}
.layer4 .ramsdens { left: 261px; top: 743px;}
*/

.layer1 .rjassociates { left: 479px; top: 46px;}
.layer2 .rjassociates { left: 697px; top: 58px;}
.layer3 .rjassociates { left: 958px; top: 80px;}
.layer4 .rjassociates { left: 1201px; top: 97px;}

.layer1 .sassis { left: 99px; top: 99px;}
.layer2 .sassis { left: 99px; top: 99px;}
.layer3 .sassis { left: 99px; top: 99px;}
.layer4 .sassis { left: 1146px; top: 90px;}

.layer1 .shadesblinds { left: 99px; top: 99px;}
.layer2 .shadesblinds { left: 99px; top: 99px;}
.layer3 .shadesblinds { left: 99px; top: 99px;}
.layer4 .shadesblinds { left: 1057px; top: 328px;}

.layer1 .sky { left: 99px; top: 99px;}
.layer2 .sky { left: 99px; top: 99px;}
.layer3 .sky { left: 99px; top: 99px;}
.layer4 .sky { left: 99px; top: 99px;}

.layer1 .specsavers { left: 101px; top: 321px;}
.layer2 .specsavers { left: 217px; top: 409px;}
.layer3 .specsavers { left: 285px; top: 558px;}
.layer4 .specsavers { left: 362px; top: 699px;}

.layer1 .superdrug { left: 92px; top: 363px;}
.layer2 .superdrug { left: 217px; top: 465px;}
.layer3 .superdrug { left: 291px; top: 628px;}
.layer4 .superdrug { left: 356px; top: 780px;}

.layer1 .tmobile { left: 191px; top: 277px;}
.layer2 .tmobile { left: 324px; top: 338px;}
.layer3 .tmobile { left: 444px; top: 469px;}
.layer4 .tmobile { left: 571px; top: 601px;}

.layer1 .theofficersclub { left: 221px; top: 253px;}
.layer2 .theofficersclub { left: 370px; top: 312px;}
.layer3 .theofficersclub { left: 500px; top: 421px;}
.layer4 .theofficersclub { left: 649px; top: 557px;}

.layer1 .theoldargyll { left: 99px; top: 99px;}
.layer2 .theoldargyll { left: 99px; top: 99px;}
.layer3 .theoldargyll { left: 99px; top: 99px;}
.layer4 .theoldargyll { left: 1179px; top: 342px;}

.layer1 .thephotocentre { left: 99px; top: 99px;}
.layer2 .thephotocentre { left: 99px; top: 99px;}
.layer3 .thephotocentre { left: 99px; top: 99px;}
.layer4 .thephotocentre { left: 233px; top: 742px;}

.layer1 .theworks { left: 373px; top: 221px;}
.layer2 .theworks { left: 569px; top: 293px;}
.layer3 .theworks { left: 769px; top: 391px;}
.layer4 .theworks { left: 964px; top: 476px;}

.layer1 .thomsons { left: 426px; top: 195px;}
.layer2 .thomsons { left: 635px; top: 253px;}
.layer3 .thomsons { left: 858px; top: 329px;}
.layer4 .thomsons { left: 1082px; top: 410px;}

.layer1 .thomascook { left: 413px; top: 195px;}
.layer2 .thomascook { left: 620px; top: 256px;}
.layer3 .thomascook { left: 849px; top: 351px;}
.layer4 .thomascook { left: 1063px; top: 421px;}

.layer1 .trophycentre { left: 454px; top: 85px;}
.layer2 .trophycentre { left: 665px; top: 102px;}
.layer3 .trophycentre { left: 900px; top: 129px;}
.layer4 .trophycentre { left: 1154px; top: 192px;}

/*
.layer1 .vacantpublichouse { left: 407px; top: 16px;}
.layer2 .vacantpublichouse { left: 612px; top: 20px;}
.layer3 .vacantpublichouse { left: 831px; top: 24px;}
.layer4 .vacantpublichouse { left: 1049px; top: 27px;}
*/

.layer1 .vacantoutlet1 { left: 291px; top: 204px;}
.layer2 .vacantoutlet1 { left: 463px; top: 260px;}
.layer3 .vacantoutlet1 { left: 629px; top: 347px;}
.layer4 .vacantoutlet1 { left: 806px; top: 468px;}

/*
.layer1 .vacantoutlet4 { left: 415px; top: 155px;}
.layer2 .vacantoutlet4 { left: 614px; top: 915px;}
.layer3 .vacantoutlet4 { left: 843px; top: 263px;}
.layer4 .vacantoutlet4 { left: 1030px; top: 290px;}
*/

.layer1 .vodafone { left: 109px; top: 331px;}
.layer2 .vodafone { left: 229px; top: 419px;}
.layer3 .vodafone { left: 306px; top: 568px;}
.layer4 .vodafone { left: 389px; top: 715px;}

.layer1 .wilkinson { left: 263px; top: 300px;}
.layer2 .wilkinson { left: 436px; top: 380px;}
.layer3 .wilkinson { left: 582px; top: 510px;}
.layer4 .wilkinson { left: 716px; top: 614px;}