/* @option theme miscellaneous*/

a.trigger,a.trigger:hover,a.active.trigger {background-image: none;padding-right: 60px;padding-left: 0px;}

.closebutton {display: block;}

#myExtraContent3 {
	z-index: 1;
	position: absolute;
	line-height: 1.3;
	letter-spacing: 0px;
	overflow: hidden;
	margin: 0;
	text-align: center;
	width: 102px;
	padding: 10px;
	top: 0;
	height: 193px;
	display: block;}

@media screen and (max-width:768px) {
#pageHeader h1 {margin-left: 125px;}
#footer,#pageHeader h2 {margin-left: 127px;}
#myExtraContent3 {line-height: 1.1;width: 82px;padding: 10px;top: 0;height: 193px;display: block;}
a.trigger,a.trigger:hover,a.active.trigger{background-image: none;padding-right: 52px;padding-left: 0px;}}

@media screen and (max-width:600px) {
#pageHeader h1 {margin-left: 15px;}
#pageHeader h2 {font-size: 14px !important;margin-left: 17px;letter-spacing: 0;}
#footer {margin-left: 15px;letter-spacing: 0;}
#myExtraContent1,#myExtraContent2 {margin-left: 5px;}
a.trigger,a.trigger:hover{
width: 100% !important;height:55px !important;margin-top: 0px;padding-left: 0;padding-right: 0;margin-left: 0;padding: 0;background: url(../../images/arrow1.png) no-repeat center;}
a.active.trigger {
width: 100% !important;height:55px !important;margin-top: 0px;padding-left: 0;padding-right: 0;margin-left: 0;padding: 0;background: url(../../images/arrow2.png) no-repeat center;}}

@media screen and (max-width:480px) {
a.trigger,a.trigger:hover {width: 100% !important;height:55px !important;margin-top: 0px;padding-left: 0;padding-right: 0;margin-left: 0;padding: 0;}
#pageHeader h1, #pageHeader h2, #footer, #footer p {text-align: center !important;}
}