body {margin:0px; padding:0px; background-color:#000; background-image:url(../img/furniture/qytbackground.jpg); background-position:top center; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; color:#fff;}

#from {display:none;}



/* tabs */
#mitab {position:absolute; z-index:1000; top:18px; margin-left:45%;}
.mtab {float:left; font-size:11px; margin-right:1px;}
.buttontab { padding: 5px 10px; text-decoration: none; vertical-align: middle;   background-image:url(/img/furniture/tabback.png); background-repeat:repeat;}
.buttontab:hover, .buttontabon:hover {
   
   background: #CA47AF;
   color: #fff;
   }
.buttontab:active {
   
   background: #CA47AF;
   }

.buttontabon {color:#fff;padding: 5px 10px; text-decoration: none; vertical-align: middle;  background: #CA47AF;}





/*.container {max-width:1070px; background-color:#fff; padding:25px; margin-left:auto; margin-right:auto;} */
.container { background-image:url(../images/blacktrans.png); background-repeat:repeat;  padding:25px; margin-left:auto; margin-right:auto; max-width:1070px;}

.formfield {padding-left:8px;}

input {padding:10px;}
checkbox {padding:5px;}

.formfield5 {
	margin-left:200px;
	}
	
label {
	width:110px;
	float:left;
	}
	
.dataEntry {
	margin-left:120px;
	}
	
.calendardropdown {
	font-size:60%;
	width:110px;
	}


.hiddentop {height:15px;}
#header{margin-bottom:5px; overflow:auto;}
#logo {float:left;  margin-right:25px; width:300px;}
#logo img {}

ul.toplhs {display:inline; list-style-type: none;}


#navigation {background-color:#000; }

#globalnav {float:left; text-align:right; width:433px; margin-top:15px;}
#rsc {float:right;}

.authorcredit {color:#F9841B; font-weight:bold;}
#whatsonplace {margin-top:40px;}

h1, a.h1 {font-size:36px; letter-spacing:-1px; line-height: 28px; margin-bottom: 5px; color:#FA841A;}
h1.platform {color:#BAB9B4; margin-top:10px;}

a img :hover { opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
filter: dropshadow(color=#000000, offx=2, offy=2);}

h2,a.h2 {font-size:20px; line-height: 20px; margin-bottom: 5px; }
h2.event {margin-bottom:20px;}

h2.whatson {margin-bottom:0px; line-height:20px; color:#CA47AF;}
h2.whatson , h2.whatson:link, h2.whatson:visited, h2.whatson:active , h2.whatson a, h2.whatson a:link, h2.whatson a:visited, h2.whatson a:hover, h2.whatson a:active { color:#CA47AF; }
h2.whatson:hover {color:#000;};




.logline {font-weight:bold; margin-top:10px;}
.homeimagecredit {float:right; font-size:10px; margin-top:-20px; color:#fff; position:relative; margin-right:10px;}

h3 {font-size:13px; line-height: 16px; margin-bottom: 5px; color: #F9841B; }
h3.event {margin:0px; padding:0px;}

h4 {font-size:16px; color:#666666; letter-spacing:-1px; margin:0px; padding:0px;margin-top:5px; margin-bottom:5px;}

a {color:#fff;}
a:hover {color: #F9841B;}



.platformevent {overflow:auto; border-top:1px solid #ECECEC; padding:0px; margin-bottom:20px; padding-top:10px;}
.platformtitle {float:left; width:180px; font-weight:bold; font-size:15px; color:#F9841B;}
.platformdate {float:right; width:60px; text-align:right;}
.platformevent a:hover {background-color:#CC3333;}


#topnav {margin-bottom:25px; height:30px;  padding-bottom:10px; background-color:#F3F3F3;}
#tertiarynav {background-color:#000000;}
#activitiesdesktop {margin-top:25px;}
#footer {background-color:#E2E2E2; padding:10px; margin-top:25px;}
#footer a {color:#000; text-decoration:none; font-weight:bold;}
#subfooter {overflow:auto; margin-top:25px;}
#subfooterleft {float:left; width:60%; font-size:12px; color:#fff; line-height:20px;}
#subfooteright {float:right; width:40%; text-align:right;}
span#rscmobile {display:none;}

.eventtop {border-top:1px solid #E3E1DD; margin-bottom:20px;}
.standard-tabs ul.tabs li.active a {color:#CA47AF; font-size:15px; font-weight:bold;}


ul.slimmenu li a {background-color:#000; color:#fff;}

ul.slimmenu li a:hover {background-color:#000; color:#fff;}
ul.slimmenu li ul li a {background-color:#666;}
ul.slimmenu li ul li a {font-size:12px; padding: 12px 5px 12px 8px; display:block; }
ul.slimmenu li ul li {width:100%;}
ul.slimmenu li ul {background-color:#009999;}



/* booking links on booking page */

.booktop {text-align:right;}
.booker {padding-bottom:40px;}

.Xbooker {overflow:auto; background-color:#E9E9E9; clear:both; margin-bottom:2px; padding:4px;}
.Xcircle {background-image:url(../img/furniture/circle.png); background-repeat:no-repeat; width:56px; height:56px; float:left; text-align:center; padding-top:2px;}
.Xday {font-size:11px; text-transform:uppercase; color:#666666;}
.Xdate {font-size:22px; color:#010101;}
.Xmonth {color:#010101; font-size:11px; text-transform:uppercase;}
.Xtime {float:left; width:100px; font-size:20px; padding-left:10px; padding-top:18px;}
.Xbuy {float:right; width:160px; margin-right:0px; padding-top:4px;}

.Xbooker:hover {background-color:#CCCCCC;}




/*whats on */

.whatsonbooknow {background-image:url(../img/furniture/booknow_orange.gif); background-position:left; background-repeat:no-repeat; padding-left: 40px; background-color:#F9841B; display:block; height:100%; line-height:29px; font-size:13px; font-weight:bold; color:#fff;   }

.whatsonbooknow:hover {background-image:url(../img/furniture/booknow_orange_on.gif); color:#000; background-color:#fff;}

.whatsoninfo {background-image:url(../img/furniture/info.gif); background-position:left; background-repeat:no-repeat; padding-left: 35px; background-color:#999999; display:block; height:100%; line-height:30px; color:#fff; font-size:13px; font-weight:bold;  }
.whatsoninfo:hover {background-image:url(../img/furniture/info_on.gif); color:#000; background-color:#fff;}
.inmiddle { vertical-align:middle; display:inline-block; height:100%;}

.mycal {background-color:#fff; padding:50px 40px 75px 45px;}

.cal td {}
.cal td.now a {font-size:16px; color:#fff; font-weight:bold;}
.cal td a {font-size:16px; color:#666; font-weight:bold; display:block; height:100%; padding:15px;}
.cal td a:hover {background-color:#000; color:#fff;}
.cal td {font-size:16px; color:#ccc;}
.cal td.now {background-color:#CA47AF;}
td.y {font-size:26px; color:#666; font-weight:bold;}
.pad {padding:15px;}

.rhscontent {}
.rhsitem {margin-top:25px;}


.h1white {font-size:31px; color:#fff; font-weight:bold;}
.h1pink {font-size:31px; color:#CA47AF; font-weight:bold;}
.pinkbackground {background-color: #ca47af; padding: 20px; color:#fff; height:190px;}
.greybackground {background-color: #E2E2E2; padding: 20px; color:#333;}

.pinkbackground a {color:#fff; font-weight:bold;}

.photocredit {margin-top:10px; font-size:11px;}


.infotitle2 {font-size:33px; color:#CA47AF; font-weight:bold;  padding:15px 0px 15px 0px;}
.allcontent {font-size:14px; color:#fff; margin-top:20px; margin-left:8px; line-height:20px;}

#secondnav {border-bottom:1px solid #fff; margin-left:8px; padding-bottom:20px;}
ul.submenu {background-color:#000; display:inline;list-style-type: none; padding:0px; margin:0px; }
ul.submenu li a {font-size:16px; color:#DF00DF; padding:0px 10px 0px 8px;}
ul.submenu li a:hover {text-decoration:underline;}
ul.submenu li {border-right:1px solid #999; list-style:none; display:inline;}
ul.submenu li.title {margin-left:-8px; list-style:none;}
ul.submenu li.title a {color:#DF00DF; list-style:none;}
ul.submenu li.title a:hover {text-decoration:underline;}

.qytbox1 {background-color:#CA47AF; padding:20px; color:#fff;float:left; margin-right:10px;}
.qytbox2 {background-color:#fff; padding:20px; color:#000;float:left;}

#tertiarynav a {margin-right:35px;}
.boxofficetext {background-color:#eee; padding:30px; font-size:16px; color:#333;}
.th {color:#000;}

.allcontent a {color:#CA47AF; font-weight:bold;}

a.homebooknow {background-color:#FB9E4A; line-height:35px; display:block;}
a.homebooknow:hover {background-color:#000; color:#fff;}
a.det  {background-color:#E3E1DD; line-height:35px; display:block; padding-left:20px; color:#666; font-weight:bold;}
a.det:hover {background-color:#000; color:#fff;}


#mobilemenu {display:none;}

.loggerline {height:60px;}

.ribbon-inner {font-size:10px;}

#activitiesmobile {display:none;}



@media  (max-width: 1060px) {
ul.slimmenu li ul li a {font-size:12px; padding: 12px 4px 12px 5px; display:block; }
ul.slimmenu li a.menu {font-size:13px; }
#globalnav img {height:28px;}
#logo img {height:50px;}
#globalnav {width:350px;}
.whatsonbooknow {background-image:none;  padding-left: 5px; background-color:#F9841B; display:block; height:100%; line-height:29px; font-size:13px; font-weight:bold; color:#fff;   }

.whatsonbooknow:hover {background-image:none; color:#000; background-color:#fff;}


.whatsoninfo {background-image:none; padding-left:5px; background-color:#999999; display:block; height:100%; line-height:30px; color:#fff; font-size:13px; font-weight:bold;  }
.whatsoninfo:hover {background-image:none; color:#000; background-color:#fff;}

}

@media  (max-width: 930px) {
ul.slimmenu li a.menu {font-size:12px; }
#rsc img {width:50px;}
#logo img {height:45px;}

.mycal {background-color:#fff; padding:5px;}
.pad {padding:5px;}


.cal td.now a {font-size:14px; }
.cal td a {font-size:14px;  padding:5px;}
.cal td a:hover {background-color:#000; color:#fff;}
.cal td {font-size:14px; color:#ccc;}
.cal {width:100%; text-align:center;}

.whatsonbooknow {font-size:11px;}
.whatsoninfo {font-size:11px;}
}

@media  (max-width: 880px) {

input {width:120px;}
ul.slimmenu li a.menu {padding-right:40px; }
#globalnav img {height:24px;}
#globalnav {width:320px;}
.menu-collapser {background-color:#ccc; color:#333;}

#rsc {display:none;}
span#rscmobile {display:inline;}


}



@media  (max-width: 768px) {
/* tabs */
#mitab {margin-left:20%;}

#logo {display:block; width:100%; text-align:center;}
#logo img {height:auto;}

#globalnav {display:block; width:100%; text-align:center; margin-top:5px;}
#globalnav img {}


#topnav {}
body {background-image:none; margin:0px;}

.imager {margin-bottom:10px;}
.infotitle2 {font-size:16px;}

#subfooterleft {float:none; width:100%; font-size:12px; color:#fff; line-height:20px;}
#subfooteright {float:none; width:100%;}

#leftmenu {display:none;}
#mobilemenu {display:block; width:100%;}
ul.submenu {margin:0px; padding:0px; width:100%;}
ul.submenu li a {font-size:11px; margin:0px; padding-left:10px;}
#secmenu {margin-bottom:10px; font-weight:bold;}

h1 {font-size:18px;}
a.det  {text-align:center; padding-left:0px;}
.pinkbackground { height:auto;}
.logline {display:block;}

.mobilehide {display:none;}
.mycal {background-color:#fff; padding:5px;}
.pad {padding:5px;}


.cal td.now a {font-size:14px; }
.cal td a {font-size:14px;  padding:5px;}
.cal td a:hover {background-color:#000; color:#fff;}
.cal td {font-size:14px; color:#ccc;}
.cal {width:100%; text-align:center;}

#subfooteright {margin-top:20px;}
.booktop {text-align:left;}
.booktop h1 {margin-bottom:0px;}

.allcontent img {display:block; width:100%;}

#activitiesdesktop {display:none;}
#activitiesmobile {display:block; margin-top:25px; width:100%; background-color:#eee; padding:10px;}
.act {width:100%;}
.act a {border-bottom:1px solid #ccc; width:100%; display:block;	 line-height:20px;}

.qytbox1 {margin-right:0px;}
}




@media  (max-width: 480px) {

/* tabs */
#mitab {margin-left:20px;}
.mtab {font-size:9px;}
}



