@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

BODY {
background:#e0e6dd;
background:#fff;
height:100%;
margin-top:0px;
margin-bottom:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
}

BODY::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/bck2026.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.dolgenauhir::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/nslide5.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.lowerdolgenau::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/lowerd2025.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.towncottage::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/nslide3.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.nslide4::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/nslide4.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

body.bckld::before {
    content: "";
    background: url('https://www.cottagesinparadise.co.uk/gifs/bckld.jpg') center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.bck2020::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/bck2020.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.bck20202::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/bck2020-2.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.bck20203::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/bck2020-3.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.nslide07::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/nslide07.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.nslide08::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/nslide0.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.cottageback::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/bck2020-5.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

BODY.window::before {
    content: "";
    background: url(https://www.cottagesinparadise.co.uk/gifs/bck2020-4.jpg) center top no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    opacity: 0.85;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

/* Ensure the background is at least 800px wide on smaller screens */
@media (max-width: 800px) {
    body::before,
    body.lowerdolgenau::before,
    body.dolgenauhir::before,
    body.towncottage::before,
    body.nslide4::before,
    body.bckld::before,
    body.bck2020::before,
    body.bck20202::before,
    body.bck20203::before,
    body.inner1::before,
    body.inner2::before,
    body.inner3::before,
    body.nslide07::before,
    body.nslide08::before,
    body.cottageback::before,
    body.window::before {
        background-size: 1200px auto;
    }
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {overflow-y: scroll;} 


.topnavbarcrumbs{
float:left;
margin:1px;
background:transparent;
border:#a4aea0 0px solid;
margin-bottom:2px;

}
.topnavbarcrumbsfacebook{
float:left;
margin:1px;
margin-bottom:2px;

}

.toptoptop{
width:991px;
margin-right:auto;
margin-left:auto;
}

.popup-gallery{
width:100%;
margin-right:auto;
margin-left:auto;
}

IMG.fullscreenall{width:90%;}

.premiercottbox{
float:right;
width:249px;
}

.topheaderbox{
float:left;
width:729px;
margin-bottom:7px;
}

IMG.cottagethumb{
height:211px;
}

.topcontacthome{
width:100%;
background:#000000;
margin:0px;
padding:0px;
position:fixed;
}

.leftbox{
float:left;}


.rightbox{
float:right;}

H1.top{
font-size:90%;
background:transparent;
color:#000000;
padding:10px;
padding-left:45px;
margin:0px;
margin-bottom:15px;
}

.footernavbox{
width:150px;
float:left;
padding-bottom:22px;
}

.youtube{
width:100%;
height:515px;
}

.gradbox {
  background: -webkit-linear-gradient(#deeaf0,#b8c4c9); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#deeaf0,#b8c4c9); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#deeaf0,#b8c4c9); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#deeaf0,#b8c4c9); /* Standard syntax */
  padding:12px;
  border:1px solid #111;
  border-left:0px;
  border-right:0px;
}

.grass{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/nslide0.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}

.grass99{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/cip.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}

.grass555{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:transparent;
background-position:center top; 
min-height:455px;
width:100%;
}

.grass20221{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/bck20221.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}

.grass20222{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/bck20222.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}

.grass1{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/nslide1.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}

.grass2{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/newcott.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}
.grass2019{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/bck2019.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}

.grass222{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/cwmmegan.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}


.grass3{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:transparent;
background-position:center top; 
min-height:455px;
width:100%;
}


.grass4{
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
background:transparent;
background-position:center top; 
min-height:195px;
width:100%;
}


.grass4new{
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);
background:transparent;
background-position:center top; 
width:100%;
text-align: center; /* Center horizontally */
min-height:455px;
}

.grass5{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:transparent;
background-position:center top; 
min-height:455px;
width:100%;
}


.grass6{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/nslide6.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}

.grass7{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/nslide7.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}

.grass8{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:transparent;
background-position:center top; 
min-height:195px;
width:100%;
}


.grass9{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/nslide9.jpg) no-repeat;
background-position:center top; 
min-height:555px;
width:100%;
}

.sky{
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/back2.jpg) no-repeat;
background-position:center top; 
min-height:700px;
width:100%;
margin-top:21px;
}

.grassbox{
position:relative; left:10px; top: 13px; 
width:85%; 
border-radius: 5px;
box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);
background:#eee;
padding:12px;
opacity:0.9;
filter:alpha(opacity=90);
}

.grassboxnoop{
position:relative; left:10px; top: 13px; 
width:60%; 
border-radius: 5px;
box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);
background:#eee;
opacity:1;
filter:alpha(opacity=100);
padding:12px;
}
.grassboxnoopnew{
position:relative; left:10px; top: 13px; 
width:75%; 
border-radius: 5px;
box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);
background:#eee;
opacity:1;
filter:alpha(opacity=100);
padding:12px;
}
.greybox{
background:#eeeeee;
border:1px #333333 solid;
margin:4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

.maincontent {
margin:30px;
margin-top:0px;
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
padding:0px;
background:#ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-khtml-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-khtml-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
text-align:center;
margin-bottom:15px;
}


.lowerbox {
  width: 100% ;
  margin-left: auto ;
  margin-right: auto ;
background:#ffffff;
margin:0px;
padding:0px;
  padding-top:11px;
}



.lowerboxnew {
  width: 890px;
  margin-left: auto ;
  margin-right: auto ;
 margin-top:155px;
}


IMG.gallery{
height:112px;
margin:3px;
float:left;
}

.subbox{
width:450px;
border:#ffffff solid 1px; 
float:left;
padding:5px;
margin:4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background:#333;

opacity:0.7;
filter:alpha(opacity=70);
}
EM{
font-weight:bold;
color:#000;
text-shadow:1px -1px 0px #eee;
}

.btm {
margin-top:1px;
width:999px;
margin-left: auto ;
margin-right: auto ;
padding:0px;
text-align:center;
}

.homebox{
text-align:left;
width:650px;
background:#fff;
margin-top:32px;
padding:2px;
padding-top:10px;
margin-left:5px;
padding-bottom:10px;
float:left;
}


.narrowbox{
text-align:left;
width:310px;
background:#fff;
margin-top:12px;
padding:2px;
padding-top:10px;
margin-left:5px;
padding-bottom:20px;
float:left;
}


.homeboxjohn{
width:180px;
height:220px;
background:#eee url(https://www.thetext.co.uk/gifs/johnolson.jpg) no-repeat;
border:1px solid white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:32px;
float:left;
margin-left:32px;
margin-right:32px;
}

.homeboxjohn3{
width:200px;
min-height:220px;
background:#eee;
border:1px solid white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:32px;
float:left;
margin-left:32px;
margin-right:32px;
}



.homeboxjohn2{
width:131px;
height:152px;
background:#eee url(https://www.thetext.co.uk/gifs/jon.jpg) no-repeat;
border:1px solid white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:32px;
float:left;
margin-left:32px;
margin-right:32px;
}


.bodybox{
text-align:left;
width:450px;
background:#111111;
border:1px solid black;
opacity:0.7;
filter:alpha(opacity=70);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}

.bigbodybox{
text-align:left;
width:650px;
background:#111111;
border:1px solid black;
opacity:0.7;
filter:alpha(opacity=70);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}

.bigbodyboxnoop{
text-align:left;
width:930px;
background:#000000;
opacity:0.9;
filter:alpha(opacity=90);
border:1px solid black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}


.bigbodyboxnoopwhite{
text-align:left;
width:930px;
background:#eeeeee;
border:1px solid black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}

.footerbox{
  width: 980px ;
background:transparent;
border:0px solid black;
margin-top:10px;
padding:0px;
  margin-left: auto ;
  margin-right: auto ;
font-size:15px;
padding-top:32px;
margin-bottom:30px;
padding-bottom:30px;
}


#fullheightcontainer {
height: auto;
min-height: 100%;
height:30em;
}

