@font-face { 
	font-family: 'HandOfSean'; 
	src: url('fonts/hand_of_sean.eot'); 
	src: url('fonts/hand_of_sean.eot#iefix') format('embedded-opentype'), 
		url('fonts/hand_of_sean.svg') format('svg'), 
		url('fonts/hand_of_sean.woff') format('woff'), 
		url('fonts/hand_of_sean.ttf') format('truetype'); 
}

@font-face { 
	font-family: 'GillSans'; 
	src: url('fonts/gillsansmtpro.eot'); 
	src: url('fonts/gillsansmtpro.eot#iefix') format('embedded-opentype'), 
		url('fonts/gillsansmtpro.svg') format('svg'), 
		url('fonts/gillsansmtpro.woff') format('woff'), 
		url('fonts/gillsansmtpro.ttf') format('truetype'); 
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../../../s/materialicons/v21/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format('woff');
}

/** tag bar */
.tagbar { 
	position: fixed !important;
	z-index: 999999999 !important;
	overflow: hidden;
	-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
	behavior: url(https://webstergy.com.sg/fms/public/PIE/PIE.htc);
	border-top: solid 2px #fff7e5;
	border-left: solid 2px #fff7e5;
	border-bottom: solid 2px #fff7e5;
	top: 50% !important;
}
.tagbar .tagnametitle{
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    position: relative;
    top: 50%;
    margin-top: -10px;
    text-align: center;
    left: -68px;
    text-shadow: -1px 2px 1px #333;
	white-space: nowrap;
}
.tagbar-horizontal { 
	border-right: solid 2px #fff7e5;
	border-bottom: none;
	top: initial !important;
	top: auto !important;
}
.tagbar-horizontal .tagnametitle{ 
	-ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
	left: initial;
	left: auto;
	right: initial;
	right: auto;
	line-height: 1;
}

/** sliding button */
.sidecontentpullout { 
    position: fixed !important; 
    z-index: 999999999 !important;     
}
.sidecontentpullout_hoz { 
    background: url(images/limited-time-offer.png) left center; 
    background-repeat: no-repeat;
    background-position: left;
    height: 180px !important; 
    top: 50% !important; 
    margin-top: -90px;
    border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-top: solid 2px #fff7e5;
    border-left: solid 2px #fff7e5;
    border-bottom: solid 2px #fff7e5;
    background-color: #afafaf;
    overflow: hidden; 
    -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    behavior: url(https://webstergy.com.sg/fms/public/PIE/PIE.htc); 
}
#sidecontent_1_pullout.sidecontentpullout_hoz { border: none; }

.sidecontentpullout_hoz .tagnametitle{
    width: 180px;
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    position: relative;
    top: 50%;
    margin-top: -10px;
    text-align: center;
    left: -68px;
    text-shadow: -1px 2px 1px #333;
    color: #ffedbe;
    font-size: 14px;
	line-height: 1; 
}
#sidecontent_1_pullout .tagnametitle, .imageonly .sidecontentpullout_hoz .tagnametitle { 
	left: -71px;
}

.fullbar { 
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}

.sidecontentpullout_ver { 
    background: url(images/limited-time-offer-h.png); 
    width: 171px !important; 
    height: 37px !important; 
    bottom: 0px;
}

/** slide */
.sidecontent { 
    background-color: #fff; 
    position: fixed !important; 
    z-index: 999999999 !important; 
    opacity: 1 !important; 
    -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.sidecontent_hoz { 
    top: 50% !important; 
    margin-top: -121px; 
    height: auto !important; 
}
.sidecontent_ver { 
    bottom: 0px;
    width: auto !important;
}

.sidecontent .fms-side { 
    padding: 12px; 
    /* border: 1px solid #9c9c9c; */
    border: 1px solid #fcefa1;
    font-family: Verdana,Arial,sans-serif; 
    color: #000; 
    font-size: 10pt;
    filter: none !important;
	box-sizing: initial;
	box-sizing: content-box;
}

.sidecontent .fms-side img { 
    width: 100%; 
    margin-bottom: 5px; 
}

.sidecontent .title { 
    padding: 0px; 
    margin-bottom: .4em;
    margin-right: 22px;
    font-size:11pt;
    font-weight: bold;
    text-align: left;
    display:block;
}

.sidecontent a { 
    text-decoration: none; 
    display:block; 
    color: #000000;
	  font-family: inherit;
}
.ui-pnotify-text a { text-decoration: underline; display: initial; line-height: 1.5; }

.sidecontent a:hover { text-decoration: underline; }

.sidecontent h1, .sidecontent h2, .sidecontent h3, .sidecontent h4, .sidecontent h5 { 
    margin: 0px 
}

.notify-icon{
	position: fixed;
	z-index: 999999999;
	bottom: 0px;
	right: 250px;
	background-color: #cccccc;
	padding: 5px 8px;
	cursor: pointer;
	-moz-box-shadow: 1px 1px 7px #676767;
	-webkit-box-shadow: 1px 1px 7px #676767;
	box-shadow: 1px 1px 7px #676767;
}
.notify-icon img { display:block; width: 17px; height:11px; }

.notify-icon-left{
	left: 250px;
	right: auto;
}
.sidecontent .ui-icon-close {
}
.sidecontent .ui-closer{
	visibility: visible !important;
	float: right;
	margin-right: -5px;
	margin-top: -5px;
	margin-left: .2em;
	width: 24px;
	height: 24px;
}
.fms-side p {
	margin: 0px;
	padding: 0px;
	white-space: pre-wrap;
	line-height: normal;
}

.dd-container { display:inline; display:inline-block; top:6px; margin-right:5px;}
.dd-container, .dd-options { width: 125px !important; }
.dd-select { background-color:#fff !important; width: 125px !important;}
.dd-selected { padding:2px; }
.dd-selected-text { line-height: initial; }
.dd-option { padding:2px; }
.dd-option-image, .dd-selected-image { float: none; }

.fms-side2.imageonly, .fms-side.imageonly { position: relative; padding: 0px; border: none; width: 100% !important; }
.fms-side2.imageonly .ui-pnotify-text a, .fms-side.imageonly .ui-pnotify-text a { display: block; }
.fms-side2.imageonly .ui-pnotify-text a img, .fms-side.imageonly .ui-pnotify-text a img { display: block; width: 100%; margin-bottom: 0px; }
.fms-side2.imageonly .ui-closer, .fms-side.imageonly .ui-closer { position: absolute; z-index: 1; right: 0px; top: 0px; background-repeat: no-repeat; margin: 0px; color: #fff; }

#fmsrender.imageonly .sidecontentpullout { background-image: none !important; border-radius: 0px; border: none; }

/* fallback */
.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
  ms-font-feature-settings:'liga';
}

#fmsrender .overlay, .fms.overlay { display: none; background-image: url(images/overlay-bg.png); background-repeat: repeat; position: fixed; z-index: 999999998; width: 100%; height: 100%; top: 0px; left: 0px; }