/********* SECTION HEADER *********/

#visit-us-section #page.school-and-group-bookings #body H1	{	background-image: url(/_assets/images/visit-us/group-bookings/title.gif);	}



/********* GENERAL FOR SECTION *********/

#visit-us-section #page .intro-para {
	font-size: 13px; 
	font-weight:bold;
}

#visit-us-section #page.first-time #body a,
#visit-us-section #page.eating-out #body a,
#visit-us-section #page.kids #body a,
#visit-us-section #page.getting-here #body a {
	color: rgb(206,17,121);
}
#visit-us-section #page.first-time #body a#return-to-landing-page,
#visit-us-section #page.eating-out #body a#return-to-landing-page,
#visit-us-section #page.kids #body a#return-to-landing-page,
#visit-us-section #page.getting-here #body a#return-to-landing-page {
	color: rgb(255,255,255);
}


/********* FIRST TIME PAGE ************/

#visit-us-section #page.first-time #body h2 {
	margin: 8px 0 2px 0;
	color: rgb(206,17,121);
	font-size: 14px;
}

#visit-us-section #page.first-time .information {
	background-image: none;
	padding-left: 10px;
	margin: 10px 0;
}



/********* FACILITIES PAGE *********/
#visit-us-section #page.facilities div.information {
	margin: 5px 0;
	background-position: 10px 13px; 
	padding-left: 75px;
	min-height: 45px;
}

#visit-us-section #page.facilities #body h2 {
	margin: 0 0 5px 0;
	color: rgb(206,17,121);
	font-size: 14px;
}



/********* FOR THE KIDS PAGE ************/

#visit-us-section #page.kids .information {
	background-image: none;
	padding-left: 10px;
	margin: 20px 0;
}

#visit-us-section #page.kids #body h2 {
	margin: 0;
	color: rgb(206,17,121);
	font-size: 14px;
	text-transform: uppercase;
}

#visit-us-section #page.kids #body h3 {
	font-size: 13px;
	margin-bottom: 5px;
}

#visit-us-section #page.kids #body .place-desc {
	clear: both;
	display: block;
	width: 474px;
}

#visit-us-section #page.kids #body p.note {
	font-size: 10px;
}

#visit-us-section #page.kids #body img {
	float: left;
	margin: 0 10px 10px 0; 
}



/********* GETTING HERE PAGE ************/

#visit-us-section #page.getting-here .gh-info, #visit-us-section #page.testing-gh-maps .gh-info {
	clear: both;
	margin: 5px 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 10px 8px; 
	padding-left: 75px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgb(209,214,220);
}

#visit-us-section #page.getting-here .gh-info h2, #visit-us-section #page.testing-gh-maps .gh-info h2 {
	margin-bottom: 5px; 
	font-size: 14px; 
	font-weight: bold;
}

#visit-us-section #page.getting-here .information, #visit-us-section #page.testing-gh-maps .information {
	background-image: none;
	padding-left: 10px;
	margin: 10px 0;
}

#visit-us-section #page.getting-here #gh_map_layer_buttons, #visit-us-section #page.testing-gh-maps #gh_map_layer_buttons {
	float: left;
	margin-bottom: 10px;
}


/********* SCHOOL AND GROUP BOOKINGS PAGE ************/

#visit-us-section #page.school-and-group-bookings .information {
	background-image: none;
	padding: 15px 20px;
	margin: 10px 0;
}

#visit-us-section #page.school-and-group-bookings .information h2 {
	color: rgb(206,17,121);
	font-size: 14px;
	margin-bottom: 4px;
}

#visit-us-section #page.school-and-group-bookings ul#extra-info {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#visit-us-section #page.school-and-group-bookings ul#extra-info li {
	background-image: url(/_assets/images/visit-us/group-bookings/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 8px;
	font-size: 11px;
}



/********* EATING OUT PAGE ************/

#visit-us-section #page.eating-out .information, #visit-us-section #page.testing-maps .information {
	background-image: none;
	padding-left: 10px;
	margin: 10px 0;
}

#visit-us-section #page.eating-out h3, #visit-us-section #page.testing-maps h3 {
	font-weight: bold;
	font-size: 13px;
	color: rgb(51, 51, 51);
	margin: 0 0 4px 0;
}

/*** MAP STYLES ***/

#visit-us-section #page #static-map {
	position: relative;
	clear: both;
	background-image: url(/_assets/images/visit-us/eating-out/map-graphics/default.gif); 
	background-repeat: no-repeat;
	height: 330px; 
	width: 490px;
	margin-bottom: 10px;
}
#visit-us-section #page #static-map .map-hover {
	position: absolute;
	top: 0;
}

#visit-us-section #page #static-map #coco { background-image: url(/_assets/images/visit-us/eating-out/map-graphics/coco.gif); width: 490px;	height: 330px; display: block;}
#visit-us-section #page #static-map #couscous { background-image: url(/_assets/images/visit-us/eating-out/map-graphics/cous-cous.gif); width: 490px;	height: 330px; display: block;}
#visit-us-section #page #static-map #cucina { background-image: url(/_assets/images/visit-us/eating-out/map-graphics/cucina.gif); width: 490px;	height: 330px; display: block;}
#visit-us-section #page #static-map #fishers { background-image: url(/_assets/images/visit-us/eating-out/map-graphics/fishers.gif); width: 490px;	height: 330px; display: block;}
#visit-us-section #page #static-map #kazbar { background-image: url(/_assets/images/visit-us/eating-out/map-graphics/kazbar.gif); width: 490px;	height: 330px; display: block;}
#visit-us-section #page #static-map #redstar { background-image: url(/_assets/images/visit-us/eating-out/map-graphics/red-star.gif); width: 490px;	height: 330px; display: block;}



