@font-face {
	font-family: MyWebFont;
	src: url('../../fonts/Cairo-Regular.ttf');
}

@font-face {
	font-family: MyWebFont1;
	src: url('../../fonts/Cairo-Bold.ttf');
}

@font-face {
	font-family: MyWebFont2;
	src: url('../../fonts/Cairo-Light.ttf');
}

@font-face {
	font-family: MyWebFont3;
	src: url('../../fonts/Cairo-SemiBold.ttf');
}

A:link {
	text-decoration: none;
}

A:visited {
	text-decoration: none;
}

A:active {
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

.MenuItemsDiv {padding:7px 5px 2px 5px;display:inline-block;}
.MenuItemsDiv a {padding:2px 5px;display:inline-block;} 

.MainContentDiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.47;
	text-align: left
}

.TextBoxes {
	border: 1px solid #95A9AF
}

.DropDownListBoxes {
	border: 1px solid #95A9AF
}

.FieldLabelsDiv {
	margin-left: 5px;
	font-family: Verdana;
	color: #424B5D;
	font-size: 10pt;
	white-space: nowrap
}

.Clear {
	clear: both;
	height: 0px
}

.CommentsHeaderTitle {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 15px;
	font-size: 14pt;
	font-weight: bold;
	color: #555555
}

.MaterialDetailsTitle {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 190%;
	font-weight: bold;
	color: #8F0100;
}

.MaterialDetailsContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 30px;
}

.MaterialListingTitle
{
	margin: 0 5px 0 10px;
}

.MaterialListingContent
{
	font-size: 10pt;
	margin: 0 5px 0 10px;
}

.SideBarThinEntry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #65613E;
	line-height: 1.37;
	text-align: left;
	padding: 4px 0 4px 5px;
	border-bottom: 1px solid #E9EEFF;
}

.SideBarThinEntryLink {
	text-decoration: none;
	color: #666666;
}


.SideBarMediumEntry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #898EB6;
	font-weight: bold;
	line-height: 1.47;
	text-align: left;
	padding: 4px 0 4px 5px;
	border-bottom: 1px solid #E9EEFF;
}

.SideBarBigEntry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #898EB6;
	font-weight: bold;
	line-height: 1.47;
	text-align: left;
	padding: 4px 0 4px 5px;
	border-bottom: 1px solid #E9EEFF;
}

.RegistrationFormTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #AAAAAA;
	font-weight: bold;
	margin: 30px 0 40px 10px
}

.Central {
	margin: 0 auto;
	padding: 0;
	width: 1170px;
}

.LogoBlock {
	background: url("images/logo_bg.jpg") repeat-x;
	height: 81px;
}

.Logo {
	float: left;
	margin-left: 15px;
}

.SearchForm {
	float: right;
	margin: 0 30px 0 0;
	width: 278px;
	
	height: 81px;
	background: url('images/search_block_bg.jpg') no-repeat; 
}

.SearchField {
	width: 160px;
	margin: 24px 0 0 10px;
	padding: 0 5px 0 5px;
	height: 21px;
	border: 1px solid #bababa;
	background-image: url('images/textbox_bg.jpg');
	-moz-border-radius: 3px;
}

.SearchLabel {
	color: #6d6d6d;
	font-size: 10pt;
	font-weight: bold;
	margin-left: 10px;
}

.UpperMenuBlock {
	background: url("images/upper_menu_bg.jpg") repeat-x;
	height: 34px;
}

.UpperMenu {
	float: right;
	margin-right: 20px;
	padding-top: 5px;
}

.MiddleHeaderBlock {
	background: url("images/outer_middle_header_bg.png") repeat-x;
	height: 265px;
}

.MiddleHeader {
	background: url("images/inner_middle_header_bg.jpg") no-repeat;
	height: 265px;
}

.AdvancedMenuBlock {
	background: url("images/outer_advanced_menu_bg.jpg") repeat-x;
	height: 150px;
	text-align: center;
}

.AdvancedMenuContainer {
	height: 150px;
	width: 1027px;
	margin: 0 auto;
}

