*
{
	font-size: 10px;
	font-family: 'Raleway', arial;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body, html
{
	height: 100%;
	background: #FFFFFF url(../images/bg-light.jpg) repeat left top;
}
	.outerCanvas
	{
		text-align: center;
	}
	.innerCanvas
	{
		text-align: left;
	}

	#headFrame, #menuFrame, #bannerFrame, #bodyFrame, #publicationFrame, #productFrame, #copyrightFrame
	{

	}
		#headFrame
		{

		}
		#menuFrame .innerCanvas
		{
			min-height: 48px;
			text-align: left;
		}
			a.menuItem, a.menuItem:link, a.menuItem:visited, a.menuItem:active, a.menuItemActive, a.menuItemActive:link, a.menuItemActive:visited, a.menuItemActive:active
			{
				display: inline-block;
				zoom: 1;
				*display: inline;
			}
			a.menuItem:hover
			{

			}
			a.menuItemActive, a.menuItemActive:link, a.menuItemActive:visited, a.menuItemActive:active
			{

			}
			a.menuItemActive:hover
			{
				
			}
			img.navLogoSmall
			{
				display: none;
			}
	#bannerFrame
	{

	}
	#bodyFrame
	{

	}
	#publicationFrame
	{

	}
		#publicationFrame .innerCanvas
		{
			text-align: center;
		}
			.publicationList
			{
				display: inline-block;
				zoom: 1;
				*display: inline;
				width: 1000px;
				text-align: left;
			}
				a.publicationItem, a.publicationItem:link, a.publicationItem:active, a.publicationItem:visited
				{
					float: left;
					display: inline-block;
					zoom: 1;
					*display: inline;
					width: 22%;
					margin: 0 5px 20px 5px;
				}
				a.publicationItem:hover
				{

				}
					.publicationItemImagePanel
					{
						
					}
						.publicationItemImagePanel img
						{
							max-width: 100%;
							height: auto;
						}
					.publicationItemContent
					{
						padding: 10px 0;
					}
						.publicationItemTitle
						{
							overflow: hidden;
							height: 75px;
							line-height: 25px;
						}
						.publicationItemSubtitle
						{
							overflow: hidden;
							height: 30px;
							line-height: 18px;
							padding: 5px 0;
						}
						.publicationItemSeparator
						{
							display: inline-block;
							zoom: 1;
							*display: inline;
							width: 100px;
							margin: 5px 0 10px 0;
							border-top: 1px solid #008cff;
						}
						.publicationItemDescription
						{
							overflow: hidden;
							height: 125px;
							line-height: 25px;
						}
						.publicationItemLink
						{
							padding-top: 10px;
							text-align: left;
						}
							.publicationItemLink span
							{
								display: inline-block;
								padding: 10px 50px 10px 20px;
								border: 1px solid #008cff;
								text-align: right;
								background: transparent url(../images/icon-arrow.png) no-repeat right center;
							}
						.publicationItemDate
						{
							margin-top: 10px;
							padding-top: 5px;
							border-top: 1px solid #d0d0d0;
							text-align: left;
						}
			.publicationDetail
			{
				display: inline-block;
				width: 1000px;
				padding-bottom: 20px;
				text-align: left;
			}
				.publicationDetailImagePanel
				{

				}
					.publicationDetailImagePanel img
					{
						max-width: 100%;
						height: auto;
					}
				.publicationDetailCrumb
				{

				}
					a.publicationDetailCrumbItem, a.publicationDetailCrumbItem:link, a.publicationDetailCrumbItem:active, a.publicationDetailCrumbItem:visited
					{
						display: inline-block;
						zoom: 1;
						*display: inline;
						padding: 10px 10px 10px 0;
						cursor: pointer;
					}
					a.publicationDetailCrumbItem:hover
					{
						color: #008cff;
					}
						a.publicationDetailCrumbItem::after
						{
							content: ">>";
							padding-left: 10px;
						}
				.publicationDetailHeader
				{
					margin: 10px 0 20px 0;
					padding: 0 0 0 20px;
					border-left: 1px solid #008cff;
				}
					.publicationDetailTitle
					{
						line-height: 35px;
					}
					.publicationDetailSubtitle
					{
						padding-top: 20px;
						line-height: 25px;
					}
				.publicationDetailDate
				{
					line-height: 25px;
				}
				.publicationDetailContent
				{
					line-height: 35px;
				}
					.publicationDetailContent img
					{
						max-width: 100%;
						height: auto;
					}
				.publicationDetailGallery
				{
					padding: 20px 10px;
				}
					a.publicationDetailGalleryItemLink, a.publicationDetailGalleryItemLink:link, a.publicationDetailGalleryItemLink:visited, a.publicationDetailGalleryItemLink:active
					{
						display: inline-block;
						zoom: 1;
						*display: inline;
						margin: 5px 5px;
						border: 2px solid transparent;

						-webkit-transition: border-color 0.3s; /* Safari */
						transition: border-color 0.3s;
					}
					a.publicationDetailGalleryItemLink:hover
					{
						border-color: #008cff;
					}
				.publicationDetailSharing
				{
					padding: 20px 20px;
					text-align: right;
				}
					a.publicationDetailSharingItemLink, a.publicationDetailSharingItemLink:visited, a.publicationDetailSharingItemLink:link, a.publicationDetailSharingItemLink:active
					{
						cursor pointer;

						-webkit-transition: opacity 0.5s; /* Safari */
						transition: opacity 0.5s;
					}
						img.publicationDetailSharingItemImage
						{
							border: 0;
						}
					a.publicationDetailSharingItemLink:hover
					{
						opacity: 0.8;
						filter: alpha(opacity=80); /* For IE8 and earlier */
					}

	#productFrame
	{

	}
		#productFrame .innerCanvas
		{
			text-align: center;
		}
			.product
			{
				display: inline-block;
				zoom: 1;
				*display: inline;
				width: 1000px;
				text-align: left;
			}
			.productDetailNavigation
			{
				padding-right: 20px;
			}
				a.productDetailNavigationLink, a.productDetailNavigationLink:link, a.productDetailNavigationLink:active, a.productDetailNavigationLink:visited
				{
					display: block;
					margin-bottom: 5px;
					padding-right: 30px;
					text-align: right;
					border-right: 5px solid transparent;

					-webkit-transition: padding-right 0.3s; /* Safari */
					transition: padding-right 0.3s;
				}
				a.productDetailNavigationLink:hover
				{
					padding-right: 10px;
				}
				a.productDetailNavigationLink.active
				{
					border-color: #008cff;
				}
					img.productDetailNavigationLinkImage
					{
						width: 225px;
						height: auto;
						border: 0;
						max-width: 100%;
					}
			.productDetail
			{
				text-align: left;
			}
				.productDetailImagePanel
				{

				}
					.productDetailImagePanel img
					{
						max-width: 100%;
						height: auto;
					}
				.productDetailHeader
				{
					margin: 20px 0 20px 0;
					padding: 0 0 0 20px;
					border-left: 1px solid #008cff;
				}
					.productDetailTitle
					{
						line-height: 35px;
					}
					.productDetailSubtitle
					{
						padding-top: 20px;
						line-height: 22px;
					}
				.productDetailContent
				{
					padding: 0 20px 20px 0;
					line-height: 35px;
				}
					.productDetailContent img
					{
						max-width: 100%;
						height: auto;
					}
				.productDetailGallery
				{
					padding: 20px 10px;
				}
					a.productDetailGalleryItemLink, a.productDetailGalleryItemLink:link, a.productDetailGalleryItemLink:visited, a.productDetailGalleryItemLink:active
					{
						display: inline-block;
						zoom: 1;
						*display: inline;
						margin: 5px 5px;
						border: 2px solid transparent;

						-webkit-transition: border-color 0.3s; /* Safari */
						transition: border-color 0.3s;
					}
					a.productDetailGalleryItemLink:hover
					{
						border-color: #008cff;
					}
				.productDetailSeparator
				{
					display: inline-block;
					zoom: 1;
					*display: inline;
					width: 100px;
					margin: 5px 0 10px 0;
					border-top: 1px solid #008cff;
				}
				.productDetailSpecificationWrapper
				{

				}
					.productDetailSpecification
					{
						display: table;
						border-collapse:collapse;
					}
						.productDetailSpecificationItem
						{
							display: table-row;
						}
							.productDetailSpecificationLabel, .productDetailSpecificationSeparator, .productDetailSpecificationValue
							{
								display: table-cell;
								line-height: 30px;
							}
							.productDetailSpecificationLabel
							{
								width: 50px;
							}
							.productDetailSpecificationSeparator
							{
								width: 20px;
								text-align: center;
							}
							.productDetailSpecificationValue
							{

							}
				.productDetailShop
				{
					padding: 20px 20px 20px 0;
				}
					a.productDetailShopLink, a.productDetailShopLink:link, a.productDetailShopLink:visited, a.productDetailShopLink:active
					{
						display: inline-block;
						zoom: 1;
						*display: inline;
						padding: 10px 120px 10px 80px;
						border: 1px solid #008cff;
						background: #008cff url(../images/icon-tokopedia.png) no-repeat right center;
					}
					a.productDetailShopLink:hover
					{
	
					}
				.productDetailSharing
				{
					padding: 20px 20px;
					text-align: right;
				}
					a.productDetailSharingItemLink, a.productDetailSharingItemLink:visited, a.productDetailSharingItemLink:link, a.productDetailSharingItemLink:active
					{
						cursor pointer;

						-webkit-transition: opacity 0.5s; /* Safari */
						transition: opacity 0.5s;
					}
						img.productDetailSharingItemImage
						{
							border: 0;
						}
					a.productDetailSharingItemLink:hover
					{
						opacity: 0.8;
						filter: alpha(opacity=80); /* For IE8 and earlier */
					}
	#copyrightFrame
	{
		padding: 20px 0;
		background-color: #008cff;
	}
		#copyrightFrame .innerCanvas
		{
			text-align: center;
		}
			#copyrightFrame .innerCanvas span
			{
				display: inline-block;
				zoom: 1;
				*display: inline;
				width: 960px;
				padding: 0 20px;
				text-align: right;
			}

	.holyGrail_post
	{
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;

		height: 100%;
		padding-left: 450px;
		background-repeat: no-repeat;
		background-position: right center;
		background-size: cover;
	}
		.holyGrail_post > .holyGrail_left, .holyGrail_post > .holyGrail_center
		{
			position: relative;
			float: left;
			display: inline-block;
			zoom: 1;
			*display: inline;
		}
		.holyGrail_post > .holyGrail_left
		{
			right: 450px;
			width: 350px;
			padding-left: 100px;
			margin-right: -450px;
		}
		.holyGrail_post > .holyGrail_center
		{
			width: 100%;
		}

	.holyGrail_postAlternate
	{
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;

		height: 100%;
		padding-right: 450px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
	}
		.holyGrail_postAlternate > .holyGrail_right, .holyGrail_postAlternate > .holyGrail_center
		{
			position: relative;
			float: left;
			display: inline-block;
			zoom: 1;
			*display: inline;
		}
		.holyGrail_postAlternate > .holyGrail_right
		{
			width: 350px;
			padding-right: 100px;
			margin-right: -450px;
		}
		.holyGrail_postAlternate > .holyGrail_center
		{
			width: 100%;
		}

	.holyGrail_product
	{
		padding-left: 280px;
	}
		.holyGrail_product > .holyGrail_left, .holyGrail_product > .holyGrail_center
		{
			position: relative;
			float: left;
			display: inline-block;
			zoom: 1;
			*display: inline;
		}
		.holyGrail_product > .holyGrail_left
		{
			width: 280px;
			right: 280px;
			margin-right: -100%;
		}
		.holyGrail_product > .holyGrail_center
		{
			width: 100%;
		}
	.postImage
	{
		display: none;
	}
		.postImage img
		{
			max-width: 100%;
		}
	a.postInfo, a.postInfo:link, a.postInfo:visited, a.postInfo:active
	{
		overflow: hidden;
		display: block;
		height: 100%;
		max-height: 100%;
		padding: 0 20px 20px 20px;
		background-color:rgba(255, 255, 255, 0.85);
		cursor: pointer;

		-webkit-transition: background-color 0.5s; /* Safari */
		transition: background-color 0.5s;
	}
	a.postInfo:hover
	{
		background-color:rgba(0, 0, 0, 0.85);
	}
		.postInfoHeader
		{
			margin: 40px 0 20px 0;
			padding: 0 0 0 20px;
			border-left: 1px solid #008cff;
		}
			.postInfoTitle
			{
				line-height: 35px;
			}
			.postInfoSubtitle
			{
				padding-top: 20px;
				line-height: 20px;
			}
		.postInfoContent
		{
			padding-top: 20px;
			line-height: 35px;
		}
		a.postInfo:hover .postInfoContent span
		{
			color: #ffffff;
		}
		.postInfoLink
		{
			padding-top: 20px;
			text-align: right;
		}
			.postInfoLink span
			{
				display: inline-block;
				padding: 10px 50px 10px 20px;
				border: 1px solid #008cff;
				text-align: right;
				background: transparent url(../images/icon-arrow.png) no-repeat right center;
			}
	.productShowcase
	{
		position: relative;
		padding: 30px 30px 0 50px;
	}
		.shopLinkPanel
		{
			position: absolute;
			left: 0;
			top: 20px;
			z-index: 1000;
			width: 100%;
			text-align: center;
		}
			a.shopLink, a.shopLink:link, a.shopLink:visited, a.shopLink:active
			{
				display: inline-block;
				zoom: 1;
				*display: inline;
				padding: 10px 120px 10px 80px;
				border: 1px solid #008cff;
				background: #008cff url(../images/icon-tokopedia.png) no-repeat right center;
			}
			a.shopLink:hover
			{
	
			}
		a.productItem, a.productItem:link, a.productItem:active, a.productItem:visited
		{
			overflow: hidden;
			position: relative;
			float: left;
			display: inline-block;
			zoom: 1;
			*display: inline;
			width: 15%;
			height: 556px;
			padding: 0 5px;
			cursor: pointer;

			background-repeat: no-repeat;
			background-position: left top;
		}
			.productItemContent
			{
				position: absolute;
				top: 465px;
				background-color: rgba(255, 255, 255, 0.9);

				-webkit-transition: top 0.5s; /* Safari */
				transition: top 0.5s;
			}
				.productItemTitle
				{
					padding: 10px 0;
					line-height: 30px;
				}
				.productItemTitleOneline
				{
					display: none;
					padding: 40px 0 10px 0;
					line-height: 35px;
				}
				.productItemSeparator
				{
					width: 70px;
					height: 1px;
					border-top: 1px solid #008cff;
				}
				.productItemDescription
				{
					padding-top: 10px;
					line-height: 30px;
					height: 180px;
				}
				.productItemLink
				{
					padding: 10px 0 0 0;
				}
					.productItemLink span
					{
						display: inline-block;
						padding: 10px 50px 10px 20px;
						line-height: 20px;
						border: 1px solid #008cff;
						text-align: right;
						background: transparent url(../images/icon-arrow.png) no-repeat right center;
					}
		a.productItem:hover .productItemContent
		{
			top: 222px;
		}




	/*	feature specific CSS	*/

	#contactNotification
	{
		margin: 20px 0 10px 0;
		padding: 5px 5px 5px 5px;
		border: 1px solid red;
		text-align: center;
	}
	table#contactTable
	{
		border-spacing: 0;
		border-collapse: collapse;
		line-height: 18px;
	}
		table#contactTable td
		{
			vertical-align: middle;
			padding: 2px 0 5px 0;
		}
		table#contactTable td.label
		{
			width: 100px;
			text-align: right;
			padding-right: 10px;
		}
		table#contactTable td.value
		{
			width: 100%;
			padding-right: 30px;
			background-repeat: no-repeat;
			background-position: right 5px;
		}
			table#contactTable td.value input.input
			{
				height: 20px;
			}
			table#contactTable td.value input.input, table#contactTable td.value textarea.textarea
			{
				width: 100%;
				min-width: 100px;
			}
			table#contactTable td.value input.submit
			{
				width: 100px;
				cursor: pointer;
			}

	a.displayContentListLink, a.displayContentListLink:link, a.displayContentListLink:visited, a.displayContentListLink:active
	{
		display: block;
		padding: 4px 0 4px 32px;
		line-height: 20px;
		border-bottom: 1px solid #DADADA;
		background: transparent url(../images/displayContentList-bg.png) no-repeat 18px top;
	}
	a.displayContentListLink:hover
	{
		color: #009CFF;
	}

	.listCategoryPanel
	{
		margin: 0 0 0 20px;
	}
		.listCategoryFrameTop
		{
		}
		.listCategoryFrameBottom
		{
		}
		.listCategoryContent
		{
		}
			a.listCategoryItem, a.listCategoryItem:link, a.listCategoryItem:active, a.listCategoryItem:visited
			{
				line-height: 23px;
				border-bottom: 1px solid #A0A0A0;
			}
			a.listCategoryItem:hover
			{
			}

	a.displayContentLink, a.displayContentLink:link, a.displayContentLink:visited, a.displayContentLink:active
	{
		cursor: pointer;
		text-decoration: none;
	}
	a.displayContentLink:hover
	{

	}
	a.displayContentAnchor
	{
		text-decoration: none;
	}
	.displayContentItem
	{
		margin: 10px 0;
		text-align: left;
	}
		.displayContentHeaderPanel
		{
		}
			.displayContentHeaderWrapper
			{
			}
				.displayContentHeader
				{
				}
		.displayContentBodyPanel
		{
		}
			.displayContentBodyWrapper
			{
			}
				.displayContentBody
				{
					line-height: 20px;
					padding-bottom: 10px;
				}
					.inlineImagePanel
					{
						display: inline-block;
						zoom: 1;
						*display: inline;
						margin: 0 15px;
					}
					.dedicatedImagePanel
					{
						text-align: center;
					}
					.leftImagePanel
					{
						float: left;
						display: inline-block;
						zoom: 1;
						*display: inline;
						margin: 0 20px 10px 0;
					}
					.rightImagePanel
					{
						float: right;
						display: inline-block;
						zoom: 1;
						*display: inline;
						margin: 0 0 10px 20px;
					}
		.displayContentFooterPanel
		{
		}
			.displayContentFooterWrapper
			{
			}
				.displayContentFooter
				{
				}
					a.toggleShow, a.toggleShow:link, a.toggleShow:visited, a.toggleShow:active, a.toggleHidden, a.toggleHidden:link, a.toggleHidden:visited, a.toggleHidden:active
					{
						cursor: pointer;
					}
					a.toggleShow, a.toggleShow:link, a.toggleShow:visited, a.toggleShow:active
					{
					}
					a.toggleShow:hover
					{
					}
					a.toggleHidden, a.toggleHidden:link, a.toggleHidden:visited, a.toggleHidden:active
					{
					}
					a.toggleHidden:hover
					{
					}
	.paginationPanel
	{
		margin: 0 20px;
		text-align: right;
	}
		a.paginationItemLink, a.paginationItemLink:link, a.paginationItemLink:active, a.paginationItemLink:visited
		{
			display: inline-block;
			zoom: 1;
			*display: inline;
			margin: 0 3px;
			padding: 0 3px;
			vertical-align: bottom;
			line-height: 20px;
		}
		a.paginationItemLink:hover
		{

		}
		#paginationCurrentPage
		{
			color: #009CFF;
			font-weight: bold;
		}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}