/*** LINK STYLES ***/

#visit-us-section #page ul#links {
	position: relative;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#visit-us-section #page ul#links li {
	display: inline;
	margin-right: 3px;
	padding-left: 1px;
}

#visit-us-section #page ul#links li a.act-on {
	color: rgb(51,51,51);
}

#visit-us-section #page ul#links li.frst {
	padding-left: 0;
}
#visit-us-section #page ul#links li.lst {
	margin-right: 0;
}

#visit-us-section #page ul#links li ul {
	display: block;
	list-style: none;
	position: absolute;
	top: 20px;
	margin: 0;
	padding: 0;
}
#visit-us-section #page ul#links li ul li {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 150px;
}

#visit-us-section #page ul#links li ul li#sub-coco { left: 0; display: none;}
#visit-us-section #page ul#links li ul li#sub-couscous { left: 71px; display: none;}
#visit-us-section #page ul#links li ul li#sub-cucina { left: 178px; display: none;}
#visit-us-section #page ul#links li ul li#sub-fishers { left: 246px; display: none;}
#visit-us-section #page ul#links li ul li#sub-kazbar { left: 302px; display: block;}
#visit-us-section #page ul#links li ul li#sub-redstar { left: 353px; display: none;}

/********* END OF PAGE ************/



/********* GOOGLE MAPS ************/

#map_canvas {
	width: 490px;
	height: 330px;
	display: block;
	margin-bottom: 5px;
}

h3#SO-map-title {
	background-image: url(/_assets/images/visit-us/map-title.gif);
	background-position: 10px 0;
	background-repeat: no-repeat;
	height: 12px;
	width: 130px;
	display: block;
	margin: 0;
	padding: 0;
}

/********* MAP BUTTONS ON GETTING HERE ************/

a#train {
	background-image: url(/_assets/images/visit-us/getting-here/map-buttons/train.png);
	width: 107px;
}
a#bus {
	background-image: url(/_assets/images/visit-us/getting-here/map-buttons/bus.png);
	width: 92px;
}
a#park-ride {
	background-image: url(/_assets/images/visit-us/getting-here/map-buttons/park-and-ride.png);
	width: 177px;
}
a#car {
	background-image: url(/_assets/images/visit-us/getting-here/map-buttons/car-parks.png);
	width: 88px;
}

a.map-nav {
	height: 36px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-right: 5px;
}

a.map-nav span {
	display: none;
}
	

a.map-nav:hover {
	background-position: 0 -36px;
}

a.map-nav.active {
	background-position: 0 -72px;
}

/*** STYLE FOR STYLED INFO WINDOW ***/

.gm-info-window {
	color: #fff;
}

.gm-info-window h3 {
	color: #fff;
	font-size: 14px;
}

.gm-info-window a {
	font-size: 11px;
	color: rgb(206,17,121);
}

.gm-info-window p.ext-lnk {
	margin: 0;
	font-size: 10px;
	color: #fff;
}

/***********************************************************************************
STYLING FOR EXT INFO WINDOW FOR GOOGLE MAPS => NEED TO CREATE IMAGES AND USE/REPLACE
#opacity_window as the ID or CLASS OF THE INFO WINDOW!!!!
***********************************************************************************/


#test_window{
	width: 150px;
	height: 50px;
}
#test_window_contents{
 	background-color: #1f262b;
  font-family: arial, sans-serif;
  color: #050;
}
#test_window_contents div{
	width: 140px;
  padding: 0;
}

#test_window_tl{
  width: 14px;
  height: 14px;
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_tl.png?asd') top left no-repeat transparent;
}
#test_window_t{
	height: 14px;
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_t.jpg') top left repeat-x transparent;
}
#test_window_tr{
  width: 14px;
  height: 14px;
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_tr.png') top right no-repeat transparent;
}
#test_window_l{
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_l.jpg') top left repeat-y transparent;
  width: 14px;
}
#test_window_r{
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_r.jpg') top right repeat-y transparent;
  width: 14px;
}
#test_window_bl{
  width: 14px;
  height: 14px;
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_bl.png') top left no-repeat transparent;
}
#test_window_b{
  height: 14px;
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_b.jpg') bottom left repeat-x transparent;
}
#test_window_br{
  width: 14px;
  height: 14px;
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_br.png') top left no-repeat transparent;
}
#test_window_close{
  width: 13px;
  height: 13px;
  margin: 7px 0 0 -7px;
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_close.png') top left no-repeat transparent;
  cursor: pointer;
}
#test_window_beak{
	width: 29px;
  height: 37px;
  background: url('/_assets/images/visit-us/eating-out/demoWindow/images/demoWindow_beak.png') top left no-repeat transparent;
}