﻿

/*******************************************************************************
Filename:
uk-india-map.css

Description:
This style sheet governs the layout of the business centres maps.

Dependencies:
TODO: A list of externally referenced assets (@import/images/cursors/etc) used by this style sheet.

Author(s):
Ethan Cane (webmaster@ry.com)
*******************************************************************************/

.business-centre-wrapper {
	position: relative;
	width: 815px; /* 820px */
	height: 500px;
	background-color: #EAF5F7;
	border: 1px solid #C8CCCC;
}

.maps {width: 814px;
	position: relative;	
/*border:1px solid #C8CCCC;*/
	
}


.maps .map-uk {
/*	position: absolute; PJR*/
	/*	z-index: 1; PJR*/
	width: 407px;
	height: 500px;
	float: left;
/*	margin-left:-1px;*/
	background:#EAF5F7;
}

.maps .map-uk .map-uk-image-wrapper,
.maps .map-india .map-india-image-wrapper {
	position: relative;
	z-index:2;
	/*float:left;*/
}



.maps .map-uk .map-uk-image-wrapper ul,
.maps .map-india .map-india-image-wrapper ul,
.maps .map-uk .near-shore-centres  ul {
list-style:none;
}

.maps .map-uk .map-uk-image-wrapper ul li a,
.maps .map-india .map-india-image-wrapper ul li a,
.maps .near-shore-centres ul li a {
	display: block !important;
	position: relative;
	width: 22px;
	height: 24px;
	background-image: url("../../../images/pin_point.gif");
	background-image: url("../../../images/shim.gif");
		background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: transparent;
	cursor: pointer;
}

.maps .map-uk .map-uk-image-wrapper ul li a span,
.maps .map-india .map-india-image-wrapper ul li a span,
.maps .near-shore-centres ul li a span 
 {
	display: none;
	line-height: 1.4;
	color: #333333;
	background-color: transparent;
}

/*Get rid of red backgrounds when selecting links*/
.maps .near-shore-centres ul li a:active, .maps .near-shore-centres ul li a:visited{background-color:transparent}


.maps .map-uk .map-uk-image-wrapper ul li a:hover span,
.maps .map-india .map-india-image-wrapper ul li a:hover span,
.maps .near-shore-centres ul li a:hover span
 {
	display: block;
	position: absolute;
	top: 8px;
	left: 30px;
	width: 220px;
	z-index: 1;
}

.maps .map-uk .map-uk-image-wrapper ul li a span strong,
.maps .map-india .map-india-image-wrapper ul li a span strong,
.maps .near-shore-centres ul li a span strong 
 {
	color: #FFFFFF;
	background-color: transparent;
}

/******************************************************************************/


/* Location 01 */
/* Glasgow */

