/*105D dropdown*/
body{position:relative;width:100%;margin:0;padding:0;color:#333;background:#fff url(/images/bg.gif) repeat fixed top left;text-decoration:none;padding:0;font:normal normal 78% arial,verdana,geneva,helvetica,sans-serif}
#canvas{position:relative;width:100% !important;max-width:960px;height:auto !important;height:90%;min-height:90%;margin:0 auto;background:#FFF url(/images/menu.gif) repeat-y top left}
#header{color:#766A62;background:#FFF url(/images/header.gif) no-repeat;margin:0 0 20px;padding:0;width:100%;max-width:960px;height:auto;min-height:100px}
#header img{position:static;float:left;margin:2% 2% 0}
#header>img,#header>a>img{width:430px;max-width:50%}
#header>img.logor,#header>a>img.logor{position:relative;height:32px;width:auto;margin:2% 2% 0 .3%}
#header p{position:absolute;left:0;color:#00338D;font-size:1.6em;text-align:left;padding:76px 10px 0 110px}
#header p img{float:none}
#header p.title{color:#00338D;font-weight:bold;margin:0;font-size:1.8em;text-align:left;padding:50px 10px 0 110px;line-height:30px}
#header p.title a{text-decoration:none;color:#00338D;background:transparent}
#header p.title a:hover{color:#00338D;background:transparent}
#header p.title img{float:none;margin:0 0 0}
#socialmedia{position:relative;top:0;right:0;padding:2% .3% 0 2%}
#socialmedia img{max-height:32px}
#menubar{position:relative;top:0;height:29px;width:100%;max-width:960px;padding:0;color:#766A62;background-color:#fff;font-size:14px;text-transform:uppercase;border-bottom:2px solid #A3B4C8;border-top:2px solid #A3B4C8;clear:both;overflow:visible;z-index:12}
#crumbs{position:relative;top:22px;left:0px;height:auto;font-weight:bold;font-size:.85em;margin-bottom:20px;padding:0px 0px 0px 2%}
#crumbs img{position:relative;float:right;margin:0;top:-5px}
#content{position:relative;top:0px;width:auto;min-width:120px;margin:0px 0 0px 0px;padding:0px 2% 3em;overflow:visible;clear:both;z-index:1}
#content p{line-height:145%}

#footer{position:relative;bottom:-10px;height:auto;margin-left:0px;width:auto;max-width:100%;padding:5px 20px 5px 20px;text-align:center;border-top:1px solid #00338D}
#footer p{color:#00338D;background:#fff;font-size:.9em;text-align:center;padding-top:10px}
#footer a{color:#766A62;background:transparent}

#leftb{position:fixed;bottom:10px;margin-left:auto;margin-right:auto;text-align:center;z-index:1;width:220px}
#fright{float:right;width:auto;max-width:22%;margin-left:10px;z-index:1;padding:5px;color:inherit;background:#fff;border:1px solid #766A62;border-radius:8px}
#fright p a{line-height:normal;word-break:keep-all}
#fright h2{padding:5px 0 5px 0;font-size:14px;color:#00338D;background:#fff}
#fright img{max-width:100%;height:auto;}

#mainpic{top:20px;border: 1px solid #A3B4C8;border-radius:4px;margin-left:20px}

p{margin:0;padding:0 0 8px 0;font-size:1.1em;letter-spacing:0;text-align:justify}
.colour{color:#00338D;background:transparent;font-weight:bold}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{color:#900;background:transparent;font-size:0.85em;padding:3px 0;text-align:center}
blockquote{font-style:italic;font-size:.9em;margin:0 5%;padding:0 0 8px 0;text-align:center}
h1,h2,h3{text-align:left}
h4,h5,h6{text-align:center}
kbd{font:normal normal 100% verdana,arial,geneva,helvetica,sans-serif}

marquee{width:50%}
h1,h2,h3,h4,h5,h6{padding:0;font-style:normal;font-weight:bold;margin:0;text-decoration:none;vertical-align:middle}
h1{font-size:2.2em;padding:20px 0 12px 0;color:#00338D;background:transparent}
h2{color:#00338D;font-size:1.8em;padding:5px 0 3px 0;background:transparent}
h3{color:#00338D;font-size:1.5em;padding:5px 0 3px 0;background:transparent}
h4{color:#00338D;font-size:1.5em;padding:5px 0 3px 0;background:transparent}
h5{font-size:1.2em;color:#900;background:transparent}
h6{font-size:1.2em;font-weight:normal;color:#00338D;background:transparent;padding:5px 0 0 0}
input.form,textarea.form,select.form{border:1px solid #096;color:#00338D;background:transparent}
div.form{position:relative;left:0;color:#000;background:#FFF;font-weight:normal;text-align:left;border:1px solid #096;margin:10px auto 0 auto;max-width:500px;padding:10px;width:70%}
a{text-decoration:none}
a:link{color: #C13500;background:transparent}
a:visited{color: #C13500;background:transparent}
a:hover{color:#C19600;text-decoration:underline;background:transparent}
a:active{color:#766A62;background:transparent}
hr{color:#A3B4C8;height:1px;margin:0;padding:0;width:100%;background:transparent}
ul{list-style:none;line-height:130%}
ol,ul{letter-spacing:0;text-align:left;margin:0 10px 5px 30px;padding:0}
ol>li{font-size:1.1em;margin:0;padding:2px;line-height:130%}
ul>li{font-size:1.1em;background:url(/images/bullet.gif) no-repeat top 3px left;margin:0;padding:2px 0 20px 20px;line-height:130%}
ul>li a{padding-left:12px}
dl,dt,dd{color:#669;background:transparent;font-weight:normal;letter-spacing:0;margin:0;padding:5px 10px 0 10px;text-decoration:none}
dt{list-style:url(/images/bullet.gif)}
dd{padding:5px 20px 0 20px}
strong,b{font-weight:bold}
.centre{text-align:center}

/*NAVIGATION - HORIZONTAL*/
#menu{float:left;width:100%;margin:0;padding:0;background-color:#fff}
#nav li{float:left;padding:0;line-height:110%;background-image:none;font-size:14px}
#nav, #nav ul{list-style:none;margin:0;padding:0;line-height:130%;background-color:#fff}
#nav a{display:block;width:auto;color:#FFF;background:#FFF;text-decoration:none}
#nav li a{color:#00338D;background:#fff;border:none;text-decoration:none;padding:7px 0.5em;white-space:normal}
#nav li a:hover{color:#000;background:#E8EEF6}
#nav li a span{visibility:hidden;position:absolute;top:-20px;left:0;font-weight:normal;text-transform:none;font-size:12px;line-height:110%;padding:0;width:auto}
#nav li a:hover span{visibility:visible;display:block;text-align:left;height:auto;color:#766A62;background:#FFF;z-index:120;font-weight:bold}
/*NAVIGATION - DROPDOWN (JavaScript required dropdown.js)*/
#nav li ul{position:absolute;left:-999em;width:24em;border-left:1px solid #766A62;border-top:1px solid #766A62}
#nav li li{width:30em;line-height:110%;border-bottom:1px solid #766A62;border-right:1px solid #766A62}
#nav ul li a span{position:absolute;top:-48px;left:0;width:auto;text-align:left;text-transform:none;font-size:12px;line-height:110%;padding:0;color:#000;background:#FFF}
#nav ul li a:hover span{display:block;height:auto;color:#766A62;font-weight:bold;background:#fff;z-index:20;white-space:nowrap;text-decoration:none}
#nav li ul ul.level3 { /* third-and-above-level lists */	width:15em;margin:-2em 0 0 15em}
#nav li:hover ul ul{left: -999em}
#nav li:hover ul, #nav li li:hover ul{left: auto}
#nav li li{font-size:11px}
#nav li li li{width:15em}
#nav ul ul li a:hover span{display:none}

/*07-10-2015*/
#nav li.hassub>a::after{content:' + '}

#nav #li-logoff{float:right}
#nav #li-logoff a:hover{}
#nav #li-logoff a:visited{}
#nav #li-members{float:right}
#nav #li-members li{float:none}
#nav #li-members a span{right:0}
#nav #li-members a:hover span{text-align:right}
#nav #li-members:hover ul, #nav #li-members li:hover ul{right:0px}
#nav #li-tutorial1{float:right}
#nav #li-tutorial1 li{float:none}
#nav #li-tutorial1 a span{right:0px}
#nav #li-tutorial1 a:hover span{text-align:right}
#nav #li-tutorial1:hover ul, #nav #li-tutorial1 li:hover ul{right:5em}

p.event,p.eventl{text-align:left;padding:2px 0 2px 5px}
p.eventr{text-align:right;padding:2px 5px 2px 0}
table.events{width:100%;font-size:1em;border-left:1px solid #A3B4C8;border-right:1px solid #A3B4C8;border-top:none;border-bottom:none}
.event1,.event2,.event3,.event4,.eventfoot{color:#00338D;background:#DFE6F0;border-top:1px solid;border-bottom:1px solid;border-color:#A3B4C8;padding:0 0 0 5px}
.event1 h3,.event2 h3,.event3 h3,.event4 h3,.eventfoot h3{font-size:1.1em}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
#fright #events{height:250px;background:#FFF;border:1px solid #AAA;border-radius:8px}
#fright td.ev1 p{color: #00338D;background:transparent}
#fright td.ev2 p{color:#00338D;background:transparent;padding-bottom:4px}
#fright tr.comc td.ev1 p{color:#858585;font-style:italic;font-size:1em;background-color:transparent}
#fright tr.comc td.ev2 p{color:#858585;font-style:italic;font-size:1em;background-color:transparent}

.spelling{border:1px solid #F00}
/*Slide Show*/
#mainpicouter{max-width:960px;height:auto !important;padding-bottom:20px}
#mainpic{position:relative;top:20px;left:0;overflow:hidden;clear:both;}
#mainpicinner{height:100%;width:100%;min-width:120px;overflow:hidden;visibility:hidden;}
#mainpicinner img{position:absolute;top:0}
#slidecaption{position:absolute;bottom:0;left:0;height:auto;width:100%;max-width:100%;color:#000;background-color:#CCC;opacity:.8;margin:0;padding:0;z-index:200}
#slidecaption h2{color:#000;background:#CCC;padding:0 5px 5px}

#dbcat{display:none;position:absolute;bottom:120px;left:1%;width:18%;font-size:.9em;text-transform:uppercase;z-index:10}
#index #dbcat,#members #dbcat,#shop #dbcat,#orders_new #dbcat,#confirm #dbcat,#despatch #dbcat,#refunds #dbcat{display:block}
#shop #dbcat{position:absolute;top:170px}
#members #dbcat{position:fixed;bottom:170px;width:120px}
#dbcat p{margin:0 10px;text-align:left}
#dbcat a:link,#dbcat a:visited{color:#666;background:transparent}
#dbcatl{display:none;position:absolute;top:40px;left:1%;width:18%;font-size:.9em;font-weight:bold;text-transform:uppercase;z-index:10}
#shop #dbcatl{display:none}
#dbcatl p{text-align:left}
#dbcatr{position:absolute;top:40px;right:0;width:25%;font-size:.9em;font-weight:bold;text-transform:uppercase;z-index:10}
#dbcatr p{text-align:right}
#dboffer{position:absolute;top:120px;right:1%;width:18%;font-size:.9em;text-transform:uppercase;z-index:10}
#dboffer a:link,#dboffer a:visited{color:#00338D;background:transparent}
#dboffer p{text-align:left}
#dboffer div{text-transform:none}
#dboffer h2,#dboffer p{display:none}
#dbwelcome{position:absolute;top:-30px;right:1%;width:auto;color:#FFF;background:transparent;font-size:.9em;font-weight:bold;text-transform:uppercase;z-index:10}
.prlist{width:100%;font-size:1em;border-collapse:collapse}
.prlist td{margin:15px 7px;padding:10px 5px;border-bottom:1px solid #AAA;border-top:1px solid #AAA}
.prlist p{text-align:justify}
.prlist a:link,.prlist a:visited{color:#666;background:transparent}
.prlisttdb{width:100px}
.prlisttde{width:auto;min-width:10%;max-width:30%;margin-left:5px;padding:5px;background-color:#F8F8F8;border:1px solid #EEE}
.prlisttde p{text-align:right}
.prlistd{}
.prlistt{}
.prlistf1{float:right;width:30%;margin:5px 0 0 5px;padding:5px;border:1px solid #EEE}
.prlistf2{float:right;width:30%;margin:5px 0 0 5px;padding:5px;border:1px solid #EEE}
.prlink{clear:both;font-weight:bold}
.bsk{width:100%;font-size:1em;border-collapse:collapse}
.bsk th{margin:15px 7px;padding:5px 10px;border-bottom:1px solid #AAA;border-top:1px solid #AAA}
.bsk td{margin:15px 7px;padding:3px 10px 3px;border:none}
.bsk p{text-align:left}
td.subtot{font-weight:bold;padding:10px;border-top:1px solid #AAA}
td.del{font-weight:bold;padding:10px}
td.tot{font-weight:bold;padding:5px 10px;border-top:1px solid #AAA;border-bottom:1px solid #AAA}
/*09-01-2013*/
#dbpaym{display:none;position:absolute;top:20px;right:265px;width:100%}
#shop #dbpaym{display:block}
#dblogin{display:none;position:absolute;top:110px}
#shop #dblogin{display:block}
#dbbsk{position:absolute;top:110px}
.smaller{font-size:.5em}
/*.trlink {color:blue}*/

#EmailDat div.form{width:100%}
.countdown{font-size:1.2em;padding:5px 0 5px 0;color:#F00;background:transparent;text-align:center}
#pptx p{display:none}
#memoriam td{vertical-align:top}
#memoriam th{border:1px solid #888}

.report{width:100%;border:1px solid #888;border-collapse:collapse}
.report th,.report td{padding:3px 5px}
.subtotal,.total{text-align:right;border-top:1px solid #000 !important}
.subtotal{border-bottom:1px solid #000 !important}
.total{border-bottom:2px solid #000 !important}

.eventspr{margin-bottom:20px}
#officer_info{text-align:left}

.w100{width:100%}
#translate{position:absolute;left:0px;top:0px;width:160px;height:25px}

div.xmas{width:30%;margin-bottom:20px;padding:10px;border:1px solid #EBB700;border-radius:20px;
background:-webkit-radial-gradient(#D6E7F1,#D2CD93); /* Safari */
background:-o-radial-gradient(#D6E7F1,#D2CD93); /* For Opera 11.1 to 12.0 */
background:-moz-radial-gradient(#D6E7F1,#D2CD93); /* For Firefox 3.6 to 15 */
background:radial-gradient(#D6E7F1,#D2CD93)}
p.xmas{text-align:center}
p.from{padding:3px 0;color:#900;background:transparent;font-size:.85em;text-align:center}
#donations{background:#FFF url(images/system/content.png) repeat fixed top left}
#donations #content{top:0;width:100%;max-width:960px;margin:0;padding:25px 0px 200px;background-color:#D6E7F1;background-image:url(images/system/content.jpg);background-repeat:no-repeat;background-position:50% 0px;background-attachment:fixed;background-size:960px}
#donations #content p,#donations #content h1,#donations #content h2{padding-left:10px;padding-right:10px}
*+html #donations #content{background:#FFF url(images/system/content.jpg) no-repeat fixed center} /*IE7*/

x.r270{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(270deg);transform-origin:0% 0% 0;text-align:left;margin:0;padding:0;white-space:nowrap}

/*Booking system*/
table.booking{width:100%;font-size:1em;border-collapse:collapse;margin-bottom:1em;padding:5px}
table.booking,table.booking tr td{border:1px solid #888;text-align:center;vertical-align:middle}
table.booking tr{border-collapse:separate}
table.booking td{border-collapse:separate;background-color:#FFF}
table.booking th{border:1px solid #888;vertical-align:middle;background-color:#EEE}
#booking td input,#booking td textarea{background-color:transparent}
table.booking input,table.booking select,table.booking textarea{width:100%;border:0;margin:0 auto;padding:0;font:normal normal 100% verdana,arial,geneva,helvetica,sans-serif}
table.booking textarea{min-width:8em}
table.booking input.real{min-width:4em}
td.cancel{background:#FFC6C6 !important}
table.booking td.product_name{color:#00338D;padding-left:10px;text-align:left}
table.booking td.product{text-align:center}
table.booking td.prdesc{padding-left:20px;color:#0082FF;text-align:left}
table.booking tr.prxh td{color:#000;background-color:#FAFAFA;text-align:center}
table.booking tr.prxh td.prxh{padding-left:20px;text-align:left}
table.booking tr.prxh td.prxht{text-align:right}
table.booking tr.prx td{text-align:center;vertical-align:middle}
table.booking tr.prx td.prx{padding-left:30px;text-align:left}
table.booking tr.prx td.prxt{text-align:right}
table.booking tr.prx td.prx em{color:#900}
#pppre{color:#900}
#bookingh tr.prxh td{color:#000;background-color:#F2F2F2;padding-left:0px;text-align:center}
#bookingh tr.prxh td.prxh{color:#000;background-color:#F2F2F2;padding-left:10px;text-align:left}
#bookingf td{color:#000;background-color:#F2F2F2;padding-left:10px;text-align:left}
#bookingf #total{color:#000;background-color:#F2F2F2;text-align:right !important}
table.booking td.ptot{text-align:right !important}
table.booking td.cat{text-transform:uppercase}
table.sqz tr:hover td{color:#000 !important;background-color:transparent !important}
table.sqz tr:hover{color:#000;background-color:#FFE690}

table.tableplans{border:1px solid #CCC}
table.tableplans td{font-size:14px;border:none}
table.tableplans th{text-align:left;font-size:14px;border:none;border-bottom:1px solid #CCC;background-color:#FFF}
.tableplans th.name{width:45%;border-left:0px solid #CCC}
.tableplans th.table{width:5%;border-left:1px solid #CCC}
.tableplans td.name{width:45%;border-left:0px solid #CCC}
.tableplans td.table{width:5%;text-align:right;padding-right:10px;border-left:1px solid #CCC}
.tableplans td.divider{}
h2.tableplans{text-align:center}


/*
table.booking td.bgc{background-color:#FFF !important}
table.booking{width:100%;font-size:1em;border-collapse:collapse;margin-bottom:1em;padding:5px}
xtable.booking,xtable.booking tr td{border:none;vertical-align:middle;border-radius:8px}
table.booking tr{border-collapse:separate}
table.booking td{border-collapse:separate;background-color:#FFF}
table.booking th{border:1px solid #888;vertical-align:middle;background-color:#EEE}
#booking td input,#booking td textarea{background-color:transparent}
table.booking input,table.booking select,table.booking textarea{width:100%;border:0;margin:0;padding:0;font:normal normal 100% verdana,arial,geneva,helvetica,sans-serif}
table.booking textarea{min-width:8em}
table.booking input.real{min-width:4em}
td.cancel{background:#FFC6C6 !important}

table.booking tr.highlight td{background:#FFC6C6}
table.booking td.cat{color:#000;background-color:#F2F2F2 !important;text-transform:uppercase;xborder:1px solid #888;border-radius:8px}
table.booking td.product{color:#00338D;padding-left:10px}
table.booking td.prdesc{padding-left:20px;text-align:left}
table.booking tr.extrahead{}
table.booking tr.extrahead td.extrahead{color:#000;background-color:#F2F2F2 !important;border-radius:8px 8px 0 0}
table.booking td.extrahead{padding-left:20px;color:#000;border-radius:8px}
table.booking td.extra{padding-left:20px}
table.booking td.prx{padding-left:20px}
#pppre{color:#900}
table.booking input,table.booking select{border:1px solid #CCC}
table.booking td:nth-child(2n+0){background-color:#F2F2F2}
table.booking td:nth-last-of-type(1){background-color:#FFECEC;}
table.booking tr td.extra{text-align:right;padding-right:30px}
*/

/*Newsletter*/
#newsletter_form .successHighlight{background-color:#B9DFC5}
#newsletter_form .failureHighlight{color:#FFF;background-color:#DF1A22}
#newsletter_form #newsletterDeleteColumn{cursor:pointer}

/*HIRE CALENDAR*/
table.hcal{width:960px;max-width:100%;border-collapse:collapse;border:1px solid silver;font:normal normal normal 1.0em/100% sans-serif;text-align:right;margin:10px 0px 20px;padding:2px 4px}
td.hcal,td.hcalss,td.hcalh,td.hcalt,td.hcalr{text-align:right;border:1px solid silver;margin:0 4px;padding:2px 4px}
td.hchevf{text-align:right;margin:0 4px;padding:4px 4px;}
td.hchevb{text-align:left;margin:0 4px;padding:4px 4px;}
td.hcalss{color:#777;background:transparent}/*Weekend*/
td.hcalh{font:normal normal normal 1.0em/100% sans-serif;color:#800;width:14.2%;background:#EEE;border-top:1px solid silver;border-bottom:1px solid silver;padding:2px 2px}/*Days*/
td.hcalt{color:#FFF;background:silver}/*Today*/
td.hcalr{color:#FFF;background:#000}/*Selected date*/
td.hcalmy,td.hchevf,td.hchevb{background:silver}/*Month/Year*/
td.hcalt a, td.hcal a, td.hcalss a{display:block;width:100%}
select.hcal{font-size:1.0em}
div.hcald{color:#000;width:100%;text-align:left;height:70px;background:transparent;overflow-y:auto;overflow-x:hidden;}
p.pen,span.pen{width:97%;height:auto;text-align:left;background:#FAA;border-radius: 5px;padding:2px 2px;margin-bottom:2px;}
p.con,span.con{width:97%;height:auto;text-align:left;background:#DCD;border-radius: 5px;padding:2px 2px;margin-bottom:2px;}
p.col,span.col{width:97%;height:auto;text-align:left;background:#9CC;border-radius: 5px;padding:2px 2px;margin-bottom:2px;}
p.day,span.day{width:97%;height:auto;text-align:left;background:#EE6;border-radius: 5px;padding:2px 2px;margin-bottom:2px;}
p.ret,span.ret{width:97%;height:auto;text-align:left;background:#ACA;border-radius: 5px;padding:2px 2px;margin-bottom:2px;}
div.hcalp{color:#000;width:100%;text-align:left;height:70px;background:transparent;}
tr.pen{background:#FAA;}
tr.con{background:#DCD;}
tr.col{background:#9CC;}
tr.day{background:#EE6;}
tr.ret{background:#ACA;}

#surveys h6{text-align:left}

/*div.sqzmail{position:relative;bottom:0px;left:0;height:auto;max-height:400px;width:500px;margin:5px auto;padding:3px;color:blue;background:#DDD;border:1px solid #888;z-index:100;overflow-x:hidden;overflow-y:scroll}*/
div.sqzmail{height:auto;max-height:400px;width:auto;max-width:500px;margin:5px auto;padding:3px;color:blue;background:#DDD;border:1px solid #888;z-index:100;overflow-x:hidden;overflow-y:auto}
div.sqzmh{color:#000;background:#CCC}
div.sqzmb{padding:5px 0;border-bottom:1px solid red}

@media only screen and (max-width:768px){
 #header p{max-width:86%;padding:7.5% 1% 0 12.5% !important}
 #header p.title{max-width:86%;padding:4.5% 1.5% 0 12.7% !important}
}
@media only screen and (max-width:768px) and (max-aspect-ratio: 13/9){
 #header p{max-width:86%;padding:10% 1% 0 12.5% !important}
 #header p.title{max-width:86%;padding:4.5% 1.5% 0 12.5% !important}
 #header img.logor{max-height:32px !important}
 div.xmas{width:auto}
}

/* WIP
@media only screen and (max-width:768px) {
#body{background-image:none}
#canvas{background-image:none}
 #header{height:auto;min-height:115px}

 #header p{font-size:medium;padding:10% 1% 0 12.5%}
 #header p.title{font-size:medium;padding:4.5% 1.5% 0 12.5%}
#socialmedia{visibility:hidden}
 #menubar{height:40px;border:1px solid #CCC}

#content{font-size:medium}
#content p{line-height:120%}

#content{width:98%;margin:2em 0 5em;padding:0 0 0 1%;border:none}
#content img{max-width:250px}
#leftb{position:static !important;bottom:0;left:0;width:auto;text-align:left;margin:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.center{width:100% !important;text-align:center}
.nm{visibility:hidden}
.nml{font-size:medium;display:none}
#nav.subms li>ul{visibility:hidden}
#nav.submt li>ul{visibility:hidden}

h1{font-size:1.2em;padding-bottom:1em;line-height:130%}
h2{font-size:1.1em;padding:0 0 3px}
h3{font-size:1em;padding:5px}
h4{font-size:1.1em;padding:5px}
h5{font-size:1.2em}
h6{font-size:1.5em}
.imgbox a{font-size:x-small}

#menu{position:relative;min-height:40px;background-color:black;}
#menu:before{content:url(/common3/menu.gif) url(/common3/sqgs.gif) url(/common3/menu-eml.gif) url(/common3/tel.png)}
#xnav{position:absolute;top:0;left:0;min-height:40px;width:100%;background:transparent url(/common3/menu.gif) no-repeat left top;margin:0;padding:0}
#nav{position:absolute;top:40px;left:0;min-height:40px;width:100%;margin:0;padding:0}
#nav li{clear:both;display:none;margin:0}
#xnav li.current{display:block}

#nav:hover,#nav:focus{top:40px;background-color:#fff;background-image:none;border:solid 1px #AAA;-webkit-user-select:none;-webkit-touch-callout:none}
#nav li a{display:block;text-align:left;margin:8px 3px 0 30px;padding:15px 0}
#nav li.current a{padding:5px 0}
#nav li a:hover span,#nav li a:focus span{left:40px;top:-40px;width:100%;margin:0;text-align:left}
#xmenu ul li.current span{display:inline-block}
#xmenu ul li.current a{background-image:none;color:#666}
#nav:hover li,#nav:focus li{display:block;margin:0;-webkit-user-select:none;-webkit-touch-callout:none}
#nav:hover li.current,#nav:focus li.current{background-image:url(/common3/desc.png) no-repeat 3px 0;-webkit-user-select:none;-webkit-touch-callout:none}
#menu.right ul{left:auto;right:0;background:#fff url(/common3/menu.gif) no-repeat right top}
#menu.center ul{left:50%;margin-left:-25%}
#nav li a:hover span{background-color:transparent}

#xmenu ul ul{position:absolute;top:0;right:0;min-height:40px;width:100%;background:#fff url(/common3/menu.gif) no-repeat right top;margin:0;padding:0}
#xmenu ul ul li{float:right;clear:both;display:block;margin:0;border:none}
#xmenu ul ul li.current{display:block}
#xmenu ul ul:hover{background-image:none;border:solid 1px #AAA}
#xmenu ul ul li a{display:block;text-align:right;margin:8px 30px 0 3px;padding:15px 0}
#xnav.subms li>ul{visibility:hidden}
#xnav.submt li>ul{visibility:hidden}
span#contel{position:relative;top:0px;right:0px;z-index:20}
}

/*
@media only screen and (max-width:480px){
 #header p{font-size:medium;padding:8.5% 1% 0 12.5%}
 #header p.title{font-size:medium !important;padding:3.5% 1.5% 0 12.5%}
 #socialmedia{visibility:hidden}
 #content{font-size:medium}
 #content p{line-height:120%}
}
@media only screen and (min-device-width:480px) and (max-width:768px){
 #header p{font-size:1.3em;padding:8.5% 1% 0 12.5%}
 #header p.title{font-size:1.4em;padding:4.5% 1.5% 0 12.5%}
}
*/
@media print{
 #canvas{max-width:100%}
 table.vth{border-collapse:collapse !important}
 table.vth{position:relative;right:0 !important;width:100% !important}
 #header{top:0;height:15mm;max-width:100%;background:none}
 #header>img,#header>a>img{width:auto}
 #header p{top:15mm;left:20mm;font-size:12pt;padding:0}
 #header p.title{top:9mm;left:20mm;font-size:12pt;padding:0}

 #content{top:0;width:100%;margin-left:0 !important;margin-right:0 !important;padding:0}
 #dbcatl,#dbcat,#dbcatr,#dboffer{display:none !important}
 #pr_accessories,.pr_container{display:none !important}
 #despatch #footer .printer,#despatch #footer p:first-child{display:none}

 /*Booking system*/
 #booking h1{font-size:14pt;padding-bottom:1mm}
 #booking h2{font-size:10pt}
 table.booking tr{height:auto;margin:0;padding:0;line-height:6pt}

 table.booking td.product_name{padding-left:4px}
 table.booking td.prdesc{padding-left:8px}
 table.booking tr.prxh td.prxh{padding-left:8px}
 table.booking tr.prx td.prx{padding-left:12px}
 #bookingh tr.prxh td{padding-left:0px}
 #bookingh tr.prxh td.prxh{padding-left:4px}
 #bookingf td{padding-left:4px}
 table.booking td{padding-top:4px;padding-bottom:4px;padding-right:4px}

 #booking #footer,#bookings #footer{display:none}
 table.booking h1{font-size:15pt}
 table.tableplans{width:100%}
 .tableplans td{font-size:10pt}
 h2.tableplans{font-size:24pt;text-align:center}
 table.sqz td,table.sqz th{font-size:9pt;border:none;padding:1px 3px}

 div.sqzmail{max-height:auto;max-width:80%;margin:5px auto;padding:3px;color:blue;background:#FFF;border:1px solid #888}

}