@charset "utf-8";
/* CSS Document */

/*Common styles for Skegness Online*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-image:url(../images/mablethorpe-bg.jpg);
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica;
}

div#mablethorpe-lock {
	width: 751px;
	height: 100%px;
	margin: 30px auto 5px auto;
	background-color:#FFF;
	}

div#mablethorpe-header {
	height:121px;
	width:601px;
	padding-left: 0px;
	font-size: 11pt;
	font-weight:bold;
	padding-left:150px;
	padding-top:8px;
	color:#fff;
	background-image: url(../images/mablethorpe-holidays.jpg) ;
	background-repeat: no-repeat;
	background-position: left top;
}

div#mablethorpe-nav {
height: 38px;
width: 751px;
}

div#mablethorpe-left-main {
float:left;
width:140px;
height:850px;
background-color:#FFFFFF;
}

div#mablethorpe-leftnav {
width:120px;
height:181px;
background-image:url(../images/mablethorpe-left-nav.jpg);
color:#FFF;
font-size:11px;
padding-left:20px;
padding-top:15px;
}

#mablethorpe-menu {
    list-style:none;   
}
 
ul#mablethorpe-menu li {
    float: left;
    display: inline;
    margin-right:12px; /*gap between items*/
 }
 
ul#mablethorpe-menu li a, ul#mablethorpe-menu li a:visited {
    text-decoration: none; /*get rid of the link underline*/
    font-weight: bold; /*change to "bolder" to bold it*/
    color: #fff; /*change to the colour you want*/
    font-size:9pt;
}

ul#mablethorpe-menu li a:hover {
	color: #FEBC11;
}

div#mablethorpe-haven-banner {
float:left;
width:140px;
height:616px;

}

div#mablethorpe-accommodation {
float:left;
width:404px;
height:100%;
font-size:11pt;
line-height:11pt;
padding-top:10px;
padding-left:8px;
}

div#mablethorpe-contents {
float:left;
width:412px;
height:100%;
background-color:#FFFFFF;
}

div#mablethorpe-contents-header {
float:left;
width:404px;
height:43px;
background-color:#fff;
background-image:url(../images/mablethorpe-stars.jpg);
background-repeat:no-repeat;
padding-left:8px;
padding-top:10px;
}

div#mablethorpe-lincs {
float:left;
width:412px;
height:116px;
}

div#mablethorpe-info {
float:left;
width:126px;
height:95px;
background-image:url(../images/mablethorpe-blue.png);
font-size:9pt;
color:#fff;
padding-left:10px;
padding-top:4px;
}

div#mablethorpe-info2 {
float:left;
width:123px;
height:95px;
background-image:url(../images/mablethorpe-red.png);
font-size:9pt;
color:#fff;
padding-left:10px;
padding-right:3px;
padding-top:4px;

}

div#mablethorpe-info3 {
float:left;
width:128px;
height:96px;
background-image:url(../images/mablethorpe-green.png);
font-size:9pt;
color:#fff;
padding-left:6px;
padding-top:3px;
text-decoration:none;
}

div#mablethorpe-online {
float:left;
width:404px;
height:100%;
font-size:11pt;
line-height:11pt;
padding-top:10px;
padding-left:8px;
}

div#mablethorpe-haven-info {
float:left;
width:210px;
height:82px;
line-height:11pt;
}

div#mablethorpe-guide {
float:left;
width:202px;
height:82px;
line-height:11pt;
}

div#mablethorpe-roots {
float:left;
width:412px;
height:382px;
line-height:10pt;
}

div#mablethorpe-right {
float:right;
width:199px;
height:850px;
background-color:#FFFFFF;
}

div#mablethorpe-image {
width:199px;
height:268px;
}

div#mablethorpe-facilities {
width:189px;
height:550px;
background-image:url(../images/mablethorpe-facilities-background.png);
background-repeat:repeat-y;
padding-left:10px;
}

div#mablethorpe-footer {
clear:both;
width:751px;
height:100%;
background-color:#fff;
color:#4babd3;
font-size:10pt;
text-align:center;
}

div#google-ads{
height:100%;
float:left;
width:751px;
align:centre;
font-size:10pt;
border:none;
padding-top:10px;
padding-bottom:10px;
}

ul#mablethorpefooter-menu li {
    float: left;
    display: inline;
    margin-right:8px; /*gap between items*/
 }
 
ul#mablethorpefooter-menu li a, ul#mablethorpefooter-menu li a:visited {
    text-decoration: none; /*get rid of the link underline*/
    color: #4babd3; /*change to the colour you want*/
	font-weight:bold;
	font-size:8pt;
}

ul#mablethorpefooter-menu li a:hover {
	color: #de017c;
}
.mablethorpe1 {
	color: #858585;
	font-weight: bold;
	font-size: 11pt;
}

.mablethorpe2 {
color: #1BA5FD;
font-weight: bold;
}

.mablethorpe3 {
	color: #013268;
	font-weight: bold;
}

.mablethorpe3b {
	color: #013268;
	font-weight: bold;
	font-size:10pt;
}

.mablethorpe4 {
	font-size: 9pt;
	color: #575757;
}

.mablethorpe5 {
	color: #FF0000;
	font-weight: bold;
	font-size: 11pt;
	text-decoration:none;
}

.mablethorpe6 {
	color: #FF0000;
	font-size: 9pt;
}

.mablethorpe7 {
	color: #1b7312;
	font-weight: bold;
	font-size: 11pt;
	text-decoration:none;
}

.smablethorpe8 {
	color: #1b7312;
	font-size: 10pt;
	text-decoration:none;
}

.mablethorpe9 {
	font-size: 8pt;
	color: #575757;
}

.mablethorpe10 {
	font-size: 9pt;
	font-weight: bold;
	color: #333333;
}

.mablethorpe11 {
font-size: 8pt
}

.mablethorpe12 {
color:#216d0f;
font-size:9pt;
text-decoration:none;
}

.mablethorpe13 {
color:#fe968e;
font-size:9pt;
text-decoration:none;
}

.mablethorpe14 {
font-size:9pt;
color:#fff;
font-weight:bold;
text-decoration:none;
}