.textblock{
width:650px;
}

.text{
color:#FFFFFF;
}
		
hr.topbar{
    border: 0;
    height: 1px;
    background: #3a5997;
    background-image: -webkit-linear-gradient(left, #ccc, #3a5997, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #3a5997, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #3a5997, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #3a5997, #ccc); 
}


H1{
font-family: "Caveat",sans-serif;
color: #246f91;
margin: 1px;
padding: 0px;
letter-spacing: 3px;
font-weight: normal;
text-align:left;
text-shadow:0px 0px 0px #518adb;
font-size:38px;
letter-spacing: -1px;
font-weight: normal;
background:transparent;
padding-left:9px;
}

H1.newtop{
font-family: "Caveat",sans-serif;
color: #789800;
margin: 1px;
padding: 0px;
letter-spacing: 3px;
font-weight: normal;
text-align:left;
text-shadow:0px 0px 0px #518adb;
font-size:39px;
letter-spacing: -1px;
font-weight: normal;
background:transparent;
font-style:italic;
}

H1.blue{
font-family: "Caveat",sans-serif;
color: #fff;

margin: 10px 10px 2px 2px;

padding: 0px 0px 6px 0px;

font-size: 200%;

letter-spacing: 3px;

font-weight: normal;

text-align:left;

text-shadow:0px 0px 0px #518adb;
padding-top:4px;
margin-bottom:12px;
font-size:38px;
background:#3a5997;
width:100%;
padding-left:22px;
}

H2{
font-family: "Caveat",sans-serif;
color: #7d824c;
margin: 10px;
padding: 0px;

font-size: 35px;

letter-spacing: 1px;

font-weight: normal;

text-align:left;

text-shadow:0px 0px 0px #518adb;
border-bottom:#333 solid 1px;
letter-spacing: -1px;
padding-top:14px;
}

H3{
font-family: "Caveat",sans-serif;
color: #2c64b4;
margin: 10px;
padding: 0px;
font-size: 120%;
letter-spacing: 1px;
font-weight: normal;
text-align:left;
text-shadow:0px 0px 0px #518adb;
text-decoration:underline;
}

.footer{
background:#deeaf0 url(https://www.cottagesinparadise.co.uk/gifs/nslide8.jpg) no-repeat;
width:100%;
margin:0px;
padding-top:10px;
font-size:15px;
border-top:0px #999999 solid;
margin-bottom:0px;
padding-bottom:30px;
margin-top:45px;
min-height:781px;
background-position:center top;
}


P{
color:#000;
font-size:15px;
font-family:"Raleway", "arial","helvetica",sans-serif;
line-height:120%;
text-align:left;
margin: 10px;
padding: 0px;
}
P.nomarginxx{
color:#000;
font-size:17px;
font-family:"open sans","arial narrowxx", "arial","helvetica",sans-serif;
line-height:120%;
text-align:left;
margin: 1px;
padding: 0px;
}
P.small{
color:#000;
font-size:12px;
font-family:"open sans","arial narrowxx", "arial","helvetica",sans-serif;
line-height:120%;
text-align:left;
margin: 10px;
padding: 0px;
}

UL {list-style-type: circle;
padding-left:11px;}

LI{
color:#000;
font-size:15px;
font-family:"Raleway", "arial","helvetica",sans-serif;
margin:3px;
text-align:left;
margin: 10px;
padding: 0px;
padding-left:11px;
}

P.reallynagyon{
color:#FFFFFF;
font-size:18px;
font-family: "arial narrowxx", "arial","helvetica",sans-serif;
margin-left:33px;
font-weight:bold;
}


P.top{
font-size:15px;
background:transparent;
color:#000000;
padding:2px;
margin:10px;
margin-bottom:15px;
background:#111111;
border:1px solid black;
opacity:0.7;
filter:alpha(opacity=70);
width:700px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
  margin-left: auto ;
  margin-right: auto ;
}

a:visited{
background-color:transparent;
color:#246f91;
text-decoration:none;

}

a:link{
background-color:transparent;
color:#246f91;
text-decoration:none;

}

a:hover{
background-color:transparent;
color:#000;
text-decoration:underline;
}

a:active{
background-color:transparent;
color:#246f91;
text-decoration:none;
}

 .largeselect { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.largeselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


 .select { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


  .smallselect { 
    border: 1px solid #c4c4c4; 
    width: 140px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.smallselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.button {
  background-color: #596c30; /* Subtle background color matching the menu */
  color: #fff; /* White text */
  border: none; /* Remove the default border */
  padding: 12px 30px; /* Add some padding for a better click area */
  font-size: 16px; /* Adjust the font size */
  font-weight: bold; /* Make the text bold */
  border-radius: 5px; /* Rounded corners for the button */
  text-transform: uppercase; /* Make the text uppercase for emphasis */
  cursor: pointer; /* Change cursor to pointer on hover */
  transition: background-color 0.3s, transform 0.3s ease; /* Smooth hover transition */
  outline: none; /* Remove the focus outline */
}

.button:hover {
  background-color: #727d3b; /* Change background color on hover */
  transform: scale(1.05); /* Slightly enlarge the button on hover */
}

.button a {
  color: #fff; /* Keep the link text white */
  text-decoration: none; /* Remove underline from link */
  display: block; /* Make the link a block-level element to occupy the button space */
}

.button a:hover {
  color: #fff; /* Ensure the text color stays white when hovering the button */
}



P.buttontopnav{

	background-color:#999;
	text-indent:0;
	display:inline-block;
	color:#fff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	padding:10px;
	text-decoration:none;
	text-align:center;
    border-radius: 2px; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border:2px #999 solid;
cursor:pointer;

margin:0px;}


IMG.left{
float:left;
padding:5px;
}



IMG.leftcurve{
float:left;
padding:5px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
margin-top:79px;
}
IMG.leftcurvenew{
float:left;
padding:5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:7px;
margin-left:0px;
padding-left:0px;
}


IMG.right{
float:right;
padding:5px;
}

P.clear{
clear:both;
}

.show999{display:none;}
.hide999{display:inline;float:right;}
.googlebox{margin-top:12px;}

.booking{width: 100%;height: 400px;}


IMG.logo{
float:left;
}



@media only screen and (max-width : 999px) {
.show999{display:inline;}
.hide999{display:none;}
.grassbox{width:90%;}
.grassboxnoop{width:90%;}
}




@media only screen and (min-width : 800px) and (max-width : 999px) {

.toptoptop{width:99%;}
.topheaderbox{
float:left;
width:99%;
}
.popup-gallery{width:100%;}
.grassbox{width:90%;}
.grassboxnoop{width:90%;}
.footerbox{width:100%;}
.maincontent{width:778px;margin-right:auto;margin-left:auto;}
P.top{width:100%;}
P{font-size:16px;}
.homebox{width:600px;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.homeboxsummer{margin:0px;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:90%;}
.narrowbox{width:80%;}
}


@media only screen and (max-width : 799px) {

IMG.leftcurve{display:none;}
.popup-gallery{width:100%;}
BODY.bckld{
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/bckld.jpg) no-repeat;
background-position:top left;}
BODY.bck2020{
background:#fff url(https://www.cottagesinparadise.co.uk/gifs/bck2020.jpg) no-repeat;
background-position:top right;}

IMG.cottagethumb{
height:91px;
}
.lowerboxnew {
width:90%;
margin-bottom:33px;
}

.premiercottbox{
float:right;
width:179px;
}

.toptoptop{width:99%;}
.booking{width: 100%;height: auto;}
.topheaderbox{width:95%;}
.grassbox{width:90%;
position:relative; left:1px; top: 13px; }
.grassboxnoop{width:90%;
position:relative; left:1px; top: 13px; }
.footerbox{width:100%;}
.maincontent{width:95%;margin-right:auto;margin-left:auto;}
P.top{width:100%;}
.homebox{width:90%;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.homeboxsummer{margin:0px;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:90%;}
.narrowbox{width:80%;}
H1{font-size:26px;letter-spacing:0em;
clear:both;
text-align:center;
padding-top:9px;
padding-left:11px;
min-height:1px;
}
H2{font-size:28px;}
P{font-size:15px;}

}