/* these styles removed from master file to reduce size February 2019 */
/* Not used on MAIN PAGES but may be used on other pages */

  
.mainbody{
  font-size: 1.4rem;
}


/* Change bg colour of readonly fields- use a class instead to change only where needed on internal pages */
.djd-readonly {
	cursor: not-allowed;
  background-color: var(--vn18-backclr);
}
 .blockcontrast{Background-image:url("https://gran-canaria.davyjonesdiving.com/diving-contrastbk.gif");Background-repeat:no-repeat;Background-position:top left;Width:210px;Height:160px;Padding-right:15px;Font-style:normal;Font-weight:normal;}
.blockflow{Background-image:url("https://gran-canaria.davyjonesdiving.com/scuba-blockbk.png");Background-repeat:no-repeat;Background-position:top left;Width:210px;Padding-top:10px;Margin-top:0;}

  .bigpic600x250{
 box-shadow: 8px 8px 5px #888888;
	-moz-box-shadow: 8px 8px 5px rgba(0,0,0,0.4);
  -webkit-box-shadow: 8px 8px 5px rgba(0,0,0,0.4);
	text-align:left;
	Width:600px;
	Height:250px;
	margin-right:12px;
	margin-left:4px;
	margin-bottom:10px;
}

.diving-photo-vertical{Background-image:url("https://gran-canaria.davyjonesdiving.com/photo-bk-vert-blue.gif");Background-repeat:no-repeat;Background-position:top left;text-align:left;Width:160px;Height:210px;}
.diving-photo-vertical-yellow{
  box-shadow: 8px 8px 5px #888888;
	-moz-box-shadow: 8px 8px 5px rgba(0,0,0,0.4);
  -webkit-box-shadow: 8px 8px 5px rgba(0,0,0,0.4);
	text-align:left;
	Width:150px;
	Height:210px;
	margin-right:12px;
	margin-left:4px;
	margin-bottom:10px;
}
 .bigpic400x250{Background-image:url("https://gran-canaria.davyjonesdiving.com/photo-back-400x250.png");Background-repeat:no-repeat;Background-position:top left;text-align:left;Width:410px;Height:261px; margin: 0 auto;
}
.bigpic600x300{Background-image:url("https://gran-canaria.davyjonesdiving.com/photo-back-600x300.png");Background-repeat:no-repeat;Background-position:top left;text-align:left;Width:610px;Height:312px; margin: 0 auto;
}
 .divider{display:block;text-decoration:none;color:#000;width:150px;height:23px;text-align:left;border:1px solid #fff;border-width:1px 1px 0 0;background-image:url("https://gran-canaria.davyjonesdiving.com/menubar08.png");background-repeat:repeat-x;Background-color:#6ff;text-indent:5px;line-height:19px;font-size:1.2rem;}
.related{text-indent:-2em;list-style-image:url(https://davyjonesdiving.com/images/redtriangle.gif);list-style-position:inside;text-align:left;}
a.relatedlnk{font-size:10pt;}
div.menunews{background-image:url("https://davyjonesdiving.com/images/Bamboo Poles wide.gif");background-repeat:no-repeat;height:42px;width:260px;text-decoration:none;text-align:center;font:bold 20px var(--bodyfontlist, sans-serif) ;color:#903;padding-top:8px;}
.newstitle{background-color:var(--vn18-backclr);border-top:thin groove #006;font-size:medium;color:#006;}
.newsbody{ background-color: var(--vn18-backclr);padding-left:10px;padding-right:10px;font-size:x-small;text-align:left;}
.newsdate{text-align:right;font-style:italic;}
.whitebk{background-color:white;Vertical-align:top;}
.linkdesc{font:normal 8pt / 10pt var(--bodyfontlist, sans-serif) ;}
/* Menu definitions  default is for desktop / wide tablet V15 increase to 175px*/
/* Increase font size to 14px (1.4rem) and height to 28px */
.menu{width:175px;position:relative;margin:0;font-size:1.4rem;}
.menu ul li a,.menu ul li a:visited{display:block;text-decoration:none;color:#000;width:175px;height:25px;text-align:left;border:1px solid #fff;border-width:1px 1px 0 0;background-image:url("https://gran-canaria.davyjonesdiving.com/menubar08.png");background-repeat:repeat-x;Background-color:#6ff;text-indent:5px;line-height:19px;font-size:1.4rem;z-index:inherit;}
.menu ul{padding:0;margin:0;list-style-type:none;z-index:inherit;}
.menu ul li{float:left;margin-right:1px;position:relative;z-index:inherit;}
.menu ul li ul{display:none; z-index:inherit;}
.menu ul li:hover a{color:#000;background:#6ff; z-index:inherit;}
.menu ul li:hover ul{display:block;position:absolute;top:0;left:175px;width:105px; z-index:inherit;}
.menu ul li:hover ul li a.hide{background:#dfc184;color:#000;}
.menu ul li:hover ul li:hover a.hide{width:175px;}
.menu ul li:hover ul li ul{display:none;}
.menu ul li:hover ul li a{display:block;background-image:url("https://gran-canaria.davyjonesdiving.com/menubar08.png");background-repeat:repeat-x;color:#000;width:200px;line-height:19px;height:25px;border:1px solid #6ff; z-index:inherit;}
.menu ul li:hover ul li a:hover{background:#6ff;color:#000;}
.menu ul li:hover ul li:hover ul{display:block;position:absolute;left:176px;top:0;color:#000;}
.menu ul li:hover ul li:hover ul li a{display:block;width:175px;background:#dfc184;color:#000;}
.menu ul li:hover ul li:hover ul li a:hover{background:#6ff;color:#fff;}
 /* repeatdefinitions for mobile devices with small screen (48pt tap targets)*/
@media screen and (max-width: 420px){
.menu ul li a,.menu ul li a:visited{
display:block;
text-decoration:none;
color:#000;
Background-color:#6ff;
width:175px;
height:48px;
text-align:left;
background-image:none;
    -moz-box-shadow:3.5px 3.5px 5px #000000;
    -webkit-box-shadow:3.5px 3.5px 5px #000000;
    box-shadow:3.5px 3.5px 5px #000000;
    background-color:var(--vn18-backclr);
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-color:#d4d4d4;
    padding:0 10px 10px;
 /* centre items vertically in each box*/
    display: -webkit-flex ; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
line-height:19px;
font-size:1.4rem;
z-index:inherit;}
.menu ul li:hover ul li a{
display:block;
background-image:none;
background-color:var(--vn18-backclr);
color:#000;
width:200px;
line-height:19px;
height:48px;
border:1px solid #6ff;
z-index:inherit;
display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
}
.menu ul li:hover ul li a.hide{background:var(--vn18-backclr);}
.menu ul li:hover ul li:hover ul li a{display:block;width:175px;background:#dfc184;}
}
.blockflownew{Background-image:url("https://gran-canaria.davyjonesdiving.com/dive-school-canaries.png");
Background-repeat:no-repeat;
Background-position:top left;
Width:190px;
Padding:5px;
Margin:0px;}
.dive-school-top{
    Background-image:url("https://gran-canaria.davyjonesdiving.com/dive-school-canaries-top.png");
		Background-repeat:no-repeat;
		Background-position:top left;
		Width:200px;
		height:44px;
Padding:0px 5px;
margin:0px;}
.dive-school-mid{
    Background-image:url("https://gran-canaria.davyjonesdiving.com/dive-school-canaries-mid.png");
		Background-repeat:repeat-y;
		Background-position:top left;
		Width:200px;
		vertical-Align:top;
Padding:0px 7px 0px 8px;
 margin:0px;
border:0px;
}
.dive-school-bottom{
    Background-image:url("https://gran-canaria.davyjonesdiving.com/dive-school-canaries-bottom.png");
		Background-repeat:no-repeat;
		Background-position:top left;
		Width:200px;
		height:16px;
Padding:0px;
margin:0px;}
.dive-centre-top{
    Background-image:url("https://gran-canaria.davyjonesdiving.com/dive-centre-canaries-top.png");
		Background-repeat:no-repeat;
		Background-position:top left;
		Width:150px;
		height:44px;
Padding:0px 5px;
margin:0px;}
.dive-centre-mid{
    Background-image:url("https://gran-canaria.davyjonesdiving.com/dive-centre-canaries-mid.png");
		Background-repeat:repeat-y;
		Background-position:top left;
		Width:150px;
		vertical-Align:top;
Padding:0px 5px;
 margin:0px ;
border:0px;
}
.dive-centre-bottom{
    Background-image:url("https://gran-canaria.davyjonesdiving.com/dive-centre-canaries-bottom.png");
		Background-repeat:no-repeat;
		Background-position:top left;
		Width:150px;
		height:16px;
Padding:0px;
margin:0px;}
.tauch-basis-top{
    Background-image:url("https://gran-canaria.davyjonesdiving.com/tauch-basis-kanaren-top.png");
		Background-repeat:no-repeat;
		Background-position:top left;
		Width:190px;
		height:44px;
Padding:0px 5px;
margin:0px;}
.tauch-basis-mid{
    Background-image:url("https://gran-canaria.davyjonesdiving.com/tauch-basis-kanaren-mid.png");
		Background-repeat:repeat-y;
		Background-position:top left;
		Width:190px;
		vertical-Align:top;
Padding:0px 7px 0px 8px;
 margin:0px ;
border:0px;
}
.tauch-basis-bottom{
    Background-image:url("https://gran-canaria.davyjonesdiving.com/tauch-basis-kanaren-bottom.png");
		Background-repeat:no-repeat;
		Background-position:top left;
		Width:200px;
		height:18px;
Padding:0px;
margin:0px;}
.centro-buceo{
Background-image:url("https://gran-canaria.davyjonesdiving.com/centro-buceo-canarias.png");
Background-repeat:no-repeat;
Background-position:top left;
Width:240px;
Padding:5px;
Margin:0px;}

 .w400-hide {
 display:inline;
 }
.w400-show {
 display:none;
 }


/* 2013 tab top for footer http://www.htmldrive.net/items/show/542/Simple-Tabs-w-CSS-jQuery.html*/
ul.tabtops {
 margin: 0;
 padding: 0;
 float: left;
 list-style: none;
 min-height: 32px; /*--Set minimum height of tabs--*/
 height: auto; /*for responsive let it float extra lines */
 border-bottom: 1px solid #b1b198;
 border-left: 1px solid #b1b198;
 width: 100%;
}
ul.tabtops li {
 float: left;
 margin: 0;
 padding: 0;
 height: 31px; /*--Subtract 1px from the height of the unordered list--*/
 line-height: 31px; /*--Vertically aligns the text within the tab--*/
 border: 1px solid #b1b198;
 border-left: none;
 margin-bottom: -1px; /*--Pull the list item down 1px--*/
 overflow: hidden;
 position: relative;
 background: #ffffcc;
}
ul.tabtops li a {
 text-decoration: none;
 color: #000;
 display: block;
 font-size: 1.1em;
 padding: 0 20px;
 border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
 outline: none;
}
ul.tabtops li a:hover {
 background: #ccc;
}
html ul.tabtops li.active, html ul.tabtops li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
 background: #fbfb86;
 border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
 border: 1px solid #b1b198;
 border-top: none;
 overflow: hidden;
 clear: both;
 float: left; width: 100%;
 background: #fbfb86;
 height: 130px
}
.tab_content {
 padding: 10px;
 font-size: 1.2em;
}
.tab_foot_container {
  margin-left:180px;
	}


/* Sprites for responsive icons */
img.normallk
 {
 width:48px;
 height:48px;
 background:url(https://gran-canaria.davyjonesdiving.com/resp_icons.png) 0px 0px;
 }
img.tabletlk
 {
 width:48px;
 height:48px;
 background:url(https://gran-canaria.davyjonesdiving.com/resp_icons.png) 0px -54px;
 }
 img.mobilelk
 {
 width:48px;
 height:48px;
 background:url(https://gran-canaria.davyjonesdiving.com/resp_icons.png) 0 -110px;
 }
 img.normalon
 {
 width:48px;
 height:48px;
 background:url(https://gran-canaria.davyjonesdiving.com/resp_icons.png) -48px 0px;
 }
img.tableton
 {
 width:48px;
 height:48px;
 background:url(https://gran-canaria.davyjonesdiving.com/resp_icons.png) -48px -54px;
 }
 img.mobileon
 {
 width:48px;
 height:48px;
 background:url(https://gran-canaria.davyjonesdiving.com/resp_icons.png) -48px -110px;
 }

    img.social-ftr-fb
 {
 width:64px;
 height:60px;
 background:url(https://gran-canaria.davyjonesdiving.com/social-ftr-sprites.png) 0px 0px;
 }
    img.social-ftr-ta
 {
 width:64px;
 height:60px;
 background:url(https://gran-canaria.davyjonesdiving.com/social-ftr-sprites.png) -64px 0px;
 }
    img.social-ftr-tw
 {
 width:64px;
 height:60px;
 background:url(https://gran-canaria.davyjonesdiving.com/social-ftr-sprites.png) -128px 0px;
 }
    img.social-ftr-go
 {
 width:64px;
 height:60px;
 background:url(https://gran-canaria.davyjonesdiving.com/social-ftr-sprites.png) -192px 0px;
 }


/* start of ddimgtooltip.css */
.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
 background-color: var(--vn18-backclr);
color: black;
z-index:2000;
padding: 4px;
}
/* end of ddimgtooltip.css */

 /*  V15 test styles and css */
.menu-trigger {
background-color: blue;
}


.msgrbutton {
  display: inline-block;
    text-align: center;
    vertical-align: middle;
	margin : 12px;
    padding: 12px 12px;
    font: normal normal bold 24px var(--bodyfontlist, sans-serif) ;
   color: #fff !important;
   text-shadow: #041343 1px 1px 1px;
    text-decoration: none !important;
  height:90px;
  width :270px;
  background-color: #1787FB !important;
  border-radius: 5px;
   padding: 10px;
 }
.msgrbutton:hover {
 background-color: #024C9C! important;
}
.msgrlogo {
float:left;
vertical-align: middle;
padding-top:13px;}
.menulogo {
float:left;
vertical-align: middle;
padding-top:5px;}

/*  V15 test styles and css */
.menu-trigger {
background-color: blue;
}


.dive-school-top {
  Background-image: url(https://gran-canaria.davyjonesdiving.com/dive-school-canaries-top.png);
  Background-repeat: no-repeat;
  Background-position: top left;
  Width: 200px;
  height: 44px;
  Padding: 0 5px;
  margin: 0;
}

.dive-school-mid {
  Background-image: url(https://gran-canaria.davyjonesdiving.com/dive-school-canaries-mid.png);
  Background-repeat: repeat-y;
  Background-position: top left;
  Width: 200px;
  vertical-Align: top;
  Padding: 0 7px 0 8px;
  margin: 0;
  border: 0;
}

.dive-school-bottom {
  Background-image: url(https://gran-canaria.davyjonesdiving.com/dive-school-canaries-bottom.png);
  Background-repeat: no-repeat;
  Background-position: top left;
  Width: 200px;
  height: 16px;
  Padding: 0;
  margin: 0;
}