@charset "utf-8";
/* CSS Document */
/*General*/
/* Note 0.0625 x Pixel width = the number of EM to use (Provided you haven't changed the base font-size */
@-ms-viewport { width: device-width; }
* {box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
html, body { width: 100%; margin:0; }
body { font-family: Arial, Helvetica, sans-serif; background:#cab1cf url(../images/background.jpg); color:#815562; }
#wrapper { width: 100%; overflow: hidden; margin:0; padding:0; }
.clear {clear:both;height:1px;width:100%}
.content p, .morebar, .content li, .content td { /*font-size: 1.2em;*/ }
.visuallyhidden { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.hide {display:none;}
#content img, .bigimgpg img {max-width:100% !important;max-height:auto !important;}
a {color:#815562;}
a:hover {color:#5d3642;}
/*------------------------- MOBILE MENU ----------------------------*/
#mobileNav-control {z-index:1000;cursor:pointer;}
#mobileNav-control, #mobileNavCompressed {display:none}
#mobileNav {
	display:none; color:#fff;
	right: 10px;	top:72px;
	position: absolute;
	z-index:999;
	min-width:20em;
	max-width:96%;
	background: #ba98c1; 
	-webkit-box-shadow: 2px 3px 10px 1px #333333;
	box-shadow: 2px 3px 10px 1px #333333;
}
#mobileNav.left {left: 10px;right: auto;}
#mobileNav .mobile-menu-title {display:block;padding:1em 1em 0;font-style:italic}
#mobileNav ol {margin:0;list-style:none;padding-left:1.5em}
#mobileNav ol.toplvl {margin:0 0.5em 1em;}
#mobileNav li {display:block;position:relative}
#mobileNav a {display:block;padding:0.5em 0; border-bottom: 1px solid #815562; text-decoration:none;}
#mobileNav a:hover {color:#633845;}
#mobileNav a {margin-left:0.2em}
#mobileNav .toggle {cursor:pointer;width:3em;background-color:#eee;height:1.5em;position:absolute;left:-1.5em;top:5px;}
@media only screen and (min-width: 46em) { /*737px*/
	#mobileNav {display:none !important}
}
@media only screen and (max-width: 46em) { /*737px*/
	.horizontalMenu, .textHorizontalMenu {display:none;}
	#mobileNavCompressed {}
	#mobileNav-control {display:block}
	header #header {position:relative;}
	#mobileNav-control {width:45px;height:52px;position:absolute;right:10px;top:1em;width:2.5em;}
	#mobileNav-control.left {left:10px;right:auto;}
	#mobileNav-control span {display:block;height:7px;width:100%;}
	#mobileNav-control span.menubar {height:3px;-webkit-border-radius: 4px;border-radius: 4px; background:#815562;}	
}
@media only screen and (max-width: 28em) { /*448px*/
	#mobileNav {max-width:98%;width:98%;margin-left:1%;margin-right:1%;left:0;right:0;}
}
/*------------------------- MOBILE MENU END ----------------------------*/
/*Content Styling*/
#content {width:100%; background:#cab1cf; }
.contenttable {width:90%; margin:0 auto; background:}
.headerhome { background:url(../images/matildasofleura.png) top center no-repeat;   height: 0; padding-bottom: 100px; background-size:contain;}
.homemiddle-sm {text-align:center;}
.homemenu {max-width:760px; margin:0 auto;}
.homemenu a {color:#fff;}
.homebase {padding-bottom:1em;}
#bigimg { background: #cab1cf; margin:1em auto; text-align:center; padding:30px; max-width:840px;}
.homebtn {}
/*Header*/
.leftmenubg { display:none;}
/*Content*/
/* Google Maps */
#gmap {
	width: 100%; max-width:700px;
	height: 280px;
	margin: 16px auto;
}

	/*Footer*/
	
@media only screen and (max-width: 47.5em) { /*760px*/
	.contenttable td { display:block;}
	.headerimg {background-image:url(../images/matildasofleura.png); background-repeat:no-repeat; height:148px; }
	.fullfooter {display:none;}
	.smallfooter { color:#815562; text-shadow: 0 1px 0 #333; text-align:center; padding-bottom:1em;}
	.homemiddle-lge { display:none;}
	.footermenu a, a.homebtn {    background: none repeat scroll 0 0 #dfcfe2;
    display: block;
    margin: 0.5em;
    padding: 0.5em; border:solid 1px #ab818e; border-radius:5px; color:#815562;}
	.homeftrlinks td {margin:1em 0;}
}
@media only screen and (min-width: 28em) { /*448px*/ .button.left, .button.right { width:95%;}  }
@media only screen and (min-width: 47.5em) { /*760px*/
	#content {width:760px; margin:0 auto 1em;background: url(../images/tableback2.jpg) repeat-y;}
	.headerimg {background-image:url(../images/header.jpg); height:185px;}
	.smallfooter {display:none;}
.hidesm {display:block;}
	.footermenu a {border-left:solid 1px #ab818e;padding: 0 5px 0 3px;}
	.footermenu a:first-of-type {border-left: none; }
	.homemiddle-sm { display:none;}
	.headerhome { background:url(../images/defaulttop.jpg);   height: 0; padding-bottom: 23.2%; background-size:contain;}
	.homebase {background:url(../images/default2.jpg); height:289px;}
#profile_body_availability {width:auto !important; margin: 0 40px !important;}
}
@media only screen and (min-width: 60em) { /*960px*/
	.tarifftable {max-width:600px;}
	.tariffpage {max-width:720px; margin:auto;}
}