.AdvancedMenuLeftShadow {
	background: url("images/advanced_menu_left_shadow.jpg") no-repeat;
	height: 118px;
	width: 16px;
	float: left;
}

.AdvancedMenuRightShadow {
	background: url("images/advanced_menu_right_shadow.jpg") no-repeat;
	height: 150px;
	width: 16px;
	float: left;
}

.HeartBlock {
	background: url("images/outer_heart_bg.jpg") repeat-x;
	min-height: 560px;
	text-align: center;
}

.HeartContainer {
	min-height: 560px;
	width: 1170px;
	margin: 0 auto;
}

.Heart {
	padding: 10px 20px 20px 20px;
	background: #FFFFFF;
	width: 1140px;
	float: left;
	min-height: 560px;
}


.OuterUpperFooterBlock {
	background: #777777;
	height: 270px;
	color: #FFFFFF;
}

.OuterUpperFooterContainer {
	padding: 40px 0 10px;
}

.OuterLowerFooterBlock {
	background: #666666;
	height: 30px;
	color: #CCCCCC;
	padding: 15px 0 10px
}

.FooterEmailLink {
	background: url("images/email.jpg") no-repeat;
	padding: 0 0 0 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.FooterTwitterLink {
	background: url("images/twitter.jpg") no-repeat;
	padding: 0 0 0 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.FooterFacebookLink {
	background: url("images/facebook.jpg") no-repeat;
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.RSSLink {
	background: url("images/rss.gif") no-repeat;
	padding: 0 0 0 33px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.FooterFavorite {
	background: url("images/favorite.jpg") no-repeat;
	padding: 5px 0 0 33px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.FooterBlock {
	width: 25%;
	float: left;
}

.header-social-icon {
	display: inline-block;
	margin-top: .3rem;
	font-size: 1.4rem;
	margin-right: 0.7rem;
}

.menubar {
	padding: .2rem 0 .7rem 0;
}

/**************** MultiLevelMenu *************************/
.MultiLevelMenu {
	list-style-type: none;
	border-radius: 2px;
	color: #99d7FE;;
	cursor: pointer;
	float: left; /* set to right on rtl style */
	font-family: MyWebFont;
	font-size: 1.0rem;
	min-height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
}

	.MultiLevelMenu a {
		text-decoration: none;
		font-family: MyWebFont;
		color: #8F0100;
		font-size: 1.3rem;
		font-weight: bold;
		width: 100%;
	}

		.MultiLevelMenu a:hover {
			color: #f53434;
		}

	.MultiLevelMenu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		float: left; /* set to right on rtl style */
		position: absolute;
		left: 0px; /* set to right on rtl style */
		top: 100%;
		display: none;
	}

	.MultiLevelMenu > li {
		margin: 0;
		list-style: none;
		padding: 5px 30px 13px 0; /* set to padding: 5px 0 13px 30px; */
		float: left; /* set to right on rtl style */
		position: relative;
		cursor: pointer;
		white-space: nowrap;
		color: #99d7FE;
		font-family: MyWebFont;
		font-size: 1.1rem;
	}


		.MultiLevelMenu > li > ul li {
			text-align: left; /* set to right on rtl style */
			margin: 0;
			list-style: none;
			padding: 5px 5px 5px 10px; /* set padding: 5px 10px 5px 5px; on rtl style*/
			float: left; /* set to right on rtl style */
			position: relative;
			min-width: 200px;
			cursor: pointer;
			white-space: nowrap;
			color: #99d7FE;
			font-family: MyWebFont;
			font-size: 1.0rem;
		}

	.MultiLevelMenu li:hover {
		color: white;
	}

	.MultiLevelMenu ul ul {
		left: 100%; /* set to right on en style*/
		top: 0;
	}

	.MultiLevelMenu li:hover > ul {
		display: block;
		color: white;
		background: #444444;
	}

	.MultiLevelMenu li ul li:hover {
		background: #000;
		color: white;
	}
/**************** MultiLevelMenu End **********************/