/*PJR*/
/*Base declaration for inheritance*/
/*This is so that we can have a div within the popup box to enable the whole thing to grow with the text*/
/*18/12/2007*/
.maps .map-uk .map-uk-image-wrapper ul li a span.areacontent,
.maps .map-india .map-india-image-wrapper ul li a span.areacontent,
.maps .near-shore-centres ul li a span.areacontent
{
		
       	display: block;
		position: absolute;
		top: 21px;
		left: -14px;
		width: 236px;
        padding-left:14px;
        background-color:#fff;
        background-image: url("../../../images/FlagBottom.gif");
		background-position: bottom right;
        background-repeat: no-repeat;  
        min-height:60px;/*Set height of box here*/
        border:1px solid #C8CCCC;
        border-top:0;
		padding-bottom:18px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-01 a {
	position: absolute;
	top: 130px;
	left: 185px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-01 a:hover {
	position: absolute;
	top: 130px;
	left: 185px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 02 */
/* Edinb*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-02 a {
	position: absolute;
	top: 129px;
	left: 214px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-02 a:hover {
	position: absolute;
	top: 129px;
	left: 220px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 03 */
.maps .map-uk .map-uk-image-wrapper ul li.loc-03 a {
	position: absolute;
	top: 177px;
	left: 232px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-03 a:hover {
	position: absolute;
	top: 171px;
	left: 232px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 04 */
/*Darwen*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-04 a {
	position: absolute;
	top: 213px;
	left: 232px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-04 a:hover {
	position: absolute;
	top: 213px;
	left: 242px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 05 */
/* Leeds*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-05 a {
	position: absolute;
	top: 204px;
	left: 262px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-05 a:hover {
	position: absolute;
	top: 204px;
	left: 262px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 06 */
.maps .map-uk .map-uk-image-wrapper ul li.loc-06 a {
	position: absolute;
	top: 185px;
	left: 260px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-06 a:hover {
	position: absolute;
	top: 185px;
	left: 268px;
	z-index: 1;
	width: 260px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 07 */
.maps .map-uk .map-uk-image-wrapper ul li.loc-07 a {
	position: absolute;
	top: 205px;
	left: 180px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-07 a:hover {
	position: absolute;
	top: 205px;
	left: 180px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 08 */
/* Liverpool */
.maps .map-uk .map-uk-image-wrapper ul li.loc-08 a {
	position: absolute;
	top: 241px;
	left: 228px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-08 a:hover {
	position: absolute;
	top: 241px;
	left: 236px;
	z-index:1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 09 */
/* Manchester */
.maps .map-uk .map-uk-image-wrapper ul li.loc-09 a {
	position: absolute;
	top: 235px;
	left: 254px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-09 a:hover {
	position: absolute;
	top: 235px;
	left: 254px;
	z-index: 1;
	width: 268px;
	height: 188px;
	background-image: url("../../../images/flag.gif");
}

/* Location 10 */
/* Notts*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-10 a {
	position: absolute;
	top: 251px;
	left: 279px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-10 a:hover {
	position: absolute;
	top: 251px;
	left: 286px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 11 */
/*Sheffield*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-11 a {
	position: absolute;
	top: 241px;
	left: 279px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-11 a:hover {
	position: absolute;
	top: 241px;
	left: 279px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 12 */
/*DERBY*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-12 a {
	position: absolute;
	top: 253px;
	left: 262px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-12 a:hover {
	position: absolute;
	top: 253px;
	left: 270px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 13 */
/* Birmingham*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-13 a {
	position: absolute;
	top: 275px;
	left: 258px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-13 a:hover {
	position: absolute;
	top: 275px;
	left: 260px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 14 */
/* Cardiff*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-14 a {
	position: absolute;
	top: 325px;
	left: 216px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-14 a:hover {
	position: absolute;
	top: 325px;
	left: 222px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 15 */
.maps .map-uk .map-uk-image-wrapper ul li.loc-15 a {
	position: absolute;
	top: 189px;
	left: 136px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-15 a:hover {
	position: absolute;
	top: 189px;
	left: 136px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 16 */
.maps .map-uk .map-uk-image-wrapper ul li.loc-16 a {
	position: absolute;
	top: 245px;
	left: 132px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-16 a:hover {
	position: absolute;
	top: 245px;
	left: 138px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}



/* Location 17 */
/*Gwent*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-17 a {
	position: absolute;
	top: 308px;
	left: 225px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-17 a:hover {
	position: absolute;
	top: 308px;
	left: 230px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 18 */
/*Bristolr*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-18 a {
	position: absolute;
	top: 318px;
	left: 232px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-18 a:hover {
	position: absolute;
	top: 318px;
	left: 228px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 19 */
/*Cheltenham*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-19 a {
	position: absolute;
	top: 303px;
	left: 252px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-19 a:hover {
	position: absolute;
	top: 303px;
	left: 252px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 20 */
/*Bedford*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-20 a {
	position: absolute;
	top: 293px;
	left: 292px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-20 a:hover {
	position: absolute;
	top: 293px;
	left: 300px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 21 */
/*Newmarket*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-21 a {
	position: absolute;
	top: 287px;
	left: 314px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-21 a:hover {
	position: absolute;
	top: 287px;
	left: 320px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}


/* Location 22*/
/* Colchecster*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-22 a {
	position: absolute;
	top: 320px;
	left: 345px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-22 a:hover {
	position: absolute;
	top: 320px;
	left: 340px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 23*/
/* Bristol */
.maps .map-uk .map-uk-image-wrapper ul li.loc-23 a {
	position: absolute;
	top: 337px;
	left: 220px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-23 a:hover {
	position: absolute;
	top: 337px; 
	left: 220px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}


/* Location 24*/
/* Swindon*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-24 a {
	position: absolute;
	top: 325px;
	left: 254px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-24 a:hover {
	position: absolute;
	top: 325px;
	left: 254px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}


/* Location 25*/
/* London */
.maps .map-uk .map-uk-image-wrapper ul li.loc-25 a {
	position: absolute;
	top: 320px;
	left: 310px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-25 a:hover {
	position: absolute;
	top: 320px;
	left: 317px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 26*/
/* Salisbury*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-26 a {
	position: absolute;
	top: 348px;
	left: 254px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-26 a:hover {
	position: absolute;
	top: 348px;
	left: 261px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}


/* Location 27*/
/* Sittingbourne */
.maps .map-uk .map-uk-image-wrapper ul li.loc-27 a {
	position: absolute;
	top: 332px;
	left: 330px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-27 a:hover {
	position: absolute;
	top: 332px;
	left: 338px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}


/* Location 28*/
/* Basingtoke*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-28 a {
	position: absolute;
	top: 332px;
	left: 277px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-28 a:hover {
	position: absolute;
	top: 332px;
	left: 282px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}


/* Location 29*/
/* Maidenhead*/
.maps .map-uk .map-uk-image-wrapper ul li.loc-29 a {
	position: absolute;
	top: 320px;
	left: 295px;
}

.maps .map-uk .map-uk-image-wrapper ul li.loc-29 a:hover {
	position: absolute;
	top: 320px;
	left: 300px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}


.near-shore-centres ul {margin:0;padding:5px}
.near-shore-centres ul li{float:left;width:145px}
.near-shore-centres ul li img {float:left!important;display:inline;width:22px;height:24px;}

.near-shore-centres ul li.loc-30 a {
float:left!important;
 position: absolute;
 top:37px;
/* *top:51px;*/
 left: 10px;
}
.near-shore-centres ul li.loc-30 a:hover {
 position: absolute;
 top:33px;
/* *top: 47px;*/
 left: 15px;
 z-index: 1;
 width: 267px;
 height: 100px;
 background-image: url("../../../images/flag.gif");
}
 .near-shore-centres ul li.loc-31 a {
 position: absolute;
 top:70px;
/* *top:77px;*/
 left: 10px;
}
 
.near-shore-centres ul li.loc-31 a:hover {
 position: absolute;
 top:64px;
/* *top: 70px;*/
 left: 15px;
 z-index: 1;
 width: 267px;
 height: 100px;
 background-image: url("../../../images/flag.gif");
}
/*nearshore*/ 
.near-shore-centres ul li.loc-30 a img{
	float:left!important}
}



/******************************************************************************/

.maps .map-india {
/*	position: relative;
	top: 0;*/
/*	right: -29px;*/
	width: 405px;
	height: 500px;
	float: left;
	text-align:right;
	background:#EAF5F7;

/*	padding-left: 29px;*/
	border-left: 1px solid #C8CCCC;	
}


.maps .map-india .map-india-image-wrapper ul li
{	
text-align:left;	
}

.maps .map-india .map-india-image-wrapper
{
	width:407px;
	text-align:right;	
	z-index:1;
}


/* Location 01 */
/*Mumbai*/
.maps .map-india .map-india-image-wrapper ul li.loc-01 a {
	position: absolute;
	top: 128px;
	left: 99px;
}

.maps .map-india .map-india-image-wrapper ul li.loc-01 a:hover {
	position: absolute;
	top: 128px;
	left: 106px;
	z-index: 1;
	width: 268px;
	height: 98px;
	background-image: url("../../../images/flag.gif");
}

/* Location 02 */
.maps .map-india .map-india-image-wrapper ul li.loc-02 a {
                position: absolute;
                top: 150px;
                left: 126px;
}

.maps .map-india .map-india-image-wrapper ul li.loc-02 a:hover {
                position: absolute;
                top: 150px;
                left: 126px;
                z-index: 1;
                width: 268px;
                height: 98px;
                background-image: url("../../../images/flag.gif");
}

/* Location 03 */
.maps .map-india .map-india-image-wrapper ul li.loc-03 a {
                position: absolute;
                top: 215px;
                left: 151px;
}

.maps .map-india .map-india-image-wrapper ul li.loc-03 a:hover {
                position: absolute;
                top: 215px;
                left: 161px;
                z-index: 1;
                width: 268px;
                height: 98px;
                background-image: url("../../../images/flag.gif");
}

/******************************************************************************/

.near-shore-centres {
 	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 170px;
	/*
	color: #333333;
	background-color: #FFFFFF;
	*/
	border-left: 1px solid #ACACB0;
	background-color: #FFFFFF;	
}

.near-shore-centres h4 {
	margin: 0;
	font-weight:normal;
	font-size:1.25em;	
	line-height:1.25em;
	padding: 10px;
	color: #FFFFFF;
	background-color: #ACACB0;
}

.near-shore-centres p {
	margin: 0;
	padding: 5px;
/*	font-size: 1.13em;*/
	font-size:0.85em;
	color: #333333;

}

/******************************************************************************/

.business-a-z {
	padding: 10px 0 10px 10px!important;width:810px;
	background:#F7F7F7;
	border: 1px solid #C8CCCC; 
}


.business-a-z ul {	
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	margin-top:10px!important;

}

.business-centre-wrapper-a-z {margin:0!important;padding:0!important;width:670px!important}

.business-a-z ul
{
	margin:0;padding:0;
	list-style:none;
}

.business-a-z ul li {
	display: block;
	padding-right:15px;
	list-style-image: url("../../../images/arrow.gif");
	line-height: 1.25;
	margin-bottom: 1em;
}

/*tabs above maps*/
ul#divCountryTabs 
{
	margin:0;padding:0;list-style:none;	margin-top:-15px;
}

ul#divCountryTabs li
{
	height:22px;
	background:#ACACB0;
	float:left!important;
	font-size:1.25em;
	line-height:1.95em;
	text-align:center;
	width:408px!important;
	padding:0;margin:0;
}

ul#divCountryTabs li a, ul#divCountryTabs li a:hover, ul#divCountryTabs li a:visit{
	color:#fff!important;width:398px;height:25px;float:left;display:block;
}


#BusinessCentreWrapper {min-height:600px!important}


